marginとpaddingを覚えるのが苦手な人へ。私はこれで覚えました。
qiita.com
marginとpaddingの区別がつかなくなりがちなWeb開発者向けの記事です。 「マージンをとる」という日常的なフレーズから連想が難しいという悩みに寄り添い、筆者が覚えられるようになった具体的な方法を紹介しています。 CSSのbox-modelの理解を深めたい方におすすめです。
Qiita株式会社 gomimoto
AI Agent × ヘッドレスブラウザによる業務自動化をきっかけとした、AI駆動思考への第一歩
techblog.lycorp.co.jp
AI Agentとヘッドレスブラウザを組み合わせた業務自動化について解説。 AI駆動思考への第一歩として、具体的な活用方法やその可能性を探る。 開発組織のマネジメントやAIプロダクト開発に携わるエンジニア、マネージャー向け。
2026年7月の技術系イベント予定
techblog.lycorp.co.jp
LINEヤフー株式会社が主催・協賛する2026年7月の技術系イベント・勉強会についてお知らせします。 最新情報や申し込み状況は各リンク先でご確認ください。 技術者全般、特にイベントや勉強会への参加に関心のある方向けの記事です。
続・インフラしかわからん民がフロントエンドアプリにコピペでエージェント導入するお試しアプリを用意してみた!やってみて!!
qiita.com
複雑なシステムでサーバーのキャパシティだけでは原因特定が難しい問題に直面した経験がある人へ。 New Relicのブラウザエージェントをフロントエンドアプリに導入することで、容易に原因究明の手がかりが得られる。 インフラ担当者でもフロントエンドアプリにエージェントを導入できることを示すお試しアプリの紹介。
New Relic株式会社 khara-nrkk
新しめプロパティmargin-inlineとmargin-blockどっちが上下でどっちが左右か問題
qiita.com
CSSのmargin-inlineとmargin-blockプロパティについて解説しています。 これらのプロパティは、上下左右のマージンをまとめて指定できる便利な機能ですが、どちらが上下でどちらが左右なのか混乱しやすい点を解消します。 CSSのレイアウトやスタイリングに携わるフロントエンドエンジニアやデザイナー向けの記事です。
Qiita株式会社 moroi
AIで変わる設計と判断——デザイン × フロントエンド、複数社が語る失敗と工夫
super-studio.connpass.com
AI技術がデザインとフロントエンド開発の現場にどのような影響を与えているのか、具体的な失敗談や工夫を交えながら、複数企業の事例を通して解説するイベントレポート。 AIを開発プロセスに組み込む際の判断軸や設計の難しさ、デザインシステムとAIの連携、AI生成デザインにおける品質担保など、実践的な課題について議論する。 フロントエンド開発経験者、デザインシステムに関わる方、AIツールの活用に悩むエンジニアやデザイナー、マネージャー層が対象。
サイト構造最適化｜パンくずリストの構造化データと正しい階層構造
qiita.com
* URLを変更せずにパンくずリストのみを階層化し、Googleに親子関係を伝える方法について解説しています。 * SEO担当者がエンジニアと協力して実装した経験に基づき、具体的な要件定義や実装のポイントを共有しています。 * SEO担当者、Webディレクター、フロントエンドエンジニアなど、サイト構造やSEO施策に関わる担当者向けの記事です。
Qiita株式会社 ozawa-nami
【SEO×開発】URL正規化（canonical・301）の要件定義
qiita.com
・URL正規化（canonical・301リダイレクト）のSEOにおける重要性と、開発者とSEO担当者間の認識共有の必要性を解説。 ・開発者が知っておくべきURL正規化の仕様や実装時の注意点について、SEO担当者の視点からまとめている。 ・SEO担当者とエンジニアが円滑に連携し、より良いWebサイト構築を目指すためのガイド。
Qiita株式会社 ozawa-nami
【SEO×開発】正しいステータスコードでGoogleにページ状態を伝える
qiita.com
SEO担当者向けの記事です。 サイト運用において、ページの削除やURL変更時にHTTPステータスコードが正しく設定されていないと、Googlebotが混乱し、SEOに悪影響を与える可能性があります。 この記事では、正しいステータスコードの活用方法について解説します。
Qiita株式会社 ozawa-nami
200以上ある画面のEdgeToEdge対応を爆速で終わらせた話
speakerdeck.com
・200以上の画面を持つアプリケーションのEdgeToEdge対応を効率的に進めた事例の紹介。 ・モバイルアプリ開発におけるUI/UX改善と開発効率化に焦点を当てた内容。 ・モバイルアプリ開発者、UI/UXデザイナー、技術リード層が対象。
Cybozu Frontend Monthly#69
cybozu.connpass.com
- サイボウズ社内で行われているフロントエンド情報共有会「フロントエンドウィークリー」の社外公開版です。 - フロントエンドエンジニアがその月に気になった情報を共有し、YouTube Liveで配信されます。 - 配信は事前に収録・編集されたものですが、当日はTwitterでのリアルタイムな交流も予定されています。
Astro + Cloudflare Pages + microCMS で作る静的サイト構成
qiita.com
Astro、Cloudflare Pages、microCMS を用いた静的サイト構築方法についての記事です。 Vue.js や React などのフレームワークの知識がなくても、容易に静的サイトを構築できることを紹介しています。 Webサイト制作の担当者や、静的サイトの構築に興味のあるエンジニアにおすすめです。
Qiita株式会社 acronhub
kintoneAI正式リリース記念！kintone開発キャリアBAR
cybozu.connpass.com
「kintoneAI」の正式リリースを記念した、kintone開発キャリアBARイベントが開催されます。 kintoneのAI機能開発の最前線にいるエンジニアと直接話せる、軽食・ドリンク付きのカジュアルな交流イベントです。 サイボウズでのエンジニアの働き方や開発の裏側、AI機能開発について知りたい方、転職を検討している方におすすめです。
ねえパパ、ほとんどのエンジニアは四則演算を計算するプログラムすら書けないってホント？
zenn.dev
・ほとんどのエンジニアは、四則演算すらプログラムで実装できないのではないか、という問いかけから始まる。 ・簡単な四則演算プログラムの実装を例に挙げ、その難しさを解説する。 ・プログラミングの基礎能力を問う記事であり、エンジニア全般、特に初学者や基礎を見直したいエンジニア向け。
株式会社アルダグラム hiroyahorai
【入社エントリ】歴史あるシステムを最先端へ！新しい技術へ挑戦／エンジニア／10問10答
note.com
・歴史あるシステムを最新技術で刷新するエンジニアの入社エントリ記事です。 ・新しい技術への挑戦や、システム移行のプロセスについて触れられています。 ・エンジニア（特にバックエンド、フロントエンド、インフラ担当）にとって、システム刷新の経験や技術的な挑戦に興味がある読者におすすめです。
小ネタ: Coil だけで GIF アニメーションの再生/停止をコントロールする
qiita.com
Androidの画像ライブラリCoilでGIFアニメーションを再生・停止する方法について解説。 Coil単体ではGIFアニメーションが扱えないため、アドオンのcoil-gifを追加する方法に触れている。 Androidアプリ開発者、特にComposeを利用している開発者向けの記事。
株式会社はてな mangano-ito
【CSS】clip-pathのpolygon()を角丸にする方法
qiita.com
- CSSのclip-path: polygon()で作成した多角形の角を丸くする方法について解説しています。 - 従来のborder-radiusが効かない問題を、ベジェ曲線やSVGのpath()を使わずに解決する手法を紹介します。 - フロントエンドエンジニアやWebデザイナーで、より複雑な形状のクリッピングを実装したいと考えている人向けです。
Qiita株式会社 degudegu2510
【先着順】kaonavi Tech Night #1
kaonavi.connpass.com
- カオナビのエンジニアリングの現状、技術的挑戦、課題について本音で語るテックナイトイベント。 - 当日はエンジニアによるLTやCTOによるセッション、懇親会が予定されている。 - カオナビの技術スタックや開発プロセス、現場のリアルな声に興味のあるエンジニア、テックリード、CTO向け。
【Chrome】ふりがなのautocompleteサポートするようになった！！
qiita.com
Google Chromeが、日本語のフォーム入力における「ふりがな」の自動補完をサポートするようになった。 これにより、ユーザーは漢字の名前とは別に、読み仮名を毎回手入力する手間が省ける。 フロントエンド開発者や、ユーザー体験の向上に関心のあるプロダクトマネージャー、デザイナー向けの記事。
Qiita株式会社 degudegu2510
【CSS】text-fitプロパティでテキストをコンテナ幅にフィットさせる！！
qiita.com
CSSの新しい`text-fit`プロパティを紹介し、テキストをコンテナ幅に自動でフィットさせる方法を解説します。従来はJavaScriptや手動調整が必要でしたが、このプロパティにより簡便に実現できるようになります。 * Web開発者、特にフロントエンドエンジニア向けの記事です。 * CSSの新しい機能`text-fit`プロパティの利用方法を解説します。 * テキストをコンテナ幅に自動調整する、より効率的な手法を学びたい方におすすめです。
Qiita株式会社 degudegu2510
フロントエンド・PHPカンファレンス北海道2026に参加しました
note.com
「フロントエンド・PHPカンファレンス北海道2026」への参加レポート。 フロントエンドエンジニアやPHPエンジニア、およびこれらの技術に関心のある開発者。 最新の技術動向や知見を得たい方。
MTM運営くんについて話します
engineerteam.note.jp
・note社で隔週開催されている社内LT大会「Multi-week TechMeetup（MTM）」の発表内容を連載形式で紹介する記事です。 ・今回はフロントエンドエンジニアのirieさんによるLT発表を元にした内容です。 ・フロントエンドエンジニアや、社内勉強会・LT発表に興味がある方におすすめです。
【CSS】FlexとGridのGapにBorderをつけることができるようになった！！
qiita.com
CSSのFlexboxとGridで、要素間の隙間に境界線（ボーダー）を直接設定できるようになりました。 これにより、従来のように疑似要素や余分なDOM要素を使わずに、よりシンプルでアクセシブルなレイアウトが実現できます。 フロントエンドエンジニアやCSSレイアウトに興味のあるデザイナー向けの記事です。
Qiita株式会社 degudegu2510
WCAG 2.2 もくもく会 #0 ～ 前文 ～
legalforce.connpass.com
WCAG 2.2のガイドラインと達成方法集を読み合い、学びや気づきを共有するオンライン勉強会（もくもく会）です。 毎月第1, 2, 3木曜日に開催され、第3木曜日はオフライン交流会も実施されます。 初回はガイドラインの前文を読みます。 ・WCAG 2.2の理解を深めたいフロントエンドエンジニアやWebアクセシビリティ担当者 ・デザインやプロダクト開発におけるアクセシビリティを考慮したいデザイナーやプロダクトマネージャー ・Webアクセシビリティの最新動向に関心のあるQAエンジニアや開発者全般
インフラしか分からん民がフロントエンドアプリを計測するためのエージェント導入手順をまとめてみた!やってみて!!
qiita.com
インフラエンジニアがフロントエンドアプリの計測を行うためのエージェント導入手順について解説した記事です。 Webアプリの複雑化とユーザー環境の多様化により、アプリ内部の挙動把握や問題解決が困難になっている現状を踏まえ、計測ツールの導入方法を具体的に示しています。 インフラエンジニアや、フロントエンドアプリのパフォーマンスや挙動を理解したい開発者向けの内容です。
New Relic株式会社 khara-nrkk
【クラシル】分量調整機能のリリースについて
zenn.dev
クラシルアプリに「分量調整機能」がリリースされました。 この機能は、レシピの材料分量を人数に合わせて自動で調整するものです。 フロントエンドエンジニアや、レシピサービスに関心のある開発者、プロダクトマネージャー向けの記事です。
dely株式会社 Nosuke
フロントエンドカンファレンス名古屋 2026に参加しました
note.com
・「フロントエンドカンファレンス名古屋 2026」に参加したイベントレポート。 ・イベントは5月9日(土)に愛知県で開催された。 ・イベントの概要や内容について報告している。
カオナビはFE・PHPカンファレンス北海道2026に協賛、スポンサーブースを出展、エンジニアが登壇します
note.com
・カオナビが「フロントエンド・PHPカンファレンス北海道2026」にゴールドスポンサーとして協賛します。 ・同社はスポンサーブースを出展し、エンジニアも登壇する予定です。 ・本記事は、フロントエンドやPHPエンジニア、およびイベントに関心のある技術者向けの内容です。
analyzer のパッチ番号 1 違いで止まった Flutter ビルド：retrofit と custom_lint の依存デッドロック解決記
blog.kinto-technologies.com
・Flutter SDKのアップグレード中に発生した、retrofit/analyzer/custom_lint間の依存関係のデッドロックについて解説。 ・わずか1パッチ差のanalyzerバージョン要求が原因で、pub solverが解決できなくなる問題と、dependency_overridesの罠について説明。 ・最終的に、retrofit_generatorのバージョンを調整することで問題を解決した事例と、同様の問題に遭遇した場合の対策を提示。
Rust製の高速なJavaScriptバンドラ「Rolldown」がバージョン1.0に到達。ビルドツールVite 8.0で採用
www.publickey1.jp
Rust製のJavaScriptバンドラ「Rolldown」がバージョン1.0に到達しました。 esbuildの高速性とRollupの拡張性を併せ持ち、ビルドツールVite 8.0で採用されたことで注目度が高まると予想されます。 フロントエンドエンジニア、バックエンドエンジニア、インフラエンジニア、および最新のビルドツールに関心のある開発者向けの記事です。
Publickey jniino
2026年上半期にやっちまったことLT大会 〜仕事の失敗をみんなで供養しよう〜
lapras.connpass.com
2026年上半期の仕事における失敗談を共有し、学びとするLT大会。 オンライン開催で、参加者全員で失敗を糧にする。 エンジニア、マネージャー、ディレクターなど、自身の失敗談を共有したい、他者の失敗から学びたいと考えている方におすすめ。
Qiita Tech Festa Day 2026
increments.connpass.com
Qiita Tech Festa Day 2026は、技術トレンドのキャッチアップやAI導入による新たな課題解決のヒントを得られるハイブリッドイベントです。 著名なゲストによる基調講演や、QiitaユーザーによるLT、プレゼント企画の結果発表など、多様なコンテンツが用意されています。 技術者、開発者、AIに関心のあるすべての方々におすすめです。