「React」に関連する技術ブログ
企業やコミュニティが発信する「React」に関連する技術ブログの一覧です。
全577件中 1 - 15件目
JavaScriptでトグルボタンのclickイベントが２重発火する原理と解決策
2025/03/26
ブックマーク
はじめに こんにちは。セーフィー株式会社で内定者インターンをしている戌亥です。汎用的なコンポーネントの開発をしている中で起こったトグルボタンを実装バグの紹介とその原理、解決法についてご説明しますので、ぜひ参考にしてください。 はじめに 背景 ラベルボタン 起こったバグ 検証 バグが起こっていた原理 解決法 まとめ 最後に 背景 インターンのReactを用
Next.jsのApp routerでMSWをserver componentsとclient componentsで利用する方法
2025/03/19
ブックマーク
こんにちは、サイオステクノロジーの遠藤です。 前回はReact Router v7でMSWを利用する方法を整理しました。 2025-02-27 React Router v7のブラウザ開発環境でMSWを利用する方法 今回はNext.jsのApp routerでMSW(Mock Service Worker)を利用する方法について整理していきます。 はじめに 今回の内容は以下のDraft状態のmsw exampleのPull requestを参考に作成しています。 https://github.com/mswjs/examples/pull/101
Amazon Q Developer CLI での超高速な新しいエージェント型のコーディング体験
2025/03/17
ブックマーク
本記事は 2025 年 3 月 6 日に公開された “ A lightning fast, new agentic coding experience within the Amazon Q Developer CLI ” を翻訳したものです。 本日、 Amazon Q Developer は Amazon Q コマンドラインインターフェース (CLI) において 強化された CLI エージェント を発表しました。今回の発表により、Q Developer は最新のエージェント型体験を CLI に導入し、より動的でインタラクティブなコーディ
LINEヤフー × Deno Land Inc. Meetup 〜次世代ランタイム×フロントエンドの将来性〜 開催レポート
2025/03/10
ブックマーク
こんにちは！ LINEスキマニのフロントエンド開発や、フロントエンド開発に関するイベントの運営をしている板井 俊樹（@itatchi3_）です。 LINEスキマニでは、フロントエンド開発業務にDeno...
「Appium Meetup Tokyo」第1回イベント開催レポート
2025/03/06
ブックマーク
2025年2月20日に初開催された「Appium Meetup Tokyo」が、Autify社東京オフィスにて開催されました。当日は約10名が現地参加し、オンラインでも多くの参加者が集まりました。 オープニングとアイスブレイク イベントはAutify社の tsueeemura さんのユーモア溢れる軽快なトークでスタートしました。オンライン接続の確認も兼ねて、「今日の夕飯何にしますか？」という質問があり
Laravel12のバージョンアップ変更点を見てみる
2025/03/06
ブックマーク
はじめに こんにちは、リテールハブ開発部でバックエンドエンジニアをしています。 現在、小売アプリの開発でLaravel11を利用してAPI開発を行っています。 先日2月24日にLaravel12がリリースされました。 （ https://laravel.com/docs/12.x/releases ） 今回のリリースは、比較的マイナー変更中心の「メンテナンスリリース」となっているようです。 Laravel11は昨年の夏頃から使用してい
React（Javascript）おさえておくべき3つのポイント
2025/03/05
ブックマーク
はじめに そもそも書き方が慣れない アロー関数ってなに？？ その他の独特な書き方（等価、三項演算子） Stateってなに？？ Stateの概念 useStateについて 値が更新されない問題 useStateの罠（おにぎりボタンを使った簡単な実例） useStateの罠から抜け出すには Contextってめっちゃ便利やねん Cotextの概念 さいごに はじめに こんにちは。新入社員の嘉地です。 まさかブログを同
初学者必見!!! Reactってどんなもの？～Reactのメリットについて知ろう～
2025/03/05
ブックマーク
はじめに そもそもReactって何者？？ Reactのメリットをさくっと体感してみる マークアップの中の一部を切り出して、機能ごとにグループ化してみる 繰り返し使いたいもの（ボタンやテキストフォーム等）を共通コンポーネントとして切り出す 動的HTMLの作成 おわりに はじめに はじめまして、こんにちは。新入社員の嘉地です。 大学生になってすぐの頃、キーボードをL
FlutterからiOSエンジニアに転向しました
2025/03/04
ブックマーク
こんにちは。開発部でiOSエンジニアをしている野口です。 Flutterエンジニアをやっていましたが今年からiOSエンジニアに転向したので思っていることを書こうという記事になります。 なぜiOSに転向したのか Flutterをやっていると、外部のパッケージを入れる際にネイティブコード書かないといけないなどネイティブの知識を要求されるパターンがあり以前からネイティブに
1年目がAWS Amplify Gen 2の使い方を解説してみた
2025/03/03
ブックマーク
はじめに こんにちは。新卒1年目の佐藤、緑川、keyliumです。24新卒の開発研修にてAWS Amplifyを使用しました。 詳細につきましては以下のブログ記事をご覧ください。 今年もリアルハッカソン合宿に行ってきました！＠ノジマ大磯スクウェア ハッカソン合宿制作記② | 双方向通信の数字対戦ゲームを作成しました！ 開発をしていくなかで、公式ドキュメントが英語のみで、
【Auth0 活用】① フロントエンドとバックエンドの役割分担
2025/02/26
ブックマーク
1. はじめに こんにちは、クラウドエース第三開発部の秋庭です。 今回は Auth0 でのバックエンド・フロントエンド、各 SDK の活用方法についてご紹介します。 前回までの記事で、Google Cloud の IDaaS サービスである Identity Platform の機能について紹介してきました。 今回から、同じ IDaaS サービスとして有名な Auth0 の機能についてこれまでの記事と同じようにご紹介し、比較
コンポーネント「ライブラリ」ではなく「コレクション」？shadcn/uiに入門してみた
2025/02/26
ブックマーク
こんにちは、サイオステクノロジーの遠藤です。 今回は、 JavaScript Rising Stars で2023年、2024年と二年連続で１位に輝いたUIコンポーネントコレクションであるshadcn/uiについてまとめていきます。 では始めていきましょう！ shadcn/uiとは？ shadcn/uiはRadix UIとTailwindCSSを用いて作成されたUIコンポーネントコレクションです。 shadcn/uiの一番の特徴は公式ドキュメントにも This is not
社内向けChrome ExtensionsをReactでモダンにしてみた
2025/02/21
ブックマーク
はじめに ご覧いただきありがとうございます。 2024年夏、社内ツール「CA Search」をリニュ ...
【初心者向け】React状態管理ライブラリ Jotaiを解説
2025/02/18
ブックマーク
こんにちは、サイオステクノロジーの遠藤です。 Reactでアプリを作っていると、「状態管理ってどうすればいいの？」と悩むことがありますよね。たとえば、 useState を利用していると、コンポーネントの階層が深くなってきたときにpropsのバケツリレーで複雑になりうまく管理できなくなることがあります。 そんなときに便利なのが Jotai というライブラリです！ Jotaiを使
迷わないReactスタイリング設計：Panda CSSが導く最適解（Part1）
2025/02/17
ブックマーク
ごあいさつ レバレジーズ株式会社 アジャイルエフェクトチームの田代です。 我々アジャイルエフェクトチームは、 スクラムにおける様々なプロセスを可視化し、生産性改善に繋げるためのSaaSプロダクト「 Agile Effect 」 を開発しています。 当プロダクトは、 とあるPMの社員が社長に直接事業企画を提案したことがきっかけで誕生しました。 昨年4月に事業が正式に立ち上