【Claude】理想のUIを解析して、使い慣れた言語で再現するSkillを作った
qiita.com
Claudeの「Skill」という機能を使って、理想のUIを解析し、それを使い慣れたプログラミング言語で再現する仕組みを構築した体験談です。 - UIデザインや開発に興味のある方 - Claudeの活用方法を知りたい方 - 新しい開発ツールの導入を検討している方
Qiita株式会社 katoriko
What's new in Astro - February 2026
astro.build
## Astroの2026年2月のアップデート情報 * Astroが2025年のState of JSで注目され、HTTP Archiveの結果でも採用率が上昇していることが報告されています。 * Web開発者、特にフロントエンドエンジニアやAstroフレームワークに関心のある開発者向けの記事です。 * 最新のトレンドやフレームワークの動向を把握したい方におすすめです。
Claude Code を小さく始める ― 導入からカスタマイズまで
qiita.com
- 大規模言語モデル（LLM）を活用したコーディング手法の進化について、入門からカスタマイズまでを解説します。 - LLMを使ったコーディングに何から手をつければ良いか迷っているWebエンジニア向けです。 - 最新のLLMコーディング手法の基礎を学び、実務に活かすための第一歩を踏み出したい方におすすめです。
Qiita株式会社 Adacchi3
Web上の巨大HTMLドキュメントを探る
postd.cc
Webサイトで巨大なHTMLドキュメントが生成される原因と、それがパフォーマンスに与える影響について解説します。 Base64エンコードされた画像、インラインCSS、埋め込みフォント、クライアントサイドレンダリングのための状態などが、HTMLサイズ増大の主な要因です。 Web開発者、フロントエンドエンジニア、パフォーマンス最適化に関心のある方々に向けて、問題の特定と改善策を示唆します。
skill-creator-guide
speakerdeck.com
このガイドは、スキルクリエイターとして成功するための包括的なリソースです。初心者から経験者まで、自身のスキルを効果的に作成し、市場で価値を高めるための戦略と実践的なヒントを提供します。 このガイドは、自身のスキルを向上させたいと考えている個人、キャリアアップを目指すエンジニア、フリーランサー、そして新しい技術を習得したいすべての人々を対象としています。 スキルの定義、学習方法、ポートフォリオの構築、そしてそれを収益化する方法まで、ステップバイステップで解説しています。
PlaywrightのVRTが不安定？アニメーションと遅延読み込みに立ち向かった話
zenn.dev
PlaywrightのVRT（ビジュアルリグレッションテスト）移行に関する課題と解決策についての記事です。 アニメーションや遅延読み込みといった、VRTで直面しやすい課題にPlaywrightでどう対応したかが解説されています。 QAエンジニアや、E2Eテスト基盤の活用を検討している開発者向けです。
株式会社アルダグラム chiba_k
プロダクトエンジニア採用 オンライン説明会
smarthr.connpass.com
SmartHRでは、プロダクトエンジニア（バックエンド、フロントエンド）を対象としたオンライン説明会を2026年3月10日に開催します。 この説明会は、SmartHRの働く環境、開発体制、技術スタックなどに興味がある方が、社員と気軽に質問・交流できる機会です。 選考応募は必須ではなく、転職を考えていない方でも参加可能です。
プロダクトエンジニア採用 オンライン説明会
smarthr.connpass.com
SmartHRがプロダクトエンジニア向けのオンライン説明会を開催します。 ・ 開催日時は3月26日（木）19:00〜20:00で、オンライン（Google Meet）で開催されます。 ・ 開発環境や技術スタック、働き方などについて、現役エンジニアと気軽に質問・交流できる機会です。バックエンドエンジニア、フロントエンドエンジニアが対象ですが、転職を考えていない方も歓迎しています。
AWS、サブエージェントごとにフロントエンド担当、バックエンド担当などカスタマイズによる高性能化が可能な「Kiro 0.9」リリース
www.publickey1.jp
Amazon Web Services (AWS) が、カスタマイズ可能な高性能AIコードエディタ「Kiro 0.9」をリリースしました。 KiroはVS Code互換のエディタに生成AIを統合し、要件定義から実装まで開発プロセス全体でAIの支援を受けられます。 サブエージェントごとにフロントエンド、バックエンドなどの担当を割り当て、より高度なコード生成や補完が可能になります。
Publickey jniino
pnpmのセットアップ&使い方
qiita.com
pnpmのセットアップ方法と使い方について解説します。 pnpmはnpmやyarnよりもパフォーマンスに優れているとされるNode.js用パッケージマネージャーです。 Node.js開発者、特にパフォーマンスを重視する開発者や、新しいツールを試したい開発者向けの記事です。
株式会社ディー・エヌ・エー uhooi
ブラウザ開発ツールの'Copy as cURL'が調査にとても便利
zenn.dev
ChromeやEdgeブラウザに搭載されている「Copy as cURL」機能を紹介します。 この機能を使うと、開発ツールからブラウザで開いているページの情報をcurlコマンドとしてコピーできます。 Web開発者やデバッグを行うエンジニアにとって、調査や検証作業の効率を大幅に向上させる便利な機能です。
イオン株式会社 もりはや
【検証】AIへの「アクセシビリティ指示」でデザインシステムの実装品質はどう変わるか
toranoana-lab.hatenablog.com
・AI（Claude Code）にアクセシビリティ指示を与えた場合のデザインシステム実装品質を検証。 ・Liquid Glass風デザインを「アクセシビリティ指示なし」と「あり」の2パターンで実装し、Lighthouseスコア、コントラスト比、セマンティックHTMLなどを比較。 ・AIによる自動生成だけではアクセシビリティの品質を正確に測れないこと、指示により改善する領域があること、しかし最終的な品質担保には人のチェックが不可欠であることを示唆。
虎の穴ラボ株式会社 toranoana-lab
シネマ de LT会#2 〜Back to the Screen〜
aeon.connpass.com
映画館を会場としたLT（ライトニングトーク）大会「シネマ de LT会#2 〜Back to the Screen〜」の告知です。 エンジニアリングに関するテーマであれば自由な発表が可能で、映画館のスクリーンと音響を活かした迫力あるプレゼンが期待されます。 発表者には、発表内容に必ず映画のネタ（タイトル、セリフ、キャラクターなど）を1つ含めることが求められます。
New Relic Mobile × Browser 連携：WebViewのセッションを紐付けてエンドツーエンドのユーザー分析を実現する
qiita.com
New Relic MobileとBrowserの連携により、ハイブリッドアプリにおけるWebView内のセッションを紐付け、エンドツーエンドのユーザー分析が可能になります。 これにより、「画面が白くなった」「動かない」といったネイティブ側とJavaScript側の原因切り分けが容易になります。 モバイルアプリ開発者、特にハイブリッドアプリを運用するエンジニアやテックリード向けの記事です。
New Relic株式会社 MarthaS
マイクロソフト、.NETランタイムでWebAssemblyの実行をサポートへ、CoreCLRに実装を開始
www.publickey1.jp
マイクロソフトが.NETランタイムでWebAssemblyの実行をサポートする作業を開始しました。 これは、.NET 11 Preview 1で発表され、CoreCLRに実装が進められています。 WebAssemblyのサポートは、将来的に.NET 12以降での正式リリースが予定されており、Web開発における.NETの活用範囲を広げる可能性があります。 対象読者: - .NET開発者 - WebAssemblyに関心のある開発者 - 新しい技術動向を追いたいエンジニア
Publickey jniino
【小ネタ】VS Code のエージェントピッカーが大渋滞したので frontmatter 1 行で解決した
qiita.com
VS Codeでエージェントピッカーが多数表示され、操作が困難になった問題を、`.agent.md`ファイルのfrontmatterを1行にするという簡単な方法で解決した。 - VS Codeのエージェントピッカーの表示数を減らす方法を知りたい開発者。 - 設定の簡略化や効率化に関心のあるフロントエンドエンジニア。 - 開発環境の最適化を模索しているテックリードやアーキテクト。
日本マイクロソフト株式会社 aktsmm
Web フォントを使って contenteditable から脱出する
techblog.lycorp.co.jp
Webフォントを使用してcontenteditable属性を持つ要素の表示を制御する方法について解説しています。 contenteditableの挙動とWebフォントの読み込みタイミングのずれによって、意図しない表示になる問題を解決策とともに紹介します。 Webフロントエンド開発者、特にリッチテキストエディタなどの実装に携わるエンジニア向けの記事です。
Git submoduleを使ってマルチリポジトリなMonorepoを管理する
techblog.lycorp.co.jp
Gitのサブモジュール機能を用いて、複数のリポジトリで構成されるモノレポを効率的に管理する方法について解説します。 複数のプロジェクトを一つのリポジトリで管理したい、あるいは既存のプロジェクトを分割して管理したいと考えているエンジニア向けです。 Gitの高度な機能を活用し、開発効率とコード管理の複雑さを軽減したい方におすすめです。
Remix v3をサンプルコードで体験する。React非依存で“明示的に”UI制御できるコア機能3つ
levtech.jp
Remix v3のコア機能3つをサンプルコードと共に解説します。 Reactに依存せず、UI制御を「明示的」に行える点が特徴です。 フロントエンド開発者、特に新しいフレームワークの導入を検討しているエンジニア向けの記事です。
レバレジーズ株式会社 レバテックLAB
SSR環境で「コードを変えずに」始める New Relic Browser のカスタム属性活用
qiita.com
SSR環境でNew Relic Browserのカスタム属性をコード変更なしで活用する方法を解説します。 APMで設定したカスタム属性をBrowserに伝搬させる仕組みと注意点について説明します。 フロントエンドの改修を避けつつ、より深い分析を行いたいエンジニア向けの記事です。
New Relic株式会社 MarthaS
【3/13開催】Flutter推し活！Flutter好きが集うLT会—Studyplus×Linc’wellが「Flutterの今」を語ります
note.linc-well.com
・Flutterエンジニア向けのLT会が開催されます。 ・スタディプラスとLinc’wellが共催し、Flutterの最新情報や知見を共有します。 ・Flutterに関心のある開発者が、学びを深め、交流できるイベントです。
ESLintの設定ファイルが読めなかったので「なぜLintで防ぐのか」から考えてみた
qiita.com
ESLintの設定ファイルで`no-restricted-imports`ルールによって特定のimportが禁止されていた問題について、なぜLintでそのような制限を設けるのかという根本的な理由から考察した記事。 * ESLintの`no-restricted-imports`ルールを例に、コードの安全性を高めるためのLintの活用法を解説。 * 認証チェックが自動で行われない関数の直接利用を防ぐといった具体的な設定例を紹介。 * Lintを単なるコード整形ツールではなく、開発プロセスにおける品質保証の観点から捉え直す。 この記事は、フロントエンドエンジニア、特にJavaScriptやTypeScriptを使用している開発者、およびコード品質と安全性を重視するエンジニアに適しています。
株式会社リンクアンドモチベーション Itomadooon
デザインエンジニアMeetup #5 開発スピードを落とさずにUI品質を守る
estie.connpass.com
・開発スピードを維持しながらUIの品質を担保するためのフロントエンド設計とデリバリー手法について解説するイベント。 ・AIによる実装効率化の恩恵を受けつつも、品質低下や仕様ズレといった課題への対策を探る。 ・フロントエンドエンジニア、デザイナー、プロダクト開発に関わる担当者向け。
Retrospective Decision - LayerX Web Frontend Night
layerx.connpass.com
LayerXが開催するWebフロントエンドナイトのイベント告知です。 技術的な意思決定やアーキテクチャの振り返りをテーマに、同社の事例やゲスト企業の取り組みが紹介されます。 - Webフロントエンド開発に携わるソフトウェアエンジニア - 技術的な意思決定やアーキテクチャの変遷に興味がある方 - 日々の意思決定に悩んでいる方
【AI駆動開発のリアル】90分で2Dゲーム風チャットアプリは作れるか？
lapras.connpass.com
「Vibe Coding」というAIを活用した新しい開発スタイルを、90分で2Dゲーム風チャットアプリを開発するライブ配信イベント。 LAPRASのエンジニアがexe.devプラットフォームを使用し、AIとの対話を通じて「作りたいもの」を素早く実現する様子をドキュメンタリー形式で届ける。 エラーからのリカバリーや視聴者フィードバックの反映まで、開発のリアルな過程を追う。 ・AIを活用した最新の開発スタイル「Vibe Coding」のスピード感やAIとの対話テクニックに興味がある方 ・Web技術を用いたゲーム開発やリアルタイムアプリケーション開発に関心がある方 ・exe.devのような、環境構築不要で即デプロイ可能な開発ツールの実用性やインフラ/SRE視点での活用法を知りたい方
マネーフォワードのデザインシステム「MFUI」に学ぶ、データドリブンな運用モデルの作り方｜Blog｜Goodpatch グッドパッチ
goodpatch.com
マネーフォワードがデザインシステム「MFUI」をデータドリブンな運用モデルへと進化した事例を紹介。 40以上のプロダクトを持つ同社が、一貫したユーザー体験と開発効率の確保のため、デザインシステムを強化。 グッドパッチとの協業により、ビジョン策定、利用調査、アセット統合などを実施し、感覚値での運用から脱却し、データと仕組みで成長するインフラへと進化したプロセスを詳述。 この記事は、デザインシステムを構築・運用する担当者、プロダクト開発に関わるエンジニアやデザイナー、そしてデザインシステムによる開発効率化に関心のあるエンジニアリングマネージャーやプロダクトマネージャー向けです。
株式会社グッドパッチ Goodpatch Blog編集部
「State of JavaScript 2025」公開。フロントエンドライブラリはReactがシェアを伸ばして1位、ビルドツールはついにwebpackにviteが追いつく
www.publickey1.jp
「State of JavaScript 2025」によると、フロントエンドライブラリではReactがシェアを伸ばし1位となった。 ビルドツールではViteがwebpackに追いつく勢いである。 JavaScript開発者、特にフロントエンドエンジニアや、最新の技術トレンドに興味のある開発者向けの記事。
Publickey jniino
現場に出て、一次情報から価値をつくる。デザインエンジニアとしてestieを選んだ理由
www.estie.jp
- estieのデザインエンジニアが、同社を選んだ理由を語る記事。 - 顧客の一次情報に触れ、仕事の成果を実感できる環境と、魅力的な人や文化に惹かれたことを詳述。 - フロントエンド開発やUXリサーチの経験を活かし、個別企業向けDXソリューションを提供している現状を説明。
株式会社estie estie
コードエディタに統合するAIエージェントを自由に選べる「ACP（Agent Client Protocol）レジストリ」始動。Gemini CLIやGitHub Copilot、OpenCodeなどが対応
www.publickey1.jp
- コードエディタにAIエージェントを統合するための標準プロトコル「ACP（Agent Client Protocol）」が公開されました。 - JetBrainsとZedがこのプロトコルに対応した「ACPレジストリ」を始動し、Gemini CLIやGitHub Copilotなどが利用可能になります。 - 開発者は、利用するエディタに関わらず、様々なAIエージェントをシームレスに活用できるようになります。
Publickey jniino
Web 標準動向 2026年1月版
zenn.dev
サイボウズ株式会社のフロントエンドエンジニアが、W3Cメンバー加入を機にWeb標準の動向を追跡し、毎月その情報や標準化プロセスへの関与を共有する記事シリーズの開始を告げるものです。 - Web標準の最新動向について知りたいフロントエンドエンジニア。 - W3Cの活動や標準化プロセスに関心のある開発者。 - 最新のWeb技術トレンドをキャッチアップしたい技術者。
サイボウズ株式会社 mehm8128
GitHub Copilotでサブエージェントたちに会話をさせる
qiita.com
GitHub Copilot CLIを利用して、フロントエンドエンジニアの山田エージェントと佐藤エージェントのサブエージェント間で会話を試みた。 サブエージェント間での対話がどのように行われるかを検証する。 フロントエンドエンジニアや、AIエージェントの活用に興味のある開発者向け。
日本マイクロソフト株式会社 shyamagu
Cybozu Frontend Monthly#66
cybozu.connpass.com
サイボウズ社内でのフロントエンド情報共有会「フロントエンドマンスリー」の社外公開版です。 毎月、サイボウズのフロントエンドエンジニアがその月に気になったフロントエンドの情報を共有します。 フロントエンドエンジニアや、フロントエンド技術に興味のある方におすすめです。
Cloud Run における Flutter: フルスタックの Dart アーキテクチャ
cloud.google.com
FlutterとDartを組み合わせ、Google Cloud Run上でフルスタックアプリケーションを構築・デプロイする手法について解説しています。 - FlutterのフロントエンドとDartのバックエンドを統合し、単一コードベースで開発・デプロイするアーキテクチャを紹介。 - Cloud Runのサーバーレス環境を活用し、デプロイの簡素化とスケーラビリティを実現する方法を解説。 - DartワークスペースやCI/CDの自動化、デプロイ戦略についても触れている。
グーグル・クラウド・ジャパン合同会社 <name>Karl Weinmeister</name><title>Director, Developer Relations</title><department></department><company></company>
BuriKaigi 2026 にスポンサー参加しました
developers.cyberagent.co.jp
株式会社AI ShiftがBuriKaigi 2026のスポンサーになったことを報告する記事です。 フロントエンドエンジニアが所属する企業として、カンファレンスへの参加を発表しています。 技術カンファレンスに関心のあるエンジニアや、企業スポンサーシップに興味のある方におすすめです。
株式会社サイバーエージェント kuboyoichiro
人間よりも高速にコード生成、実行、テストを繰り返すAIエージェントに適した、高速に起動終了する安全な分離環境「Vercel Sandbox」正式リリース
www.publickey1.jp
Vercelが、AIエージェントが人間よりも高速にコード生成、実行、テストを繰り返すことを可能にする、安全で高速な分離実行環境「Vercel Sandbox」を正式リリースしました。 AIによる自律的なコード開発の加速に対応します。 フロントエンド、インフラ、QA、機械学習、セキュリティ分野のエンジニアや、AIを活用した開発手法に関心のある開発者向けの記事です。
Publickey jniino
【Figma Make・Cursorの使い方が分かる！】デザインシステムに沿ったワイヤーフレームの作成〜デザイン〜実装をAIで自動生成！
blog.nijibox.jp
・FigmaのAI機能「Figma Make」とAI搭載コードエディタ「Cursor」を連携させ、デザインシステムに沿ったワイヤーフレーム作成からデザイン、実装までをAIで自動生成するプロセスを紹介。 ・AIが生成したデザインをたたき台として、人間が編集・調整を行うことで、効率的かつデザインシステムに準拠した開発フローを実現する方法を解説。 ・AIのWeb制作への具体的な活用方法を知りたいデザイナーや、効率的な開発プロセスを模索しているエンジニア向けの記事。
株式会社ニジボックス arisa.oi
docker build のログを見たい
qiita.com
- Docker build時に、現在使用しているNode.jsのバージョンを確認する方法について解説しています。 - DockerfileのFROM命令やRUN命令でのバージョン指定、ログの確認方法に焦点を当てています。 - DockerやNode.jsの基本的な知識があり、ビルドプロセスでバージョン管理に課題を感じているエンジニア向けの記事です。
Qiita株式会社 atm-snag
Next.js on Vercelを使うとなぜ速い？低レイヤ、配信技術、Web高速化の観点から理解できる3冊
levtech.jp
Next.js on Vercelがなぜ高速なのかを、低レイヤー、配信技術、Web高速化の観点から解説する書籍を紹介しています。 Next.jsやWebパフォーマンスの最適化に興味のあるフロントエンドエンジニアやWeb開発者におすすめです。 Webサイトの高速化やNext.jsのパフォーマンスチューニングのヒントが得られます。
レバレジーズ株式会社 レバテックLAB
jQuery 4.0で正式にテストされた「jQuery UI 1.14.2」が公開
www.publickey1.jp
jQuery UI 1.14.2がjQuery 4.0で正式にテストされリリースされました。 jQuery UIはjQueryをベースにしたUIコンポーネントライブラリです。 ボタン、カレンダー、ダイアログなど、様々なUI要素を提供します。 この記事は、jQueryやフロントエンド開発に携わるエンジニア、およびUIコンポーネントに関心のある開発者向けです。 WebサイトやアプリケーションのUI開発において、jQuery UIの最新情報や利用方法に関心がある読者に役立ちます。 特に、jQuery 4.0との互換性や新しいUIコンポーネントの利用を検討している開発者におすすめです。
Publickey jniino