GatsbyJSで作ったブログのi18nを検討中
June 28, 2020せっかくブログ記事を書くならば英語版も作って公開してみようと考え、このブログの多言語対応（i18n: internationalization）を検討しています。 DeepLの翻訳精度がすごいので機械翻訳で楽に対応できそうというのもあります。しかしGatsbyJS…
IPv6 Global Unicast Addressについて少し調べた
June 22, 2020少し前に家のインターネット環境をIPv6に移行しました。 速度計測してみると遅延が50msから5msに下がって、通信速度も向上しました。 IPv6とIPv4は意識することなく変換されるようになっていてどちらを使っていても家庭での使用に問題はありません。 しかしIPv…
Analyticsのフィルタ設定と, Search Console, AdSenseとの連携
June 21, 2020Analytics、Search Console、Adsenseの連携を設定しました。 AnalyticsとSearch Consoleの連携はプロパティタイプでURL…
GatsbyJSで作ったブログに問い合わせフォームとプライバシーポリシーを設置した
June 17, 2020AdSenseのヘルプドキュメントに 必須コンテンツ としてプライバシーポリシーがあるので対応しました。各ページの末尾に配置されています。 それとおまけで問い合わせフォームも作りました。biography…
GatsbyJSで作ったブログがGoogle AdSenseの審査に通ったので広告を組み込む
June 15, 2020このブログも記事が10本を超えたのでGoogle AdSenseに申し込みました。結果は無事審査に合格しました。 申し込みは AdsenseのWebサイト からURLを登録したあと、ブログのトップページにコードを貼り付けて待つだけです。 head…
npmパッケージの更新方法（npm-check-updates）
June 13, 2020GatsbyJSのテーマやプラグインはnpmで管理されており、アップデートするときにnpmのパッケージ更新方法を忘れるのでメモしておきます。 npm outdated で新しいバージョンが存在するパッケージを確認できます。 npm update…
GatsbyJSで作ったブログでcolor modeに応じてアイコンの色を変える
June 11, 2020biographyにTwitterやGitHubのアイコンを表示して、そのアイコンをクリックするとSNSのページに飛ぶようにしたいと思いました。 bio-contentにSNSアイコンを追加 アイコン表示とリンクを貼るだけならば、以下のようにするだけです。Twitter…
GatsbyJSで作ったブログのフッターにタグを追加
June 09, 2020タグを記事に表示するようにします。ここでは記事のフッターにその記事につけられているタグを付与します。 まず、タグを表示する部品を追加します。 src\gatsby-theme-blog\components\tag-label.js…
WSL 2（Ubuntu20.04）にアップデートしてRaspberry Piのイメージをmountする
June 06, 2020ちょっとラズパイのイメージの中身を見たくなり、WSLでmountして見ようとしたところ上手くいきませんでした。WSL 2なら行けるという情報がネットで散見されたのでアップデートしてみます。 Windows Sbusystem for Linuxを最近使っているのと、WSL…
Repoの使い方とWindows Subsystem for Linux（Ubuntu20.04）のセットアップ方法。
June 04, 2020Repoの使い方を整理します。試しにWindows Subsystem for Linux(WSL)でやってみます。 久しぶりにVirtualBox上のLinuxで実行しようと思ったのですが、AMD-VとHyper-Vが競合するようでVM…
ATOM Cam買って3週間使ってみた
June 03, 2020ATOM Cam というネットワークカメラを自宅監視用に2つ買いました。3週間使ってみたので感想を書きます。オススメです。 機能の詳細は公式WEBサイトを見るのが良いと思いますが、 130度の広角撮影 、 1920x1080の精細な画像 、 ナイトビジョン＋IR…
GatsbyJSで作ったブログの記事に添付する画像などのファイル管理
June 02, 2020…
GatsbyJSで作ったブログのページタイトル生成処理とSEOについて
June 01, 2020ページタイトルが "Home | 明日の自分のために" となっているのが気になりました。なんでトップページにHomeとついているのか、どこでつけているのか。トップページにHomeという文字列はいらないんじゃないか。 調べてみるとどうやらSEO…
GatsbyJSで作ったブログの記事にTagをつけて管理する
May 31, 2020ディレクトリを分けて記事を整理するようにしましたが、すべての記事を横断的に管理できるともっと良いです。 記事にタグを付けて管理できる方法をテーマがきっと用意してくれているはずだと思い調べました。 とは言いつつ frontmatterの記事 で tags…
GatsbyJSのfrontmatterについて調べる
May 30, 2020実はfrontmatterについてまだよく分かっていなかったので調べてみました。 記事のmarkdownの先頭に記述している以下の部分です。 frontmatter とは、markdownにメタデータを追加する手段です。 YAML形式 で記載します。 frontmatter…
GatsbyJSで作ったブログのディレクトリ構成とslug
May 29, 2020今までは /content/posts/ に.mdを直接配置していました。tree…
GatsbyJSで作ったブログにfaviconを設定する
May 28, 2020まだfaviconを作っていなかったので作ります。 GIMPでちょっと凝ったのを作ろうかと思いましたが、途中でGIMPが落ちたのでもうやめました。 Paint 3D…
GatsbyJSで作ったブログのフォントをUDフォントに変更（Miguフォント）
May 27, 2020gatsby-theme-blogのフォントを好みのものに変えたいです。 最近だとユニバーサルデザインフォントが見やすくて良いと思います。 AndroidのデフォルトフォントになっているRobotoも好きなんですけどね。 まずはフリーのUD…
Shadowingの罠（GatsbyJS）
May 26, 2020gatsby-theme-blogのカスタマイズを色々試していたのですが、gatsby-theme-blogのtypographyを変更しようとしてShadowingの罠に（かってに）はまりました。 先に結果を書くと… 複数のThemeを使う場合はShadowing…
GatsbyJSで作ったブログにGoogle Analyticsを設定する
May 25, 2020Google Analytics対応 Google Analytics…
ブログ立ち上げログ
May 24, 2020Gatsby + GitHub + Netlifyでブログを立ち上げるにあたって考えたことや調べたことをメモしておきます。 何を使って始めるか ブログをどうやって始めるかいろいろ調べていましたが、はてなブログ、Wordpress、Static Site Generator（SSG…
First Post
May 20, 2020Gatsby + GitHub + Netlifyでブログを立ち上げました。 独自ドメインも取得したので続くといいなぁ。 TODO せっかくなのでTODOを整理しておきます。どこまで消化できるか……。 Google Analytics対応 ブログの立ち上げログを残す Theme…