00:05
どうも、たかきです。この番組は、生きづらさから解放されるためのコツやノウハウ、それを実践していく姿をお届けするラジオです。
今回お話する内容は、非エンジニアがAI使ってHPを作った話、という内容で話していきたいと思います。
ついにですね、ホームページ制作できました。やれました。
SNSの情報なんかを見ていると、結構ですね、AIの情報流れてきて、
みんな、ヴァイブコーディングでいろんなものを作っているというのを見聞きします。
今言ったホームページであったり、何かのChrome拡張機能であったり、
すごい人はゲームとか、あとアプリとか、そういうのを作っているというのを、僕は見聞きしてきました。
僕も簡単なところで言うと、Chrome拡張機能とか作ったり、LINEスタンプ作ったりしてたんですが、
Kindleもそうですね、この間の。
そのKindle、まだ無料期間だと思うので、ぜひダウンロードして読んでみてください。
いきなり宣伝です。ごめんなさい。
無料なんで、あと高木のですね、ちょっと面白話みたいなのも書いているので、ぜひ読んでレビューしていただけますと幸いです。
宣伝はそのくらいにしておきまして、そういうのをいろんなところで見てたんですよ。
本当にできるのかなと思ってて、僕もちょっと挑戦してみようと思ってやってみてたんですよね。
全然本当にですね、プログラム一行もわからないので、適当にこんなサイトあるので、こんなサイトにしてて、この情報で作ってくださいみたいな感じから始めたんですよ。
03:05
アンチグラビティに日本語で伝える。それだけのところから始まってですね。
ちょっとおかしいところがあったら、そこを直してって言って、それ直してもらって、もうちょっと追加したいなと思ったら、これ追加してっていう風にAIに伝える。
最終的にできあがったんですよ。ある程度のものが。ページ数で言ったら4ページですかね。
フォームがあって、それに付随するのが3ページあってみたいな。
そういうサイトが出来上がって、パソコン上ではしっかり綺麗に見えてたんですよ。
いざですね、ネットに公開して見てみると、スマホで見るじゃないですか。
僕もスマホで見てみたら、もうめちゃくちゃ崩れてるんですよね。
もうめちゃくちゃ崩れてるんですよ。
これダメだと思って。
そういえば、スマホとパソコンで見る時にちゃんと表示してくれるようにする機能あったなっていう風に思い出して、これもAIさんに聞いたんですよね。
パソコンとスマホで崩れないようにするのってどうするんでしたっけっていう風に聞いたら、
レスポンシブデザインですねっていうのを書いてきて、ああそうそう、それそれっていう風に思い出したんですよね。
そこから、今この出来上がったサイトをパソコンでもスマホでもちゃんと見えるようにレスポンシブデザインでもう一回作り直してくださいっていう風にAIさんに投げかけました。
そうするとですね、AIさん、一応作る前にこうこうこういう風にしますっていう作成書みたいなの作ってくれるんですよね。
それ見るけどあんまりわかんないんですよ。
僕は非エンジニアなんでわかんないんですよね。
だからまあまあまあいいでしょうってくださいみたいに返したんですよ。
そうすると、AIさんがですね、動き出したわけなんですよね。
06:07
動き出したっていうのはいいんですが、それもですね、びっくりするくらい動き出したんですよ。
本当に。
なんかですね、すごいコード打ってるんですよね。
いつもだったら1,2分とか2,3分とかそれぐらいでできるものなのですが、何回も何回もなんかドワーッと打って、これでいいですかって聞いてくるので、いいよって僕がボタンポチって押して、
それまたダーンって打って、それでいいですかって聞くから、いいですよって。
それ何回も繰り返したんですよね。10回、20回、30回それぐらいやったと思います。
すごい不安になってきたんですよ。
いつもはそんなにラリーを繰り返してないからです。
おいおいこれ大丈夫かなって思いながら、ちょっと不安になってたんですけど。
何回も繰り返しているうちにAIさんができましたって言って、これでパソコンで見てもスマホで見てもきれいに表示できるはずです。
確認してみてくださいって言ってきたんですね。
本当にできたのかなと思って。
実際にURLをスマホで開いてみるわけですよ。
そしたら見事にきれいにできてましたね。
なんとかカラムとかいうのあるじゃないですか。
枠に囲っているやつですかね。
それもちゃんとスマホ用に最適化されてスクロールしたら動いていくんですよね。
もうこれができた時に本当嬉しくて。
Xでも何日か前の投稿でちょこっとスマホでスクロールしてるのを出してるので見てください。
ちょっと感動しました。自分に。
気持ち悪い仲書きって思われるかもしれないんですが。
ホームページってマジでバイブコーディングでできるんだなっていうのを本当に実感した瞬間です。
これねやっぱ強いですよね。
09:05
はっきり言ってAI使える人の中の僕は底辺も底辺だと思うんですよ。
そのできた日にパジさんっていう方知ってる人多いと思うんですけど。
あの人のX見たらクロードオーパス4.7ですっけ。
あれですんごいの作ってるのを見て僕やっぱ底辺だなって思ったんですけど。
僕の中ではかなり革命だったんですよね。
ホームページ作るっていうのなのでパジさんみたいにはまだできませんが。
少しずつですね僕自身成長してきている感じがするので。
このまんまですねAI勉強していって自分の生きづらさそして周りの人の生きづらさもこのAIで解消していけるんじゃないかなっていう可能性を感じております。
ということで引き続きですね高木はAI勉強していきます。
その様子もこのスタイフもそうですしXとか他のSNS媒体でもですね発信していきますのでぜひチェックしていただければ幸いです。
いろんなところで発信を始めているのでそれチェックしてくださいよろしくお願いします。
今回も最後まで聞いていただきありがとうございました。
あなたにとって幸せな1日になりますように。
それではまた。
ではでは。
