Won. Studio

バイブコーディング入門

開発約9分

まず意味をつかむ

何が新しく、何が楽になったか。バイブコーディングを理解するときは、まず「自分で難しい書き方を覚えてから作る」という順番をいったん外して考えてみます。先に考えるのは、何を作りたいかです。たとえば「毎日の作業を忘れないための一覧がほしい」「入力した文章を見やすく整理したい」といった、普通の仕事の言葉から始めます。

大事なのは、AIに一度頼めば完成するという意味ではないことです。新しく入った人に仕事を頼む場面を想像してください。「これをやって」だけでは、思ったものと違う結果になることがあります。そこで「ここはもっと短く」「この順番を変えて」「このボタンを分かりやすく」と伝えます。バイブコーディングも、このように作ってもらい、見て、直してもらう流れが中心です。

言葉で作る

バイブコーディング

普通の言葉で作業を進める

バイブコーディングとは、作りたいものや直したいところを普段使っている言葉でAIに伝えながら、アプリや仕事用の道具を形にしていく考え方です。最初から細かな作り方を全部知っている必要はありません。

  • バイブコーディング

前提が変わった

昔の作り方との違い

これまでは専門知識が先で、自分で細かく書く必要があり、一人で始めるには重い作業でした。これからは作りたい物を先に考え、AIに直しを頼み、実際の形を試しながら進めやすくなります。

ただし、「知識がまったく不要になった」と考えるのは危険です。最初に必要なのは、専門的な知識よりも「何を作りたいのか」「今の結果のどこが違うのか」を言葉にする力です。完成したものが正しく動いているかを自分で確かめることも必要です。

学ぶ意味は2つ

行動が変わる理由

学ぶ意味として、まず未来の仕事を先に体感できます。AIが仕事をどう変えるかは、説明を読むだけでは分かりにくいものです。自分で小さな道具を作ると、「今まで人が手でやっていた部分を、こうやって助けてもらえるのか」と実感できます。

次に自分用の道具を作れることです。会社全体で使う大きな仕組みでなくても構いません。自分が毎週繰り返している面倒な作業など、小さな困りごとをその場で解決する形にしやすくなります。そして、これは専門職だけの話ではないという点も重要です。表計算を仕事で使う人が広がったように、自分の仕事に合わせてAIを使い、必要な形を作る人が増えていく流れにあります。

画面でイメージ

会話しながら直し、比べ、つなぐ。ここからは、実際にどんな道具が登場するのかを見ていきます。名前を全部覚える必要はありません。「話して作る道具」「結果を見る道具」「別の機器とつなぐ道具」のように、何のために使うのかだけをつかんでください。

会話で直す

Claude Code(会話しながら作る作業を進めるための道具)

会話と作業の流れを同じ場所で見る

  • Claude Code

たとえば「入力欄をもう少し分かりやすくして」「押す場所を目立たせて」と頼みます。できたものを見て、違えばまた直してもらいます。最初から完璧な頼み方を考えるより、下書きを受け取って赤ペンを入れるように進めるほうが分かりやすいでしょう。

つまずきやすいのは、一度に大量のお願いをすることです。「見た目も変えて、機能も増やして、文章も直して」とまとめると、どこでおかしくなったのか分かりにくくなります。最初は一つ頼み、結果を見てから次へ進みます。

動画づくりにも広がる

Hedra(動画を作る道具)

ここでは、言葉で頼んで形にする考え方が、アプリだけに限らないことを見ます。画面では「自分が何を頼んだか」と「その結果として何が作られたか」の関係に注目してください。

動画づくりにも広がる
画像から動画を作る入口を見る

図では細かなボタンの名前を覚える必要はありません。入力する場所、結果を見る場所、作り直すための入口がどこにあるかを見るだけで十分です。

見比べて選ぶ

Safari(できたページを見るための道具)

どれが使いやすいかを比べる

  • Safari

作ったものは、実際に使う人の目線で見ます。「文字が小さくないか」「次に何を押すのか分かるか」「説明がなくても迷わないか」を確認します。作った本人には分かっていても、初めて見る人には分からないことがあります。

入口はむずかしくない

V0(言葉で画面を作る道具)

V0では、最初から難しい作り方を考えるのではなく、「こういう画面がほしい」と言葉で伝えるところから始められます。画面を見るときは、お願いを書く場所と、作られた画面を見る場所の二つをまず探してください。

入口はむずかしくない
まず使い始める入口を確認する

ここでも最初の結果を完成品だと思わないことが大切です。「もう少し仕事向けに」「文字を読みやすく」「必要のない部分を減らして」のように、見た感想をそのまま次のお願いに変えていきます。

道具をつないで、材料を整理する

バイブコーディングでは、一つの道具だけですべてを終わらせる必要はありません。文章を整える道具、ページを見る道具、材料を置いておく表などを必要に応じて組み合わせます。ただし、初心者が最初から全部を使う必要はありません。

スマホともつなげる

Tailscale(PCとスマホなどを安全につないで使いやすくするための道具)

PCとスマホをつなぐ入口を見る

  • Tailscale

PCで作ったものをスマホから確認したい場面があります。ここで見るべきなのは細かな設定ではなく、「PCだけで終わらず、別の機器から確認する方法もある」ということです。設定に不安がある場合は、分からない項目を適当に変更しないでください。

候補を整理する

Kimi(文章を整える道具)

作りたいものがまだ曖昧なら、先に文章として整理すると進めやすくなります。たとえば「顧客名を入れる」「対応状況を選ぶ」「あとで一覧で見る」といった形で、必要なことを普段の言葉で並べます。

候補を整理する
候補を並べて整える使い方を想像する

この画面では、きれいな専門用語を使えているかではなく、自分の希望が整理されているかを見ます。新しい人への引き継ぎ書を作るつもりで、「何を入れて、何ができれば終わりか」が分かれば十分です。

作った形をすぐ見る

Safari(できたページを確認するための道具)

できたページをすぐ見直す

  • Safari

作ったら、すぐに見ます。そして実際に触ります。見た目がきれいでも、押したい場所が分からなかったり、必要な情報が見つからなかったりすれば直します。「作る」と「確認する」を別々の大仕事にせず、短く行き来するのがコツです。

材料は表でも持てる

Google スプレッドシート(情報を表にして持っておくための道具)

仕事では、商品名、予定、問い合わせ内容など、すでに表で管理している材料がたくさんあります。新しい道具を作るからといって、材料まで全部作り直す必要はありません。まずは今ある表を材料として考えると、何を作ればよいか想像しやすくなります。

材料は表でも持てる
一覧の情報をまとめる道具として見る

図では、表の中にどんな情報が並んでいるかを見てください。「この情報を毎回手で探している」「同じ内容を別の場所へ何度も移している」という部分が見つかれば、そこが小さな道具を考える候補になります。

始める条件は軽い

必要な物と、いらない物

始める前に高価な機械や大量の勉強を用意しようとすると、それだけで止まってしまいます。最初の目的は専門家になることではありません。自分の小さな不便を一つ、実際に形にしてみることです。

必要な物

PCかスマホ
AIが使えること
まずはこれで十分

仕事で普段PCを使っているなら、まずその延長で考えて構いません。最初から特別な環境をそろえる必要はありません。会社のPCを使う場合は、会社の決まりを優先してください。仕事の秘密、顧客の情報、公開してはいけない資料を、そのまま外部の道具へ入れないことも大切です。

いらない物

専門知識の暗記
高性能なPC
厚い入門書

分からない言葉を全部覚えてから始めようとしないでください。必要になった言葉だけ、その都度意味を確認すれば十分です。また、AIが作ったものを「AIだから正しい」と思い込むのも避けます。自分で触り、期待した動きになっているか確認します。

最初の一歩

自分の仕事の困りごとを
1つ選び
小さく作ってみる

選ぶ基準は単純です。「よく繰り返す」「少し面倒」「自分だけでも使える」の三つを目安にします。たとえば毎回同じ形式で文章を整理する、一覧から必要なものを見つけやすくする、入力内容を見やすくまとめる、といった小さな仕事です。

反対に、最初から会社全体で使う大きな仕組みを作ろうとするのはおすすめしません。失敗したときの影響が大きくなります。お金の支払い、重要な判断、顧客への自動連絡なども、最初の練習には向きません。まず自分で結果を確認できる小さな範囲から始めます。

今日の結論

まずは小さな不便を1つ解く。バイブコーディングの出発点は、難しい言葉を覚えることではありません。「これが面倒だから、こうしたい」と普通の言葉で説明することです。

  • 普通の言葉で進めるのが出発点
  • 未来の仕事の変化を体感できる
  • 最初は自分用の小さな道具でいい
  • PCでもスマホでも始められる
  • 完璧より、試して直す流れが大事

うまくいかなかったときも、「自分には無理だ」と判断する必要はありません。頼み方が広すぎなかったか、何を直したいのか具体的に伝えたか、作った結果を実際に触ったかを順番に確認します。新しく入った人に仕事を教えるときと同じで、一度の説明ですべて伝わるとは限りません。

最後に

AI図書館

フォローといいね、お願いします

  • AIを仕事で使う話を、やさしく1本ずつ出しています
  • 次の回もここで会いましょう

まとめ

明日は勉強から始めるのではなく、自分の仕事を少し観察してみてください。バイブコーディングは「作れるようになってから始める」のではなく、小さく作りながら必要なことを覚えていく考え方です。

  • 困りごとを1つ書く。 毎日の仕事で「少し面倒」と感じる作業を選びます。
  • 普通の言葉で希望を書く。 「何を入れて、最後にどうなれば便利か」を説明します。
  • 小さな形を作ってみる。 最初から全部入りにせず、自分だけで試せる範囲にします。
  • 実際に触って直す。 違うところを一つずつ言葉にして、直してもらいます。
  • 安全を確認する。 大切な情報を入れず、重要な仕事は人が最後に確認します。

コメント

  • まだコメントはありません。最初の一言をどうぞ。

会員登録は不要です。お名前は表示されます。連絡先は書かないでください。