sui-gocha!

【Hugo】Content adapters で年月別アーカイブページを作る

Sun, 13 Sep 2026 16:00:00 +0900

Hugo 製のこのブログでは、設定ファイル hugo.toml に以下のように記述し、投稿のパーマリンクを /[yyyy]/[MM]/[slug]/ としている。

[permalinks]
posts = "/:year/:month/:slug/"

Hugo に引っ越す前に使っていた Blogger のパーマリンク /[yyyy]/[MM]/[slug].html と近い形式にしたかったからだ。

Blogger では親ディレクトリの /[yyyy]/ で年別、/[yyyy]/[MM]/ で月別のアーカイブが表示できた。だが Hugo の場合、上記の設定を行っても見かけ上のパーマリンクの形式が変わるのみで、これらのディレクトリにアクセスしても 404 エラーになってしまう。

またアーカイブに関しては、以下の記事にも書いた通り 1 ページで全投稿を表示させる方法で妥協していた。

【Hugo】Taxonomy を使わずに年月別アーカイブページを作る

しかし、どうしても Blogger と同じ形式のアーカイブを諦めきれず、最終的に Hugo の Content adapters を利用する方法に辿り着いた。

本記事では、Content adapters を用いた年別 /[yyyy]/ および月別 /[yyyy]/[MM]/ のアーカイブページの実装方法について説明する。

Dell Inspiron 14 5440（Core 3 100U モデル）を 1 年間使った感想

Sun, 26 Jul 2026 23:00:00 +0900

昨年の夏、11 年間使い倒したパソコンに区切りを付け、新しいパソコンに買い替えた。

買ったのは、Dell Inspiron 14 5440 の Core 3 100U モデル。

すでに販売終了しているモデルだが、せっかく使い始めて 1 年が経ったタイミングなので、このパソコンを選んだ理由や実際に使ってみてよかった点・気になった点について書いていこうと思う。

ローカル保存可能な SNS 風メモアプリを作った

Mon, 20 Jul 2026 00:00:00 +0900

ブラウザのローカルストレージでデータの管理・保存が可能な SNS ライクなメモ帳アプリケーションを作成した。

プロフィールアイコンを作った

Sun, 14 Jun 2026 23:00:00 +0900

はじめましての方もそうでない方もこんにちは。わたくし、このブログの管理人のさめと申します。

こんなハンドルネームなので、今までは ICOOON MONO という素材配布サイトのサメのアイコンを自画像としていた。

人食いザメ | アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト

Google Blogger 時代からかれこれ5年はこのアイコンを使っていて、そろそろ別のものに変えたかった。

とはいえこういう名前なので、どっかにサメの要素は欲しい。サメの被り物をした人間がいいと思ったが、調べた限りではそういうアイコンは見つからなかったので、自作することにした。

Hugo + Cloudflare Pages で予約投稿する

Thu, 30 Apr 2026 23:00:00 +0900

このブログは、Hugo ＋ GitHub ＋ Cloudflare Pages で運用している。静的サイトの持ち味である動作の軽さが気に入っているが、ブログのような予約投稿機能はない。

幸い、Cloudflare Pages には Deploy Hooks（デプロイフック）という外部からビルドを起動する仕組みがある。

Deploy Hooks · Cloudflare Pages docs

さらに、姉妹サービスの Cloudflare Workers には、Cron Triggers（クロントリガー）という定期実行機能がある。

Cron Triggers · Cloudflare Workers docs

本記事では、これらを用いた予約投稿の方法について説明する。

Google 日本語入力の変換候補が小さくなるのを直す

Sun, 12 Apr 2026 23:00:00 +0900

ノートパソコンで Google 日本語入力を使うと、変換候補（サジェスト）が入力文字に比べてやたらと小さいことに気が付いた。

普段はこのノートパソコンに外部モニターを接続して使っており、そちらの画面では変換候補は通常の大きさで表示される。

不思議に思ったので、原因と解決方法を調べてみた。

【Hugo】Taxonomy を使わずに年月別アーカイブページを作る

Sun, 22 Feb 2026 18:00:00 +0900

以前使っていた Blogger では、/[yyyy]/ で年別、/[yyyy]/[MM]/ だと月別のアーカイブを表示できた。

Hugo で同じようなことをするには、Taxonomy を使うのが一般的なようだ。

Taxonomies

しかし、各投稿の Front Matter をいじる必要があるし、生成される URL が /[taxonomy]/[yyyy]/ などになり、自分の希望する構造とは少し異なる。

結局 Blogger と同じ構造のアーカイブを作るのは諦め、1 ページ完結型の年月別アーカイブページを Taxonomy を使わずに作ることにした。

【Hugo】投稿本文の文字数をカウントする

Sat, 31 Jan 2026 23:00:00 +0900

ブログを書いていると、書いた文章の文字数を確認したくなることがある。

以前は JavaScript を使って文字数をカウントしていたが、Hugo に移行してからというものそれを使わずともできるようになった。そこで本記事では、Hugo における投稿本文の文字数のカウント方法を紹介する。

【Hugo】目次に戻るリンクを各見出しの前に挿入する

Sat, 24 Jan 2026 07:00:00 +0900

以前、Hugo で目次を最初の見出しのすぐ前に差し込むカスタマイズについて書いた。

【Hugo】目次を最初の見出しの前に挿入する

上のリンク先に記した方法でこのブログにも目次を表示させているが、長い投稿を読み返していると、途中で目次に戻りたいなと思うことが多々あった。

そこで、目次に戻るリンクを各見出しの前に挿入することにした。

JavaScript を使う方法もあるが、せっかく Hugo を使っているので独自タグだけで実装する方法を考えた。

【Hugo】目次を最初の見出しの前に挿入する

Sun, 21 Dec 2025 23:00:00 +0900

Hugo には .TableOfContents という、ページのコンテンツ内の見出しに対応した目次を出力できるタグが存在する。

TableOfContents

以前 Blogger でこのブログをやっていたときは、JavaScript で投稿内の見出しから動的に目次を作成し、最初の見出し h2 の前に挿入していた。

Hugo でも同じように最初の見出しの前に目次を持っていきたかったので、その方法を考えてみた。