📅 2026年2月 の記事一覧

【連載49】専用チューンは信用できるか？28kgの愛犬が書き換えるEV航続距離

独自開発のARIYA航続距離シミュレーター。その核心となる「専用チューン予測」の信頼性と、愛犬(28kg)が電費に与えるリアルな影響について音声解説を公開しました。

【連載48】コードを一瞬で日本語化！Noteshelf AIでEVシミュレーターの仕様書を作成

作成したJavaScriptの計算ロジックを「Noteshelf AI」に読み込ませてみたら…！？難解なコードが一瞬で美しい日本語の仕様書に変換された感動の記録です。

【連載47】自分専用ARIYAシミュレーター開発始動！独自ロジックとD1データベース構築

日産公式アプリの予測を超える精度の「航続距離シミュレーター」開発をスタート。実測データに基づく計算ロジックと、Cloudflare D1でのデータベース構築を行いました。

ClerkとAstroの魔物：環境変数「両面待ち」の死闘

Astro + Cloudflare環境でClerkのAPIキーが読み込まれない謎のエラー。複雑に絡み合うフレームワークの仕様という「クラーケン」を討伐した記録です。

UXの探求：SPA風ページネーションで画面が吹っ飛ぶ問題の解決

JavaScriptで実装した表のページ切り替え時、画面が一番上まで強制スクロールしてしまう問題の美しい解決策。

消えた11文字の謎：天気API「401エラー」とデバッグの執念

環境変数を設定しても直らない401エラー。送っているキーの文字数をログに出力して暴いた、見えないバグの正体とは。

ローカルと本番の壁：Clerk認証キーとVS Codeの守護神

Clerkのログイン機能を実装した際、ローカル環境（.dev.vars）と本番環境（Cloudflare）でキーを分ける理由と、その仕組みについて

Cloudflare Pagesの罠：環境変数は「両側」に張れ！

ローカルで動いたAPIが本番で動かない！Cloudflare特有の「プレビュー環境」と「本番環境」の落とし穴について解説します。

【B面】アリアのデジタルツイン進化論：過去データの一括投入と「インテリジェントナビ」への挑戦状

NotebookLMとスプレッドシートを駆使して過去の電費データをD1に一括インポート。ダッシュボードのUI改善と、次なる目標「独自航続距離シミュレーター」への野望を語る。

【B面】祝40記事！Cloudflare D1で愛車アリアの「デジタルツイン」を構築し、白い霞を晴らした話

ブログ開設から40記事目。Astro SSRとCloudflare D1を連携させ、愛車アリアの電費ダッシュボードが完成。開発中に出現した「グラフの霞」事件の顛末とは。

【B面】39記事目の検索革命。静的サイトに「Pagefind」で爆速検索窓をつける

記事が増えてきたのでサイト内検索を実装した。サーバー不要のPagefindを採用したが、ローカルプレビューでCloudflare特有の罠にハマった話。

【閑話】インフォグラフィックに「青い猫型ロボット」が侵入した件について

AIに記事の図解を頼んだら、著作権的にアウトな国民的キャラクターが描かれてしまった。AI時代の「あぐらをかく」技術に必要な、最後の一手間とは。

【閑話】NotebookLMが語る「76歳とAI相棒の虚数・EV・技術紀行」

35件の記事をAIに読ませたら、まるでラジオ番組のように私のブログが紹介された。「76歳の挑戦」と「AIパートナー」について語る彼らの言葉に、思わず背筋が伸びる。

【A面】このブログは「技術文書」か、それとも「デジタル漫才」か？

NotebookLMに生成させたもう一つの音声解説。そこで議論されていたのは「自動化の美学」と「泥臭い人間味」の融合についてだった。

【B面】【Astro×Clerk】13日の金曜日に [object Object] の呪いと戦った話 〜Cloudflareデプロイ奮闘記〜

AstroとClerkの連携でハマった「[object Object]」や本番環境での画像消失、DNS設定のトラブルシューティング記録。

【A面】ペンキ屋を呼び忘れた日と、秘密の部屋作り。

画面が崩れる原因は単純なミスだった。Tailwindの導入忘れと、そこから一転、最先端の認証システム「Clerk」でブログに鍵をかけるまでの記録。

【B面】Astroの画像管理、'どっちも'使うための最終解。〜ローカル画像と外部URLを共存させる〜

AstroのContent Collectionsで、src/assetsのローカル画像とhttpsの外部画像を、同じフィールドで賢く使い分ける設定方法（z.union）について。

【A面】消えたカッコと亡霊キャッシュ。AIブログ構築でハマった「4時間の迷宮」

ブログのデザインを少し変えるだけのつもりが、まさかの4時間コース。犯人はAIの「気を利かせすぎた」ファイル整理だった？

【B面】日本語URLにおける「静的(SSG)」vs「動的(SSR)」。Cloudflareでハマらないための最適解

Cloudflare Pagesで日本語URLを使うなら、SSGよりSSRの方が安全？404エラーを防ぐための技術的な結論。

日産アリアの「デジタルツイン」計画。愛車の声を可視化するWebアプリ作り

NotebookLMでの分析だけでは飽き足らず、Cloudflare D1を使ってアリア専用のデータ管理アプリを自作することに。愛車の「今の気分（電費）」を可視化するプロジェクトの幕開け。

AIが話す電費と付き合う方法（B面）

AIが話す電費と付き合う方法（A面）

76歳の「毎日が日曜日」とAIパートナー

引退後の生活は退屈？ いえいえ。AIという相棒を得て、私の毎日は現役時代よりも忙しく、そして刺激的になりました。

脳内宇宙の可視化。AstroとGraph Viewで作る「記事の星座」

ブログ記事のつながりを可視化する「Graph View」を実装。しかし待っていたのは頑固な404エラー。犯人は「URLの大文字・小文字」だった。技術実装とデバッグの全記録。

大阪城公園、梅の香りとデバッグの余韻

少し暖かくなった午後、愛犬と大阪城公園へ。ほころび始めた梅の花を見ながら、デジタルとアナログの時間の流れについて考える。

026-02-03_【B面】音声配信の技術解説版（決定版）

2026-02-03_【閑話】AIと繰り広げる「大阪のボケ・ツッコミ」。〜Geminiと描くアイキャッチ画像〜

ブログのアイキャッチ画像を作ろうとしたら、AIが「できません」と即答。しかし画面には……。76歳のユーザーがAIに鋭いツッコミを入れた、デジタル漫才の記録。

026-02-02_【B面】音声配信の最適解。Cloudflare R2を選んだ理由

2026-02-01_【A面】ブログを「増築」しました。〜古老の脳内を整理する3つの部屋〜

2026-02-01_【B面】技術実装ログ