ガグる
https://gyazo.com/63287d0273d4e0a0463b158faa25fbca
概要
「ガグる」は、学芸大生がPC等のICT機器を使いこなす際の助けとなることを目指して、VIVISTOP GAKUGEI 準備室の一企画・プログラミングパークで開発・制作したWebサイトです。プログラミングパークは、学芸大生がプログラミングについて知り、またプログラミングを楽しむことを目的とする活動ですが、プログラミング教育以前にICT活用に対する不安をもつ学生がいる可能性から、このWebサイトの制作に至りました。このことから、記事を探すための方法として、自分でPC等の活用方法を学ぶ方のための記事リストと、トラブルを解決したい方のための検索機能の2つを用意しています。 技術的な特徴
静的サイト生成
mgn901.iconによるツールに、CosenseからエクスポートしたJSONを入力すると、ページ単位のHTMLおよびJSONと、検索機能に用いる辞書が生成されます。これらをCloudflare Pagesを用いて配信しています。 検索機能
https://gyazo.com/d0309ce34e681d7ef44732df321370ea
キーワードを入力すると、それに関連する記事へのリンクを表示してくれる機能です。
検索処理はWeb Workerを用いてバックグラウンドで行っているため、入力中にカクつくことはありません。 使用技術