明日の自分のために

moon indicating dark mode
sun indicating light mode
Gan0803
ソフトウェアエンジニア
Androidやってます。趣味は宇宙開発です。

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, 2020

Analytics、Search Console、Adsenseの連携を設定しました。 AnalyticsとSearch Consoleの連携はプロパティタイプでURL…

GatsbyJSで作ったブログに問い合わせフォームとプライバシーポリシーを設置した

June 17, 2020

AdSenseのヘルプドキュメントに 必須コンテンツ としてプライバシーポリシーがあるので対応しました。各ページの末尾に配置されています。 それとおまけで問い合わせフォームも作りました。biography…

GatsbyJSで作ったブログがGoogle AdSenseの審査に通ったので広告を組み込む

June 15, 2020

このブログも記事が10本を超えたのでGoogle AdSenseに申し込みました。結果は無事審査に合格しました。 申し込みは AdsenseのWebサイト からURLを登録したあと、ブログのトップページにコードを貼り付けて待つだけです。 head…

npmパッケージの更新方法(npm-check-updates)

June 13, 2020

GatsbyJSのテーマやプラグインはnpmで管理されており、アップデートするときにnpmのパッケージ更新方法を忘れるのでメモしておきます。 npm outdated で新しいバージョンが存在するパッケージを確認できます。 npm update…

GatsbyJSで作ったブログでcolor modeに応じてアイコンの色を変える

June 11, 2020

biographyに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, 2020

Repoの使い方を整理します。試しにWindows Subsystem for Linux(WSL)でやってみます。 久しぶりにVirtualBox上のLinuxで実行しようと思ったのですが、AMD-VとHyper-Vが競合するようでVM…

ATOM Cam買って3週間使ってみた

June 03, 2020

ATOM Cam というネットワークカメラを自宅監視用に2つ買いました。3週間使ってみたので感想を書きます。オススメです。 機能の詳細は公式WEBサイトを見るのが良いと思いますが、 130度の広角撮影 、 1920x1080の精細な画像 、 ナイトビジョン+IR…

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, 2020

gatsby-theme-blogのフォントを好みのものに変えたいです。 最近だとユニバーサルデザインフォントが見やすくて良いと思います。 AndroidのデフォルトフォントになっているRobotoも好きなんですけどね。 まずはフリーのUD…

Shadowingの罠(GatsbyJS)

May 26, 2020

gatsby-theme-blogのカスタマイズを色々試していたのですが、gatsby-theme-blogのtypographyを変更しようとしてShadowingの罠に(かってに)はまりました。 先に結果を書くと… 複数のThemeを使う場合はShadowing…

GatsbyJSで作ったブログにGoogle Analyticsを設定する

May 25, 2020

Google Analytics対応 Google Analytics…

ブログ立ち上げログ

May 24, 2020

Gatsby + GitHub + Netlifyでブログを立ち上げるにあたって考えたことや調べたことをメモしておきます。 何を使って始めるか ブログをどうやって始めるかいろいろ調べていましたが、はてなブログ、Wordpress、Static Site Generator(SSG…

First Post

May 20, 2020

Gatsby + GitHub + Netlifyでブログを立ち上げました。 独自ドメインも取得したので続くといいなぁ。 TODO せっかくなのでTODOを整理しておきます。どこまで消化できるか……。 Google Analytics対応 ブログの立ち上げログを残す Theme…