MulmoClaudeで天気アプリを自作する方法

AI・自動化
スポンサーリンク

MulmoClaudeだけで天気アプリを自作できます。複数のツールを行き来する必要もなく、アーキテクチャを考える手間もありません。

この記事でわかること
– MulmoClaudeの最新アップデートで何ができるようになったか
– 天気アプリを実際に作った具体的な手順
– すぐに使える再現用プロンプト
– 他のアプリへの応用ポイント

スポンサーリンク

MulmoClaudeの6月アップデートが変えたこと

従来のClaude Codeでは、UI作成、API連携、データ保存などで複数のツールを往復する必要がありました。6月のアップデートにより、MulmoClaude単体でこれらを完結できるようになりました。

特に大きいのは「Vibe Crafting」機能です。自然言語で「自分用の天気アプリが欲しい」と伝えるだけで、デザイン・ロジック・外部API連携まで一貫して生成してくれます。これにより、開発の心理的ハードルが大幅に下がりました。

自分専用天気アプリを作った背景

私はClaude Codeを日常的に使っていますが、毎回ブラウザで天気サイトを開くのが面倒でした。そこで「自分好みの表示形式で、必要な情報だけを素早く確認できるアプリ」を作ることにしました。

目標はシンプルです。今日と明日の天気、降水確率、服装の提案を一画面で表示すること。MulmoClaudeならこれを一つのプロジェクトとして完結できると判断しました。

開発手順① 要件の整理と初回プロンプト

最初にMulmoClaudeに投げたプロンプトは以下の通りです。

自分専用の天気アプリを作ってください。
・今日と明日の天気を表示
・降水確率と最高気温・最低気温
・服装提案(カジュアル・ビジネス対応)
・東京をデフォルト表示
・ダークモード対応のシンプルなUI

この時点でMulmoClaudeがUIのモックと基本構造を生成してくれました。

開発手順② 機能の拡張と調整

次に「Open-Meteo APIを使って実際の天気データを取得する」と指示を追加しました。MulmoClaudeはAPIの呼び出し部分も自動で実装し、取得したデータをUIに反映させるコードまで出力してくれました。

さらに「3時間ごとの降水確率グラフを追加して」と伝えると、Chart.jsを使った簡易グラフまで組み込んでくれました。修正も「文字をもう少し大きくして」と伝えるだけで即反映されます。

完成したアプリの特徴と使い勝手

完成したアプリは、起動後すぐに今日の天気が表示され、服装提案も表示されます。従来の天気サイトと比べて情報量が絞られているため、判断が速くなりました。

MulmoClaude上で動作するため、PCでもスマホでも同じコードで確認できる点も便利です。修正が必要になった場合も、チャットで伝えるだけで即座に反映されます。

再現用プロンプトと応用例

同じアプリを作りたい場合は、以下のプロンプトをそのまま使ってください。

MulmoClaude上で自分専用の天気アプリを作成してください。
要件は上記と同一です。Open-Meteo APIを使用し、3時間ごとの降水確率グラフも表示してください。

この手法は天気アプリ以外にも応用可能です。タスク管理、読書記録、経費入力アプリなど、日常の小さな不便を解消するツールを次々と作れます。

わさびの見解

12のプロジェクトでMulmoClaudeを運用して感じるのは、「完成度を高めるより、まず動くものを作る」サイクルが圧倒的に速くなった点です。従来は「作るかどうか」で迷うレベルだったツールも、今は「作ってみよう」で即着手できます。

特に天気アプリのような「自分だけが使う小さいツール」は、MulmoClaudeの強みが最も発揮される領域です。まずは1つ作ってみることをおすすめします。

コメント

タイトルとURLをコピーしました