Hugo + Algolia + Instantsearch.jsで静的サイトに全文検索を導入
Hugo + Algolia + Instantsearch.jsで、静的サイトに全文検索を導入するまでの一部始終をまとめてみました。メニューバー右側のテキストボックスに検索キーワードを入力して、Enterキーを押します。検索したキーワード
Apple Pencil のみでスクリーンショットを撮影する方法
imageiPad Air（第4世代）＋ Apple Pencil 2の組み合わせです。Apple Pencilを使うと、Apple Pencilのみでスクリーンショットを撮影することができます。通常、iPadのみでスクリーンショットを撮影
Issueを起票したらGitHub ActionsによりIssueの内容がそのまま記事として公開されるようにしてみた
当ブログは、Netlify + Hugoで構築してます。GitHubへMarkdownで記述したコンテンツをコミットすると、Netlifyにより自動ビルドが走り、記事が公開されます。しばらくは、このフローで問題ありませんでしたが、基本的に横
iPhone（iOS14）でピクチャ・イン・ピクチャを使用する
iOS14でピクチャ・イン・ピクチャ機能を使用する方法です。「設定」→「一般」→「ピクチャ・イン・ピクチャ」で「ピクチャ・イン・ピクチャを自動的」をオンにします。執筆時点で確認できたのは、YouTube（ただし、Safari）、Amazon
iPhone（iOS14）で背面タップを使用して任意のアクションを実行する
iPhone（iOS14）で背面タップを使用する方法です。iPhone 8以降で利用可能です。「設定」→「アクセシビリティ」→「タッチ」→「背面タップ」へ進みます。「ダブルタップ」「トリプルタップ」時の挙動を、各々指定できます。「ダブルタッ
iOS14の絵文字キーボードからミー文字ステッカーを消す方法
iOS14では、絵文字キーボードから「ミー文字ステッカー」を表示しないようにできるようになりました。「設定」→「一般」→「キーボード」→「ミー文字のステッカー」をオフにします。
macOS CatalinaとBig Sur（パブリックベータ）のデュアルブート環境を構築
macOS CatalinaとBig Sur（パブリックベータ）のデュアルブート環境を構築してみました。また、Time Machine等でCatalinaの環境を復元するのがめんどうなので、CatalinaとBig Surをインストールする
Macでアプリのキャッシュを根こそぎ削除する簡単な方法
アプリケーションの一時ファイルが残存し続けることで、不具合を起こすことがあります。また、アプリケーションの設定を初期化したい場合があります。このような場合には、 AppCleaner を利用します。AppCleanerは、Macからアプリケ
HugoでSearch Consoleに追加された「ウェブに関する主な指標レポート」（CLS）の問題に対応する
Google Search Consoleに新たな指標が追加されました。すべて、 ウェブに関する主な指標レポート に記載の通りです。必ずしも早急な対処が必要なものではありません。ただし、これらの指標に対応することで、必然的にUI/UXの向上
CSSフレームワーク「Bulma」の「columns」クラスに関する挙動について
CSSフレームワークの「 Bulma: Free, open source, and modern CSS framework based on Flexbox 」の columns クラスの挙動がおかしい、というお話です。Columns
Netlify Functions + Hugoで簡単サイト内検索
静的サイトの悩みの種、サイト内検索をNetlify Functions＋Hugoで実装してみました。ポイントは、以下の通りです。有名どころでは、 Lunr: A bit like Solr, but much smaller and not
Netlify CMSのプレビューでHightlight.js + KaTeX（LaTeX）をサポートする
HugoのMarkdownで数式組版ライブラリであるKaTeXをサポートする で、Hugoに(KaTeX)を組み込みました。(KaTeX)は、MathJaxより高速にレンダリングできる、ブラウザで動作する数式組版ライブラリです。今回