Hugo
Hugo関連のメモ
Category: Web製作
画像処理ショートコード
Categories:
JSON-LD 構造化データの作成や更新日の表現方法
Categories:
[Hugo] Docsy テーマのタグ一覧ページを Noindex にする方法
Hugo で Docsy テーマのタグ一覧ページを Noindex にする方法
Categories:
[Hugo] モバイル検索結果へサムネイル画像を表示 - PageMapデータ
Hugo minify により HTMLコメントが削除されてしまうなかで PageMap 構造データをコメント表示するためのハック
Categories:
Favicon 作成
Python 関連のメモ
Categories:
WordPress
WordPress 関連情報
Categories:
WordPress Plugin 開発の生産性を向上する便利な知識
WordPress プラグイン関連情報
Categories:
[ポートフォリオサイト制作] 静的サイトジェネレーター Hugo での作成手順
静的サイトジェネレーター Hugo を利用してポートフォリオサイトを作成する流れを説明します。無料テーマからも多くのことを学ぶことができます。
Categories:
静的サイトジェネレーターとは何か？WordPress などの動的サイトとの比較と基礎のまとめ
SSG (Static Site Generator) とは何かを説明するために、静的サイトと動的サイトの特徴を整理します。
Categories:
[Kubernetes] WordPress WP-Cron を WP-CLI で実行する CronJob
Kubernetes で WP-CLI を利用した WP-Cron の実行方法を説明します
Categories:
Hugo のサイトで Bootstrap 4→5 アップグレードする手順例
Hugo のサイトで npm を利用した Bootstrap 5 へのアップグレード手順例
Categories:
Hugo テーマ “Docsy” の Bootstrap 5 対応
Hugo のドキュメントサイト用テーマ Docsy の Bootstrap 5 対応動向の確認
Categories:
WordPress WP-Cron を止めて OS層の Cron で実行する方法
WordPressの定期ジョブを実行する WP-Cron を停止してOSレイヤーの Cron で定期ジョブを実行する方法と処理概要の解説
Categories:
Hugo コンテンツを Web 上で管理可能にするサービス（FORESTRY）
静的サイトジェネレーター（Hugoなど）のMarkdownコンテンツをオンライン上で管理するためのWebサービス Foresty を試してみました。
Categories:
NetlifyをやめてCloudflare Pagesへ移行する【Hugo SSG】
静的サイトコンテンツの公開用にNetlifyを利用していましたが、日本国内からの利用ではパフォーマンスが気になったので Cloudflare Pages へ移行しました。
Categories:
Cert Manager アップグレード (v1.5 to v1.8)
Cert Manager を v1.5からv1.8へアップグレードします。
Categories:
[Kubernetes] cert-manager のアップグレード方法 (v0.12 to v1.5.5)
kubernetes の証明書管理機能 cert-manager のアップグレード手順の整理
Categories:
[Rails7] Guard LiveReload セットアップ時のエラー対処法 (Unable to load the EventMachine C extension)
Unable to load the EventMachine C extension; To use the pure-ruby reactor, require ‘em/pure_ruby’ への対処法
Categories:
M1 Mac での mysql2 インストールエラーの解決例
M1 Mac 環境における mysql2 インストールエラーの解決方法のメモ。Intel環境でも発生していた問題ですが、従来の解決方法 bundle config では不足していたので再調査しました。
Categories:
MySQL の管理用 GUI ツール Adminer を Kubernetes に設置
MySQL の Web管理ツール Adminer を Kubernetes や Docker 起動する手順のカンペ
Categories:
RubyでWebスクレイピング 2022年（結局 Mechanize と Nokogiri）
久しぶりに Ruby で Webスクレイピングをしようとして結局は Mechanize を使った話と、ついでにその他言語の話。
Categories:
Hugo の RSS 出力条件をカスタマイズする
Hugo の RSS 出力内容を変更したいときの修正方法
Categories:
ヘッドレスCMS Contentful でのブログ構築と運用の感想
ヘッドレスCMS（Headless CMS）を利用したサイト構築と運用をした経験をもとに、Contentfulの使い勝手や所感をメモします。
Categories:
WordPress のシェアと人気プラグイン（2022年2月現在）
WordPress は、全世界の Webサイト（上位1,000万サイト）のうち 43.3% で利用されています。
Categories:
WordPressをKubernetes に構築する手順（GCP GKE）
WordPress のオフィシャル Docker イメージを利用して Kubernetes 環境に配置するための流れを説明します。
Categories:
WordPress API とアプリケーションパスワード認証で画像をアップロードする
WordPress REST-API で画像をアップロードする際に用いる認証方法「アプリケーションパスワード」について説明します。
Categories:
TypeScript 初学者が手っ取り早く使うための知識
はじめてTypeScript を利用するうえで躓いた点の個人的なメモ
Categories:
VSCodeのRESTクライアント【めちゃお勧め】
Visual Studio Code エディタ向けの使い勝手の良い REST クライアント拡張を紹介します。
Categories:
WordPress で WebP 画像を自動生成するプラグイン
WordPress で次世代画像規格 WebP を自動生成するためのプラグインの紹介
Categories:
WP-Stateless プラグインを利用するための Cloud Storage (GCS) 権限設定
WP-Stateless プラグインを利用するための Cloud Storage 設定で気をつける点を説明します。その他のアプリケーションにも応用可能な基礎知識です。
Categories:
WordPress メディアファイルをオブジェクトストレージに格納するプラグイン (WP-Stateless)
WordPress でアップロードしたメディアファイルを Cloud Storage へも格納するためのプラグインの説明
Categories:
WordPress 画像アップロードをコピペで快適に（The Paste プラグイン）
WordPress での画像管理を快適に。新規画像登録が楽しくなってしまうプラグイン「The Paste」の紹介と「Media To Go」との比較
Categories:
Docker でお手軽 WordPress 練習環境の作り方 - MacBook M1/M2版
MacBook M1チップセットで WordPress の動作テスト環境をお手軽に構築する方法を説明します。
Categories:
Hugo で schema.org (JSON-LD) を自動生成するスクリプト
JSON-LD を動的に生成するための Hugo 向けの解決方法の説明
Categories:
FAQpage 構造化データをJavaScriptで自動生成するコード [JSON-LD]
Google の検索結果をリッチリザルト形式にするための JSON-LD コードを JavaScript で動的生成するための方法の解説
Categories:
YouTube動画の埋め込みHTMLとCSS [レスポンシブ対応]
YouTubeの埋め込みタグをパソコンとスマホでレスポンシブ対応して、いい感じに表示するためのHTMLとCSSコード
Categories:
【jQuery不要】外部ドメインのリンクを別ウィンドウで開く Javascript コード
target=_blank をいちいち付与せずに、外部ドメインのサイトへのリンクに対して新規ウィンドウで開く設定を一括で設定してしまうJavascriptコードの説明
Categories:
Helmでインストールした Cert Manager をk8sマニフェストで再セットアップ
Helm でセットアップしていた Cert Manager を Helm を利用しないネイティブな実装で再設定しました。
Categories:
Hugo 標準テンプレートで OGP・TwitterCard・Google Analytics を設定する
Hugoが標準で用意している Internal Template を利用して Google Analytics と OGP & Twitter Card の設定をします。
Categories:
Mac OS X に Rails & Redmine 環境を構築して Plugin 開発をする準備
Rails と Redmine が動く ローカル環境を準備することに特化した作業手順を記載します。
Categories:
Let's Encrypt 証明書をサーバー無停止で新規発行する（Nginx編）
Webroot プラグイン（現在稼働中のHTTPサービスは継続したまま新規に発行する）方法を利用して Lets Encrypt 証明書を作成します。
Categories:
Docker 実行環境を新規構築（CentOS 7.2）
新規 CentOS 7.2 に Docker の実行環境をセットアップする手順
Categories:
WordPressをNginx+無料のSSL証明書 Let's Encrypt でHTTPS化する
無料のSSL証明書発行の仕組み Lets’s Encrypt が正式版になったので利用してみます。