Gatsby.jsブログのBootstrap v3をv5に移行した年末リライト記録。Tailwind CSS導入を断念した経緯、jQuery依存の解消、gatsby-plugin-purgecssによるCSS最適化、Lighthouseスコア改善まで実践的なノウハウをまとめました。

depcheckでpackage.jsonの未使用ライブラリを検出し、GitHub ActionsでPRコメントに自動出力するActionを自作。node_modulesの肥大化対策として、CIに組み込んで依存関係を継続的にチェックする方法を紹介します。

IT業界でよく使われる「ヤクの毛刈り（Yak shaving）」の語源をたどりつつ、ヤクの生態や特徴、チベットでの家畜利用、兜やラピュタとの意外な関係まで、ヤクの魅力をたっぷり紹介するコラム記事です。

Node.jsで書いたSlack投稿スクリプトをDenoに移行し、TypeScript化した実践記録。Hasura CloudのGraphQLからデータ取得してSlackに通知する処理を、Denoのfetchやtop-level awaitを活用して書き直す方法を解説します。

Hasura CloudとHeroku PostgreSQLを連携し、無料でGraphQLエンドポイントを構築する方法を解説。Pythonでのmutation実装、Next.js+Apollo Clientでのダッシュボード開発、Cypressでの画面キャプチャによるSlack通知まで一気通貫で紹介します。

余ったRaspberry Piと2.7インチ電子ペーパーでGoogleカレンダー連携の万年カレンダーを自作。oAuth2.0認証の詰まりポイントやGPIOキースイッチによる4画面切り替え実装など、小型ディスプレイ活用のノウハウを紹介します。

余ったRaspberry Piと赤外線カメラモジュールを使い、motionで動体検知してSlackに画像・動画を自動通知する監視カメラシステムの構築手順。V4L2ドライバの設定やmotion.confの詳細解説も掲載しています。

AKG K712 PROヘッドホンが右側断線で音が出なくなったため、分解・はんだ修理で復活させた記録。テスターでの断線箇所特定から修理手順、ゼンハイザーHD 599 SEとの音質比較まで詳しく解説します。

Google Chromeで複数ユーザーを視覚的に区別するためにオリジナルテーマを自作。猫の写真を使ったChrome Webストア公開テーマ「sleepy cat」の作成手順と活用方法を紹介します。

HarperDB・feedparser・GitHub Actionsを組み合わせて、完全無料でRSS更新をSlackに自動通知するシステムを構築。OGP画像取得やキーワード自動抽出機能も実装し、技術ブログのキャッチアップを効率化する方法を解説します。

React Hook FormとGetform.ioを組み合わせたお問い合わせフォームの実装方法を解説。useFormによるバリデーション、handleSubmitでのフォーム送信、FormDataを使ったGetform.ioへのPOST処理など、実コード付きで具体的に紹介します。

Netlify無料枠の月300分ビルド制限をGitHub Actionsに移行して解消する方法を解説。gatsby-plugin-minifyによるAsset最適化、imgurでの画像リサイズ、Getform.ioでのフォーム代替、netlify-cliによるデプロイ自動化の具体的な手順を紹介します。

Next.jsとVercelを使ってAWS障害情報を見やすくするステータスダッシュボードを構築した記録。RecoilによるGlobal State管理、Material Tableでのデータ表示、Chart.jsでの障害可視化、Vercelへのデプロイ方法まで解説します。

MQTTプロトコルとRaspberry Pi接続の電子ペーパーを使い、Webから送信した年賀状を電子ペーパーに表示するシステムの構築方法を解説。FastAPIによるバックエンド、React Hooks＋Tailwind CSSのフロント実装、mosquittoブローカーの構成を紹介します。