長らくBlogのスタイルを支えてきたBootstrap v3が技術負債になってしまっていたのでとりあえずBootstrap v5にしたお話。

depcheckを使うと、package.jsonで定義されたライブラリがコードで使われているかどうかを確認することができます。確認の結果は、以下の例のように、GitHub Actions の実行時に PR コメントでユーザーに通知することができます。

最近人気のReact Hook FormをGetform.ioと組み合わせてお問い合わせフォームを作りましょう。

Netlifyは便利ですが無料枠だと月のビルド時間が300分なので超過しないように神経を使います。GitHub Actionsを使えばそんな悩みから解放されるのでご紹介します。

Next.jsとVercelとRecoilとMaterial Tableを使ってAWSのステータスダッシュボードを作ってみた話です。

React Iframeを使ってPortfolioサイトにSoundCloudのメディアプレーヤーをつける

Blogへ投稿すると、草を生やすことができるようにしました。

Gatsby.jsを使って作ったブログに読み終わるまでの時間を表示させました。ついでにEstimated Reading Timeの歴史も深ぼっていきます。

大学時代、初めてプログラミングしたときのゴミソースを発見

Qiitaにあげた記事Nuxt.js + Composition APIでVuexのStateをReactiveに使う方法の転載です。

Nuxt.jsのmodulesでGlobal Optionを使ってみます。

Nuxt.jsのわかりにくい機能の一つ、modulesを使ってみます。

Nuxt.jsでparticles-bg-vueを使う記事です。

Google Apps Script(GAS)とAPI FLASHとSlackAPIをClaspとJestとGitHub Actionで調理して定期的にWebページのスクリーンショットを撮る

Netlify Formを使って、簡易Contact Formを作ってみます。

Sentryを使ってフロントエンドのエラーを確認する

particles.jsをVue.jsで使う方法

今更にはなりますがNetlify CMSを使ってみたくなったのでGatsbyを使ってブログ作ってみました。