マンガ付♪バイブコーディング入門講座③バイブコーディングを行うなら知っておいてほしいこと

バイブコーディングを分かりやすくご紹介するために、漫画を始めてみました＾＾

今回は第3回目。なんと、ひつじがバイブコーディング学校を開校した！？

よかったら、読んでみてくださいね。

バイブコーディングは、「AIに指示して、ラクにアプリをつくる」ところに焦点があたりがちですが、Webアプリを外部にだすのであれば、知っておいてほしいことが色々とあります。

「くまた」も、ひつじの学校で少しずつ学んでいく予定ですが、ここでは先に、どんなことが必要なのかご紹介しますね。

ざっくり挙げると、次のような項目です。

これらは、バイブコーディングに限らず、通常のアプリケーション開発でも必要な項目となります。

プログラミング経験がある方であれば、改めて学ぶ必要はないでしょう。ただ、今までWebアプリケーションを作ったことがない場合には、このあたりの基本は、おさえておくことをおすすめします。

それぞれの概要をお伝えしますね。

AIコーディングツールには、色々なものがあります。それほど難しくはないものの、一番最初は、慣れが必要です。また、使い方に加えて、セキュリティ関連の設定も知っておいた方が良いでしょう。

自分が手直ししたところと、生成AIが作業したところは、しっかりと分けておくと良いでしょう。そのために、Gitを使うことをおすすめします。

Gitとは、バージョン管理システムです。Gitを使ってプロジェクトを管理しておくと、いつ、だれが、何を変更したかの記録が残せます。

プロジェクトを作り出す前に、「どのようなものを作るのか」「どんな機能が必要か」を決めておきましょう。

この部分をあいまいにしておくと、後から「やっぱりこうしよう」と修正箇所がでてきたりして、余計な工数が増えてしまいます。

このフェーズも、生成AIと相談しながら進めることができます。

外部に出すサービスであれば、自分のためにも、そして自分のサービスを使ってくれるユーザーのためにも、セキュリティに関する知識と対策をある程度身につけておいた方が良いでしょう。

作成したプロジェクトを本番環境に反映することを「デプロイ」と呼びます。サーバーはどうするか。どういった言語やフレームワークを使用するか、データベースを使うかどうかなどで、デプロイの手順は異なってきます。

さいごに

「マンガで分かるバイブコーディング」では、次回以降、上記の項目もご紹介していきたいと思います。セキュリティなども、できるだけ分かりやすく説明していきます。楽しみながら学んでもらえたら嬉しいです。

「面白い」「続きみたい」と思っていただけたら、ぜひ、Xでフォローしてくださいね。新しくマンガを書いたら、Xに投稿していきます。

▶第１話からすべて通して読みたい方はこちら♪

マンガ付バイブコーディング（生成AIコーディング）入門講座

なお、今回の連載で行っている「バイブコーディングを基本から学んでWebサイトを公開する」方法は、【バイブコーディングセミナー】にて実践いただけます。

現在、その【バイブコーディングセミナー】を一部、無料でプレゼントしております。ご興味あれば、ぜひ下記からご覧ください。

わたしのほうでは、Webアプリ開発セミナー、コンサル、内製化支援なども行っております。本格的なご相談をご希望の方は、こちらのページもご覧ください。