ページに炎ボタンがあって、つけたり外したりできる

• menuボタンから、編集一覧を表示できる

ブートキャンプ

アクティブ

• 下線がない

非アクティブ

• 背景に溶け込む感じ
  �- 文字色が薄い

• タブをつける

• データのないタブは非表示にする

• アクティブなときと非アクティブな時で表示をかえる

• テーブルがあって、リアクティブに項目を追加できる

ブードキャンプみたいな感じ

• 原稿作成画面から「ページ数」を入力する
• Pageオブジェクトが「ページ数」ぶん作成される

• 導線がややこしくなるため。
• 「手順の追加」の実装にあたり、既存の手順を非表示にしなければならず面倒臭いため。

• ユーザーは、メアドとパスワードで登録する
• 他のユーザーの原稿は編集できないよう、フィルタをかける
• sessionを保存する

「未完」「完了」「保留」「作業中」で絞り込みたい

e.g.)
「ペン入れ」の「保留」に手を入れよう
今日の「作業中」一覧を見よう

あと、割と他にはない機能を持っていることを差別化にしがちですが、逆に他にはあるけどこれにはない、というのも差別化になると思います。前に説明を聞いたときに、そういうものもあったので、それも追加するといいかと思いました。
https://pplog.net は機能が無いことが差別化になってるいい例だと思うので参考になるかも。

• Workテーブルにdeadlineカラムを用意する

• 締切を登録・変更できるようにする

• 今日よりも前の日時を設定できないようにする。Workモデルにバリデーションを設定。

• 基本情報の欄に締切を表示する

• 締切からの残日数を表示する

• 「手順を追加」
• ちいさいcardを出して、スクロールで手順を選択。
  手順を作成するリンクも出す
• 手順がセットされる

• 同時並行の作業が増えすぎるのは、パフォーマンスの低下になるため。
• 進行中と保留の区別がつかなくなるため。

• ページ順
• ページ順＋重要可否

重要度の高いものから表示したい

• 全部登録するのはめんどうなので、1つだけ選択

• ボタンがあって、リアクティブにstatusを変更できる
• ステータスを変えてもパーシャルの順番が切りかわらないようにする
• ボタンのデザイン

ご提案をする

• 熱量を下げよう
• 保留中のものをとりあえず完成させよう
• ページ数を減らそう

タブのoverflow: hiddenをautoにすればスクロールバーが出る

ただし、上にもスクロールできてしまうので切っている状態

https://www.tagindex.com/stylesheet/box/overflow2.html

• 原稿のCRUD機能を実装する

1.「初めの手順(stage: 1)」を選択する
2. works/1/stages/1にとぶようにする

• 原稿作成時、progressオブジェクトを作成

• < progress id: 1, work_id: 1, stage_id: 1, page_id: 1, status: not_complete>

• works/1/stages/1にとぶようにする

• ルーティングをshowのみ追加

• redirect_to work_stage_path(@stage)

補足: 手順の追加登録のこと

1. 手順の追加リンクをクリック
2. 手順を選択(stage: 3)
3. works/1/stages/3にとぶ

• work_idとstage_idが同一の場合、タブが2つactiveになってしまっている

モデルのテスト
システムテスト
rubocopにかける

• http://localhost:3000/works/8/stages/newに飛ぶ。
• スクロールで手順を選択する。
  手順を追加するためのリンクも貼る。
• その手順のProgressesを量産する。

• ユーザーは、自分の手順をCRUDできる

ネストしまくってるのをなんとかしたい

• モックアップとは

見た目はほぼアプリに近い画面デザインのことを指す。ただしプログラムは搭載されていないため、実際にタッチやスワイプしても動かない
https://yapp.li/magazine/2158/

• 参考にするアプリ
  • ブートキャンプ
  • esa

• ページに「保留ボタン」があって、つけたり外したりできる

• 「ボタン」のデザインがわかりにくいので、改善する。

• 「ボタン」は、このアプリの肝だから、誰がどんな状況で見てもわかるものにする。

https://bootcamp.fjord.jp/reports/5028

「赤」がんばる
「黄色」きもちがんばる
「青」読み飛ばしていい
「グレー」完了

Vuetifyは、Vueのデザインライブラリ。

タブ、ボタングループをリッチにする。

Vue.jsで実装

• 原稿タイトルから、原稿一覧を表示する

• これらを含んで「本文」と呼ぶため。

最初にシステムテストを書くこと

• カードに追加ボタンがあって、ページを増やしたい