質問箱改良

こちらの記事で紹介した質問箱を改良しました。改良したのは以下の2点です。

  • 入力フォームのレイアウト改良
  • 検索フォームの追加
  • 検索フォームのクリア

入力フォームのレイアウト改良

 質問は文章で記入する想定なので、大きめの枠に改良。また、章選択や送信ボタンも見た目をそろえてわかりやすくした。送信ボタンは、モバイル版でも使用可能なようにチェックボタンを採用。ほんとはクリックする送信ボタンにしたい。

検索フォームの追加

 キーワードと章で検索することのできる検索フォームを追加。今は検索ボタンをクリックすることでコードを実行しているため、モバイル版では使用できない。

章検索の方法

 C5セルにあるプルダウンで章番号を選択肢、隣の検索ボタンをクリックすることで、選択した章に該当する質問と回答が表示される。「全章」は全ての章を表示する。

章を選択肢、検索ボタンをクリックすると、、
選択した章に分類されているものが一覧として出てきます!

キーワード検索の方法

 章検索の部分を全章にして、検索したいキーワードをC4セルに入力し検索ボタンをクリックする。「質問」と「回答」の部分にキーワードと部分一致するものを表示する。

キーワードを入力し検索ボタンをクリックすると、、、
キーワードが部分一致するものが一覧として出てきます!

章とキーワードの併用方法

 ある章の中でキーワード検索することも可能。章番号とキーワードを入力することで、その章番号の中でキーワードと部分一致するものを表示します。

章番号「2」かつ「あ」が含まれるものが一覧として出てきます!

検索フォームのクリア

 クリアボタンを押すことで、検索結果として表示されてた8行目以降とキーワ

ードが削除される。また、C5セルはデフォルトで「全章」にしておきたいため、「全章」が設定される。

右上のクリアボタンを押すと、、
削除されます!

今後の課題

  • キーワード検索した際に章番号順に並べたい
  • レイアウトの改良
  • モバイル版での使用方法確認
  • 共有する際のセキュリティー面などの確認