【AIで15分WEB制作】 Gamma AIでLPやHPを一瞬で作る方法
Summary
TLDRこの動画では、AIツール「ガンマ」を使って、15分でプロフェッショナルなウェブサイトを作成する方法が紹介されています。動画の中で、ユーザーは簡単にサインアップして、クレジットを活用しながらウェブサイトを構築していくプロセスが解説されています。特に、講師向けのオンライン講座販売サイトを作成する例が取り上げられ、AIを使って効率的にコンテンツやデザインを生成する方法がデモされています。最後に、視聴者にチャンネル登録を促し、さらなるAI活用情報が提供されることが強調されています。
Takeaways
- 🚀 ガンマというAIツールを使って、短時間で本格的なウェブサイトが作成できる。
- 📱 ガンマにGoogleアカウントで簡単にサインアップでき、400クレジットが付与される。
- 🎁 紹介リンクを使うとさらに200クレジットが追加され、合計600クレジットが利用可能。
- 🖥️ ガンマはプレゼンテーション、ウェブサイト、ドキュメントの3種類を作成できる。
- 🔧 AIで自動的にウェブサイトのアウトラインやコンテンツを作成する機能が便利。
- 🖼️ AI画像生成やウェブ画像検索を活用して、ビジュアル要素を簡単に追加できる。
- 🎨 テーマやフォントなど、サイトのデザインをカスタマイズ可能。無料プランでも十分。
- 🔄 コンテンツやレイアウトをAIで提案・編集でき、効率的にサイトを構築できる。
- 🌍 ウェブサイトはボタン1つで公開可能。無料プランでは「Made with Gamma」表示あり。
- 👥 他の人と共同編集ができ、共有権限を細かく設定できる。
Q & A
ガンマというAIツールで何が作成できますか?
-ガンマでは、ウェブサイト、プレゼンテーション、ドキュメントの3種類を作成できます。
ガンマのサインアップ方法は何ですか?
-Googleアカウントを使って簡単にサインアップできます。サインアップすると、初回に400クレジットをもらい、紹介リンクからの登録でさらに200クレジットを受け取ることが可能です。
ガンマでウェブサイトを作成する際、カードとは何ですか?
-カードとは、スライドのような構成要素であり、ウェブサイトのページに含まれる個別のセクションを表します。今回はデフォルトの8枚のカードを使っています。
ガンマで画像を使用する際の選択肢は何ですか?
-ガンマでは、Webで画像を検索するか、AI生成画像を使うかの選択肢があります。また、画像のスタイルやソースを選んでカスタマイズすることも可能です。
無料プランでどのような制限がありますか?
-無料プランでは、フォントを自由に変更することや一部の高度な機能(例えばレベルディフュージョンXLなど)を使用することができません。また、生成されたサイトに「Made with Gamma」という表記が表示されます。
ガンマでのウェブサイト作成の流れはどのようになっていますか?
-まず新規作成をクリックし、AIでウェブサイトを作成するオプションを選びます。続いて、カードの数やテキストの量、画像のスタイルを設定し、最終的にテーマを選んで生成します。
ガンマで作成されたウェブサイトはどのように公開されますか?
-公開ボタンを押すだけで、ウェブサイトはすぐにオンラインで公開されます。
ガンマで編集権限を共有する方法はありますか?
-共有ボタンを押すことで、他の人と一緒に共同編集が可能です。閲覧権限やフルアクセス権限を設定することもできます。
ガンマで使えるクレジットの消費例は何ですか?
-例えば、画像やレイアウトの変更にはクレジットが消費され、今回の場合は40クレジットを使用してウェブサイトを生成しました。
ガンマでのカスタマイズの柔軟性についてどう感じますか?
-ガンマは非常に柔軟で、レイアウトの変更やAI画像の再生成、テキストの編集などが簡単にできるため、とても便利で使いやすいと感じます。
Outlines
🚀 AIツール「ガンマ」で簡単ウェブサイト作成方法
このパラグラフでは、AIツール「ガンマ」を使って15分で本格的なウェブサイトを作成する方法が紹介されています。サイト構成の考案や要素作成の手間を省き、効率的にサイトを作ることができることを説明。サインアップ方法やクレジット取得の流れも紹介され、視聴者にチャンネル登録を促しています。
🧑💻 ガンマを使ったウェブサイト作成の具体的ステップ
ガンマを使ってウェブサイトを作成する手順を説明しています。新規作成からAIでウェブサイトを生成する方法、日本語の選択、8枚のカード(スライド)形式での作成、画像の生成まで詳細に説明されています。講座販売サイトの例を使い、ガンマの機能とカスタマイズの柔軟性が強調されています。
🎨 画像生成やレイアウト調整の細かな設定
AIでの画像生成やWeb画像の検索・使用方法、またカードごとのテキスト量の調整方法など、より詳細なカスタマイズオプションが説明されています。フラットでグラフィカルな画像スタイルや、テーマとフォントの選択、レイアウト変更、テキストの編集に関する機能が紹介され、ガンマの多様な編集機能が強調されています。
Mindmap
Keywords
💡ガンマAIツール
💡ウェブサイト作成
💡AI生成画像
💡クレジット
💡オンライン講座
💡テンプレート
💡無料プラン
💡レイアウト
💡マーケティング戦略
💡共同編集
Highlights
ガンマというAIツールを使って、たった15分で本格的なウェブサイトを作成できる方法を解説。
Googleアカウントで簡単にサインアップでき、400クレジットがもらえる。さらにリンク経由でプラス200クレジットもらえる。
ウェブサイト、プレゼンテーション、ドキュメントの3種類を作成可能。今回はウェブサイト作成を選択。
8枚のカード(スライドのようなもの)でウェブサイトの構成を作成。テキスト量は短め、中くらい、細かいから選択可能。
画像はWebから検索するか、AI画像生成を使用可能。今回はAI画像を使ってみる。
プロンプトをエンハンス(強化)して、より良い画像を生成できる機能。
ガンマは無料プランでも十分使えるが、プロプランでより高度な機能にアクセス可能。
経験豊富な講師によるオンライン講座の販売サイトを作成。スキルを収益化し、安定した収入を得るためのサクセスパスを提供。
テキストの内容や画像は簡単に変更可能。追加したいときや削除したいときもワンクリックで操作可能。
レイアウトの変更も簡単にでき、カードごとに異なるデザインを適用可能。
AIが提案してくれた文章やレイアウトをさらに編集して、自分の好みに合わせてカスタマイズ可能。
無料プランでもプロフェッショナルなサイトを作成できるが、広告の消去などには有料プランが必要。
テーマやフォントも自由に選べるが、無料プランでは一部制限がある。
AI画像以外にもWeb画像を使ってカスタマイズ可能。
ガンマで作成したサイトはそのままオンライン公開可能。しかも共有ボタンで他のユーザーと共同編集ができる。
Transcripts
出来上がったのがこちらになりますすごい
ですねこれはめちゃめちゃいい感じです
今日はガンマというAIツールを使って
たった15分で本格的なウェブサイトを
作る方法を解説しますこの動画を最後まで
見るとサイトの構成を1から考えたり
サイトビルダーで1つ1つ構成要素を作っ
たりする手間を減らすことができるように
なります私のチャンネルでは40歳からの
AI活用術を発信しています是非
チャンネル登録をして
くださいガンマというAIツールを使って
Webサイトを作っていくんですけども
簡単にですねサインアップというところ
からGoogleアカウントでアカウント
を作ることができますそしてですね400
クレジットをもらうことができるんですね
で私のリンクからあの飛んでいただければ
プラス200クレジット差し上げられます
のでえ600クレジット使うことができ
ますえそうするとですねもう1つの
ウェブサイトは十分作れるぐらいの
クレジットになりますのでよかったら概要
欄のリンクからおすめくださいはいこれが
ですねまず入ったところなんですけどま私
色々作ってしまっているんですが新規作成
こちらをクリックしましょうそしてですね
AIで作成するを今回はやってみたいと
思いますそしてプレゼンテーションと
ウェブサイトとドキュメントこの3種類を
作ることができるんですけども今回は
ウェブサイトを作ってみたいと思います
そして日本語で作るので日本語のままです
ねそして8枚のカードとかっていう風に
カードという単位があるんですけどもこれ
はまスライドみたいなものですね今回は
デフォルトの8枚でやってみたいと思い
ますはいではこんな風に作ってみました
ユミ講師として安定収入を得るためのオン
ライン講座販売サイトです経験豊富な講師
人が提供するレッスンを通じて効率的な
講座作成マーケティング戦略学生の
エンゲージメント向上報などを学びます
初心者から上級者まで段階的にスキルを
磨けるカリキュラムを用意スキルを収益化
し安定した収入を目立つ方に最適な講座
ですこれでやってみましょうちなみに私は
ですねユミ行使もしていましています
2600人ぐらいの方にあののべ人数です
けどもえ受けていただいておりますなので
こういうね講座も作ろうかなと思っている
のでちょっと今回は練習してみましたはい
こんな感じでアウトラインを作ってくれ
ましたまず1ページ目というのがゆでで
安定収入を作るそして経験豊富な講師人に
よるレッスン講師人というか講師ですね私
だけなので効率的な講座作成
マーケティング戦略学生の
エンゲージメント向上報初心者から上級者
までの段階的なカリキュラムうん初心者
から初心者でも成功できるサクセスパス
スキルを収益化し安定収入を目指す口座の
特徴と受行のメリットうんいいでしょうで
これでまここで8枚のカードができてい
ますねで1カードあたりのテキスト量を
短めか中ぐらいか細かくを選ぶことができ
ます今回はミディアムにしてみようと思い
ますそして画像のソースですねWebで
画像を検索するまたはAI画像で選ぶぶ
ことができるんですけどもま今回は
せっかくなのでAI画像を作使ってみよう
と思いますおそらくこれをやった方があの
消費されるクレッジ多いかもしれないです
ねどうだろうあでもここ見た感じ大丈夫
ですねじゃあこっちにしてみようかなで
画像スタイルフラットでグラフィカルな
スタイルちょっと意味わかんないかもしれ
ないですけどこんな感じでそしてえっと
ですね色々選べるみたいですよこのプロ
プランは今回無料プランで作っていますの
で使えないんですけどもレブル
ディフュージョンXLにしてみましょうか
アドバンスもこちらも見てみましょうはい
あそうするとこうやって色々見れるんです
ねコンテンツの対象者は講師ビジネスの
初心者という風にしてみました五兆は丁寧
語を維持しつつ親しみのある口調これを私
いつもこういう風にやってますのでこれで
行こうと思いますはいこんな感じでこの
アドバンスドのセッティングはしなくても
大丈夫ですけどねはいではこれで続けるを
押してみますそうすると40クレジット
かかります今私528クレジット持ってい
ますのでまそのうちの40を消費すると
いうことですねはいえテーマが出てきまし
たテーマ色々ありますねちょっと白っぽい
のがいいなうん私はなんかこのフォントが
気に入ったのでこのベーシックライトと
いうスタイルにしようと思いますこのです
ねフォントをもこのスタイルに紐付きて
しまっているのでフォントだけ変え
るっていうことがおそらく無料プランだと
できないはずですねこのベイシックライト
で行こうと思いますボタンはこんな感じで
ボックスがこんな感じまでもちょっと青か
まいっかうんこれでいきますはいでは生成
します出来上がったのがこちらになります
すごいですねこれはめちゃめちゃいい感じ
ですえゆで見こして安定収入を得よううん
ちょっとなんか絵は差し替えた方がいいか
なっていう感じはしますけれども差し替え
たい時も簡単ですここガガとクリックをし
てですねで今AI画像でこうなってますね
あちゃんとプロンプトも作ってくれてるん
だちょっとエンハンスしてみましょうか
プロンプトをエンハンスしてじゃもう1回
再生性ををしてみましょうかじゃ今度
ステープルディフュージョンじゃなくて
プレイグラウンドでやってみたいと思い
ます生成こういうのから選んでもいいです
ねあ意外と早いしかも結構悪くないかも
しれないですねあしかもいくつか出して
くれてるへえじゃこれにしようかなはい
じゃあこれでオッケーとはいこんな感じに
なりましたはい経験豊富な甲子チじゃない
ですね甲子あらああ消しちゃった講師が
送るゆで講座販売で収益化するノーハウを
お届けします交差を探すじゃないんだよ
な申し込む無料トライアルうんまいいかで
え経験豊富な行使によるレッスン実績
いっぱいあります丁寧な指導です熱溢れて
ますこんな感じでこれこれがこの1枚1枚
がカードという単位になってますこれも
これが3枚目のカードですね口座作成の
効率化うんまいいけどそうねテンプレート
を利用とかねチェックリスト
うんなんかそんな感じのことを書いたりと
かすることもできますここを文字を変える
ことももちろんできますしAIでどう
しようかな提案あすごいのあすごい増え
てるめっちゃ増えてるめっちゃ増えてます
めっちゃ増えてるけど内容が違うな
めっちゃ増えてるけどまいっかなんか
こんな風にも使えますていう例ということ
で分かっていと思います文章が増えたりも
しますちなみにこの絵はですね先ほどは再
生成しましたけどもAI画像じゃなくて別
のWeb画像検索ってどういうのかおお
結構素敵な絵がありますねこれ無料で
使えるやつすごい素敵なイラストが
いっぱいありますねへえいいですね結構
こういうのも使えるし効果的な
マーケティング戦略うんこれをじゃ
ちょっと今4つこんな風に並んでるものを
ちょっとレイアウトを変えたいていう時は
どうすればいいのかなテキストの
レイアウト付きのアイコンちょっとこれに
して変えられるのかないねスマートレイア
でドラッグして挿入これをあ挿入され
ちゃうのか挿入まいいややってみましょう
はいあこんな風に挿入されるんですね
なるほどじゃあ例えばすごーい
リンクトインではこんなことができますと
かInstagramではこういうことが
できますとかあすごいすごいかっこいい
めっちゃかっこいいかっこいいけど
ちょっとパッと思いつかないのでこれは
これで削除しちゃおうかなはいこれはいら
ない駆除しますこんな風に追加することも
できるんですねこれをAIで編集をすると
ライティングの向上それぞれ5クレジット
ずつ変わるんですねレイアウトを変えてみ
るっていうのがありますのでレイアウトを
変えてみたいと思いますそうするとおお
変わったうんなんかこっちの方がいいので
これでいきますいいですねでこの絵もま
こんな風にアクセント画像を選ぶことも
できるしグラデーションああ
グラデーションも作れるんですねでアン
スプラッシュから画像を拾ってくることも
できますでもなんかさっきのウェブカラー
探すの方がいいですねまジフは多分面白系
な感じのものがうんあるんだと思います
これはあんまり私は使わないかなうん
やっぱWeb画像検索がいい気がしますね
WorkfromHomeで検索すると
こんな感じですもうちょっとちょっとこの
画像はいいんですけど動かしたい時どう
するラ削除編集これ位置を位置をだめだ
位置の細かい設定はちょっと難しいかも
しれませんあこれでいいかうんちょうど
いい感じになったのでこれにしますで学生
のエンゲージメントを高めるうんなんか
ちょっとこれ変な感じかな得点しましょう
かちょっと崩れましたねレイアウトじゃ
またレイアウトを変えましょうえっと
ランダムあランダムは画像って画像は
ランダムにして欲しくないですねAIで
編集でもっと資格的これを選んでみます
そうするときっとビジュアライズされるん
だとおあすごいいい感じですねなんか
ちょっと画像生成AIって感じのものが出
てきましたけどもこれをじゃあちょっと
これはいらないかなこれ削除しましょうか
削除したい時はアクセント画像を削除で
いけるかこといいですね特典はこんな感じ
ですよと特典これ真ん中に真ん中寄せし
たいなこれを真ん中寄せするのははいでき
ましたあいいじゃないですかで初心者でも
成功できる段階的な学習プログラムま基礎
から学ぶはいあなたの得意から売れる口座
のテーマを見つけよう口座の構成を
考えよう口座を録画しようまこんな感じ
ですかねまこの辺は後でまた色々と変更し
ていただいてでスキルを収益化して安定
収入を例えばこれはいらないなと思ったら
ですねここクリックしたまんまデリートを
押せば消えますそして別のページを追加別
のページってこういうこと違うなここに
空白のカードを追加しましょうそしてここ
で要件プランしてスマートレイアウトこっ
からですねはい2列にしましたそしてここ
でサブスクプランライフタイムプランで
ですねはいスラッシュを打つとこんなのが
出てきます色々とグラフとか動画とかを
差し込んだりあとはこういうツイートとか
を入れたりもできますね私は今はですね
ボタンを入力したいですちょっと見つけ
られなかったのでバタンっていう風に入れ
たらボタンが出てきましたこちらを
クリックブクを購入するとかにしましょう
これもなんかちょっとこの文章ちっちゃい
のでえ標準テキストからテキスト台にし
ますそして太くしたりしますねこれもです
ねテキスト台にしてあ見出しの方がいいな
見出しで2ぐらいにしましょうかはい
見だし2はいで真ん中寄せにしてこれも
真ん中よ今度はここに過剰書きテキストを
入れたいなでなんか過剰書きでこうやって
こんなものがつきますよとかって入れると
それをこっちにも貼り付けるいいんじゃ
ないでしょうかこれ例えば3にしたりとか
4熱にしたりとかっていうこともできます
でもちろんですけどもここのURLを追加
することもできますしカードっていうのを
選べば最初のページに戻るとかこんな感じ
のこともできますよ例えばここで申し込
むっていうところでカードの最後の料金
プランこれをやっておけばここをクリック
すると料金プランに飛ぶっていうそんな
感じのこともできます私全然大した文章
入れてないのにここまで作ってくれ
るっていうのがすごく楽チンだなと思い
ましたそしてでカスタマイズも割と柔軟に
できるのでこれは本当にとっても便利です
よねうん動画を入れて例えばvslビデオ
セールスレターとかをここに入れることも
できますしあとグラフとかねそういうのを
入れたりだとかあとはこのアイコンを入れ
たりとかすることもできますしあとは
Googleフォームとかボタンをタイプ
フォームとかそういうのからフォームを
入れたりカレンドにーで予約ができるよう
にしたりだとかそういうこともできますあ
ボックスはここにもありましたねこうやっ
て入れることもできますととっても分かり
やすいですね区切り線を入れたりだとか
そういうこともできますし目次を入れる
こともできるのでまLPとかね販売ページ
の場合は目次ってあんまりないですけども
ホームページとかだったらあってもいい
ですよねでカードテンプレートもすごく
たくさんありますそしてスマートレイアウ
トっていうのもとっても分かりやすいです
ねこれもうこのままドラッグすればそれが
入ってしまうのでとても便利ですはい
こんな感じででこれをですね公開したい
場合公開ボタンを押すそれだけですねこれ
だけでもうサイトが作てしまいましたこれ
でもほすでにオンライン公開されてしまい
ましたすごいこのメイドwithガンマと
かを消したい場合はお金が必要ですねこれ
無料プランでやってますので無料プランで
ここまでできるってすごくないですか
そして共有ボタンを押すとここにですね他
の人と一緒に共同で編集することができ
ますでフルアクセスを上げられるとかね
閲覧だけができるとかそんな風に編集権限
というのは色々と決めることができますで
テーマが例えばこれちょっとなんか白
っぽく白すぎるなとか思ったらテーマを
変えることもできます例えばこれにねも
これもいいんじゃないですかでこれを選ぶ
とおおもう変わったすごいこれこのままだ
と変わってないのでじゃこれで公開します
ねそうすると多分変わるはずこれはこれで
いいですねはい左用見込みしてみますおお
変わってるすごいめっちゃかっこいいいや
これを自分で作るとなると結構大変ですよ
ほらなんかふわって出てくるやつとかね
こういうの結構大変なのでうんこれ
ちょっとした商品だったらこれで販売で
全然いいですよねいやあすごくいいです
ガンマー無料でここまででき
るっていうのは本当に素晴らしいサービス
じゃないかなと思いました是非皆さんも
使ってみてください最後までご覧いただき
ありがとうございました私のチャンネルで
は40歳からのAI活用術を発信してい
ますこの動画がお役に立てましたら是非
いいねとチャンネル登録そしてベルマーク
をクリックして通知をオンにしてください
今後にたような動画がお勧めされやすく
なりますユミでAIのオンラインコースを
出しています私の無料メルマガにご登録
いただくと不定期でユミーのクーポンをお
配りしています今ご登録いただくとチット
GPTのプロンプト1万3500個を
プレゼントしています是非ご登録ください
ここまでご覧いただきありがとうござい
ましたまた次の動画でお会いしましょう
またね
Weitere ähnliche Videos ansehen
【副業必見】AIツールだけで月100万お金を稼ぐ方法!AI×ChatGPTを使ったお金を稼げる副業!スマホで稼げるおすすめ副業【X SHOW#113】
周りの人の上をいく!生成AIプロンプトの裏技大公開!「教えて.AI」でプロが作った高品質プロンプト使い放題!
Coding 100% With AI | The Easiest Way to Use Cursor
【不労所得】月10万へ!AI活用した在宅副業!「顔出しなし」「ノースキル」で稼ぐ!【チャットGPTで副業】
【 スキル不要 】AI×〇〇が熱い"4つ"の理由!顔出し無しで月5万を目指すならこの副業!
【AI×動画】今海外でバズりまくっているリール動画の作り方教えます!【プロンプトも大公開】
5.0 / 5 (0 votes)