![見出し画像](https://assets.st-note.com/production/uploads/images/140487963/rectangle_large_type_2_bef6241dbc937ffb9dbe438565c77a75.png?width=1200)
Photo by
koba445
国会会議録アプリ 更新 v2
こんにちは、kagemitsuです。
作成中の国会アプリの更新ノートです。
1.レイアウトの変更
2.ネットワーク図の実装
3.その他
1.ページスクロールしなくていいように工夫しました。カレンダーと委員会リストを左にグリッド3つ分、単語表を右にグリッド9つ分にし、単語表とネットワーク図はボタンでスイッチできるようにしました。
会議録表示ページは、グリッド6で半々にしてみました。
![](https://assets.st-note.com/img/1715587751823-wgvXPu0uFt.png?width=1200)
![](https://assets.st-note.com/img/1715588004800-xn7PFRP4Dz.png?width=1200)
2.ネットワーク図の質をある程度保ちつつ量産できるようになったので、単語表と合わせて表示することにしました。要素をクリックすると、その要素をハイライトした状態で会議録が表示されます。
![](https://assets.st-note.com/img/1715588099798-zb9t2gLxWB.png?width=1200)
3.その他
ヘッダーの"国会会議録"を選択するとホームに戻るようにし、"使い方"をクリックするとモーダルでサイトの使い方が表示されるようにしました。
![](https://assets.st-note.com/img/1715596717308-HMuydL0L5V.png?width=1200)
会議録表示スペース、スクロールバー右隣に、ハイライトミニマップを設置しました。
![](https://assets.st-note.com/img/1715588409530-Z6TGZoIWUD.png)
課題
1.データの補充。データベース使わないとサイズオーバーする
2.処理の速さ。ハイライト位置への移動でかくついたりする
3.レイアウト改善。レビューしてもらい、試行錯誤する
4.宣伝
5.顔写真つきスタッツ表の実装。単語表、ネットワーク図と同列
6.データ更新のバッチ処理
おわり