Web 標準動向 2026年3月版
zenn.dev
サイボウズがW3Cメンバーに加入したことを機に、フロントエンドエンジニアがWeb標準の動向を毎月キャッチアップしていく取り組みの紹介。 - Web標準の最新動向を追跡し、共有する活動について - フロントエンドエンジニアがWeb標準化プロセスに関わることの重要性 - 毎月更新されるWeb標準に関する話題の共有
サイボウズ株式会社 saku
What's new in Astro - March 2026
astro.build
2026年3月のAstroのアップデート情報。 Astro 6のリリース、CloudCannon CMSとのパートナーシップ、Astro Together Londonイベントなど。 フロントエンド開発者、ウェブプラットフォームに関心のあるエンジニア、Astroコミュニティのメンバー向け。
Next.js App Router で Emotion と外部スタイルシートの CSS 適用順を制御する
qiita.com
Next.js App Router で Emotion と外部スタイルシートを併用する際に発生するCSS適用順序の問題について解説します。 通常のページでは問題ないものの、エラーページで適用順が意図せず変更されてしまう現象に焦点を当てています。 フロントエンドエンジニア、特にNext.jsやCSS in JSライブラリを使用している開発者向けの記事です。
Qiita株式会社 wataru86
デザインエンジニアMeetup #5 イベントレポート
www.estie.jp
「デザインエンジニアMeetup #5」のイベントレポート。AI時代におけるUI品質の維持と開発スピードの両立をテーマに、デザインとエンジニアリングの融合について議論された。 AIによるUI生成コスト低下を踏まえ、体験設計こそがデザインの主戦場となること、AI時代にこそデザインシステムが不可欠であり「機械のためのUI開発基盤」となること、そしてAI時代におけるデザイナーは「What」の定義や「Craft」の吹き込み、品質担保といったディレクションの役割が重要になることが語られた。 この記事は、デザインエンジニア、フロントエンドエンジニア、プロダクトマネージャー、エンジニアリングマネージャー、ディレクター、QAエンジニア、AI・機械学習に関心のあるエンジニア、そしてデザインシステムに関心のある方々に向けて、AI時代の開発における新しい役割や価値について具体的な示唆を提供する。
株式会社estie estie
【Qiita Bash】エンジニアリングとデザインをつなぐAI活用
increments.connpass.com
AIを活用してエンジニアリングとデザインの境界線を溶かし、協業を促進するイベント「Qiita Bash」が開催されます。Figmaのコード出力やAIによるUI生成など、ツールの進化を踏まえ、現場での実践的なAI活用方法や、エンジニアとデザイナーの連携について語り合います。 - エンジニアとデザイナーの協業をAIでどう推進するかを知りたい方 - FigmaやAIツールを使ったUIコンポーネント生成の実践例に興味がある方 - 開発現場におけるAI活用の最新動向やリアルな体験談を聞きたい方
プライバシー規制の変更にも慌てない。New Relic Browser Consent Modeで、実装をより柔軟に、スマートに。
newrelic.com
New Relic Browser Consent Modeの紹介 プライバシー規制の変更に柔軟かつスマートに対応する新機能 Webサイトのパフォーマンス監視とユーザー体験の可視化に役立つ
New Relic株式会社 Joseph Jang
意外と知らない、Git コマンド【So You Think You Know Git】
qiita.com
この記事は、普段git add, git commit, git pushなどの基本的なコマンドしか使わない開発者向けに、Gitの意外と知られていないコマンドを紹介するものです。 FOSDEM 2024の「So You Think You Know Git」というセッションから、より実践的で役立つGitの知識を深めることを目的としています。 Gitのより高度な使い方を学び、開発効率を向上させたいエンジニアにおすすめです。
Qiita株式会社 tsubasa_k0814
Node.js古川陽介のAIコーディング実践史: ツール比較から運用設計へ
blog.nijibox.jp
AIコーディングツールの進化と、開発者がそれらとどのように関わってきたかの変遷を追う記事。ツールの比較ではなく、実用的な知見の共有を通じて、読者が自身の現場に合ったAI活用プロセスを設計できるようになることを目的とする。 ・AIコーディングツールの進化に合わせて、開発者の役割が「コードを書く」ことから「AIとの関わり方を設計する」ことへシフトしていく過程を解説。 ・補完機能中心からIDEエージェント、CLIエージェント、そして複数ツール併用へと、AIツールの活用方法がどのように変遷してきたかを実践的に紹介。 ・ツールの性能よりも、開発フローの設計やAIとの関わり方を標準化・設計することの重要性を説く、開発者やエンジニアリングマネージャー向けの知見共有記事。
株式会社ニジボックス arisa.oi
Astro 6.1
astro.build
Astro 6.1の新機能紹介。 Sharp画像デフォルトのコーデック特化、SmartyPantsの高度な設定、i18nフォールバックルートの追加。 フロントエンド開発者、ウェブデザイナー、およびAstroフレームワークの利用者に向けた記事。
Webフロントエンドやモバイルアプリからのトレースの投稿に利用できるクライアントトークンをリリースしました ほか7件のアップデート
mackerel.io
Mackerelは、Webフロントエンドやモバイルアプリからのトレース投稿に特化したクライアントトークンをリリースしました。これにより、セキュアなクライアントサイドからのトレース送信が可能になります。 また、トレース課題通知のスヌーズ解除までの残り時間表示、Slack連携設定場所の変更、Azure Front Doorメトリック取得、オーガニゼーション絞り込み機能、ホスト詳細画面の管理名表示、グラフ描画フォント変更、terraform-provider-mackerel v0.9.0リリースなど、多数の機能改善が行われました。 この記事は、Webフロントエンドエンジニア、モバイルアプリ開発者、インフラエンジニア、SRE、およびMackerelを利用する開発者全般を対象としています。
プロダクトエンジニア採用 オンライン説明会
smarthr.connpass.com
SmartHRは、プロダクトエンジニア（バックエンド・フロントエンド）を対象としたオンライン説明会を2026年4月28日に開催します。 - 参加者は、SmartHRの社員と気軽に質問・交流でき、開発環境や働き方についてリアルな話を聞くことができます。 - 転職を考えていない方でも、SmartHRの雰囲気に興味がある方、プロダクト開発に興味がある方であれば参加歓迎です。 - 当日は、会社紹介、開発体制、技術スタックなどの説明に加え、Q&Aの時間が設けられます。
プロダクトエンジニア採用 オンライン説明会
smarthr.connpass.com
SmartHRは、プロダクトエンジニア（バックエンド・フロントエンド）を対象としたオンライン説明会を開催します。 SmartHRの働く環境や開発体制、技術スタックについて、社員と直接話せる機会です。 転職を考えていない方も、情報収集として気軽に参加できます。
React Server ComponentsにおけるCSS
postd.cc
- React Server Components (RSC)の登場と、styled-componentsなどのCSS-in-JSライブラリとの互換性問題について解説します。 - RSCの基本、CSS-in-JSライブラリの仕組み、そしてLinariaやPanda CSS、Pigment CSSといった代替案を比較検討します。 - 最新のReact/Next.jsアプリケーションにおけるCSS戦略と、既存アプリケーションの移行に関する考察を提供します。
Vueのv-htmlとXSS対策：sanitize-htmlの仕組みと使いどころ
qiita.com
Vue.jsの`v-html`ディレクティブとクロスサイトスクリプティング（XSS）脆弱性対策について、`sanitize-html`ライブラリの仕組みと適切な使用場面を解説します。 ユーザー入力データを安全に扱うためのサニタイズ処理の重要性を理解し、`sanitize-html`がどのように危険なHTMLタグや属性を除去・無害化するかの具体的な方法を学びます。 Vue.jsでのXSS対策に興味があるフロントエンドエンジニアや、ウェブアプリケーションのセキュリティを強化したい開発者におすすめの記事です。
株式会社リンクアンドモチベーション megumi_i
職務経歴書はどう見られている？公開添削で知る採用担当目線
lapras.connpass.com
・エンジニア職の転職活動における職務経歴書の重要性と、採用担当者の視点からの添削方法について解説するオンラインイベント。 ・LAPRASのエンジニアが作成した職務経歴書を、人事担当者とCTOが具体例を交えながら公開添削し、改善点や通過率向上のヒントを提供する。 ・職務経歴書に不安を感じているエンジニア、書類選考の通過率を上げたいエンジニア、スカウトの質を高めたいエンジニアにおすすめ。
おすすめの技術同人誌を紹介LT会
yumenosora.connpass.com
「技術書典20」開催記念として、おすすめの技術同人誌を紹介するオンラインLTイベントが開催されます。 技術書典20での購入の参考になるほか、過去の技術書典で発行された本や自身が執筆した本の紹介も可能です。 技術書に興味のあるエンジニアや、おすすめの本を知りたい方、技術交流をしたい方におすすめです。
AIエージェントがコマンドラインでブラウザを自動操作できる「Browser Use CLI 2.0」リリース。Chrome DevToolsへの接続などで操作速度が2倍に
www.publickey1.jp
- コマンドラインからブラウザ操作を自動化できるPythonライブラリ「Browser Use CLI 2.0」がリリースされた。 - Chrome DevTools Protocolへの対応やセッション保持機能により、操作速度が2倍に向上した。 - 開発者、特に自動化やテストに関わるエンジニア向け。
Publickey jniino
業務アプリのフロントエンド負債と向き合い、Tailwind CSS から Panda CSS への移行を決めた話
zenn.dev
Next.js（App Router）+ TypeScript で開発されている社内業務効率化 Web アプリケーションにおいて、フロントエンドのスタイリングに Tailwind CSS を採用していたが、プロジェクト開始から 1 年半が経過しコードベースが肥大化したことで、フロントエンドの技術的負債と向き合い Panda CSS への移行を決断した経緯について書かれています。 * フロントエンド開発における技術的負債の解消と、スタイリング手法の改善に関心のあるフロントエンドエンジニア。 * 大規模な Web アプリケーション開発における CSS の管理や、新しいスタイリングツールの導入を検討している開発チーム。 * Next.js や TypeScript を利用した開発経験があり、開発効率と保守性の向上を目指しているエンジニア。
レバレジーズ株式会社 Koichi Hayakawa
LINEヤフーのエンジニアの動向を知る：State of LY 2025実施レポート
techblog.lycorp.co.jp
LINEヤフーが2025年に実施した社内開発者向けのアンケート「State of LY 2025」の実施レポートです。昨年に引き続き、開発者の動向を把握することを目的としています。 - LINEヤフー社内の開発者の意識や動向を知りたいエンジニア - 開発者向けアンケートの結果に関心のある方 - 企業における開発者コミュニティやエンゲージメント施策について知りたい方
【初心者向け】Google タグマネージャー（GTM）初期設定ガイド
qiita.com
Google タグマネージャー（GTM）の初期設定について、GA4との連携やクリック計測の方法を解説します。 - GTMを初めて使う方 - Webサイトのデータ分析を始めたい方 - クリック計測の設定方法を知りたい方
株式会社ニジボックス kim_doyun
音威子府村のAI副村長「ねっぷちゃん」を支える技術 - 地域に根ざすAIのつくりかた -
techblog.kayac.com
音威子府村のAI副村長「ねっぷちゃん」開発プロジェクトについて、技術選定の背景、アーキテクチャ、RAG戦略、テスト方針などを解説しています。 * 音威子府村のAI副村長「ねっぷちゃん」開発における技術スタック、アーキテクチャ、開発プロセスを解説。 * Cloudflare Workersを基盤とし、TypeScript、Hono、Mastra、Geminiなどを活用したバックエンドとReactを用いたフロントエンドの構成を紹介。 * RAG戦略、データ準備、検索、テスト方針、今後の展望について、少人数開発でのスピード感と拡張性を両立させる工夫を詳述。
株式会社カヤック wapppy
わずか9秒の「事前タスク」でクラウドソーシング実験のデータ品質向上（CHI 2026採択論文解説）
techblog.lycorp.co.jp
クラウドソーシングで収集したデータを用いて、モデルの精度向上に貢献する「事前タスク」という手法を解説。 わずか9秒の事前タスクでデータ品質を向上させることで、より高精度なモデル開発を可能にする。 ・HCI研究者、データサイエンティスト、機械学習エンジニア向けの記事
ViteネイティブなWebプラットフォーム「Void」発表。Cloudflareの上に構築されたフルスタックの実行環境
www.publickey1.jp
ViteネイティブなWebプラットフォーム「Void」が発表されました。 Cloudflare上に構築されており、ViteのツールチェーンからワンコマンドでフルスタックWebアプリケーションのデプロイが可能です。 フロントエンドエンジニア、プラットフォームエンジニア、インフラエンジニア向けの記事です。
Publickey jniino
JavaScriptの統合ツールチェーン「Vite+」がオープンソースで公開
www.publickey1.jp
VoidZeroは、JavaScriptの統合開発ツールチェーン「Vite+」のアルファ版をオープンソースで公開しました。 このツールは、ESモジュールに対応した高速なビルドツール「Vite」などを統合したものです。 開発者の生産性向上を目的としており、JavaScript開発者、フロントエンドエンジニア、および関連技術に関心のあるエンジニア向けです。
Publickey jniino
ビルドツール「Vite 8.0」正式リリース。Rustベースの新バンドラ「Rolldown」採用でより一貫した動作や最適化を実現
www.publickey1.jp
ビルドツール「Vite」の最新版「Vite 8.0」がリリースされました。 本バージョンではRustベースの新バンドラ「Rolldown」が採用され、プロダクションビルドの高速化と一貫性の向上が図られています。 フロントエンドエンジニア、JavaScript/TypeScript開発者、およびビルドツールの最適化に関心のあるエンジニア向けの記事です。
Publickey jniino
【Mac】ZoomでOBS上で流している動画を配信する方法
qiita.com
・Zoomで動画共有時に映像が止まる問題をOBSと仮想オーディオインターフェースで解決する方法を解説。 ・PC内の動画をOBS経由でZoomに高画質・安定配信する技術的なテクニックを紹介。 ・Zoomでの配信トラブルシューティングや、より高度な配信設定に興味がある方におすすめ。
株式会社TORICO tsk_39
Tauri + Nuxt 4 触ってみた話
qiita.com
- Webの知識を活かして、Electronの代替となるデスクトップアプリ開発ツールを探していた。 - Nuxtをフロントエンドに利用できるTauriというツールについて、実際に触ってみた経験を共有している。 - Webアプリ開発の知識をデスクトップアプリ開発に応用したいフロントエンドエンジニアや、新しい開発ツールに興味があるエンジニア向けの記事。
株式会社TORICO tsk_39
静的サイトジェネレータ「Astro 6.0」正式リリース。開発環境としてCloudflare Workers対応。Rust製コンパイラの実験的追加など
www.publickey1.jp
静的サイトジェネレータ「Astro」のメジャーアップデート版「Astro 6.0」がリリースされました。Cloudflareによる買収後初となる本バージョンでは、Cloudflare Workersを開発環境としてサポートし、Rust製コンパイラの実験的追加なども行われています。 このアップデートは、Astroを利用するフロントエンド開発者、およびCloudflareのサービスを活用したい開発者にとって重要です。 Cloudflare Workersとの連携強化や、Rustによるパフォーマンス向上への期待が寄せられています。
Publickey jniino
ちょっとした相談相手として私が選んだのは…。
note.com
虎の穴ラボのカスタマーサポート担当者が、週末のフットサルチームでのカメラマンとしての活動について語る記事です。 お気に入りの写真を紹介し、その活動への情熱を垣間見せます。 この記事は、趣味と仕事の両立や、日常のちょっとした出来事に焦点を当てた内容に関心がある読者向けです。
CloudCannon Joins Astro as an Official CMS Partner
astro.build
CloudCannonがAstroの公式CMSパートナーになったことが発表されました。CloudCannonはAstroのオープンソースの維持開発に毎月4,000ドルを寄付します。 - Astro開発者 - ウェブサイト開発者 - CMSに関心のある開発者
JavaScript製表計算ライブラリ「SpreadJS」、生成AIへの指示で自動集計や分析が可能になる機能搭載
www.publickey1.jp
JavaScript製表計算ライブラリ「SpreadJS」の新バージョンv19Jが、生成AIとの連携機能を搭載しました。 これにより、AIへの指示で自動集計や分析が可能になります。 Webアプリケーション開発者、特に表計算機能の強化やAI連携を検討しているエンジニア向けの記事です。
Publickey jniino
創発的なコミュニケーションが生まれる新感覚の一日！React Tokyo フェス 2026 イベントレポート
techblog.lycorp.co.jp
React Tokyo フェス 2026 のイベントレポート。 LINEヤフーがスポンサーとして参加した本イベントでは、創発的なコミュニケーションが生まれる新感覚の一日となった。 フロントエンドエンジニア、Web開発者、イベント参加者向けの記事。
コーディングガイドライン運用をAIで自動化し、レビュー知見を資産化する
developers.cyberagent.co.jp
- コーディングガイドラインの運用をAIで自動化し、レビューの知見を資産化する手法について解説。 - コードレビューの効率化と品質向上を目指す。 - フロントエンドエンジニア、QAエンジニア、テックリード、エンジニアリングマネージャー向け。
株式会社サイバーエージェント yuuumin
Cybozu Frontend Monthly#67
cybozu.connpass.com
サイボウズ社内で行われているフロントエンド技術の情報共有会「フロントエンドウィークリー」の社外公開版です。 毎月、サイボウズのフロントエンドエンジニアが、その月に気になったフロントエンド関連の情報を共有します。 YouTubeでのライブ配信（事前収録・編集済み）と、Twitterでのリアルタイムな交流が予定されており、フロントエンドの最新情報をキャッチアップしたいエンジニアにおすすめです。
【React + GAS】スプレッドシートのWBSをカンバンボードにしたい① ~環境構築~
qiita.com
・ReactとGoogle Apps Script (GAS) を使用して、スプレッドシートで管理しているWBSをカンバンボード形式で可視化する手法を紹介する記事の第一弾。 ・環境構築から解説を始める。 ・スプレッドシートでの案件管理に課題を感じている方、タスク管理を効率化したいフロントエンドエンジニアやプロジェクトマネージャーにおすすめ。
株式会社ニジボックス tanaka0102
Astro 6.0
astro.build
Astro 6.0がリリースされました。 - 開発サーバーのリファクタリング、実験的なRustコンパイラ、ライブコンテンツコレクション、CSP対応などが含まれます。 - フロントエンド開発者、JavaScript/TypeScript開発者、Rustに関心のある開発者向けの記事です。
Claude Codeの業務活用Tips 7選！
toranoana-lab.hatenablog.com
・Claude Codeの業務活用Tips7選を紹介。大規模マイグレーション、仕様・不具合調査、テスト実行、ブラウザ操作、テスト仕様書作成、PRレビュー指摘対応、PR作成依頼など、具体的な活用方法とプロンプト例を解説。 ・AI活用における3原則（反復的確認、証跡重視、最終確認は人間）を提示し、AIと人間の協業による効率化と品質向上を目指す。 ・AIに得意なタスクを任せ、自身は判断や設計に集中することで、仕事の質と楽しさを向上させるための実践的なガイド。
虎の穴ラボ株式会社 toranoana-lab
ITエンジニア達の「偏愛リモート環境」お披露目会
lapras.connpass.com
ITエンジニア向けに、各自がこだわりを持ってカスタマイズしたリモートワーク環境を紹介し、知見を共有するオンラインイベント。 ディスプレイ、キーボード、マイク、照明、配線整理など、具体的な機材や工夫について、雑談形式でゆるく語り合う。 ITエンジニア、特にリモートワーク環境の最適化に関心のある方、新しいガジェットの情報を求めている方におすすめ。
The React Foundatoinが正式に創設、中立的なReactの開発へ。Linux Foundation傘下で
www.publickey1.jp
ReactおよびReact Nativeの開発を中立的な立場で推進する「The React Foundation」がLinux Foundation傘下で正式に設立されました。 この組織は、Reactエコシステムの健全な発展とコミュニティの支援を目指します。 フロントエンドおよびモバイル開発者、プロジェクトマネージャー、プラットフォームエンジニアなどが対象となります。
Publickey jniino
Google、Chromeのリリースサイクルを2週間に短縮すると発表。Webの進化がさらに高速に
www.publickey1.jp
Google Chromeのリリースサイクルが、2026年9月8日より4週間から2週間に短縮されます。 これにより、Webの進化がさらに加速することが期待されます。 Web開発者、ブラウザ利用者、および最新技術に敏感なIT関係者向けのニュースです。
Publickey jniino
Web 標準動向 2026年2月版
zenn.dev
サイボウズ株式会社のフロントエンドエンジニアが、W3Cメンバー加入を機にWeb標準の動向を毎月まとめている記事です。 * Web標準の最新動向を追跡し、開発者コミュニティに共有することを目的としています。 * 標準化プロセスへの関与や、そこで得られた知見が共有される可能性があります。 * フロントエンドエンジニアや、Web技術の標準化に関心のある開発者向けです。
サイボウズ株式会社 daiki
いまRemix v3を学ぶ意味。Reactとの使い分けから考える技術選定の基準
levtech.jp
Remix v3の学習価値とReactとの使い分けについて解説。 技術選定の基準を明確にするための考察。 フロントエンド開発者、テックリード、アーキテクト向け。
レバレジーズ株式会社 レバテックLAB
Swaggerを使ったAPIドキュメントの作成と、バックエンドとフロントエンド間の連携
techblog.lycorp.co.jp
- Swaggerを用いたAPIドキュメント作成方法と、それがバックエンドとフロントエンド間の連携をどのように改善するかを解説します。 - API仕様の明確化、開発効率の向上、コミュニケーションの円滑化といったメリットに触れます。 - バックエンドエンジニア、フロントエンドエンジニア、テックリード、プロジェクトマネージャーなど、API開発に関わる全てのエンジニア向けの記事です。
構築4カ月、運用2年目。グッドパッチとjinjerが共創したデザインシステムがもたらした効果とは？｜Blog｜Goodpatch グッドパッチ
goodpatch.com
統合型人事システム「ジンジャー」が、プロダクト間のUI/UXの不整合と開発効率低下の課題を解決するため、グッドパッチと協力してデザインシステムを構築した事例。 デザインシステム構築と既存プロダクトのリデザインを並行して進め、デザインの統一、開発速度の向上、デザイナーとエンジニア間の共通言語化を実現した。 本記事は、プロダクトマネージャー、デザイナー、エンジニア、およびデザインシステムに関心のある開発者向けに、プロジェクトの経緯、プロセス、得られた効果、そして今後の運用について解説する。
株式会社グッドパッチ 秋元 沙織
2025年11・12月入社メンバー紹介
blog.kinto-technologies.com
2025年11月・12月に入社した8名のメンバーを紹介する記事です。 各メンバーの自己紹介、所属チームの体制や雰囲気、入社動機、オフィスでの気に入っている点、そして他メンバーからの質問への回答がまとめられています。 IT、ソフトウェア、デザイン、マーケティング業界に興味のある方、KINTOテクノロジーズへの入社を検討している方、そして新しく入社したメンバーの活躍を知りたい読者向けです。
【TypeScript】代数的データ型って何?
qiita.com
「代数的データ型(ADT)」について、TypeScriptで日常的に使われるUnion型やIntersection型との関連性を解説します。 ADTは難解な数学的概念ではなく、これらの型を組み合わせることで実現できることを説明します。 TypeScriptを日常的に利用する開発者、特に型システムに関心のあるフロントエンド、バックエンドエンジニア向けの記事です。
Qiita株式会社 tsubasa_k0814
「自分を信用しない」プロダクトリードエンジニアが、日々の業務で大切にしていること
note.linc-well.com
・プロダクトリードエンジニアが日々の業務で大切にしていることを解説 ・「自分を信用しない」という姿勢で、多角的な視点から本質を見抜く重要性を説く ・プロダクト開発に携わるエンジニアやマネジメント層に向けた内容