ちょっと待ってください。
「iPhone や Android のアプリが、自分で作れる？」
そう思ったあなたが、正しい。
実は、Rork というツールを使えば、プログラミング経験がなくても、30 分でモバイルアプリが作れます。
信じられません？では、試してみましょう。
このガイドでは、まったくの初心者が、Rork でアプリを作るまでを、丁寧にステップバイステップで解説します。
時間は 30 分。コーヒーでも飲みながら、一緒にやってみましょう。
準備時間：5 分
1. Rork にサインアップ
ブラウザで www.rork.app にアクセス。
右上の「Sign Up」をクリック。
メールアドレスを入力 → パスワードを設定 → メール確認 → 完了。
2. メールで確認
Rork からのメールが届きます。確認リンクをクリック。
ログイン。
「Let's create your first app!」みたいなメッセージが表示されます。
ステップ 1：アプリのアイディアを決める（1 分）
「何を作るか決めてから始めよう」と思うかもしれません。
でも、Rork は簡単なので、「決めたら、すぐに作る」の方がいい。
このガイドでは、「シンプルな天気アプリ」 を作ります。
内容：
- ユーザーが都市名を入力
- 「検索」ボタンを押す
- その都市の天気が表示される
簡単ですね。
「でも、本当に API とか…」—心配なし。Rork が全部やってくれます。
ステップ 2：アプリの基本構造を作る（3 分）
「Create New App」をクリック。
アプリ名を入力：「Weather App」
プラットフォーム：「iOS & Android（両方で動く）」
テンプレート：「Blank」（空白から始める）
「Create」をクリック。
Rork のエディターが開きました。
画面は大きく 2 つの部分に分かれています。
左側：「Components」パネル
ボタン、テキスト入力欄、画像…アプリの「部品」が並んでいます。
右側：「Canvas」
あなたのアプリの画面が表示されます。最初は真っ白。
ステップ 3：UI（見た目）を作る（8 分）
3-1. タイトルを追加
左側の「Text」をドラッグして、右側のキャンバスに放ります。
放すと、「Hello」というテキストが現れます。
そのテキストをダブルクリック → 「Weather Finder」に編集。
フォントサイズを大きく → 色を青に。
3-2. 入力欄を追加
「Text Input」を左側からドラッグして、キャンバスに放ります。
「City name」という placeholder（プレースホルダー—薄くて消えるテキスト）がいいので、プロパティを修正。
3-3. ボタンを追加
「Button」をドラッグしてキャンバスに放ります。
テキストを「Search」に修正。
色をオレンジに。
3-4. 結果表示エリア
「Text」をもう一つドラッグ。
これは「天気情報を表示する場所」になります。
テキストを「天気をここに表示」に。
結果
キャンバスに、タイトル、入力欄、ボタン、結果表示エリアが並びました。
見栄え…まあまあですね。でも大丈夫。今は「機能」を優先します。
ステップ 4：ロジック（動き）を作る（12 分）
ここからが本番です。
「ボタンをクリックしたら、何が起きるか」を定義します。
4-1. ボタンにアクション を設定
キャンバスの「Search」ボタンをクリック。
右側のプロパティパネルで「On Click」セクションを見ます。
「Add Action」をクリック。
4-2. API の呼び出し
アクションメニューから「Call API」を選択。
API って？簡単に言うと、「インターネット上のサービスに、データをもらう依頼」です。
天気データは、OpenWeatherMap という無料サービスから取れます。
API URL を入力：
https://api.openweathermap.org/data/2.5/weather?q={city_input}&appid=YOUR_API_KEY
ここで、「YOUR_API_KEY」を取得する必要があります。
OpenWeatherMap の無料登録。API キーをコピー。上記の URL に貼り付け。
Rork の画面に戻って、この URL を入力。
4-3. データを表示
API から返ってくるデータ（天気情報）を、画面に表示します。
Rork のアクション設定で「Set Text」を選択。
「結果表示エリア」のテキストを、API の返り値に設定。
例：
City: {api_response.name}
Temperature: {api_response.main.temp}°C
Condition: {api_response.weather[0].description}
Rork が自動的に、API のレスポンスを解析して、データを抽出します。
4-4. テスト
キャンバスの「Search」ボタンをクリック。
「Tokyo」を入力。
「Search」をクリック。
…………
「City: Tokyo, Temperature: 15°C, Condition: Cloudy」
表示されました！
あなたが API を書きませんでした。
複雑なロジックを実装しませんでした。
なのに、アプリが動いた。
ステップ 5：スタイリング（見た目の調整）（3 分）
アプリが動いてます。でも、見た目がいまいち。
5-1. 背景を設定
キャンバスの背景をクリック。
背景色をライトブルーに。
5-2. レイアウト調整
各要素を、見栄え良く配置。
タイトルは上。入力欄とボタンは中央。結果は下。
5-3. 完成
「あ、これ本当にアプリだ」という見た目になりました。
ステップ 6：プレビュー（1 分）
画面の右上に「Preview」ボタン。
クリック。
スマートフォンシミュレーターが立ち上がります。
実際に「Tokyo」「Paris」「New York」と入力して検索。
天気が表示されます。
これは、本当に動作するアプリです。
ステップ 7：公開・共有（1 分）
友人に見せたい
「Share」ボタン → URL を生成 → 友人に送信。
友人はそのリンクをクリックすれば、iOS・Android 両方でアプリを試せます。
App Store・Google Play に公開したい
有料版（Rork Pro）なら、ワンクリックで公開できます。
無料版でも、アプリのコードをエクスポートして、自分でストアに提出することも可能です。
完成。時間は？
タイマーを見てください。
多くの初心者は、この全プロセスを、30 分以内に完了できます。
すごくないですか。
チャットで頼む作り方も知っておくと安心です
ここまで部品を並べる手順を紹介しましたが、Rork にはもう一つの進め方があります。チャット欄に日本語で要望を書く方法です。
私が初めてこの方法を試したときは、買い物リストアプリをこう頼みました。
買い物リストアプリを作ってください。
・商品名を入力して追加できる
・追加した商品にチェックマークを付けられる
・チェックした商品を一括削除できる
・シンプルで使いやすいデザイン
・色はパステルブルー系でお願いします
送信すると、画面の構成から機能の実装まで、AI が順に組み上げていきます。数分でプレビューが表示されます。
仕様を箇条書きで渡すだけなので、部品の配置に迷いません。「何ができてほしいか」を言葉にできれば、それで足ります。
実機での確認は QR コードが早いです
プレビューをパソコンの画面で眺めるのと、自分のスマートフォンで触るのとでは、完成の実感がまるで違います。
Rork の画面に表示される QR コードを、スマートフォンのカメラで読み取ってください。ブラウザでアプリが開き、その場で操作できます。
指でタップしたときの反応や文字の大きさは、実機でないと分かりません。QR 確認を一度挟むと、直したい箇所が具体的に見えてきます。
修正も日本語で頼めます
動かしてみて気になったところは、チャットに追記するだけです。
文字をもう少し大きくしてください。
あと、カテゴリ分け（食品・日用品・その他）ができるようにしてほしいです。
AI が修正版を生成し直してくれます。「ここがうまく動きません。直してください」と伝えるだけでも、問題を特定して修正してくれることが多いです。
「でも、もっと複雑なアプリは？」
天気アプリは、あくまで「デモンストレーション」です。
Rork を使えば、もっと複雑なアプリも作れます。
例：タスク管理アプリ
- ユーザーがタスクを入力 → 保存 → リスト表示 → 完了チェック → 削除
Rork でこれを作るなら、1-2 時間。
例：SNS アプリ（簡易版）
- ユーザー登録 → ポスト作成 → フィード表示 → いいね
これでも 3-4 時間。
プロのエンジニアなら 1-2 週間かかることが、数時間で。
次に作るものに迷ったら
最初の1本が完成したら、生活の中の小さな不便を題材にするのが続けやすいと感じています。
- 毎日の体重記録アプリ
- 薬の飲み忘れアラームアプリ
- 今日のやることリストアプリ
- 家族の誕生日カウントダウンアプリ
作ったプロジェクトはアカウントに保存されます。いつでも開いて、続きから改良できます。
プレビュー URL や QR コードを送れば、家族のスマートフォンでもそのまま使ってもらえます。最初の利用者が家族だと、感想がすぐ返ってくるのでありがたいです。
最後に：「アプリ開発の民主化」
2015 年なら、アプリを作るには、プログラミング学校に通う必要がありました。
2025 年でも、コードを手で書く必要がありました。
でも 2026 年の今、Rork のようなツールがあれば、ビジネスアイディアがある人なら誰でも、アプリが作れます。
それは、本当にすごいことです。
あなたの「こんなアプリがあったら便利」という想像が、30 分で現実になります。
ぜひ、試してみてください。
あなたの最初のアプリは、何ですか？