Hatena Blog Tags
はてなブログ トップ
frontend
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

frontend

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Xtone Design & Tech Talk•7日前

「今週のフロントエンド」2026/04/17号

はじめに 「Opus 4.7来ましたね」— 金曜の朝会でその声が上がってから、話題はClaude Codeの/ultrareview、auto mode、/rewindや1Mコンテキストのセッション運用、routinesまで一気に転がっていきました。そこにaxiosのCVSS 10.0続報やCSSマルチカラムの新プロパティのような地続きの更新も重なっていて、手元に持ち帰れる変化が濃い一週間です。 今週のトピックス Claude Opus 4.7 — エージェント側の進化が効いてくるアップデート www.anthropic.com 今週のトップはやはりここです。Anthropicが2026年4月…

#frontend#Claude Code

関連ブログ

Xtone Design & Tech Talk•14日前

Weekly Dev Front #3（2026/04/10）— ブラウザ標準の進化、AIが変えるビルドとセキュリティ

Introduction 最近、「このライブラリ、もう要らないかもしれない」と感じる場面が増えていませんか。今週のニュースを追うと、その感覚がますます強くなります。 CSSだけでPinterest風のレンガ積みレイアウトが実現できるCSS Grid LanesがSafari 26.4で安定版に入りました。<video>や<audio>の遅延読み込みも、Chrome 148からloading="lazy"と一行書くだけ。ブラウザの標準機能がカバーする範囲はどんどん広がっていて、依存パッケージを減らせるようになってきました。 一方、変わっているのはブラウザだけではないようです。Turborepo …

#frontend#Claude Code
Xtone Design & Tech Talk•21日前

「今週のフロントエンド」2026/04/03号

はじめに 今週は、開発者にとって見過ごせないニュースが続きました。とくに注目は、週間1億ダウンロードを超えるaxiosがサプライチェーン攻撃の標的になった件です。依存関係を経由した攻撃は、規模の大小に関わらずどのプロジェクトにも刺さり得ます。今回は「何が起きたか」に加えて、更新時のクールダウン、ロックファイルの扱い、インストールスクリプト無効化といった、すぐ実践できる対策の観点でも整理します。 今週はリリース面でも動きがありました。Cloudflareが“WordPressの精神的後継”を掲げるCMS「EmDash」を発表し、Googleはオープンモデル「Gemma 4」を公開。さらにCurs…

#frontend#Claude Code
Xtone Design & Tech Talk•1ヶ月前

「今週のフロントエンド」2026/03/27号

はじめに 今週は、開発体験を押し上げるアップデートと、足元をすくうセキュリティのニュースが同時に来た一週間でした。TypeScript 6.0が3年ぶりのメジャーリリースとして登場し、Go製コンパイラ移行（Project Corsa）に向けた動きがいよいよ現実味を帯びています。その一方で、npmではワーム型サプライチェーン攻撃「CanisterWorm」が確認され、エコシステムの“進化”と“脅威”が並走していることを改めて突きつけられました。 さらに、ViteのRolldown採用やNext.jsの開発起動高速化など、ビルドツール周りも大きく動いています。加えて、FigmaキャンバスのMCP対…

#frontend#Claude Code
iimon TECH BLOG•2ヶ月前

型に縛られず、型を守る。忘れがちな「ジェネリクス」を改めて整理して武器にする

こんにちは。iimonでエンジニアをしているhayashiと申します。 普段は主に拡張機能を開発しております。 今回はジェネリクスについて何となく分かったつもりではいたけれど、 忘れがちという事に気付きまして、ちゃんとアウトプットしてみようと思います。 ジェネリクスとは ジェネリクスは関数やクラスを、ジェネリクスは「型を引数として受け取る」仕組みのことです。 なぜジェネリクスが必要なのか 例えば以下のような配列の一番最初の要素を返す関数があります。 想定としては、配列が何の型の配列であれ0番目を返したいだけとします。 この関数は現状、宣言したnumberしか扱えません。 なので以下のようにst…

#TypeScriipt#Generics#JavaScript#frontend
UPSIDER Techblog•2ヶ月前

Next.js × MUI × SCSS環境で、差分検知しながらCSS ModulesをTailwindへ段階移行した話

こんにちは。 UPSIDERでフロントエンドを担当しているShuntaroです。 「このスタイル、どこで当たってるんだ？」と思ってDevToolsを開くと、SCSS、CSS Modules、MUIの追加CSSを行ったり来たり。そんな状態が続くと、変更の影響範囲を読むだけで時間が溶けます。 既存プロダクトは Next.js + MUI をベースに、SCSSと CSS Modulesが混在している構成です。今回はこれらを「すべて捨てて作り直す」話ではありません。 既存のMUI/SCSS資産は活かしつつ、記述コストの削減と将来的な構成の簡素化を目指して、CSS Modulesから Tailwind …

#Next.js#Tailwind CSS#playwright#CSS設計
hacomono TECH BLOG•3ヶ月前

巨大なコンポーネントを作らないために

こんにちは、フィーチャー部でエンジニアをしている あおさん です。 最近、フロントエンドの実装を行う機会が増えてきました。新しい画面を作るのは楽しいのですが、一つ大きな悩みがありました。それは、実装が進むにつれて1つのコンポーネントファイルがどんどん肥大化していくことです。 気づけば500行、600行……。script / template / styleタグが肥大化し、「さっき直したコードはどこだっけ？」とスクロールを繰り返す時間は、お世辞にも効率的とは言えませんでした。 そんな時、テックリードのみゅーとんさんに設計の相談をしたところ、コンポーネント設計についてのアドバイスをいただきました。…

#frontend
nikkie-ftnextの日記•3ヶ月前

AG-UI でエージェントに UI のテーマカラーを変更させる（Agent Development Kit (Python) & CopilotKit）

はじめに 七尾百合子さん、お誕生日 307日目 おめでとうございます！ nikkieです。 AG-UI で、あの日かいま見た未来に挑みます（※そんなに大層な取り組みではないです） 目次 はじめに 目次 見なよ... あの日の未来を... CopilotKit の UI を操作する ADK エージェント エージェントに tool を持たせる フロントエンド（CopilotKit側）にも同名 tool ADK 側の動作ログより OpenAI DevDay 2023 で見た未来じゃん！ 終わりに 見なよ... あの日の未来を... AG-UIでADKのエージェントとCopilotKitを繋いでるんで…

#AG-UI#Copilotkit#Agent Development Kit#ADK#frontend
Techtouch Developers Blog•4ヶ月前

Biome と Git/GitHub を活用したJSバンドル差分表示ツールの開発

こんにちは！フロントエンドエンジニアの all-user です。 最近、家族全員で夜9時以降を緩めのデジタルデトックス時間にしてみました。 やってみるとオセロとかトランプみたいなアナログな遊びを模索するようになるのが面白いです。 さて今回は、Biome と Git/GitHub を活用したJSバンドル差分表示ツールについてご紹介します。 フロントエンド開発者が抱える漠然とした不安 既存ソリューションの検討 差分表示ツールの設計 基本アイデア ブランチの運用方法 ③ベースビルトブランチ ④現在ビルトブランチ ⑤PR作成ブランチ 比較基準点の決定 全体ワークフロー 導入の効果 レビュー品質の向上 …

#JavaScript#Unminify
フォトシンス エンジニアブログ•4ヶ月前

Nuxt2/Vue2とReact v19が混在しても壊さない！段階移行のルールとVue→React Bridge

この記事は Akerun - Qiita Advent Calendar 2025 - Qiita の22日目の記事です。 こんにちは。@ps-shimizuです。バックエンドシステムの開発やプロジェクトマネージャーを担当しています。 先日、業務でVue.js / Nuxt.js を採用しているSPAのフロントエンド移行に取り組む機会がありました。 本記事ではSPA (Client-Side Rendering) を前提に、Nuxt2/Vue2とReact v19が混在しても壊れないようにするためのルール設計とVue→React Bridgeの運用ポイントをお話しします。 はじめに 留意事項 …

#react#Vue2#frontend#テスティングトロフィー