インセプションデッキを作成する

[ichirin-planet]

1. サービス名は何か

   • MYポートフォリオ

2. なぜここにいるのか

   • ポートフォリオを容易に更新したい
   • スキルセットを揃えたサイトにしたい
   • 更新そのものがポートフォリオになるようにしたい
   • 正当な評価が得られるポートフォリをを作成したい

3. エレベーターピッチ

   • UI・設計を得意とするフロントエンジニア向けの
   • 容易に更新できる
   • ポートフォリオ作成サイトです
   • 短期的なポートフォリオと異なり、
   • 技術のアップデートを表示内容・デザインだけではなく、プログラムのアップデートを通してアピールできるポートフォリをを目指しています。

4. とりまくプロジェクトコミュニティ

   • エージェント
   • 面接先企業
   • エンジニア仲間

5. 短期的ゴールを考える↓

6. ざっくりリリース計画

   • 10月中 ライブラリについて検討・実装
   • 11月中　各種設定完了
   • 11月中　フォーム追加完了
   • 12月中　vercel　
   • 12月中旬　headless CMS導入
   • 12月中　第一次リリース
   • 1月中　Figma storybook連携検討
   • 3月中　第二次リリース

7. やらないことリスト

   • やる
   • 技術選定・導入の理由を明確にする
   • コンポーネント設計を明確にする
   • デザインのライブラリ化・デザイナーさんとの連携を視野に入れた設計
   • すっかり忘れても、引き続き更新できるようにする
   • やらない
   • バックエンドの責務になるものはできる限りサボる
   • お金をかけない
   • 途中でやめない

8. 夜も眠れなくなる問題

   • 途中で飽きてリリースしなくなるのではないか
   • モチベーションを上げる
     • 宣言する
   • 年内に一次リリースして勢いをつける

9. トレードオフランキング

   1. リリースする
   2. 更新しやすさ
   3. ポートフォリオとしての価値
   4. 素人目でもかっこいい
   5. 継続性

10. 方向性を考える↓

11. あるべき姿

    • 単価アップ！

12. なりたい自分像

    • フロントエンジニアとしての技量を定着・表現する
    • UIエンジニアとしてリードできる仕組みを設計する

13. イベントを考える

    • スプリントの長さ:１週間(金曜日に振り返る)

14. 技術プラクティス

    • Webアプリケーションフレームワーク：Next.js(App Router)
    • UIコンポーネントライブラリ：Radix
    • テスティングライブラリ：Jest, Testing Library
    • Web API モックライブラリ：Mock Service Worker
    • UI コンポーネントカタログ：storybook
    • GraphQL Client ：Appollo Client
    • E2E テストフレームワーク：playwright
    • コンテンツ管理：Headless CMS
    • storybook ホスティングサービス：Chromatic
    • フォームライブラリ：React Hook Form
    • バリデーションライブラリ：Zod

15. もっと学ぶなら

    • https://qiita.com/ryamate/items/5446620c6d16ddbdd02f