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

Webフロントエンド

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

使いながら育てる Claude Code ― 開発フローの1コマンド化 × 繰り返し指摘の自動仕組み化

はじめに 食べログカンパニー開発本部 技術部 フロントエンド基盤チームの遠藤司樹です。 AI Excellence Meetup（AIEM）は、AIに関する知識習得や知見共有を目的に、カカクコムおよびグループ会社の全社員を対象として開催している社内勉強会です。 本記事は、2026年6月19日に開催されたAIEMで発表した「使いながら育てる Claude Code」の内容を、当日のスライドに沿ってご紹介するものです。 カカクコムでは全社的にClaude Codeを導入しています。私たちのjQueryからReactへのリプレースプロジェクトでもClaude Codeを活用しました。実装スピードは上…

#勉強会#ClaudeCode#Webフロントエンド#大規模言語モデル

関連ブログ

ENGINEERING BLOG ドコモ開発者ブログ•4ヶ月前

生成AI×vibecodingで業務改善アプリを“最速”開発 ── ヒアリングからMVPリリースまでの実践例

はじめに こんにちは。データプラットフォーム部（DP部）の石井です。 社内データ活用プラットフォーム「Pochi」のアプリ開発に携わっています。 現場の業務改善の鍵は、利用者のリアルな声を丁寧に拾い上げ、速やかに形にしていくことです。 ただ、リモートワークが当たり前となったいま、複数拠点・オンライン環境で“現場感”を保つのはこれまで以上に難しくなっています。 そんな状況下でも、「業務改善に本当に役立つアプリ」をいかに最短で届けるか？──今回は、チームの多拠点化・リモート時代に合わせたヒアリングからプロトタイピングまでの実践例をご紹介します。 社内データ活用プラットフォームPochi※1とは 私…

#Webフロントエンド
ENGINEERING BLOG ドコモ開発者ブログ•4ヶ月前

利用者から開発者へ──“使いやすさ”が生まれる構造と、それを組織で仕組み化するまでの軌跡

はじめに こんにちは。データプラットフォーム部（DP部）の石井です。 マーケティング部門から異動し、社内データ活用プラットフォーム「Pochi」のアプリ開発に携わっています。 本記事では、「利用者から開発者へ歩みを変えたことで初めて見えた“使いやすさの構造」” その課題を、組織としてどう“仕組み化”し改善していったのか、という、利用者視点 × 開発者視点 × 組織改善 の3軸を一気通貫でお伝えします。 社内データ活用プラットフォームPochi※1とは 私たちDP部は社内のデータ民主化を目指し、StreamlitとGoogle Cloudで圧倒的に使いやすいデータ活用プラットフォームPochi※…

#Webフロントエンド
MicroAd Developers Blog•5ヶ月前

保守運用を楽にするデザイントークン導入

マイクロアドでフロントエンドエンジニアをしている大石です。 フロントエンド領域で欠くことのできない"デザイン"に課題はありませんか？ 仮実装フェーズから最終成果物まで、非デザイナーでもデザインを行うケースは多々あります。 非デザイナーのフロントエンドエンジニアでも、根拠を持ってUIを組み立てられる仕組みがあると開発が一気に楽になります。 今回は、Vue.jsを採用しているプロダクトでデザイントークンを導入し、デザインと開発のワークフローを改善したプロセスを共有します。 TL;DR 課題: デザインプロセスに明確なルールがなく、スタイルの一貫性とアクセシビリティが崩れていた 解決策: デザイント…

#Webフロントエンド#デザイン#デザインシステム
KENTEM TechBlog•7ヶ月前

前編：Firebaseを使ってToDoアプリを作ってみた

先日Firebaseを使う機会があったので、その概要をまとめました。 今回の内容は 前編・後編の2部構成です。 前編：Firebaseを使った簡単なアプリの作成 後編：Firebase Studioを活用したノーコードアプリ開発 ぜひ最後までご覧ください！ Firebaseとは? 機能について 実際に使ってみる まとめ おわりに Firebaseとは? Firebase は Google が提供するアプリ開発プラットフォームです。 バックエンドの処理を自動で担ってくれるため、フロントエンドの開発に集中できます。 これにより、サーバー構築や API 管理の負担を大幅に減らし、効率的なアプリ開発が…

#Firebase#Webフロントエンド
KENTEM TechBlog•7ヶ月前

TypeScript型定義！便利だと感じた実践テクニック集

こんにちは！新卒フロントエンドエンジニアのK.Sです。皆さんは既にこちらの記事をご覧になりましたか？ tech.kentem.jp この記事で紹介されているユーティリティ型だけでも十分役に立ちますが、別のテクニックと組み合わせることでさらに柔軟な型の定義が可能になります。この記事では、私が便利だと感じた実践的に使えるテクニックをご紹介します。 基本となる型定義（共通型） 【Omit × Pick × Partial】 一部のプロパティだけをオプショナルにする 【satisfies × Record × as const】型と値の両面で安全なマップを作る 【Record × Exclude】 既…

#Webフロントエンド#TypeScript#バックエンド
KENTEM TechBlog•7ヶ月前

QueryClientとは？キャッシュ管理の仕組みと活用法

この記事は、 KENTEM TechBlog アドベントカレンダー2025 24日目、12月24日の記事です。 こんにちは！フロントエンドエンジニアのY.Kです！ 前回までにuseQueryとuseMutationを組み合わせた非同期通信と状態更新を最適化する手法についてご紹介しました。まだご覧になっていない方は、まずこちらの記事をご一読ください。 useMutation×useQueryで非同期処理と状態更新を最適化する方法 - KENTEM TechBlog さて今回は、TanStack Queryの中核を担う 「QueryClient」 にフォーカスし、仕組みの理解とキャッシュ操作による…

#react#Webフロントエンド#TanStack Query#アドベントカレンダー
KENTEM TechBlog•8ヶ月前

フロントエンドのビルドツールについて

この記事は、 KENTEM TechBlog アドベントカレンダー2025 16日目、12月16日の記事です。 こんにちは、フロントエンド開発のY.O.です。 フロントエンドの業務に携わるようになって4年目になりますが、なんとなくの理解で日々の開発をやり過ごしているものの一つにビルドツールがあります。 フロントエンドのビルドツールは種類がたくさんあり、複雑で混乱しがちですよね。 そこで今回は私の認識の整理や備忘録も兼ねてフロントエンドのビルドツールについて書かせていただきます。 正直この話は類似のもっと良くまとまった記事がたくさんあり、内容もほぼほぼ被っています。 自分の理解のために書くので、…

#アドベントカレンダー#Webフロントエンド#Vite#webpack#esbuild#SWC
KENTEM TechBlog•8ヶ月前

Reactでタッチスクロールを条件付きで止めたい？ Pointer Eventsでは難しい理由

この記事は、 KENTEM TechBlog アドベントカレンダー2025 13日目、12月13日の記事です。 こんにちは、 React を中心にフロントエンド開発をしているエンジニア T・M です。 タッチデバイス向けのUIを作っていて、 「onPointerMoveでpreventDefault()してるのに、スクロールが全然止まらない」 という状況にハマりました。 その過程で、Pointer Eventsの仕様について学びがいくつかありました。 同じ問題に遭遇している方は、ぜひ参考にしてみてください。 やりたかったこと 前提知識：ReactのイベントとブラウザAPI なぜPointer …

#アドベントカレンダー#Webフロントエンド
KENTEM TechBlog•8ヶ月前

React エンジニアが GitHub Copilot と半年暮らしてわかった。「設計する時間」が増えた話

こんにちは、Reactを中心にフロントエンド開発をしているエンジニアです。 AIコーディングエージェントが普及し始めてしばらく経ちますが、みなさんの現場ではどうでしょうか。私もGitHub Copilotを活用して半年が経ちました。 半年経った今、設計について考える時間が増えたこと。これが最も大きな変化です。 この半年の実体験を記事としてまとめました。GitHub Copilotに限らず、これからAIコーディングエージェントを導入しようとしている方の参考になれば幸いです。 課題：コーディングに時間を取られていた 設計時間の圧迫 巨大コンポーネントの発生 導入後：実装をAIに任せ、設計に集中する…

#AI#Webフロントエンド