Vue & Flux アプリケーション設計 【1】
Vue を使ってサーバーレスのアプリケーション っぽいものを作ります。
仕事で学んだこと覚えておきたいので順にそれっぽく進めます。
デザイン
なぞなぞを選択肢付きで表示させる簡単なアプリケーションです。
まず最初にデザインを見ます。
自分の作ろうとしているものがどんななのか、機能要件&非機能要件を考えます。
要件を決める前に名前がないと意思疎通できないのでプロジェクトを通じて決めます。
今回は独断で下記に決めました。
名前決め
- 一番上の青い要素のところは「ヘッダー」
- 左側のロゴは「ロゴエリア」
- 右側の検索は「検索ボックス」
- 一番右側の星マークは「お気に入り」
- ヘッダー以外の要素は「コンテンツ」
- コンテンツ内なぞなぞが表示されているものを「カード」
- カード内、なぞなぞの出題文は「問題エリア」
- カード内、選択肢は「セレクトエリア」
- カード内、一番下のボタンを「アンサーボタン」
- カード内、正解不正解のレイヤを「リザルトレイヤ」
- コンテンツ内なぞなぞが表示されているものを「カード」
次回は機能要件&非機能要件 を決めます。