ChaosPlantにサイト内検索機能を付けた。ChaosPlantはSSGにZolaを利用しているのだが、Zolaの機能としてElasticlunr.jsおよびFuse.jsに対応した検索インデックスのJSONを吐く機能があり、それを利用している形だ。Elasticlunrは日本語に対応させる方法が分からないのでFuse.jsの方を使った。

検索UIとして、ポップアップを出すのもサイドメニューを出すのもなんか気取ってるみたいでヤダし、かといって別ページで表示するのも古臭くて嫌なので、少し悩んでトップページの中段に配置してみた。元々が上部固定ヘッダとかを避けた結果のデザインなのでその方針は踏襲したく、その中でなるべく違和感が少ないかつ最低限程度には目に入る配置にしたのだがどうだろう。

テンプレートはHTML&SCSSぶっつけ書きでVueとかそういうの何も入れておらず、今更入れるのも面倒なのでバニラJavaScriptで書き通した。fetchAPIなどのおかげで恐らく一昔前では考えられないほどにバニラの書き味は良い。

---

ありとあらゆる気力が湧かなくなっていることに気付いたので、個人開発でメンタル回復を図る。ここのところ失敗続きなのが影響を及ぼしており、社会で失敗したことは社会で取り返すべきなのだが、それはそうとメンタルの橋頭保として個人でやるクリエイティブは重要じゃねという結論に至った。