こちらの記事で紹介した質問箱を改良しました。改良したのは以下の2点です。
- 入力フォームのレイアウト改良
- 検索フォームの追加
- 検索フォームのクリア
入力フォームのレイアウト改良
質問は文章で記入する想定なので、大きめの枠に改良。また、章選択や送信ボタンも見た目をそろえてわかりやすくした。送信ボタンは、モバイル版でも使用可能なようにチェックボタンを採用。ほんとはクリックする送信ボタンにしたい。
検索フォームの追加
キーワードと章で検索することのできる検索フォームを追加。今は検索ボタンをクリックすることでコードを実行しているため、モバイル版では使用できない。
章検索の方法
C5セルにあるプルダウンで章番号を選択肢、隣の検索ボタンをクリックすることで、選択した章に該当する質問と回答が表示される。「全章」は全ての章を表示する。
キーワード検索の方法
章検索の部分を全章にして、検索したいキーワードをC4セルに入力し検索ボタンをクリックする。「質問」と「回答」の部分にキーワードと部分一致するものを表示する。
章とキーワードの併用方法
ある章の中でキーワード検索することも可能。章番号とキーワードを入力することで、その章番号の中でキーワードと部分一致するものを表示します。
検索フォームのクリア
クリアボタンを押すことで、検索結果として表示されてた8行目以降とキーワ
ードが削除される。また、C5セルはデフォルトで「全章」にしておきたいため、「全章」が設定される。
今後の課題
- キーワード検索した際に章番号順に並べたい
- レイアウトの改良
- モバイル版での使用方法確認
- 共有する際のセキュリティー面などの確認