Hugoは静的サイトジェネレーターですが、テンプレート(Go Template)を使用することで、比較的自由にカスタマイズ可能です。このブログも以前はWordPressを使用していましたが、現在はHugoを使用しています。 WordPressからHugoへ移行する場合、色々考慮点はあると思いますが、頭を...
Blog Hugo
静的サイトにおけるサイト内全文検索の実装例をご紹介します。個人ブログにおける趣味の範囲内です。また、個人ブログのため、料金を抑える方針で検討します。 WordPressなどのCMSは標準で検索機能を有しています。しかし、静的サイトではビルド時にすべてのページが生成されます。そのため、WordPress...
Blog Netlify Hugo Elasticsearch
Go 言語製の静的サイトジェネレータ Hugo で Netlify に構築したホストで、独自ドメインメールによる安価な送受信環境を整備する方法をご紹介します。 ドメインは「お名前.com」等のレジストラで既に取得済み、DNS サービスは「Netlify DNS」を使用することを前提とします。ただし、「Netlify DNS」は記事執筆時...
Blog Netlify Hugo AWS SES
以前、Netlify Functions をローカル環境でエミュレートする方法、Netlify にデプロイする方法をご紹介しました。今回は、ローカル環境で開発した Netlify Fucntions をコンテナ技術の理解を深めるために Docker で実行してみます。前回作成したアプリケーションをもとに話を進めますので、まだの方はそちらを一読されてから読み進めることを...
Mac Blog Docker Netlify
Hugo のオリジナルテーマ作成を勝手に応援する企画、記念すべき第 1 弾はテンプレート構文の基本となる「template」「partial」「block」「define」の違いについてです。以下のバージョンで確認しています。 Hugo Static Site Generator v0.53/extended darwin/amd64 BuildDate: unknown Hugo のテンプレート構文 Hugo には様々なテンプレート構文が用意されています。今...
Blog Hugo
Hugo には、記事執筆時点において、WordPress のような便利なプラグインはありません。しかし、Shortcode やテンプレートの構文を工夫することで、WordPress と同等のプラグイン機能を実現できます。 Hugo Static Site Generator v0.52/extended darwin/amd64 BuildDate: unknown たとえば、WordPress にはアイキャッチ画像という概念があります。Hugo...
Blog Hugo Netlify
先生、これは控えめに言って、革命です。 本記事は、今回ご紹介するMarkdownエディターを使用して執筆しています。 弊サイトのブログ記事執筆は、基本的にMarsEdit一択でした。CMSはWordPressですが、複数人で編集しているわけでもないため、ダッシュボードの投稿画面は無効化しています(緊急時...
iPhone Mac Blog CMS iCloud iOS macOS Markdown
Netlify CMS(Hugo)で Markdown で記述可能な無料ブログを構築する(構築編)で、Netlify 上に静的サイトを構築する方法をご紹介しました。今回は、Hugo(Go 言語の静的サイトジェネレーター)のスターターキットで構築したテーマをカスタマイズして、GitHub 上のソースコードの修正、Netlify による自動デ...
Blog CMS GItHub Hugo Netlify Slack
こちら で、AWS の VPS サービスである Amazon Lightsail を使用して、月 5 ドルから始める WordPress についてご紹介しました。国内外の VPS サービスと比較しても、月 5 ドルという価格は魅力的です。個人や商用にしてもそこまでピーク性能が求められないブログであれば十分に実用的な範囲内で、手軽に始められるサービスですので、ぜひこれを機にクラウ...
Blog Amazon AWS Blog
弊サイトは、レンタルサーバーであるエックスサーバー(XSERVER)で運用していました。長期契約(最大36か月)を結ぶと、月々わずか約1,000円から始められ、ホームページの運用に必要な各種機能(独自ドメイン、SSL、メールサービス、データベース等)がすべて揃う素晴らしいレンタルサーバーです。また、...
Blog Amazon AWS Blog
統合開発環境(IDE)としては、Atom(GitHub社製で、現在はMicrosoftに買収)や、Sublime Textなどがありますが、Atom同様のElectronで作られたマルチプラットフォーム対応の、Visual Studio Codeもおススメです。無償で利用することが可能です。 Atomや、Sublim...
Blog HTML JavaScript PHP VS Code Blog
WordPressの高速化!WordPressでそのページで実行されているアクションやフックの一覧を表示するプラグイン「Simply Show Hooks」で、WordPressで呼び出されているアクションとフックの一覧を表示するプラグインをご紹介し、不必要なアクションやフックは徹底的に排除しようということを...
Blog Development Blog
WordPressの特徴と1つして、その拡張性の高さがあります。WordPressの公式リポジトリには、多数のプラグインが登録されており、プラグインをインストールするだけで、機能拡張を簡単に行うことができます。 しかし、プラグインは便利な一方、多数のプラグインをロードすると、ページの読み込み速度が遅く...
Blog Plugin Blog
WordPressでは、無料・有料問わず多数のテーマが公開されています。公開されているテーマでそのまま運用することも可能ですが、テーマをカスタマイズして使用したい場合があります。しかし、カスタマイズするために、公開されているテーマのファイルを直接編集してしまうと、テーマのアップデートを行う都度、カス...
Blog Development Blog
WordPressには、WordPress Coding Standards – Make WordPress Coreで定められている通り、ソースコードにコーディング規約が設けられています。コーディング規約に則りソースコードを記述することで、可読性、保守性が向上するだけでなく、チームで開発する場合においては、一定のソースコードの品質を保ったままコーディング...
Blog Atom Development