はてぶ・Qiita・Zennのトレンド記事を紹介
ReactはFacebookが開発したJavaScriptライブラリで、Webアプリのユーザーインターフェースを効率的に構築できます。コンポーネント指向で再利用性が高いのが特徴です。
技術的負債はいつ解消すべきか？ - HERP が React 移行で使った3つの判断軸 🔖 47
HERP の主力プロダクト HERP Hire は、2025 年で開発開始から 9 年目を迎える。長く運用されるプロダクトとなってきたので、事業の前提やユーザーの期待が変化する中で技術的負債とどう向
技術的負債はいつ解消すべきか？ - HERP が React 移行で使った3つの判断軸 🔖 47
HERP の主力プロダクト HERP Hire は、2025 年で開発開始から 9 年目を迎える。長く運用されるプロダクトとなってきたので、事業の前提やユーザーの期待が変化する中で技術的負債とどう向き合うかが重要な課題となっている。技術的負債の解消について、多くの記事やドキュ
こんにちは．年々病気に弱くなってきて体力の低下と年齡を感じる今日このごろです． Keeth こと桑原です．毎日お世話になっている 𝕏 で以下のポストを見かけました．https://x.com/le_panda_noir/status/1962638427628937481こ
発端の話業務でReactを用いた開発を担当することになり、Reactド初心者な私が試しに触ってみたところ、以下のようなコードでエラーになりました。jsxfunction Hello() { return ( <h1>HELLO</h1>
Figma出力の生成コードをAIとReact原理主義で粛清するAI指示テンプレート公開 - ROXX開発者ブログ 🔖 59
なんだだかんだでキレイにいかないFigmaのコード出力 ROXXではAIエージェントによるプログラミングを推進しています。その中で私がぶつかった課題はフロントエンドのソースコード生成自動化がいまいち上手くいかないということでした。 figmaのMCP接続でキレイなコードがパッと出
Figma出力の生成コードをAIとReact原理主義で粛清するAI指示テンプレート公開 🔖 59
Figmaのコード出力が実務で使えない問題を、Cursor/Claude のAIエージェントで整形するルールテンプレで解決。React/Tailwind/shadcn環境向けに、Figma to Code の出力を実務で使えるコンポーネントへ変換する方法を紹介します。
ReAct 論文と共に読み解く strands-agents/sdk-python の実装 🔖 14
こんにちは、AWS Japan で Solutions Architect をしている yoheikikuta です。2025 年は AI エージェントの開発が盛んになっており、多くの人が何かしらの AI エージェントを作ってみたことがあるのではないでしょうか。一方で、LLM
Redux → Recoil → Zustand → useSyncExternalStore： 状態管理の10年とReact本来の姿 🔖 144
2025/11/15 に JSConf.jp 2025 Pre Event で発表した登壇資料です。 https://nodejs.connpass.com/event/371397/ 株式会社ZOZO 計測プラットフォーム開発本部 計測システム部 フロントエンドブロック 林 恭
Reactの基本概念を理解しようはじめにReactは現在、世界で最も人気のあるフロントエンドライブラリの一つです。この記事では、Reactを初めて学ぶ方に向けて、Reactの基本的な概念をわかりやすく解説します。コンポーネント、JSX、アプリケーション構造など、Re...
【Web開発】 主要Webフレームワークを比較 - React、Vue.js、Next.js、Django、FastAPIなど 🔖 90
JavaScriptベースのフレームワークは、TypeScriptで開発することが一般的になってきています。一方、PythonやRubyのフレームワークは、それぞれの言語が持つ型システムを活用します。 2.3 TypeScriptを使うメリット 型安全性によるバグの削減 コンパイ
【Web開発】 主要Webフレームワークを比較 - React、Vue.js、Next.js、Django、FastAPIなど 🔖 90
1. はじめにWeb開発の世界では、さまざまなフレームワークやライブラリが日々進化を続けています。2025年現在、フロントエンドとバックエンドそれぞれに多くの選択肢があり、プロジェクトに最適なものを選ぶことが成功の鍵となりますね。本記事では、現在最も使われている主要な...
Docker + Prisma + React でTodoアプリを作ってみた！ 🔖 1
👋 はじめにこんにちは！最近、社内で 「今後の新規開発はTypeScriptを積極的に使っていこう！」 という流れが本格化してきました。しかし、これまで自分はTypeScriptを業務でしっかり触った経験がありませんでした。「JavaScriptに型がついたものでしょ？」く
自分の中で今 Moonbit が熱いです。Moonbit を普段使いしたいですよね。というわけで、js backend で FFI を駆使して React でSPAを書けるとこまで頑張ってみました。https://github.com/mizchi/moonbit-react
Kaigi on Rails 2025 ActionViewからReActionViewへ - HTML構造を理解するERBエンジン 🔖 3
ReActionView（Reactive ActionView）は、RailsのActionViewと互換性を保ちながら、現代のフロントエンド開発の要求に応える次世代のERBエンジンです。Marco Roth氏は、2025年を通じてRubyKaigi、RailsConf、Rai
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 🔖 59
はじめに こんにちは、Watanabe jinです。 ReactがAIも相まって選択されるケースが増えて学びたいと思っている人も多いかと思います。 私も過去にたくさんのReact教材をやりましたが、本当にやってよかったと思える教材はほぼありませんでした。 最初に選ぶ教材によっては
【初心者完全版】0からReact開発して基礎をマスターできる最強チュートリアル 音楽生成アプリ編【図解解説】 🔖 59
はじめにこんにちは、Watanabe jinです。ReactがAIも相まって選択されるケースが増えて学びたいと思っている人も多いかと思います。私も過去にたくさんのReact教材をやりましたが、本当にやってよかったと思える教材はほぼありませんでした。最初に選ぶ教材...
Reactにおける<Component />とComponent()の違い 🔖 29
Reactでは、JSXを返す関数を組み合わせてアプリケーションを作っていきます。それらの関数は<Component />のように呼び出すこともあれば、Component()のように呼び出すこともあります。後者を使用する機会は多くないかもしれませんが、例えばrender
【個人開発】勉強に集中できる場所が見つからない問題を解決する地図アプリを個人開発した【React/Supabase】 🔖 3
はじめにお疲れ様です。今回の課題では、「Study Spot Vancouver」 という自習スポット検索アプリを開発しました。React・TypeScript・Supabase・Google Maps API・Chakra UIを使用し、地図上にピンを表示 → ...
【海外記事紹介】「Reactを規制すべき」「ReactはWebを劣化させている」と強烈にDisる記事が話題に — Webプラットフォームの可能性を再評価すべきと主張 🔖 56
10月24日、デザイナー兼フロントエンド開発者のDave Bushell氏が「Reactを規制するべき時期ではないか？（Is it Time to Regulate React?）」と題した記事を公開した。この記事では、近年のWeb開発におけるReactの支配的地位と、それがもた
React Conf 2025 in Las Vegas：技術、英語、そしてコミュニティの熱量に触れた2日間 🔖 4
はじめに こんにちは。スタメンでWatchyというIT資産管理・操作ログ管理ツールのプロダクトエンジニアをしているyun8booです。 スタメンでは、業務以外の場でもエンジニアの成長機会づくりを重視しており、カンファレンス参加の補助制度があります。今回はその制度を活用し、2025
最新のNext.js15 / React19における実践的な設計方針とベストプラクティスを体系的にまとめました 🔖 7
はじめにNext.js 15とReact 19が登場し、App Routerを中心とした新しい開発体験が標準となってきました。Server ComponentとClient Componentを意識したコンポーネント設計、データハンドリング、状態管理、キャッシュ戦略など、実務で
Next.js 15 / React 19 実践設計ガイド 実装観点別のベストプラクティス 🔖 9
Next.js 15とReact 19を使用したWebアプリケーション開発における、実践的な設計方針とベストプラクティスをまとめたガイドを作成しました。本書では、Next.js 15 / React 19を活用したモダンなWebアプリケーション開発における設計方針を、実装観点
React Compiler v1.0がリリースされました！ 🔖 1
TERASSエンジニアの@shuji_koikeです！昨年弊社のテックブログで同僚の@myrearが"React Forget は何を「忘れ」させてくれるのか"という秀逸なタイトルの記事を投稿したところトレンド入りを果たし、弊ブログとしては快挙と言える数の「いいね」をいただきま
React Compiler v1.0がリリースされました！ 🔖 1
TERASSエンジニアの@shuji_koikeです！昨年弊社のテックブログで同僚の@myrearが"React Forget は何を「忘れ」させてくれるのか"という秀逸なタイトルの記事を投稿したところトレンド入りを果たし、弊ブログとしては快挙と言える数の「いいね」をいただきま
ReActを使ったAIエージェントによる自律的ワークフローをOracle DBの機能だけで実装してみた (26ai Select AI Agent) 🔖 1
先日のOracle AI World開催に合わせて、Autonomous AI Database 26ai (旧Autonomous Database 23ai) に「Select AI Agent」という機能が追加されました。詳細は下記アナウンスをご参照ください。...
Reactのデータ再取得、タイムスタンプで管理すると宣言的になる話【AI生成】 🔖 83
この記事は、AIが生成した記事を無修正で公開しています。投稿者（人間）の普段の作風・意見と異なる点や内容の粗もありますが、技術記事として公開するに足るクオリティであるという投稿者の判断と責任により投稿するものです。 ただし、記事に含まれる、経験に基づくエピソードは全てAIによる創
[個人開発] React×TypeScript×Geminiで調味料代替案アプリをリリースしました！ 🔖 1
はじめにJISOUで学習しているHeyho-です。Reactの学習の一環として、個人アプリのアイデア出しからMVP作成、そしてアプリ開発までを行いました。約1ヶ月という限られた期間で、「0から1を作る」という初めての経験を通じて、多くの学びと気づきを得ることができま...
Vite+、Remix 3、React Conf 2025など: Cybozu Frontend Weekly (2025-10-14号) 🔖 5
こんにちは！サイボウズ株式会社フロントエンドエンジニアのdaikiです。 はじめにサイボウズ社内では毎週火曜日にFrontend Weeklyと題し「一週間の間にあったフロントエンドニュースを共有する会」を開催しています。今回は、2025/10/14のFrontend W
【React】「とりあえず切り出す」をやめる - カスタムフック設計で大事なこと 🔖 34
こんにちは! 株式会社Sally エンジニアの haruten です♪ 私たち株式会社Sallyでは、マーダーミステリーをスマホやPCで遊べるアプリ「ウズ」や、マーダーミステリーを制作してウズ上で公開・プレイできるエディターツール「ウズスタジオ」などを開発・運営しています。 今回
ReactのProps設計を改善。TypeScriptの型を活かす「Compound Components」実践ガイド 🔖 60
「このボタンコンポーネントにどこまでのPropsを持たせるべきか？」 日々のコンポーネント開発で、このような判断に迷ったことはありませんか。onClick、disabled、loading、icon、variant、size…どこまで汎用化すべきか、どこで線引きすべきかという問題
はじめに10/7/2025 ~ 10/8/2025 にかけて開催された React Conf 2025 に招待を受け、参加してきた。 React Conf は Meta 社と callstack 社が主催する、React に関するカンファレンスである。 今回は、その内容を振り返り
【2025年最新版】0からReactを勉強するならこのロードマップに従え！ 🔖 10
はじめにこんにちは@Sicut_study (Watanabe Jin)です。2023年から始まった 「0からReactを勉強するならこのロードマップに従え」 ですが、早いもので3年目を迎えました。この期間で私も多くのプログラミング未経験の人にJISOUを通してRe...
Remix 3 発表まとめ - React を捨て、Web標準で新しい世界へ 🔖 271
はじめに 2025年10月10日、カナダのトロントで開催されたイベント "Remix Jam 2025" で Ryan Florence と Michael Jackson が Remix 3 を発表しました。このセッションは、React Router の生みの親たちが、なぜ R
ReactプロジェクトがLinux Foundationに移管され「React Foundation」設立 | gihyo.jp 🔖 24
2025年10月7日、ReactおよびReact NativeがLinux Foundation傘下のReact Foundationに移行することが発表された。 Introducing the React Foundation -React Introducing the Re
React × Hono × Docker × Cloud Runではじめて自前APIサーバーを構築した話 🔖 1
背景個人開発している英単語アプリで、ログイン機能を実装して拡張する際にアーキテクチャ全体の見直しを行いました。もともとは Firebase Hosting + Gemini API 構成で動かしており、フロント側だけで完結する設計でしたが、一般公開を見据えて次の...
小手先に見えるテクニックでも、実はReact的に考えられる 🔖 125
皆さんこんにちは。React、使っていますか？ Reactを″正しく”使うことは難しいと感じる方も多いのではないでしょうか。 特に筆者はReactの正しい使い方に厳しく、こんな記事も出しています。熟練のReact使いでもなければ、この記事を読んで難しいと思うのも仕方がありません。
小手先に見えるテクニックでも、実はReact的に考えられる 🔖 125
皆さんこんにちは。React、使っていますか？ Reactを″正しく”使うことは難しいと感じる方も多いのではないでしょうか。特に筆者はReactの正しい使い方に厳しく、こんな記事も出しています。熟練のReact使いでもなければ、この記事を読んで難しいと思うのも仕方がありません。
2日かかっていた不具合分析を10分に短縮！React+AIで実現した劇的効率化 🔖 2
🍀この記事はこんな方におすすめチームの定期作業を効率化したいQAエンジニア・品質管理担当者AI技術を実務に活用したい方ODC分析に興味がある方 📊 実現した効率化の成果項目BeforeAfter作業時間2日（集中すれば半日）約10分内
SaaS型翻訳サービスWeglotでReact SPAを多言語化した 🔖 7
はじめに こんにちは。エンジニアリングマネージャの星野です。今回はReactを用いたSPAの他言語化についての事例を紹介します。テックドクターで開発している臨床研究支援システム「SelfBase」において、海外案件への対応をきっかけに管理画面の多言語化が必要となりました。フロント
JSDOMを使ったReact Testing Library等のテストが時代遅れかも知れないので調べてみた 🔖 1
TL;DRフロントエンドテストでJSDOMを推奨しない流れがあると聞いて調査してみた。結論として、Vitest Browser ModeやPlaywright Component Testingなど実ブラウザベースのツールは確かに登場しているが、2025年9月時点では以下の状
React Native New Architectureをサポートしました 🔖 1
こんにちは。App SDK Unitでエンジニアをやっている大島です。Reproでは多くのプラットフォームに対応したSDKを提供しており、それらの開発・保守を担当しています。 さて、プラットフォームの1つであるReact Nativeですが、v0.74からNew Architec
すべての雑務をAgentで実行したいyprestoです。普段はバクラク債務管理の開発をしながら、社内の “フロントエンド” をよりよくする活動をしています。 この記事は LayerX AI Agent ブログリレー 13日目の記事です。前日はconvtoさんによる「B2B Saa
【個人開発】自分のスキルの課題点を登録するとAIが解決策+サンプル動画を提示してくれるアプリを作りました【React×TypeScript×Gemini】 🔖 1
はじめにこんにちは。ここまでのReact学習の一環として初めて個人開発にチャレンジしました。どんなアプリを作るかの構想から実装までを一貫して行い、その過程で数多くの学びを得ることができました。この記事では作成したアプリの紹介と開発中に得た学び・気づきを書いていきたい...
【個人開発】QAエンジニア、テスターを救うファイルダウンロードアプリを作りました【React/Typecript/Python】 🔖 1
こんな悩みありませんでした？QAでアップロード機能をテストしたいんだけど、ファイルを用意するのが面倒くさい...ファイル転送テストのために軽くて適当なファイルがすぐに欲しいファイルサイズ変換ツールは見つけたけど、使い方がヨクワカラナイ...テスターとして良いテ...