【子タスク】mobileのデザインシステムの草案の作成

[uchida189]

開発概要

親タスク

• 【親タスク】Mobileのデザインシステムの構築 #112

目的

• mobileのデザインシステムの草案を作り、小林さんに見せられるようにする
• Figmaのファイル構成を決めて、Figmaの管理をしやすくする

開発期間

• 開始日：2024/12/01
• 締切日：2024/12/31

優先度

• 0

カテゴリ/スキル

• Design / Figma
• Frontend-Mobile / Dart(Flutter)

難易度・規模

• L （20時間くらい）

担当者

• @uchida189
• @mugiiicha

考えられる開発内容

Figma：SeeFTデザインシステム

• スクショFigmaに貼る
• mobileのフォントを調べる
  • Google Fontsの『Roboto』だった
• Figmaのファイル構成決める
• Global Tokensを決める
  • 色やサイズはFlutterもしくはTailWindCSSなどから持ってくる
• （Semantic Tokensを決める）
• スクショからFigmaに落とし込み
  • 改善点見つけたらコメント・再デザインその場で書いてく
• コンポーネント分け
  • Figmaに落とし込む段階で出来ればよし
• 既存のデザインの見直し
• わこと内田がそれぞれ作ったやつ合体
• 画面遷移図作成

備考

参考

開発の流れ

1. PMにIssue（タスク）をもらう
2. 開発をする（↓の「リンク」の『開発のやり方』を見よう！）
3. チェックボックスを押していこう
4. ヤバい状況になったらIssueの右側にあるStatusを「Help」にしてPMにSlackで連絡しよう
5. チェックボックスが全部押せたらプルリクを作ろう
6. レビューを待とう
7. 修正点があれば修正しよう。なければPMがマージします！お疲れ様！

SeeFTのタスク管理のルール

1. タスクは全てGit-Hub Projectで管理する
2. 全てのタスクに期日を決める
3. 毎週タスクの進捗を確認する（MTに出られない人はSlackで報告）
4. 毎週忙しさ（消化できるタスク量）を共有する
5. Helpは余裕のある人がいれば巻き取る。いなければ期日を変更する

リンク

• 開発のやり方
• SeeFTのタスク管理のルール
• 環境構築
• GitとGitHubの使い方（SeeFT）
• SeeFT Projects
• SeeFT Wiki
• Figma