KTC 27インチ QD 量子ドットMini LED ゲーミングモニター | WQHD 2560×1440 * 180Hz | HDR1400 | 148% sRGB | Freesync&Adaptive Sync | 1ms応答速度 | VESA Display| HDMI*2・DP*1 | 3年間の保証
￥59,699 (2025年4月28日 13:11 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
USB-C Lightning ケーブル 2M 2本セット MFi認証 タイプC ライトニング グレー Type C iPhone 充電 急速充電 データ転送 高耐久 PD対応 iPhone 13/12/11/Mini/Pro/Pro Max/SE 2020/XS Max/XS/XR/X/8/8 Plus 各種対応
￥1,189 (2025年4月28日 13:11 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
USB Type C ケーブル【1m 4本セット】etguuds 3A 急速充電 タイプc 高速データ転送 超耐久ナイロン コード Galaxy S20 S10 S9 A20 A21 A22 A30, Note 8/9/10, Xperia XZ3 XZ2 XZ, LG, Sense3/4等USB-C 機種対応
￥999 (2025年4月28日 13:11 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
はじめに
初めまして、UX/UIデザイナーとして活動しているKikoといいます。
デザインエンジニアになることを目標に今年の1月からReactの勉強を始めました！
自分の簡単な自己紹介はこちら👇
3ヶ月でやったこと
ReactとTypeScriptを使ってミニアプリを開発し、最終的には CI/CD の構築まで行いました。
1-2ヶ月目はCSS などの装飾を行わず、React の基本を押さえたシンプルなアプリを作成しました。
そして今回はそのベースをもとに、React Hook Formや React Testing Libraryなどを取り入れながら、実践的な機能を段階的に追加していきました。
使用言語
バックエンド / DB
テスト
- Jest
- React Testing Library
UI / フォームまわり
- Chakra UI
- React Hook Form
ビルド / 開発環境
苦戦したこと
TypeScript のtypeやclassといったオブジェクト指向の概念を理解するのに苦労しました。
また、テストを進める段階で設計の甘さに気づきテスト直前で慌ててリファクタリングを行うなど、見直しが多く発生しました。
しかし突然サービスを終了しても依存が少ないUIを提供できるように設計する という開発においてかなり大事なことが早い段階で学べて良かったです。こういった体験はコミュニティに所属する恩恵だと感じました。
課題での気づき
この課題を進める中での気づきは初歩的なものであっても、随時記事にまとめていきました。
AIとの向き合い方
今回もがっつりAI（chatGPT4o）を使いました。
React専用のGPTsを作り、キャンバスでラリーをしながらコードを書いていきました。
AI補助無しでやるのもありだと思いますが、プログラミング経験のあまりない初学者には現状の自分では辿り着けない概念を使わなければならない場合もあるので、その点においては諸学者がAIを導入することはやはり欠点より利点の方が優ると思いました。とんでもない方向で進めてしまってスタックし、モチベーションが下がることを回避できるからです。
とはいえ何でもかんでもAIに聞くと身にならないので、悩む時間は決めてから（私の場合は15分）取り組みスタックしたらAIへ聞くようにしました。
Next Step
いよいよ次回から個人開発を見越して、自分の作りたいアプリの像を詰めていくことになります。
なので少しずつでも運用前提で設計できるように意識していきます。開発は誰かが使ってくれることがゴールなので、少しずつ練習から本番へとマインドセットwシフトさせていきたいです。
JISOUのメンバー募集中！
プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてください！
ソニー ゲーミングイヤホン INZONE Buds:WF-G700N Fnatic監修 / 完全ワイヤレス / 低遅延2.4GHzワイヤレス接続 USBType-Cトランシーバー同梱 / LE Audio対応 / アクティブノイズキャンセリング / 立体音響 / 最大約24時間バッテリー / 急速充電 / マイク付き / PS5 スマホ PC Switch ブラック
￥27,000 (2025年4月28日 13:11 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
タッチペン 【2025年革新版 全機種対応】タブレット ペン スタイラスペン スマホ Type-C充電 超高精度 極細 12g超軽量 3つ交換用ペン先付き 互換ペン 電量表示/磁気吸着機能対応 軽量 耐摩 耐久 iPad・iPhone・Android・スマホ・タブレット用ペンシル 日本語取扱説明書付き
￥2,099 (2025年4月28日 13:05 GMT +09:00 時点 - 詳細はこちら価格および発送可能時期は表示された日付/時刻の時点のものであり、変更される場合があります。本商品の購入においては、購入の時点で当該の Amazon サイトに表示されている価格および発送可能時期の情報が適用されます。)
