Lokka の検索はキーワード一つにしか対応していなかった。例えば うどん ラーメン と入力すると、確実に うどん ラーメン という語順で検索が行われる仕様になっている。これはちょっと不便だと思ったので半角スペースでキーワードを分割して AND 検索するようにした。つまり確かに うどん ラーメン という語順で文章が書かれていなくても、 ラーメン うどん という語順だったり、そもそも うどん と ラーメン が離れたところに書いてあるような文章でもオッケーな仕様にした。 diff はこんな感じ。
一般的な検索システムだと入力された検索キーワードを品詞分解したりして半角スペース入れたりせずともいい感じに検索できるのだろうが、データベースから直接検索するシステムではこれくらいできれば十分かなと思ってる。どうせこのブログで検索してるの自分一人くらいだし。
YouTube 、すでに公式に公開されてる情報を読み上げるだけの動画あげてる人が多い。オリジナル情報を読めば 1 、 2 分で摂取できる情報を 10 分以上の動画にする意味があるのかは疑問だけど、長い文章読めなくて動画に飛びつく人が一定数いるんだろう。
同様に、既に公式サイトに記載されている事柄を自分のブログや Twitter にスクリーンショット付きで転載してる人もいる。ソースが英語のときに日本語で説明するなら理解できるけど（自分はよくやる）、ソースが日本語の情報をさらに日本語で転載する意味がわからない。
公式情報はわかりにくい、誰かが解説している二次的な情報の方が信頼できる、と感じる人がいるのかも知れない。[サービス名] 料金 などのキーワードで検索すると大量に二次解説サイトがヒットする。
この手のコピー情報はオリジナル情報を水増しして動画化したり何度も同じ表現を繰り返したりしてるだけで全然わかりやすくない。むしろインターネットのノイズになっている。悪質なケースでは Google 検索結果の強調スニペットによってオリジナル情報より目立っていることもある。
極力一次情報を調べ、二次情報にはなるべく近寄らない暮らし方をしていきたいが、普通の人々がそういう情報摂取をできるだろうか。
Rebuild のエピソード 287 の感想をベースにブログ書こうとしたらめっちゃ長くなり収拾が付かなくなってしまった。話してる内容がめっちゃ濃いのだと思う。一方で、テキストでは 2, 3 分で読み終わる文章を情報量を水増しして YouTube 動画にする人達もいる。興味深い。https://t.co/xc9UUyuQV9
— morygonzalez (@morygonzalez) February 5, 2021
Archives ページに記事数を表示するようにした。一昨日、年を未指定の場合は全件読み込むようにしたので Archives ページを訪れると総記事数が確認できるようになった。年やカテゴリーで絞り込むと絞り込み後の件数を確認できる。カテゴリーごとの記事の偏り具合が確認できて便利。
さらにカテゴリーのセレクターは記事件数順でソートするようにした。これまでは categories.id でソートしていたため、件数の多いカテゴリーがセレクトボックスの下の方に埋もれたりしていてあまり良い絞り込み体験ではなかった。
こうしてカテゴリーごとに記事を絞り込んでみてみると、意外と違和感のある分類になっていることに気がつく。記事のカテゴリーに関してはあまり意味ないというか分類が難しいものもあると思う。ブログというカテゴリーに分類してみたものの、実際の記事内容はプログラミング寄りだったりして、読者が読みたい記事を探す際の指針とはなり得ないなと思う。 TF-IDF のような機械的な関連判定が記事のグルーピングには有効だと思う。勝手にカテゴリー付けしてくれたら便利だと思う。
技術的な話をすると、選択したカテゴリーで記事を絞り込む都合上、件数のカウントはフロントエンドで行う必要があった。実は 2 年くらい前の Archives ページにも絞り込み時の件数表示機能はあったのだが、当時は React の機能を活用できておらず、記事の絞り込みは Virtual DOM の操作ではなく CSS の display: none; でやっていて jQuery と大差なかった。記事の絞り込みを React の機能を使ってやるようになってから件数の表示ができていなかったのをできるようにしたのが今回というわけだ。
お爺さんコンポーネントで定義した関数をひ孫コンポーネントまで伝搬させて、結果が変わるとお爺さんコンポーネントの state が書き変わる。ちょっと setState() を使いすぎていて微妙に画面がチラつく（ state を更新するたびにレンダリングが行われるため）。もっとうまいやり方があるのかもしれない。
これをやるにあたってこれまで関数として実装していたコンポーネントをクラス化した。 return() の前処理でやっていたゴニョゴニョを componentDidMount() に移す必要が出たが、実は componentDidUpdate() でもやらなければならなかったり、 componentDidMount() 時にはまだ props が渡されてきてないので componentDidUpdate() で実行する必要があったりと、結構ハマりどころがあった。コンポーネントはなるべくクラス化するのが格好いいような気がしていたけど、凝ったことをやる必要がないコンポーネントは関数のままの方がよいと思った。この辺も改めて React はよくできていると感心する。
多分自分しか見てなくて月間の PV も 10 しかない Archives ページで、これまで年を選択していない場合は直近一年間の記事だけを表示するようにしていたのを全期間表示するようにした。このブログは 1300 記事くらいあって、全部一気に取得するとそれなりにレスポンスが遅くなる（ 2 秒弱かかる）。待ってる時間が少々長くなるのでローディングスピナーを表示するようにしてみた。
結構いい感じで気に入っている。使ったのは以下。色の変更なども簡単だった。
全期間の記事が表示されるとカテゴリーごとに絞り込んだときにそのカテゴリーで通算何件くらい記事を書いているのかが確認しやすくなってとてもよい。完全に自己満足のサイト改善。
