中小企業向けジェミニキャンバス活用術！知識ゼロでもWebサイトを簡単に作る方法¶

URL: https://www.youtube.com/watch?v=AnyIpJKFfNA
文字起こし日: 2026-02-24 03:09

内容概要¶

ジェミニのキャンバス機能を使うとコーディング知識がなくてもWebサイトが作れる。
牛乳屋さんのチラシのデータをWebサイトにしたいというニーズに応えられる。
ウェブサイトの作成には専門家が必要という状況をジェミニキャンバスが解決する。
キャンバス機能はプログラムやコーディングの知識がない人でも使いやすい。
中小企業が配布するチラシを基に、ランディングページを簡単に作成できる。
パンフレットのデータをアップロードし、指示を出すだけでコードが自動生成される。
生成されたコードをテキストエディタにコピーし、HTMLファイルとして保存する方法を解説。
質問を繰り返すことで、初心者でもWebサイトを作成できる。
画像の差し替えやお問い合わせフォームの設置も可能。
さらに、簡単なゲーム作成もキャンバス機能で実現できることを紹介。

文字起こし¶

はい、皆さんこんにちは。今日はAD尾崎はい。ジェミニのキャンバスっていう機能。はい。知ってる？し、聞いたことあります。そう、そう、そう。今実装されてるんだよね。あの、ジェミニのキャンバスの機能ってさ、色々さ、ネットとかでも調べるとね、はい。なんかコーディングできますって言うわけよ。うん。コーディング？ちょ、素人には難しいんすよ。コーディングとかね。はい。はい。でも、今回これ使って何ができるかなと思った時にさ、はい。牛乳屋さんとかでさ、チラシ作るじゃん。はい。で、その紙のチラシのデータをさ、チラシだけじゃなくてWebサイト作りたくない？はい。できます。え？終わりっす。本当ですか？ありがとうございました。知識なくてもできますか？知識なくてもいけるんすよ。へえ。で、これはね、あの、実際の業務で使えるなと思ったの。なんか中小企業の人達はね、大体なんかチラシを配布したりとか、営業の時に使ったり、特にB to C多いわけよ。はい。でもさ、Webサイト作るってなると、やっぱり専門家の人必要でしょ？それはそうです。これね、ジェミニキャンバスでやれるんですよね。へえ。で、今日はね、ちょっと皆さんに、あの、リアルな例をちょっとお見せして、あ、ジェミニのキャンバス機能って何かって話と、これ使うとビジネス役立つよねってのはちょっとお見せしていきたいと思いますんで、スタートして行きたいと思います。お願いします。

はい。え、それではですね、今画面を共有してますね。で、右上のポチ、あるでしょ？で、この中にジェミニ、もう一番左上に置いときてくれるから。はい。はい。で、ジェミニを起動しましたと。で、これあの、うちのね、meijicooker.comっていうドメインで使ってるものなんだけど。で、ここで何をやりたいかって言うと、今回さ、ほらキャンバスってあるやん。おお、はい。ディープリサーチもあるね。はいはい。キャンバス。はい。で、このキャンバスっていうの、これキャンバスになるんですよ。あ、一回押すと。はい。で、これキャンバスモードなんですね。ま、つまりこう、よく皆さんもこのプログラミングとかね、コーディングって何となく聞いたことあるんすけど、僕も素人なんすよ。うん。でもなんか、それ専門家じゃないとできないよねって言うのに特化してるのがこのキャンバスですね。はい。じゃあ、実務でどう使うの？っていう話なんだけど、ちょっとね、事例を見せて行きたいと思うんすね。見て、これ。めっちゃ可愛いっしょ？可愛いです。これ最新のね、meijicookerのパンフレットなんすよ。おお。で、こういう風にお客さん向けにチラシを配る為に、紙のデータみたいなのはさ、ま、それこそキャンバとか、色んなもの使ったり、あの、デザインしたりとかするでしょ？うん。でも大体はここで終わっちゃうんだよね。はい。で、せっかくなんかチラシまで作ったんだったら、Webサイト欲しいじゃない。欲しいですね。でもあの、Webサイトみたいな大きいサイトじゃなくて、俗に言うランディングページってやつね。ああ、確かに、はい。なんか一枚もので、例えば、え、牛乳売りたいんで牛乳だけの特別サイトみたいな。はい。これがね、やれるんすよ。へえ。いいすか？やってみて？はい。お願いします。じゃあ、まずはジェミニ開きますよね？はい。で、ここでプラスボタン押していくんすよ。うん。で、ファイルを選ぶわけ。で、さっきのパンフレットあるでしょ？これ、営業のパンフレットを入れるじゃん。うん。はい。はい。はい、まず添付しました。で、ここで添付の通り明治クッカーのランディングページを作ってお客様からお申込み出来るようなWebページを作ってください。

いいすか、ジェミニさん？これだけですか？イエス。エンター。さあ、そうするとはい。今ね、色々やってるんすよ。うわあ。分かりました。こうこうこうで行きます。ほら。え？コード書いてる。もう何？これ次世代っしょ。次世代っすね。で、僕はコード全く分かんないんすよ。はい。なんかね、pythonがどうとか、C言語がどうとか、java scriptがどうとか分かんない。分からへん。分からへんす。分からへんくてお任せしましょう。はい。うわ、めちゃくちゃ書いとるやん。で、今で丁度1分ぐらいよ。おお。あれ？急になんか出来た。凄くない？右側にコード書いたじゃん、これ。コードってのが元々さ、素人からすると難しいようなこの、英字とかの羅列でしょ？はい。はい。で、プレビュー画面でこのコードを実際に表示すると、はい。どんな感じでみるんですか？え、お、めちゃくちゃ、お、出来てるじゃないすか。出来てるやん。ほお。あ、で、こういうはてなビューみたいなまだ入ってるよね？ほら、金額とか。地域に根ざした活動してます。お電話番号こちら。おお。お問い合わせホーム。え？終わり？ちょっと待って。西原あれ？お問い合わせホーム入れ入れられるわ。やばくない？で、これまでだと、まだ使えるかどうかわからないでしょ？で、この時にバツ印を押してもらって、はい。はい。めっちゃ良いです。多分ね、あの、こういう指示いらないと思う。めっちゃ良いですとか。なんだけど、これを、例えば一般に見れるようにするにはどうしたら良いですか？うん。って聞くわけよ。はい。実際さ、これ今見れるけど、これ一般でみんなに見てもらいたくない？はい。で、それを質問するんすよ。これ一般にみたいならどうしたら良いですか？って。あ、気に入って頂けて嬉しいです。HTMLコードをインターネット上で一般公開、いくつかの手順が必要なんだって。ああ、うん。で大体さここで閉じない？閉じます。で、皆さん大事なのがね、ここで閉じちゃダメなのよ。コードをファイルとして保存ってさ。はい。分かんなくない？分かります。で、これで聞くんですよ。コードファイルとして保存って一体どういうことですか？これで諦めちゃダメなの。なるほど。で、Google検索だとさ、諦めかける時ない？あります。またこれ検索しなきゃいけないじゃん。だから僕はもう素人ですよ。これも一種のプロンプトなんだよね。私は知らない人なので、その人でも分かりやすく教えてくれると。そしたら更にここからやり方も教えてくれる。うん。うん。レシピを書き写すようなものですよ。うん。で、手順もうやり、コード全部コピーしてくださいね。おお。メモ帳を開いてくださいね。貼り付けて名前保存してください。でファイル名の欄に index.html はい。ちょっとやってみる、このまま。コードをまず全部コピーする。ちょどその通りにやってみようか。はい。はい。これね、皆さん、本当に僕わかんないんですよ。コードとか。うん。コードねえっと、コピー。これでコピーします。今全部コピーしたよね。はい、コピーしました。そしたら手順ははい。まずコピーしました。メモ帳を開きます。メモ帳 Macなんですけどもう、これも質問なのよ。はい。例えば、メモ帳アプリってありましたっけ？うん。雑な聞き方してんな、俺。で、これも分かんなかったら都度確認、都度確認。あ、テキストエディットで良いですって書いてあるね。うん。うん。コードをコピーして、テキストエディット開くんだって。ちょっとやってみようか。はい。テキストあ、出てきたね。はい。はい。これですね。テキストエディット開いてはい。出てきました。で、プレーンテキストに形式にしてくださいみたいなのがあるんで多分このファイルのテキストエディットの設定だね。はい。で、これがプレーンテキストになってるんで、これ大丈夫そうです。はい。で、あとはコードを貼り付ける。コマンドVでコード貼り付けてください。はい。貼り付けましょう。はい。はい。名前をつけて保存して下さい。ここが重要です。えー、index.htmlと入力して下さいって言われてる。はい。じゃ、このまま行くよ。はい。ファイル、えーっと別、名称変更？こんな感じ？これで良いのかな？これで置き換える。はいはいはいはい。今しました。はい。で作成したページ確認できるって。え？押したらテキストエディットのここで一回消しますよ。行きますよ。ほら。おお。すご。何これ。これ、めっちゃすごっすね。やば。送信するボタン、ほら。押せるんすね。お申込み、お問い合わせ。ほら。お、凄げえ凄げえ凄げえ。電話番号押せる。電話番号、押せる。おお。おお。でさ、この後さ、じゃあどういう風に進めるかって言うと、この画面見るでしょ？はい。このなんか、はてなはてなのところあるじゃん？この画像をちょっと置き換えたいよね、みたいななった時に、同じように、はてなはてなはてなどうしたら良いですか？はい。みたいな。こうやって聞いてみればいいんだよ。全部聞くのよ。分からなかったら全部聞いてくわけよ。どうしたら良いんでしょうか？どうしたら良いんでしょうか？って。凄くない？これ。はい。うん。あ画像のはてなはてなプレースホルダーの部分をイラストに差し替える方法ですね。画像をご用意して下さいって書いてある。おおおお、なんか出てきて出てきて出てきた。はいはいはい。画像をご用意して貰って、画像がイメージフォルダの中にある場合、こういう風に書き換えてくださいね、みたいな。うん。うん。で、上書き保存して下さいね、みたいなのが書いてるわけ。これ正直な話なんだけど、質問し続ければ出来るって事。はい。出来そうですね。しかもこれ。出来そうでしょう？はい。今ちょっと皆さん良いすか？これ5分かかってない。かかってないっすよね、これ。やばいよね？やばいっすね。ちゃんと住所も持ってて。ほんとだ。明治クッカーAll Rights Reservedって書いてある。ほんとだ。凄いぞ、これ。これは凄いです。そういうことなんですよ。だから、あの、ま、勿論ね、色んなのあんだけど、キャンバがとかWixがとか勿論あんだけど、でもなんかジェミニを使って今の自分達が使ってるチラシとかPDFデータとか、それを乗っけてこれをベースに作ってって言ったら、こんな感じでつくっちゃう。ランディングページとか。うん。はい。これさ、凄くよね。これ本当にびっくりっすね。うん。なので、あの、皆さんもですね、あの、どうしてもプログラミングの知識が無いからこれは諦めてたっていうものは、一回そのジェミニのキャンバス使ってみるとうん。あの、やれなくないって事なんですね。お金かけれなくてとりあえずやってみたいっていう人はもうねジェミニのこのキャンバス機能を使うのはね、中小の人ほど有益だと思う。はい。はい。やばかったでしょ？やばかったですね。これは凄いんですよ。だから中小とか零細企業ほどなんかWeb苦手だからじゃなくて、こういう使い方したらね、あの、営業力を底上げ出来る可能性があるんで。はい。もうITなんてもうって言う人ほど触ってみたら変化があの、相当大きく起きますので、是非ね皆さんよかったら試して頂てください。いいすか？この感じ。じゃあ次に期待してください。ここでね、キャンバスやるっしょ？で、ここでやってほしいのが簡単なやつでOK！よろしくー。ゲーム作れたら凄いですけどね。はい。え？作ってますよ。え？うう！うう！ちょっとこれやばくないすか？え？ちょっとちょっと、ちょっと待って。お、動く！うらーうらーうらーうらー。破滅の予感しかしないすね。もう来て来て来て。やべやべやべ、やべやべやべやべ。やべやべ。ちょっとやめて。キーボード。やべやべやべやべやべ。やばい、やばいやばいやばい。ちょちょちょ待って、ちょちょちょ待って。ちょちょ待って待って。 3対1いく？おお、強い。しかもCPU勝手に動くやん。ちょちょちょちょ、めっちゃ強いじゃないですか。ちょちょちょ、全然、全然ダメじゃないですか。全然行けないっすか。行け。ちょっと待って、センターライン越えられない。越えられない。センターライン。越えられなかった。やべえ！やばくない？やばっす。これですよ。皆さん良いすか？これが1分よ。で、これの元がこのコードなのよ。すげ。じゃあ、これを学習する為にどれくらいの時間を作って、どれだけやったか？これは衝撃的なんじゃないすか？それでは皆さん、いいねボタンとチャンネル登録よろしくお願いたします。さようなら。