1. AIで仕事をサボるラジオ
  2. 1時間で自分のWebサイトを公開..
1時間で自分のWebサイトを公開(デプロイ)する方法。
2026-06-05 11:53

1時間で自分のWebサイトを公開(デプロイ)する方法。

Claudeマスター講座はこちら(6/7 まで)

https://claude-buy.freelance-gakkou.com/

感想

まだ感想はありません。最初の1件を書きましょう!

00:00
こんにちは、しゅうへいです。今日はクロードマスター講座をやっています。
6月1ヶ月ですが、早速サイトをデプロイできましたという報告が出ており、とても嬉しいです。
くんくんさんもできて、あらがいたいさんもできました。
みんなで今日やったことをシェアしています。
クロードマスター講座というコミュニティの中で。
あらがいたいさんがデプロイできましたという報告をしていて、
それを見たくんくんさんが、
それだったら自分もちょっと物を試してやってみましたと言ったら、
20分くらいでポートフリーのサイトをデプロイできましたということで、
そうなの?デプロイってこんなにあっさりいくの?っていうくらいあっさりいくんですよ。
そもそもデプロイって何かというと、
Webサイト、自分が作ったものをパソコンの中でやるんですけど、
それを本当にパソコンの外側、誰が見てもスマホから見ても全世界に公開されると。
ブラジルからも見れるというようなものがデプロイというものなんですが、
これができるとですね、
Webサイトを作って企業とか誰か個人とかお店さんに納品するということもできるんですね。
自分のサイトとかも作れるしっていう、
このデプロイができたかどうかって結構大きいんですけど、
本当思った以上にね、これねえって思った100倍簡単なんですよ。
なので、今日はデプロイをどういうふうにやったらいいかっていうのを、
ちょっと簡単に紹介をしていきたいと思います。
というわけで、この番組AIで仕事をサボるラジオはですね、
仕事はAIに任せて自分の時間を取り戻そうということを
テーマに毎日瀬戸内のリトーからお届けしております。
皆さんのこの放送を聞いてフォローしてほしいです。
無料でフォローしていただいて、聞いてよかったと思ったら
星5個をレビューとして入れていただけるととっても嬉しいし、
また多くの方にも他の方にも見つかって、
他の方もこのAIを使えるようになるっていうね、
そういったいいループにもなりますので、
よかったらフォローとかレビューで応援いただけると嬉しいです。
今日のその本題なんですが、どういうふうにデプロイをやっていくかということです。
結論ですね、使うAIに関しては何でも大丈夫です。
Googleが出している、例えばアンチグラビティだったりとか、
ChatGPTが出しているコーデックスでクロードがやっているクロードデスクトップアプリ。
クロードコードでも何でもいいんだけど、とにかく何でもOK。
大事なことはですね、そのあたりあんまり気にしない。
もしChatGPTに課金してるんだったらコーデックス使えばいいです。
でもクロードとかにChatGPTとかGoogleにも課金してないんだったら、
僕はクロードに3000円課金して、クロードのアプリをデスクトップアプリをダウンロードして、
それで始めるといいです。
いきなりクロードコードでいいです。
03:00
クロードコードっていうのがアプリの一番タブが分かれているんですよ。
そこにあるので、クロードコードでニューセッション。
そこでこんなポートフォリオサイトとかウェブサイトをテストで作ってみたいとか、
もちろん本気で作ってみるのもいいし、
僕も瀬戸さんっていう猫がいますけど、今絶賛抗がん剤治療中、
リンパ腫なんですけどね。
結構呼吸がきつくなったりいろいろ大変だったんですけど、
一旦今少し落ち着いてるんですが、
例えば可愛いペットの自分だけのデジタル雑誌みたいなのを作るとかでも何でもいいです。
それをちょっと作りたいっていうふうに言って、
まずはデザインを始めてもらうと。
ローカルでまずはプレビューしてって言ってください。
ローカルでプレビューして。
作っていいから、まずはローカルでプレビューしてください。
簡単なHTMLのサイトでOKです。
みたいな感じでOKです。
それを話していきます。
もし分からないことがあったら、
普通にそのままAIに聞けばいいです。
普通にAIに聞いて、
しかもローカル環境でプレビューであれば、
もう滅多にジゴることはないので、基本的には。
そういうふうにまずは進めていくと。
そしたら簡単なデザインが出てきます。
プレビューしてって言って出てきたらもう見れます。
そこに対して入れたい画像とか、
入れたいコピーとかがあったら、
それをこれをこれに変えてとかっていうふうに言えば変わります。
ただテストでもとりあえずデプロイしたいという場合は、
そのまま行けます。
そのまま今度はですね、
クラウドフレアっていうものがあります。
クラウドフレアというサービスがあって、
このクラウドフレアというもの、
速いウェブサイトを作るようなサービスなんですけど、
クラウドフレアを使って、
これをデプロイしてくださいというふうに言えばOKです。
この時に一応やっておくといいのが、
もうこれだけでもデプロイできるんですよ。
これでもデプロイできるんだけど、
これでやっておくといいのが、
今後何かそのサイトとかをいじる時に、
GitHubっていうものがあって、
このGitHubのアカウントをメールアドレス、
Gmailで何でもいいので無料開設しておいて、
このGitHubのアカウントでクラウドフレアを開設するんですね。
要するにGitHubを作って、
GitHub作ったら今度はそのGitHubのアカウントで
クラウドフレアを作ると。
そうすることによって、
GitHub経由でクラウドフレアでデプロイができます。
もう何言ってるか分からんという方もいらっしゃると思う。
僕もちゃんと分かってない。
でもそういうものを使えばそうなるんです。
そうするとですね、
一応GitHubにリポジトリっていうフォルダみたいなものなんですけど、
その絵が作られるので、
あなたの作ったサイトがそのリポジトリの中に入ります。
そのリポジトリからクラウドフレアですね。
もうクロードとかクラウドとかやめてくれって感じですね。
クラウドフレアにデータが送られて、
クラウドフレアで要するにそのウェブサイトにしてくれて、
リンクも出してくれて、
それを誰でもどこからでもアクセスができるようになるというようなめちゃくちゃ簡単です。
06:00
ちなみにGitHub自体は作らなくて大丈夫です。
作らなくてもクラウドフレアだけからでも行けます。
なので、よう分からんなと思ったら、
できたものをクラウドフレア経由でデプロイしてって言ったら、
もう本当に一瞬で終わります。
今後のことを考えるとGitHubとかを使ったりとかしていくんですが、
この辺りは本当に触りながらじゃないとシステムがよく分からないんだよね。
何でこれをここで使うのかとか本当に分からない。
これも僕も使いながら、そもそもこれってどういうことなのとか、
今まで全然触れてこなかったウェブサイトの作りがどうとか、
フレームワークがどうとかっていうのももう触りながらです。
そういう意味で、クラウドマスター講座すごい良い場所だなっていうのがあって、
僕自身もすごく刺激をもらってるんですけど、
みんな手探りながらもちゃんと触ってるんですよね。
自分と変わらない非エンジニアっていうか、
そういうのって自己紹介で見たら何となく分かるんですよ。
今までそういった経験だったけどAI使ってみたくてっていうのがあって、
そういうのを見てて、それでこの人もやってるって思うと、
僕が主催してるから、僕ができたからって多分、
いや周平だからってみんな思うのかもしれないんだよね。
僕だって本当に全然最近まで使えてなくて、まだ全然勉強中だけど、
でも似たような人たちとか、年代だったら同じ業種の人たちが、
これ作ってると思うと、やっぱりそこで言い訳がなくなるというかね。
前に進めるんですよね。これがすごく講座の良いところだなと思います。
これはどうしても動画だけ見ててもなかなか伝わらないし、
このやり取りがあることによって発生するし、
これは本当にAI時代に学び方としてコミュニティがすごく大事な理由が、
やっぱり僕もやってて思いますと楽しいよね。
これやってるみたいな、あと僕も困ったこととか言えるよ。
例えば、厚子さんという方が自分のLPを作れましたっていうので、
ちょっとプレビューを出してくれてるんですね。
それを見て厚子さんは個別面談とかでもお話しさせてもらったんですけど、
海外サイトで売り上げた日本冠金した時の川瀬さそんの計算用エクセルシートとかをコワークで作成したとか、
LPを作ったって書いてて、このLPを見た時に素敵なLPで普通にレベル高いなって感じなんですけど、
もう十分すぎるよね。ただ途中の開業が若干変なところで開業してることがあって、
これ僕も結構悩んだというか、僕のサイトも結構そうなってる時があって、
これ完璧にはまだ解決できてないんですけど、
このブドウXっていうのがあんだって、読み方合ってんのかな。
これをビルド時に通して、
Keep all plus overflow wrap anywhereでiPhoneサファリでも聞くようにと。
現行にはZWSPを埋めず、ビルド成果物だけに入る形でクライアントJSは無しでみたいなことを言うといいらしい。
09:07
これは分かんない、僕。何言いよんって感じなんですけど。
AIに聞いてやると、元々はオート何とかっていうのがあるんですよ。
オート何たらかんたらっていうのがあって、僕もよく分かってない。
これを入れるといいらしいのよ。
でもこれがサファリで聞かないんだって。
サファリで聞かない。
Chromeのオートフレーズってやつかな。
これ実は内部ではブドウXのC++を移植して使ってるっていうことなので、
同じようなものらしいんですが、
サファリだとこのまま、
ワードブレイクコロンかな。
オートフレーズかな。
はやると、
Chromeだけでサファリには聞かないらしいんですよ。
そんなの知らないよね。
そんなの知らない。
自然な文の切れ目でやってほしいとかって言ったら、これがいいらしいので。
僕もちょっと今サイトに入れてるんですけど、
確かにだいぶちょっと開業位置が良くなったかなというふうなものは感じますね。
もちろん絶対に完璧ってわけではないんだけどね。
こういうこととかも僕から言えるし、
多分僕がまた違ってることとかも教えてくれたりとかするので、
そういう意味ではほとんど9割以上の方が非エンジニアですから、
すごいいい場所だなというふうに思いますね。
ほんと1ヶ月集中でできるので。
一応募集としては6月7日の日曜日の23時59分までです。
もう1週間始まってるので、少しその1週間分はちょっとかけちゃうんですけど、
すでにAI活用でどういうふうに大型案件を取ったかという対談と、
6月6日には僕がZoomの1時間の講義をするので、
そこでクロードのざっくりのどういうことができるのかというレクチャーをさせてもらいます。
6月10日にはちげさんがWebアプリの作り方という講義をやってくれて、
今入るだけでもアーカイブとライブと、
6月10日のWebのセミナーみたいなものも全部ついてきて、
毎週土曜日の12時から13時であるので、
定価で今49,800円ですけど、それでも十分価値があると思うし、
クロードアプリの教科書の内容とかも全部見れるし、
動画に関してもそれだけでも10本以上あって、
それ以外にも多分7,8本も見れると思いますね。
質問もし放題だし、何よりもこういう環境が毎日みんな使ってて、
これ結構習慣になると思うので、
全然この1ヶ月入るか入らないから全然違うと思いますよ。
ぜひ迷ってて、ちょっと割引とかなくなったけどどうしようかなって方は、
少々定価でございますけど、定価でも十分価値があると思いますので、
今日クロードで作ったLP貼り付けておりますので、
よかったらそこから見てみてください。
というわけで、今日も聞いただきありがとうございました。
この後も心地良い時間を過ごしてください。バイバイ。
11:53

コメント

スクロール