Written by kadoishi who lives and works in Tokyo. You should follow him on Twitter
Gatsby と SVG 画像の憂鬱
March 10, 2020需要があるかどうか一切わかりませんが、言葉に出来ないほど Gatsby で SVG 画像を使ってみたいので、色々調べたことを書いてみます 🤗 まず前提として、Gatsby で SVG 画像を普通に利用するには、普通に html…
Gatsby で Qiita の記事をページに埋め込みたい。
March 08, 2020Gatsby のプラグイン作成の勉強を行うために、適当な課題を用意してなにかを作ってみました。 仕様 Qiita の任意の 1 記事が画面に埋め込める 記事詳細ページの URL で埋め込みを行うことができる の plugin として markdown に inlineCode…
Gatsby でシェアボタンをライブラリを使わずに設置したい。
March 05, 2020今までライブラリでシェアボタン系を設置していたのですが、はてなブックマークボタンを設置しようと思った時に、使用していたライブラリが対応していませんでした。 そのため、これを機にライブラリを使用せずに、各シェアボタン（Twitter, Facebook…
Gatsby でも Netlify に Github Actions でビルドしたコードをデプロイしたい。
March 01, 2020Gatsby で運営し始めてもうすぐ一ヶ月になろうとしているのですが、デプロイしまくっていたらメールでこんなアラートが来ました。 It’s almost time for extra capacity! Your build minutes usage on your team…
試しにダークモード対応サイトを作ってみる（構想編）。
February 29, 2020サイトにダークモードを入れようと思って、初めてダークモードについて真面目に調べました。 そもそも勘違いしてたんですが、最近だと CSS…
useState, useEffect を使って、スクロールするとき Progress bar を表示したい。
February 27, 2020Gatsby というか、 React でもこういうスクロールすると画面上にスクロールの到達地点が表示されるやつ を作ってみたくなったので シンプルに実装してみました。 使うときはこんな感じでコンポーネントを呼び出すだけ。 （呼び出しコードの方は雑にかきます） Gatsby…
Embed 用の Glitch コードを Gasby でも使うためのプラグインをつくりました。
February 26, 2020gatsby-remark-embed-youtube のほぼ移植です。 Glitch が好きすぎるので Glitch の Embed App を の plugin として、 Markdown へ埋め込めるようにしました。 このような感じです。 Install まずは npm…