Windows Subsystem for LinuxでUbuntu Desktop (GNOME)を動かす

Windows 10(バージョン1809)で試しました。Windows 10上でWSLからUbuntu Desktopを動作させたい、ただそれだけの理由で試しました。そのため、現段階では使い物になりません。Firefoxを起動してブラウジン

VS Code(Code Helper)のCPU使用率が100%になってしまった場合のワークアラウンド

Macの動作が重くなってしまったため、アクティビティモニターを眺めていたところ、「Code Helper」と呼ばれるプロセスがCPUを占有していました。同プロセスは、VS Codeの子プロセスで、複数のプロセスが起動します。拡張機能の一部が

HugoでMarkdownのランダムな位置にGoogle AdSenseのコードを挿入する

Hugoは静的サイトジェネレーターですが、テンプレート(Go Template)を使用することで、比較的自由にカスタマイズ可能です。このブログも以前はWordPressを使用していましたが、現在はHugoを使用しています。WordPress

Macを使用してiPhone、iPadのSafariでデバッグを行う方法

Google ChromeやSafariのブラウザには、デベロッパーツールと呼ばれる開発者向けメニューが付属しています。デベロッパーツールを使用することで、Webアプリケーションのデバッグを簡単に行うことができます。たとえば、Google

MacのGoogle Chromeを使用して、iPhone、iPadのSafariでデバッグを行う方法

Mac を使用して iPhone、iPad の Safari でデバッグを行う方法 で、iPhone の Safari でデバッグする方法をご紹介しました。iPhone、Mac の標準機能のみで実現できるものの、Mac の Safari を

Netlify + Hugo + Elasticsearchで静的サイトの全文検索を行う

静的サイトにおけるサイト内全文検索の実装例をご紹介します。個人ブログにおける趣味の範囲内です。また、個人ブログのため、料金を抑える方針で検討します。WordPressなどのCMSは標準で検索機能を有しています。しかし、静的サイトではビルド時

Netlify CMS + Netlify DNS + Hugo + AWS SESで独自ドメインのメール送受信環境を構築

Go 言語製の静的サイトジェネレータ Hugo で Netlify に構築したホストで、独自ドメインメールによる安価な送受信環境を整備する方法をご紹介します。ドメインは「お名前.com」等のレジストラですでに取得済み、DNS サービスは「N

Netlify FunctionsをDockerで実行する

以前、Netlify Functions をローカル環境でエミュレートする方法、Netlify にデプロイする方法をご紹介しました。今回は、ローカル環境で開発した Netlify Fucntions をコンテナ技術の理解を深めるために Do

無償で利用可能なNetlify Functions(AWS Lambda)で学ぶサーバレスプログラミングの基本

これまでGo言語の静的サイトジェネレータであるHugoを使用してNetlifyにホスティングする方法をご紹介してきました。今回は、FaaS(Function as a Service)であるNetlify Functionsをご紹介します。

Parallels Desktop 12 for MacでUbuntu 18.04 LTSへのParallels Toolsのインストールに失敗する場合の対処法

Parallels Desktop 12 for Mac では、Ubuntu 18.04 LTS が正式にサポートされていません。最新バージョンである Parallels Desktop 14 for Mac にアップグレードすることで、正

Hugoのテンプレート構文「template」「partial」「block」「define」のわかりやすい解説

Hugo のオリジナルテーマ作成を勝手に応援する企画、記念すべき第 1 弾はテンプレート構文の基本となる「template」「partial」「block」「define」の違いについてです。以下のバージョンで確認しています。Hugo には

Hugoで記事のアイキャッチ画像を自動的に取得する

Hugo には、記事執筆時点において、WordPress のような便利なプラグインはありません。しかし、Shortcode やテンプレートの構文を工夫することで、WordPress と同等のプラグイン機能を実現できます。たとえば、WordP