こちらの記事で紹介した質問箱をさらに改善しました。改善したのは以下の三点です。
- キーワード検索した際に章番号順に並べる
- レイアウトの改良
- モバイル版での使用方法確認
キーワード検索を章番号順に並べる
章番号順に並び替えるために、sort()メソッドを使用しました。これは、特定の方法で値を並び替えることができるメソッドで、ascending:trueと設定すると昇順に、ascending:falseにすると降順に並び替えられます。私はB列(Column:2)の章番号を昇順に設定するために以下のコードを追加しました。
range.sort({column: 2, ascending: true});ちなみに、rangeは検索の結果が表示されている8行目以降を取得するように設定しています。
レイアウトの改良
改良点としては以下の3点です。
1.各ページのデザインを改良
青を基調して統一感を出し、見やすさを意識してデザインしました。
2.各ページからほかのページへボタンで飛べるようにした
各ページの上部にボタンを挿入し、クリックすると移動したいページへ移動できるようにしました。
3.回答をポップアップで行う
質問への回答を直接セルに行うにはセルが狭すぎると感じたので、ポップアップを表示させそこに記入することにしました。
モバイル版での使用方法確認
モバイル版での使用は諦めました。理由としては、図形をクリックすることやポップアップを使用することがモバイル版では不可能だったためです。代替案も考えてみましたがかえって不便になったりしたので、モバイル版を諦めパソコン用に制作することにしました。
課題点・今後の展望
前回に課題点として挙げていた共有する際のセキュリティ面に関する点をまだ解決できていません。ただ、APIや個人情報などに紐付けられていないので、安全に使用できるのではないかと考えています。今後は、実際に共有して使用してみることで、新たな課題点やセキュリティ面の確認を行っていきます。
