バイブコーディングの影響
はい、今日もコツコツ、バイブコーディングの話をしましょう。
もうね、いやでもほんとすごいわこれっていう話がいっぱいあるんだよね、バイブコーディング周りは。
いや、で、ありがとうって話で言うと、昨日すごいバイブコーディングサロン参加者めちゃくちゃ増えて、110人ぐらい増えましたね。
いや、ありがとうって言うか、ありがとうって言うか、勉強しないとダメですから、これ。別にサロン入るかどうか、ぶっちゃけどっちでもいいですよ。
まあでも入ると多分ね、結構情報共有とかもしてるんで、まあいいんじゃないかなってお勧めです。
なので、サービスもいいサービスになったら値上げしようかなという感じなんで、いつ値上げするかちょっと考えどころですけど、よろしければ4980円ということで、入って勉強していただけるといいのかなと思ってますということなんですが、
まあとにかく衝撃的だよな、いろいろっていうことを感じています。
まあまずですね、今日どの話をしようかなと思った話で言うと、ウェブデザイナーの仕事って多分マジで厳しいよなって思ったんだよね。
で、少し前まではウェブデザインっていうのはね、まあまあ飯食える仕事、まあ今もねギリギリ食えるかな。
で、昨日ちょっととある打ち合わせでウェブデザイナーさんの声をちょっと聞くことができたんですけど、まあやっぱりめちゃくちゃ危機感持ってるって言ってた。
まあそうだよね、めちゃくちゃ危機感あるよね。今までウェブデザイナーって、まあなんでしょうウェブサイトを作るんだよね、今日ね。ウェブサイトを作ったり、あとはまあアプリとかのデザイン、UI、UXのデザインと言いますが、まあアプリのデザインとかをしたりするっていうのがまあウェブデザインと。
で、まあ言語で言うと何ですか、HTMLとかCSSとかなんかいろんな何とかJSとか、まあなんかそういったものを勉強して、まあイケてるウェブサイトとかアプリとかをデザインするぞっていうのが、まあプロのそのデザイナーなんだね。
ウェブデザイナーというお仕事があるんですが、まあこれはもうね、相当厳しくなると思った方がいいと思います。で、恐ろしいことに多分これちょっとゾッとしたのはね、多分これウェブデザインやってる人気づいてない説がかなりある気がする。
だからちょっと今日はその話を特にしようかな。ウェブデザイナーの人今いますか?うち聞いてる人いるかな?うーん、マジでねこれヤバいよ。あのおそらくほとんどのウェブデザイナーは仕事なくなるんじゃないかな?
よっぽど大規模なサイトを作ってとか、もっとデザインから上の、もうディレクターやってますとか、なんかもっとUXのアーキテクトやってますわ。なんかそういう上位レイヤーまで行ってる人はいるんですけど、もう作業者としてあのウェブデザインのちょっとウェブサイトの回収とか、まあコーディングとか、うん。
今自力でやってる人っていうのはね、これ、いやまあうちの配信を聞いてる方の中でもいるよね。うちのリスナー多分ウェブ系の人多いと思うので、ウェブデザイン本職にしてる人マジで聞きかもった方がいいと思います。これ下手すると、これエンジニアよりヤバいかもしれないね。エンジニアはね、なんかまだね、あのやっぱりバイブコーディングでできることに限界があるんですよ正直。で僕もいろいろ作ってますけどやっぱりね、まだバイブコーディングだけで、まあもちろん大規模なシステムを作れないし、でたくさんの本当にユーザーを巻き込んで、
まあどこまでかな。まあまあできること増えてきてはいるとはいえ、やっぱりねエンジニアの力は必要です。正直。あの正直というか普通に必要ですので、まあだからもうちょっとまだね、あのエンジニアはいけるんですよ。バイブコーディングが進化しても、でまあエンジニア側ももちろんバイブコーディングも今もうかなり触ってますからね。クロードコードとか、まあ当たり前になってますよね。なのでエンジニアさんはね、意外と今ちゃんとクロードコードを使ってAIで開発できてる人は意外と生き残れるって言ったらちょっと変な言い方なんやけど、うんまあいけるかなと思うんだけど、これねウェブデザイナーの人たちに
言う人って多分やばいんだよね。だってまずクロードコードとか触ってないじゃん絶対。関係ないと思ってるよね。ウェブデザインと何、そういうAIコーディングって無関係だと思ってるウェブデザイナーがめちゃくちゃ多い説っていうのを僕は感じています。実際僕が知ってる方でも、いや絶対触ってないね。
まあそれはなんか難しくて、やっぱりクロードコードみたいなのってどっちかっていうとエンジニアのものだと思われてるし、まあ実際ユーザーの98%がエンジニアなんだよね。でもAIでコーディングっていうのは別にプログラミングだけじゃなくてウェブデザインのコーディング。ウェブデザインもある意味プログラミングじゃないですか。HTML、CSS、JavaScriptまで来たらもうプログラムじゃん。だからできるんですよ。クロードコードでウェブデザインって。
っていうめちゃくちゃ初歩的なことに多分気づいてないで、なんか最近プログラミングの世界がAIでだいぶできるようになってるんですね。ぐらいのさ。たぶんねウェブデザイナーって。今そんな人がたぶん下手したら9割くらいなんじゃねえかみたいな危機感をね。なんか勝手に持ってます。
うちの配信聞いてる方でウェブデザインやってる人はたぶん分かってるんですよ。やばいこれもう自分の仕事マジでなくなるっていうのは絶対分かると思うけど、これ分かってない人多そうだよね。恐ろしいね。エンジニアの人たちはもうさすがに危機感があるはず。もう分かってる絶対。分かってない方はやばいだろさすがに。こんなものが出てきて、今までの自分たちの仕事、いやもうこれ終わるやろみたいな感じの危機感をやっぱりみんな持ってます。それはもう当然だと思う。
新たなデザインの実現
僕の知ってるエンジニアの方もやっぱりそんな感じですよ。自分の仕事、今まで3ヶ月でやってきたものが1週間で作れるみたいな、そういう世界。しかも余ってさえプログラミング知識が何人でもさ作れるようになっちゃってるからさ。それをもうまざまざと見せつけられている状況だからエンジニア勢はさすがに今危機感を持ってる。だけどこれねウェブデザイン系の人はね、はぁみたいな感じで多分眺めてて、今もうガラガラと足元が崩れてるって感じだと思います。
いやどういうことなのって言うとさ、例えば僕も今までデザイナーさんにさ、ウェブサイトのデザインとか当然与えますがお願いをしてきました。
僕の場合は特にいわゆるLPと言いますかランディングページですね。今まさにVive Coding Salonのランディングページ、vivecoding.salonってアドレスにアクセスするとウェブサイトが見れます。
当然ですね。でそのウェブサイトなんかは今までは、そうだねデザイナーさんにまあ20万、あのくらいだとやっぱり20万、まああるいはしかもあれゲーム入ってるからね、ちゃんとあのVive Codingじゃなくて普通に発注したら多分まあ50万円ぐらいはかかるよな。
だから中にゲーム入れてるからね、ゲーム付きのランディングページだからやっぱり50万じゃできねえなってぐらいです。だからね、それくらいのお金をかけて、しかも納期で行った時にはさ、ゲームまで開発させたりしたらそれは1ヶ月はかかるよね。
50万円でやってくれたら本当にありがたい。まあ多分70万円ぐらいかかるよねっていうのだって、そしてそうだね、納期で行ったら1ヶ月で作ってくれたら嬉しいねっていうぐらいのランディングページですよ。
あのぜひ皆さん僕あの今回チャプターにつけております。あのランディングページ、vivecodingsalonのランディングページで。でウェブデザイナーの人もし聞いてたら見て、見て見て実際このLPを。
で今言ったでしょ。このじゃあ皆さん開いてさ見てくれてるLPってだいたいまあ相場感で言うとまあそうだね今僕だったら今までやっぱ70万80万払ってそうだね1ヶ月ぐらい納期見て作ってくれたらありがとうって感じで早い人だともうちょっと早いかなでもゲーム入ってるから無理だよなって感じで作ってたものなんですよお金を払ってさ時間をかけて作ってたさランディングページですよ公式サイトですよこれさじゃあ今これ皆さん見てます?
このLPさこれどのくらいで作ったかわかりますかって言ったらこれ僕がですよまず僕が自分で作りましたでで時間でって言うとね一番最初のバージョンはねなんと2時間です。
2時間でもうゲームもできてであの今見ていただいているLPとほぼ変わらないぐらいのクオリティのLPができています。
でまぁその後いろいろメンテナンスを重ねてでなんかなんだかんだほぼ毎日ね何かねあの微修正を重ねてます。
でそういった時間も含まれていくとまあもちろんもうちょっとあの開発には時間かけてますけどでもそれもね指示出してるだけだからさ
別になんか実労働してる感じじゃないんだよね自分でコード書いてるわけではないからさちょっとここのセクション入れ替えておいてみたいなことを
あのクロードコードに指示したらはいやってくださいって言って書いてくれるんですようんそうだから別にそんなそこの作業負荷って発生してない
だもう一番最初のもう十分ワークする本番環境でもうちゃんと決済も集められる lp がまず2時間できる
でただの lp じゃなくてその中にゲームとかも入っているね でそういったものが僕が自分のパソコンで作れちゃう時代なんです
作れちゃうじゃんでそれは何かいや池橋さんだからできるじゃんでしょとかって思うかもしれないけど全然そんなことない
全然そんなことないもうまじで誰でもできる昨日あの周平氏が1時間であのまさにそんな作ってましたねあのセミナーをやっててあの周回遅れの周平氏がついにですねバイブコーディングを始めたということでもう簡単にいわゆる lp を作ってましたねまあもちろん1時間で作ったものはまだまだこれからって感じではあるけどまあでもここから改善をするのは簡単なんですよもうチャットするだけだから
クロードコードなりまあ何かあのウィンドサーフなりまあその中でこここんな感じにしてって言ったら全部直してくれるんですよ
っていう時代になってるんですよでこれ何があのすごいことだっていうとまあ僕も発注者側だからすごいわかるんだけど
ウェブサイトの更新の重要性
ウェブサイトってさあの1回作って終わりじゃないんだよね まあほとんどのウェブサイトまあ会社のサイトもそうだしたお店のサイトサイトもそうだし
まあ何かポートフォリオのサイトでも何でもいいよ自己紹介のサイトでもさ まあ1回作って終わりっていうケースは多分あんま逆にあんまないんだよねやっぱりあの出した
後すぐその反応を見て回収をしていったりとかさ まあコンテンツを追加していくとかあとお知らせを追加するとかさまあやらなきゃいけないじゃ普通に
考えてね皆さんの会社のサイトも多分更新されてますよね じゃあその更新作業ってさお金かかってるんですよ
そうで特にサイトを外注しているケースとかだとやっぱり まあね更新作業にあたってまぁ1回その他の会社さんにお願いしたりするとやっぱりそれだけ
もさまぁ何千円どこらが何万円かけてある固定費をかけて毎月10万円でサイトの 保守メンテナンスをしますのでそれで何かあったらあのこの
デザイナーさんのその窓口に行っていただいたらあのすぐ対応しますとで3日 賛議営業日以内ぐらいにまあ変更修正します皆さんでそれで毎月10万円の契約ですね
まあこういう感じでやってでそういうのでまぁ飯食っている上でないなさんとか結構 いるはずなんだけど
バイブコーディングでウェブサイトを作っ やばさはねそのもうさあ何だろう
チャットで直せんですよそう 僕が例えばその今バイブコーディングサロンさんランディングページ
まあ公式サイトねどうやって直してるっていうと例えば昨日ね一つあのサロンメンバーの 作例
サロンメンバーが実際にバイブコーディング作ったものを紹介するところを追加したんですね まあ2つ目の作例を集が追加したんですけどそれもさ
どうやって指示出しをしているかというとあの2つ目の作例をちょっとあの情報を与えですね あのリュータ
シットでまあリュータが作ってくれたあのすごいいい感じのねあのちょっとしたウェブサービス ができたのでそのこれリュータが作ったやつでこのサービスの名前はこんな感じですと
でリンクはこんな感じですとでまぁ説明文適当に作ってでこれを8一つ目の作例の次に 出したいのでまあいわゆるスワイパーといったりしますけどこうなんか
シュッてこう移動したらあのシュッシュッてこうなんか何わかりますシュッシュッてあの行くようにしてみたいな 本当になんかシュッシュッてあの切り替えられるようにしてで行けます本当にあのまあ一応僕は
技術的にもなんか用語知ってるんでスワイパーであの実装してって言いましたけど あのシュッシュッてあのスワイプしたら移動するように2つ目の事例とか見せられるように
して こういうことこれをそのままAIに行ったらはいわかりましたがーって書いてくるんですよ
でまぁほぼまあそれでいきますであのうんでそれエラーが出たりするときはもう一回あの ちょっとエラー出てるんだけど直してとか
あのエラー出てるけど原因わかるみたいなこと言うとはいわかりましたすいません調べまーす って言ってわかりましたはい直しますみたいな感じで直してくるんですよ
でそれをまあそのままデプロイといったりしますか まあじゃあこれデプロイしといてって言ったらはいわかりましたって言ってじゃあ今更新します
あじゃあ更新終わりましたやってくれるんですよ そうでこれはもちろん自分のパソコンの中に1回その環境を作るのであるんですね
自分のパソコンでバイブコーニングでウェブサイトを作って公開するっていうところまでを ちゃんと自分で1回走り切ったらですねその後のサイトメンテナンスとかをわざわざ
外注さんとかウェブデザイナーにお願いしないでももう社長自らできるぐらいの感じです 本当にだって一言なんだ一言
これちょっとお知らせ追加しといてみたいな感じ あのプレスリリースが出た時にさプレスリリースを本文を貼り付けたりあのプレスリリースの
URLを渡してこれちょっとあの本文とURL うちの会社のサイトの公式にちょっと入れといてこれだけ
こんなんさどんだけ忙しい社長でもすぐできるじゃん 自分のパソコン開いて音声入力でやるだけで本当あとコピーするだけだからね簡単だし別に
社長じゃなくてもさね簡単にできるでしょ誰でも でも今までってそういうさちょっとじゃあプレスリリース出したから公式サイトのお知らせなり追加してっていう
作業ってこれめっちゃお金と時間かかったんだよね無駄に これもう無駄だよね完全にねすごい無駄なことやってたなーって感じがします
バイブコーディングの影響
今になって言うと そうだから今はもしねこれ今聞いている方の中にそうウェブデザイナーに届けという気持ちで
やってますあの マジで速攻クロードコードとか触った方がいいですよ
もうあの仕事がどんどんなくなっていくっていうか僕自身はもう残酷ですがウェブデザイナーに
なんかウェブデザイナーの人にお仕事お願いする いやもうなんかねごめんだけどないわ
ないよね何どういう時にお願いするかよくわかんなくなってきました本当に だってできんだもん自分で自分でできてしまう
いやこれ残酷だよねウェブデザインって言うてもさ学習コスト結構高いんですよ html css その他
ボロボロさようなものさ学習してやんなきゃいけなかったんだよねでそういうものがさ もう
いやーほとんど無意味になりつつある感じもちろんめちゃくちゃ高度な実装とかまだね 最先端の技術スタッフを使ったもうめちゃくちゃイケてるウェブサイトとかはまあやっぱり
デザイナーの力が必要だけどそんなもの別なんか正直ビジネスの現場ではあんま使わないん だよね
でもね皆さんもねなんだちょっとだろうでイベントやりますって言っただけでさ そんななんかもうデザイナーじゃなくて絶対作れないもうめちゃくちゃアーティスティックのサイトとか
別にいらないじゃんペラッとしたものでいいみたいなケースが残念なが多いんだよねで あとその運用の部分とかさね公式サイトの情報修正するとかさ
そこは何かもうなんかデザイナーじゃなくても別にできるけどね あのまあしょうがないからデザイナーがやってるとかさなんかそういうさ感じになっているわけなので
まあとにかくとにかくウェブデザインの仕事はバイブコーディングでマジでガンガンなくなって いくと思います僕自身ももうウェブデザイナーさんに何かを発注することって本当になくなる
ないかもごめんって感じもう いやーもうないな本当になるだって自分で作った方が早いし安いし
しかも修正もできるからさこれがでかいんですよその後の運用がめっちゃ楽っていうのがね 本当にでかいやーもうこれなんか昨日も言ったような気がするけど
やっぱりさサイトをさ修正したりするの本当めんどくさいんだよね 本当めんどくさい僕そういう作業すっげー苦手で
いやブログ書くのとか得意なんだけどさなんかブログのデザインを修正したりとかさ まあなんかその公式サイトの情報を追加したりとかさ
ましてはメニューを追加してもう1個そのメニューを追加してメニューの構成作ってカテゴリー 切ってとかさ
うわー地獄みたいな感じでまあそういうのもさ自分でやるケースも多かったんだよね やっぱりデザイナーさんに最初型を作ってもらってそこで発注して
追加でなんかちょっとメニュー追加してみたいことをさ お願いするのもめんどくさいし大した単価にもなんないからさ
あと5000円払うからやってってそのやりとりで5000くらいかかるよみたいな感じでね 結局自分でやることってすごく多くてでもやっぱりそれじゃ自分じゃできないからさ
もうなんか諦めて何もしないまま放置してる 状況ってのは実はかなりあったんだよねかなりあったのがもうバイブコーディングで
マジで簡単にもうチャットベースの作業でその後のメンテナンス改善まで全部できる やばすぎって感じね
もっと言うともっと言ってもっと言うとそのサイトをただ作るだけでそのサイトの分析とか あの改善提案とかまでバイブコーディングで作れるんだよね僕昨日
バイブコーディングサロンのランディングページにグーグルアナリティクス等々いろいろ全部で詰め込み ましてですねしっかり分析できるようにデータセットを取るようにしました
でもう今日朝起きたらねあのそのデータ分析のところまで回り始めていて どういうサイトからどのくらいのアクセスが来てるかとかでどのくらいの滞在時間だとか
あとまぁどのくらいそれ実際あの購入ボタンをクリックしてるかっていうのがちゃんとね流入別ごとに 取れるようになりました
でしかもそのデータを見てですねあの僕が何をすべきかみたいなこともね そのダッシュボードの中で提案をしてくれるというところまでね作ることができました
デザイナーの未来の懸念
これはすごいねもうまあもはやこういうウェブデザイナー中がどっちかでマーケターの仕事です けど
これをさ自作できちゃうんだよねもうもうね なんかまあまあもうほんとこれ伝わってほしい
なんか全く今まで仕事のやり方が変わってくるんで まあもうほんと速攻ねあらゆる職種まあ特にパソコンを使って仕事をしている人々
ですまあそれ以外の人もなんだけどねもう バイブコーディングマジで勉強しないとね
いやもうね知らない間にねあなたの仕事もいらないですっていうほんとね 知らない間にそうなっているのが一番怖いと
さっき冒頭で言ったけどエンジニアの人は分かってるんですよ エンジニアの人たちでさすがにもう今ノンキーな顔してなんか普通にプログラミング自分で
やってる人って多分もう あんまいないと思うんだよねもう大体特にウェブ系のエンジンの人なんて
いやもう多分あこれも終わるなって思いながら多分で走ってるぐらいの状況まで来たん じゃないかなと思います
まあそういうと x とか見る感じだともうその危機感持ってない人なんて多分いないよね っていうぐらいまで来ているけどデザインに関して言うとねウェブデザインねウェブデザインに
関して言うとまだねみんななんかノンキーな顔して働いてんだろうなぁみたいなんで そんで html css とか今まで通り普通にやってたりとか
ね今はどういうのその顧客管理なんだあのいろんな管理システムでねー やってんだろうなぁみたいなことは思うよね
なのでまぁちょっと今日はウェブデザイナーさんもしかしたら聞いたらドキッとする配信だった かもしれないけどマジでウェブデザインの世界も
バイブコーディングでどんどんディスラップとっていますかもうぶっ壊されていくし いるしっていうところはね
これ誰もまだ指摘してないような気がしたんでちょっと僕何に言っておきましたがこれでも 本当にそうだ本当にそうで全然煽りとか嘘とかだって僕自身がウェブデザイナーに
発注しなくなっているのもやばいよね バイブコーディングできるようになるとねもうね
発注する意味がよくわかんないって感じだだ自分でた方が早いし安いしあのメンテナンス できるんだもって言ったらさ
人間が改善する意味がないんだよねうん単価も高いしめんどくさいしねその後の回収 とかもさなんかいちいちめんどくさいって言ってそれだったらもう自分で作りますわって感じでしょ
でそういうものがどんどんどんどん増えていく である程度難しいあの結構高度なページ数が多いサイトとかでもデザイン周りだったら全然できちゃうん
ですねうん全然できるんで まあ皆さん気をつけてくださいはいでまぁそうですねあの
だからまずねバイブコーディングで勉強した方がいいのはねそのウェブデザインをあの まあウェブサイトの制作をバイブコーディングでやってる結構お勧めですねあのそれすごくね
あの実感しやすいというかバイブコーディングやべえじゃんっていうふうに多分ね感じ やすいものが多分ウェブサイトの制作だと思います
でまたなんか勝手に宣伝ですけどあのそういう観点でお勧めの有料ノートが お寿司さんとお寿司職人さんという我々のコミュニティでもずっと
活動してくれているクリエイターさんがまあすごいバイブコーディングできるんですよ あの2人組で旦那さんの方がめちゃくちゃバイブコーディングできるっていう
あの方でで今有料ノートを作ってあのそのノートがすごいねあのいい内容でも完売し ちゃったんですけど今日からも普通に買えるってことで1980円が1980円で
あのバイブコーディングでウェブサイトを作る まあその方法とか考え方とかっていうのをね公開している
あのノートが出ておりますのでまぁ全然あの別に僕なんかそれで宣伝料をもらってとかではなくて あの本当に良い内容でああいう教材がもっと広がっていくと多分ね
あなんだウェブデザインてもう自分でできるんだとなんだバイブスでできちゃっても多分ね みんなが知ってくれるんでまだそれすらみんな伝わってないんだよねやっぱりねなんか
まあ役割だよね僕の役割だと思いますやっぱクロードコードがやっぱりまあエンジニア向け なんだよね今日なんかね全部でもあれエンジニア以外めっちゃ使えるから
学習とコミュニティの重要性
僕今あのクロードコードに今ブログ書かせますブログもう終わったらブログ書かせながら 今これ撮ってますでだいたい30分ぐらいかけて30分
まあちょっと結構重めのやつをねあの書かせてるんでまぁ20分ぐらいかな 20分ぐらいずっとブログ書いてる感じがしますねそういうことができるんですよ
ブロガーの人もクロードコードを触った方がいいしマーケターも触った方がいいし ましたらデザイナーウェブデザイナーも絶対行った方がいいしエンジニアの人はもうみんなさすがにもうみんな
クロードコードを触り始めてると思いますがここのね他の職種で言うとギャップが大きいので ちょっと僕なりに頑張っていきたいと思ってということで毎日毎日20分ぐらいよく
我ながら話しますがそれだけちょっと今ねバイブコーディング本当に話さなきゃいけない ぐらい重要なテーマになってるので頑張って今日も原稿化しておきました
よろしければバイブコーディングサロン4980円のみです月額じゃないよ あのたまにそう月額じゃないんですかって言うんですけど月額ではないです
バイブコーディングめちゃくちゃ簡単なんでそんな毎月5000円とか払うもんじゃないよ それはそのお金があるんだったらもう普通にクロードコード課金してくれって感じなんで入会金だけ
です入会金だけで今1400人ぐらいの人がまあ半額してますねもう いやーすごいね今月1500は絶対行くぐらいのペースなんでまぁまだまだです
本当にここから1万人から10万人ぐらいまでやっぱりバイブコーディングの学習者実践者を 実践者を育てていくのが僕のちょっと今しばらくの人生のミッションなんで
まあどこまでいけるか頑張ってみんなでコミュニティを大きくして絶対学んだ方がいいって いうふうに思えるものなのでまあねゆっくりでもいいのでぜひ仲間になって学んでいき
ましょうという話でございましたそれでは皆さん良い1日を