イベント
イベントを探す
本日開催のイベント
明日開催のイベント
ランキング
カレンダー
マガジン
マガジンを読む
マガジン
技術ブログ
書籍
動画
動画を見る
グループ
グループを探す
グループを作る
イベントを作成・管理
学生の方はこちら
ログイン
|
新規会員登録
TOP
技術ブログまとめ
「React」に関連する技術ブログ
「React」に関連する技術ブログ
全 961 件中 1 - 15 件目
絞り込み
2026年05月07日
Bookmark Icon
【MIIDAS Tech LIVE #13】を開催しました
こんにちは、ミイダス Tech Officeです。 ミイダス株式会社のテックチームが直近で開発した機能を現場のエンジニアから共有する「MIIDAS Tech LIVE」。 第13回目の開催となる今回は3つのリリース情報をお届けしました。 採用マッチングサービス「ミイダス」は、独自の診断ツールで採用のミスマッチを減らす中途採用サービスです。メインの採用関連の機能に加え、診断や研修、組織サーベイの支援金の検索機能など、幅広い機能開発が行われています。 MIIDAS Tech LIVE #13 (2026/03
JavaScript
,
Redmine
,
TypeScript
,
アジャイル
,
スクラム
,
React
,
Redux
,
フロントエンド
,
Next.js
,
Claude Code
ミイダス株式会社
2026年04月28日
Bookmark Icon
React 19 アップグレードに伴う大規模フロントエンド移行を、Claude Code で加速させた話
はじめに 初めまして、RevComm の 楽桑 と申します。 MiiTel Call Center (CC) フロントエンドで React 18 → 19 のアップグレードを実施した。単なるバージョンアップではなく、 Semantic UI の完全削除 と Recoil から Jotai への移行 もまとめて片付けた。 この記事では、AI Agent(Claude Code)を 効率化ツール として活用し、このプロセスをどう加速させたかを紹介する。 背景 プロジェクト構成 Next.js 14 (Page
AWS
,
CSS
,
HTML
,
Atom
,
React
,
人工知能
,
フロントエンド
,
テスト
,
MCP
,
Claude Code
株式会社RevComm
2026年04月28日
Bookmark Icon
受賞者リレーインタビュー!第7弾:広野 祐司さん
TechHarmonyエンジニアブログでは、 AWS・Oracle Cloud・Azure・Google Cloud 各分野の受賞者 にフォーカスし、インタビューを通してこれまでの経歴や他の受賞者に聞いてみたいことをつないでいく「 リレーインタビュー 」をお届けしています。 第7弾は、「2025 Japan AWS Ambassadors」 を受賞された広野 祐司(ひろの ゆうじ)さん。 Japan AWS Top Engineers は、特定の AWS 認定資格を持ち、AWS ビジネス拡大につながる技術
AWS
,
Azure
,
Git
,
Google Cloud
,
Linux
,
キャリア
,
React
,
IaC
,
ネットワーク
,
CI/CD
SCSKクラウドソリューション
2026年04月23日
Bookmark Icon
Findy初のモバイルアプリ開発におけるReact Nativeのリアル 〜技術選定の裏側と実践的OSS活用〜
こんにちは。ファインディ株式会社でモバイルエンジニアをしている加藤です。 先日、「 React Native Lunch Talk ~いま選ばれる理由とアプリの現在地~ 」にて、「新規サービス開発におけるReact Nativeのリアル〜技術選定の裏側と実践的OSS活用〜」というテーマで登壇しました。 本記事は、その発表内容を改めてテックブログとして書き起こしたものです。 発表では時間の都合で駆け足になった部分や、質疑応答で答えきれなかった論点もあったため、本記事ではそのあたりも含めて踏み込んで書いていま
Android
,
iOS
,
TypeScript
,
セキュリティ
,
React
,
フロントエンド
,
OSS
,
アーキテクチャ
,
Flutter
,
設計
Findy/ファインディ
2026年04月22日
Bookmark Icon
AI-nativeなテストフレームワーク Tsumiki を試してみた
はじめに 近年、生成AIの進展により、ソフトウェア開発の進め方は大きく変化しつつあります。特に、コード作成が必要とされるいわゆるM(製造)・UT(単体テスト)工程での支援においてAIを活用する取り組みが広がり、従来の開発プロセスとの組み合わせが注目されています。 その中でも、テスト駆動開発(TDD)とAIを組み合わせたアプローチは、品質と開発効率の両立という観点から関心が高まっています。 本記事では、AI支援型開発フレームワーク「Tsumiki」を用いて、Vibe Codingによる簡単なアプリケーション
GitHub
,
TypeScript
,
TDD
,
React
,
フロントエンド
,
テスト
,
OSS
,
Playwright
,
Claude Code
,
GitHub Copilot
NTTデータ
2026年04月21日
Bookmark Icon
invalidateQueries と setQueryData、どっちを使うべき?——TanStack Query のキャッシュ更新方法を学ぶ
みなさんこんにちは。ワンキャリアでアプリチーム所属のエンジニアの金(GitHub: @chihiroanihr )です。 私たちアプリチームでは React Native アプリの開発に TanStack Query(旧 React Query)を導入しています。
GitHub
,
Google Analytics
,
キャリア
,
React
,
ネットワーク
,
API
,
Serverless
,
設計
,
組み込み
株式会社ワンキャリア
2026年04月10日
Bookmark Icon
iframe依存からの脱却 ── Litで実現するWeb ComponentsによるUI共有基盤
はじめに こんにちは、ZOZOTOWN企画開発部 企画フロントエンド2ブロックのパクサンイです。普段はZOZOTOWNにあるCMSベースのLPページのメンテナンスや機能追加、企画LPページ環境のメンテナンスを担当しています。 ZOZOTOWNの複数のWebアプリケーション間で、プロモーション用ランディングページコンポーネントを共有するために、 Lit ベースのWeb Componentsを導入しました。本記事ではその事例を紹介します。 ZOZOTOWNでは多数のLPページが開設・更新されており、従来はif
AWS
,
CSS
,
JavaScript
,
SEO
,
HTML
,
React
,
CDN
,
フロントエンド
,
テスト
,
設計
株式会社ZOZO
2026年04月10日
Bookmark Icon
【初学者向け】Reactで起きる無限レンダリング
React初学者が陥りやすい「無限レンダリング」問題について、その原因と対策を解説。useStateによる状態更新やuseEffectの依存配列の誤りが引き起こす無限ループの具体例と、useCallbackなどを用いた解決策を紹介します。
React
Sky株式会社
2026年04月10日
Bookmark Icon
Bucketeer Lite: Running Our Feature Flag Management System on a lightweight environment on Fly.io or AWS
Hi, I’m a backend engineer on the Bucketeer ...
Android
,
AWS
,
Google Cloud
,
iOS
,
MySQL
,
Node.js
,
PostgreSQL
,
Redis
,
Google BigQuery
,
React
CyberAgent
2026年04月07日
Bookmark Icon
フロントエンド開発への AI コーディングエージェントの導入 - MiiTel Phone チームにおける取り組みの紹介
はじめに MiiTel Phone の開発チームでは Claude Code などの AI コーディングエージェントを活用して、生産性やコード品質の改善などに取り組んでいます。 本記事では実際に取り組んでいる内容や課題などについて紹介します。 実施している取り組み UI コンポーネントの実装の効率化 Figma MCP などを活用して、デザインデータから React コンポーネントを生成しています。Storybook 向けのストーリーの生成も任せることで、コーディングエージェントが実装してくれた UI コ
GitHub
,
TypeScript
,
Datadog
,
React
,
フロントエンド
,
テスト
,
Claude Code
株式会社RevComm
2026年03月31日
Bookmark Icon
Claude Code と Remotion で実現する、開発者もユーザーも嬉しい『動画リリースノート』の自動生成
はじめに セーフィー株式会社 開発本部 ソリューション開発部の土井 慎也です。 皆さん、他人のプロジェクトや、あるいは自社のサービスのリリースノートって、隅々まで読んでいますか? 正直に告白すると、私は面倒くさくてしっかりとは読めていません。 「新機能が追加されました!詳細は以下の箇条書きをチェックしてください」 ……いや、文字が多くてパッと見で何が変わったのか分からないな。 そんな風にブラウザのタブを閉じてしまった経験は、誰しもあるのではないでしょうか。 せっかく開発者が心血を注いで実装した機能も、伝わ
CSS
,
Git
,
GitHub
,
JavaScript
,
TypeScript
,
セキュリティ
,
HTML
,
React
,
人工知能
,
Claude Code
セーフィー株式会社
2026年03月23日
Bookmark Icon
Canvasと格闘したアプリ開発。『マウス操作でグラフの見え方が変わる』アプリを自力で実装して見えた景色
はじめに みなさん、こんにちは。開発本部 アプリケーション開発部 Webフロント第2グループの佐々木大翔です。 普段は TypeScript や React などの枠組みの中で開発することが多く、DOM を直接触るような実装や Canvas での描画はほとんど未経験でした。 そこで今回は、Canvas を使って「マウス操作でグラフの見え方が変わる」アプリを個人開発してみて、学べたことをまとめます。 アプリを作ったきっかけ 所属グループで「もくもく開発勉強会」を実施しており、低レイヤー寄りの領域(DOM操作
TypeScript
,
もくもく会
,
React
,
API
セーフィー株式会社
2026年03月23日
Bookmark Icon
Amazon Bedrock Knowledge Bases で構造化データ(CSV)を使用した RAG をつくる -UI編-
こんにちは、広野です。 以下の記事の続編記事です。RAG で CSV データからの検索精度向上を目指してみました。本記事は UI 編で、主にフロントエンド (React) のコードや UI の動作について記載しています。全体的なアーキテクチャやバックエンドについては前回記事をご覧ください。 Amazon Bedrock Knowledge Bases で構造化データ(CSV)を使用した RAG をつくる -アーキテクチャ編- Amazon Bedrock Knowledge Bases と Amazon
AWS
,
React
,
フロントエンド
,
テスト
,
Bot
,
アーキテクチャ
,
設計
,
RAG
SCSKクラウドソリューション
2026年03月23日
Bookmark Icon
Amazon Bedrock Knowledge Bases で構造化データ(CSV)を使用した RAG をつくる -実装編-
こんにちは、広野です。 以下の記事の続編記事です。RAG で CSV データからの検索精度向上を目指してみました。本記事は実装編で、主にバックエンドの設定について記載しています。UI や実際の動作については続編記事の UI 編で紹介します。 Amazon Bedrock Knowledge Bases で構造化データ(CSV)を使用した RAG をつくる -アーキテクチャ編- Amazon Bedrock Knowledge Bases と Amazon S3 Vectors で構築した RAG 環境で、
AWS
,
Python
,
React
,
アーキテクチャ
,
設計
SCSKクラウドソリューション
2026年03月19日
Bookmark Icon
金融営業から内製開発エンジニアへ ― 小さな行動で築いたキャリアの自律
はじめに ビジネスdアプリ開発チームの徳原です。 私は地元の金融機関で12年間営業職として勤務した後、IT業界へキャリア転換しました。 本記事では、これまで私が転職で経験したことやキャリアの自律に向けた取り組みについて紹介します。 目次 はじめに これまでのキャリア 金融機関からIT業界へ 前職(外資コンサル)でのSE業務 キャリアを動かしたきっかけ 継続的な学習 前職のインフラ運用業務で苦戦したこと 前職のアプリ開発で苦戦したこと 現職へ転職することになったきっかけ 現職の業務とキャリアの広がり 学習の
Google Cloud
,
Java
,
Ruby on Rails
,
TypeScript
,
アジャイル
,
スクラム
,
React
,
インフラ
,
フロントエンド
,
DX
NTTドコモビジネス
1
2
3
4
More pages
65
ブログランキング
1
mercari-pm-agentの設計——Claude Code SkillsとMCPでPMワークフローを自動化する
株式会社メルカリ
2
RubyKaigi 2026 に登壇しました
タイミー
3
アプリ開発でよくある失敗12選 初めてでも後悔しない対策とは
モンテカンポ(PractiTe...
4
AI駆動開発(設計・実装・テスト)を実践して見えた、設計の密度が品質を左右する話
Sky株式会社
5
LuupのiOSエンジニアで try! Swift Tokyo 2026 に参加しました
Luup
集計期間: 2026年4月28日 〜 2026年5月4日
タグからブログをさがす
ソフトウェア開発
Kubernetes
Vim
Figma
CAE
プログラミング
Nuxt.js
Shell
Babel
PHP
TECH PLAY でイベントをはじめよう
グループを作れば、無料で誰でもイベントページが作成できます。 情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?
無料でイベントをはじめる
ブログを絞り込む
キーワード
タグ
絞り込む
クリア
キーワード
タグ
絞り込む
クリア
ブログランキング
1
mercari-pm-agentの設計——Claude Code SkillsとMCPでPMワークフローを自動化する
株式会社メルカリ
2
RubyKaigi 2026 に登壇しました
タイミー
3
アプリ開発でよくある失敗12選 初めてでも後悔しない対策とは
モンテカンポ(PractiTe...
4
AI駆動開発(設計・実装・テスト)を実践して見えた、設計の密度が品質を左右する話
Sky株式会社
5
LuupのiOSエンジニアで try! Swift Tokyo 2026 に参加しました
Luup
集計期間: 2026年4月28日 〜 2026年5月4日
タグからブログをさがす
ソフトウェア開発
Kubernetes
Vim
Figma
CAE
プログラミング
Nuxt.js
Shell
Babel
PHP
TECH PLAY でイベントをはじめよう
グループを作れば、無料で誰でもイベントページが作成できます。 情報発信や交流のためのイベントをTECH PLAY で公開してみませんか?
無料でイベントをはじめる