Chapter 03

設計編

gia
gia
2022.02.08に更新

用件定義のようなもの

アプリ作成目的

  • youtube で動画を観ているときに、その動画のサムネイルを即時に表示したい

アプリ名称

  • youtube thumbnails getter (安直)
    • 検索しても同名称のアプリはなかったのでたぶん大丈夫

機能

  1. 拡張機能アイコンがクリックされたら画面端にポップアップでサムネイルを表示する
  2. 観ている youtube の動画のサムネイルを取得する
  3. youtube のサムネイル画像はサイズ別に 4種類取得できるらしいのでそれぞれダウンロードできるようにする

最小限の機能だけ実装したミニマムなプロトタイプのアプリを実装する開発手法のMVP開発というのををやりたいので、3はいったん実装しない。

ダウンロードはあれば嬉しい機能だけど、なくても実用に問題はない。

デザインのようなもの

figma でデザインを作成する

作成した figma のリンク

こんなかんじ。

chrome 拡張機能の save to notion のデザインを参考にしている

これで設計は完了🎉

おつかれさまでした🍵

次は実装💪