Museで自分だけの最高のアプリをつくるための壁とコツ

Baton Design
Baton Design

@batondesign ・ 1本

割引あり

¥500〜

買い切り

購入して読む
サムネイル

はじめに

僕はデザイナーです。Batonというデザイン会社で、ブランドデザインの仕事をしています。コードは書けません。HTMLとCSSを少し読める程度で、自分でプログラムを書いて何かを作った経験はありません。

そんな僕がこの数日でAIエージェント「Muse」との会話だけで、自分専用のアプリを7つ作りました。ニュースを読むアプリ、子どもの中学受験のためのアプリ、レストランを探すアプリ、そして増えすぎたアプリをまとめるランチャーまで。

この記事では、なぜ作ろうと思ったのか、コードを書かずにどう作ったのか、どこでつまずいてどう回避したのか、作ってみて何が良かったのかを、実体験のまま書きます。エンジニアではないけれどAIには興味がある、XでAIの話題をよく見ている、そんな方にこそ読んでほしい内容です。

記事の画像

なぜ作ろうと思ったか

きっかけは、「情報が流れて消える」ことへの不満でした。

僕は毎朝、ニュースレター、X、Web記事でかなりの量の情報に触れています。仕事柄、デザインとAIの動向は追っておきたい。でも、流れてくる情報はその場で読んで終わりになり、「あの記事、どこで見たっけ」が頻繁に起きていました。ブックマークしても見返さないし、既存のニュースアプリは自分の読みたい分け方をしてくれません。

同じ問題は、ほかの場面でも起きていました。

  • 子どもが中学受験の勉強中で、志望校の説明会の日程、学費、偏差値、通学時間がバラバラの場所に散らばっている
  • 「良さそう」と思った外部ツールの記事が、使おうと思ったときには見つからない
  • 行きつけにしたい店探しも、駅の近くで評価の高い店だけを、条件を決めて探し直すのが毎回面倒

共通しているのは、「自分の使い方に100%合う道具がない」ということです。既存のサービスは多機能な代わりに、自分の条件ぴったりにはならない。かといって自分で作る技術はない。

そこで発想を変えました。作るのはAIに任せて、自分は「何がほしいか」「どこが違うか」を伝える側に回る。それならデザイナーの本業のスキル、つまり要件を考え、画面を見て、違和感を言語化する力だけでいけるのではないか、と。

作ったもの

気づけば7つになっていました。

  1. ニュースアプリ:毎朝の情報収集の結果が、日付ごとに溜まっていく自分専用のアーカイブ。テーマ別(デザイン、AI、政治・経済など)に絞れたり、その日の天気まで表示されたりします
  2. 志望校候補まとめ:志望校9校の写真、特徴、通学時間、学費、説明会の日程を一元管理。読み取り専用のリンクで妻とも共有しています
  3. 子どもの学習サポート:テスト結果の写真を送ると、弱点の分析、学習計画、合格可能性の予測まで返ってくるアプリ
  4. 外部ツールまとめ:気になった外部ツールやサービスを、用途タグ付きで貯めておく場所
  5. レストラン検索:指定した駅の半径500mほどで、評価条件を満たす店だけを先回りして調べさせておくアプリ
  6. ポッドキャストプレイヤー:AIと作っている自分のポッドキャスト専用の再生アプリ
  7. ランチャー:増えたアプリの入り口を、スマホのホーム画面のようにアイコンで並べたもの

どれも「市販のアプリで代用できる」と言えばできるものです。でも、自分の条件に合わせてあるから、開くたびの小さなストレスがありません。

作り方:コードの代わりに「指示の型」

ここから先は有料エリア

この先に 1,485文字 / 3画像 が続きます。

¥500

拡散で応援すると割引