開発

進め方

タスクはPoint teamのProjectsで管理しています。

タスクを行う際はin progress看板に割り振って下さい。

バグが見つかった際は、issueを立てて下さると助かります。

アスペクト比16:9(モバイル版)の開発をします。終わり次第PC版も対応します。

Webデザインの設計
-> Figma招待リンク

UIはchakara.uiを使用して開発していきます。

情報

ディレクトリ構成 src/app
Next.jsでルーティングに使われる特別なフォルダです。基本的に受けとったコンポーネントを返すだけですが、ページ間で共通しているレイアウトなどを与えるのはここで行います。また、例えば、認証を加えたいページに対してHOC関数を適用する場合などにも使われます。

src/components
コンポーネントを格納するディレクトリです。基本的にsrc/components直下には各ドメイン（だいたい各ページに一致）のコンポーネントが並びます。

src/api
apiクライアントを格納するディレクトリです。GraphQLを使用する場合、それに合わせて適宜名前を変更します。

src/styles
グローバルスタイルを管理するディレクトリです。これはどのようにスタイリングするかにより、中身が大きく変わりますので、詳説を避けます。

src/modules
helper関数やパッケージごとの設定ファイルなどを雑多にmodulesに入れておきます。

引用: src配下の全体像

役立つサイト・リンク集

UI コンポーネントライブラリ
https://chakra-ui.com/docs/components
https://mui.com/material-ui

UI用の生成AI
https://v0.dev/