🥕 【開発記録】火加減ずかんの4月アップデートまとめ — PWA・SEO・広告導線を改善

火加減ずかんの今回のアップデートを一言でまとめるなら、PWA・SEO・広告導線まで含めて、日常的に使う実用ツールとして磨き込んだ更新だったと思う。4月18日から19日にかけて、PWA、UI、音声、計測、SEO、広告まわりまで一気に手が入り、単発の機能追加というより、プロダクト全体をもう一段使いやすく、運用しやすくするためのまとまった改善になっている。この記事では、その流れを振り返りながら、「火加減ずかん」が今どこに向かっているのかを整理してみる。

今回のアップデート概要

見てわかる通り、今回の更新は単発ではない。まず「使う体験」を磨き、そのあとで「どう計測するか」「どう見つけてもらうか」「どう運用コストを支えるか」までつなげている。個人開発の小さな改善というより、プロダクト運営の1サイクルをまとめて回した感じに近い。

先に結論

今回の更新で特に大きかったのは、使い勝手の改善と、継続運用の基盤整備が同時に進んだことだ。ユーザー側では PWA、オフライン、読み上げ、クイズ、履歴、お気に入りが強化され、運営側では Analytics、SEO、広告導線が整えられた。つまり、使う人にも作る側にも効くアップデートだった。

PWAと調理フローの磨き直し

最も大きいのは、PWA対応と調理フロー改善のまとまった更新だ。差分量も大きく、manifest.json、offline.html、sw.js、HeatBook.tsx、翻訳ファイルまで広く触っている。

ここから読み取れるのは、「PWA対応しました」で終わらせず、料理中に開く道具としての導線をもう一段実用寄りに寄せたということだ。オフラインページを用意し、Service Worker のキャッシュ対象に /manifest.json や /offline.html を含めているのは、キッチンでの不安定な通信をちゃんと想定しているからだろう。

単にホーム画面に置けるだけのPWAではなく、「いま調理中に困らない」方向へ寄せているのがいい。HeatBook はレシピメディアではなく道具なので、この地味な改善が体験に効く。

音声読み上げとクイズで“触りたくなる”UIへ

読み上げ機能は「再生するだけ」から一歩進み、一時停止と再開まで扱えるようになった。料理中は手が離せないので、こういう細かな制御は地味にありがたい。

さらに、履歴・お気に入りのコレクションタブやクイズモーダルのレイアウトも見直されている。HeatBook.tsx の状態管理を見ると、最近見た野菜・お気に入り・クイズ・複数選択・読み上げがひとつの体験として接続されつつある。

ここが面白い。火加減ずかんは本来「調べて終わり」のツールになりがちな題材だが、履歴・お気に入り・クイズ・音声読み上げを重ねることで、繰り返し触る理由を少しずつ増やしている。単なる辞書から、日常的に開くアプリへ寄せる試みとして筋がいい。

火加減ずかんのSEO改善では何をしたか

SEOまわりでは、メタデータ、キーワード、各ページの構造、sitemap.ts の見直しが進んでいる。個人開発では検索流入の改善が後回しになりがちだが、HeatBook のような実用検索に強いテーマではここが重要だ。

特に「野菜名 + 調理法 + 時間」のような具体的な検索意図を拾うには、個別ページの整備とサイト全体の構造整理が効く。今回のアップデートは、単に記事や画面を増やすのではなく、検索から見つけてもらいやすい状態を作るところまで意識しているように見える。

Analytics と SEO の整備で“改善できる状態”を作る

Analytics と SEO まわりの更新は、派手さはないがかなり重要だ。ボタンや検索のイベント計測が増え、各ページのメタデータ、レイアウト、野菜個別ページ、sitemap.ts にも手が入っている。

個人開発ではつい「機能追加」ばかり追いがちだが、実際にはどこが押されたか、どこで離脱したか、どのページが拾われやすいかが見えないと、次の改善判断が勘頼みになる。今回の更新はその状態から抜け出そうとしているように見える。

最後にメタデータのキーワード調整まで入っているのも自然だ。実装して終わりではなく、検索流入と発見性まで見ている。HeatBook が「よくできた趣味アプリ」から「育てるサービス」へ一段階進んだ印象がある。

広告とアフィリエイト導線の実験

AdSense ユニット追加では、空の広告枠を見せっぱなしにしない工夫も入っている。雑に広告を置くのではなく、表示されないときの見た目まで面倒を見ているのが良い。

アフィリエイトカードと開示文言の追加も行われている。HeatBook.tsx を見ると、蒸し器、トング、ザル、まな板のような調理道具に関連した導線が差し込まれていて、プロダクトの文脈を壊さない範囲で収益化を試していることがわかる。

個人開発では収益化の話をすると急に胡散臭くなりがちだが、実用品系サービスではここを避けて通れない。むしろ、体験を壊さずに収益導線を置けるかはプロダクト設計の一部だと思う。その意味で、広告枠の非表示制御や disclosure の追加までやっているのは、かなり堅実だ。

今回のアップデートから見える方向性

この4本が、ここ数日のコミットにはかなりきれいに出ている。個人的には特に、PWAや音声みたいな“ユーザーが直接触る改善”と、AnalyticsやSEOみたいな“運営側の改善基盤”が同じ波で進んでいるのがいいと感じた。

おわりに

今回の更新を通して見えてくるのは、火加減ずかんが「野菜の加熱時間を調べるサイト」から、「キッチンで繰り返し使う道具」として一段ずつ磨かれているということだと思う。

次に来そうなのは、計測データを踏まえた導線改善や、よく使う機能の再配置、あるいは個別野菜ページの検索流入強化あたりだろうか。こうしてアップデートを追っていくと、プロダクトの次の一手が少し見えてくるのが面白い。

→ 火加減ずかんを使ってみる