2026-10

地図アプリをスマホで使いやすくするには、幅に収めるだけでは足りません。HAIZUの実画面4枚で、説明と時間操作の折りたたみ、条件入力のシート、ボタンの配置を解説。狭い画面で確認したことと、スマホ実機で確かめたい点も分けて紹介します。

HAIZUの降灰画像は、どうして地図の同じ場所に重なるのでしょうか。背景地図とレイヤー、画像の四隅の座標、格子を色に変える仕組みを図と実画面で解説。拡大しても計算が細かくならない理由や、表示の濃さと灰の密度の違いも初心者向けに説明します。

HAIZUの地図表示の裏では、誰が何を担当しているのでしょうか。React・MapLibre、Go API、SQLite、Tephra2の役割を構成図と実画面で解説。条件変更から画像・地点値が返るまでを追い、事前計算と通常の表示、デモと公式情報の違いも初心者向けに説明します。

アプリ開発は、何から決めると進めやすいのでしょうか。火山灰を地図と時間で見るHAIZUを例に、目的・使う場面・必要な機能・作る範囲を整理します。実画面4枚を交え、待ち時間やスマホでの操作、公式情報との区別まで、初心者にも分かる言葉で概要設計を説明します。

富士山の降灰を地図と時間で見るHAIZUをCodexと開発した実施ログ。実画面4枚で機能を紹介し、React・Go・Tephra2、12,480通りの事前計算、スマホ改善、計算の限界と他の活火山への構想をまとめました。