Day21/ 新プロジェクトDay3/ 環境構築→実装へ

[kazzyfrog]

前回やったこと

• 大まかな、企画・次に作るアプリの内容を決めた
• そして、環境構築を行なった（nextjs + shadcn/ui）

[kazzyfrog]

今日やることの続きは、

やること

• next.jsの導入
• shadcn/uiの導入
• GitHub repo の用意
• ダミーデータの追加
• データフェッチ・加工ロジックの作成
• UIは一旦、生成AIで仮のものを生成
• TOPページの実装
• クエスト一覧ページの実装
• クエスト詳細ページの実装
• クエストの提出フローの実装（github actionも）

[kazzyfrog]

• githubのイシュー、PR、ディスカッションでのQA、、の経路の設計。

[kazzyfrog]

データ構造

• クエストの詳細ページに記載する、クエストの内容（文章・動画）
• クエストに紐づく、未着手・挑戦中・クリア済み、というステータス管理

↓

• クエストの内容は、md形式でgithub管理
• ステータスのデータは、
  • 未着手は考えなくて良い。
  • 挑戦中は、イシュー立てる
  • 完了は、クエストのmdファイル内に、完了者（コントリビューター的に）を追加

[kazzyfrog]

機能的には、ファイルの書き換えに、github actions が必要！

[kazzyfrog]

必要なページ：

• TOPページ
• クエスト一覧ページ：それぞれのランク毎に複数のクエストがある（今いるランク以外のクエストには着手できない）
• クエストの詳細ページ：→提出してチェックを受ける！フォーム・ボタン

[kazzyfrog]

前提

このプロジェクト「blueberry quest」は、プログラミング学習サービスです。
RPGやゲームのような感覚で、クエストに挑戦しながら、学習を進めることがでます。
クエストの領域としては、多くのユーザーがメインで学習していることは扱いません。
主に、すべての開発者が身につけるべき基本的なツールの使用や、ソフトスキルに焦点を当てます。

仕様としては、

• ランクが0〜５まで存在
• アプリを使い始める際は、0で始まる

主に、下記のようなロードマップ・区分を設定：

• 0→１（準備系）: チュートリアル的な部分。github のアカウント用意。参加の意思表示。
• 1→2: 基本的な学習習慣の形成（git, アウトプット、、）
• 2→3: git/github の使用
• 3→4: 個人プロジェクトを開発・公開できるレベル感
• 4→5: 共同プロジェクトに参加できるくらいのレベル感
• 🎉 個人開発・共同開発を行う、総合的なベーススキルが習得！

要件

• GitHub の機能を活用して、より実践的なOSSのように参加できるする。
• コンテンツ（クエスト）は、github 上で、md形式で管理する
• ユーザーのクエストへのステータス管理は、挑戦中をイシューの作成、完了をmd内に記載、する形でデータ管理する
• ユーザーは、クエストを完了した場合、サイト上のナビゲーションい従い、提出することができる。それがレビュー・承認された場合、github actionによって、完了者にユーザー名が追加される。

[kazzyfrog]

作業の承認フロー：

• ユーザーは、イシューを作成して作業開始
• ユーザーは作業を完了する
• 完了したら、完了者に名前を追加するPRが作成される（github actions）
• そのPR内に、必要なURLやスクリーンショットを提出する
• それらの提出物のレビューが問題なく完了する場合、PRがマージされる。

[kazzyfrog]

やったこと

github リポジトリ・ダミーデータを用意。コンテンツデータ取得ロジック追加。仮UIの作成。