すべての動画をフルで見よう!

現役MBA講師や活躍中の経営者から
ビジネススキルを学べる動画17,800本以上が見放題!

マンガで学ぶAI入門⑧WEBサイト作成

会員限定

13分

「AI・テクノベート」の関連動画 一覧を見る

動画説明

AIを使えば、専門知識がなくてもWEBサイトのイメージを形にできるとしたらどうでしょうか?
本動画では、エンジニアでなくともAIを活用し、サイトの骨格作成からデザイン改善、検索機能追加まで進め、IT部門との連携を加速させた事例を紹介します。AIでプロトタイプを作り、要件を具体化するポイントを学びたい方におすすめです!

▼関連コース
マンガで学ぶAI入門⑦スライド作成
https://unlimited.globis.co.jp/ja/courses/d09758d2/learn/steps/62466
Gemini AIでランディングページを作ろう
https://unlimited.globis.co.jp/ja/courses/ee916b22/learn/steps/61248
Gemini 3 つくる・考えるAIの徹底活用講座①
https://unlimited.globis.co.jp/ja/courses/4d69af6e/learn/steps/62242
Gemini 3 つくる・考えるAIの徹底活用講座②
https://unlimited.globis.co.jp/ja/courses/cb7f9ed3/learn/steps/62250
v0で実践するAI駆動UI開発①
https://unlimited.globis.co.jp/ja/courses/b39f79f1/learn/steps/59892
v0で実践するAI駆動UI開発②
https://unlimited.globis.co.jp/ja/courses/286ded62/learn/steps/59895
v0で実践するAI駆動UI開発③
https://unlimited.globis.co.jp/ja/courses/2ea38038/learn/steps/59908
v0で実践するAI駆動UI開発④
https://unlimited.globis.co.jp/ja/courses/57bcbfcc/learn/steps/59912
v0で実践するAI駆動UI開発⑤
https://unlimited.globis.co.jp/ja/courses/b9469c39/learn/steps/59884
v0で実践するAI駆動UI開発⑥
https://unlimited.globis.co.jp/ja/courses/ffadce7f/learn/steps/59886
v0で実践するAI駆動UI開発⑦
https://unlimited.globis.co.jp/ja/courses/e5178a84/learn/steps/59889
Anythingマスター講座 ~基礎編~(旧Create .xyz)
https://unlimited.globis.co.jp/ja/courses/d7ed83ea/learn/steps/60005
Anythingマスター講座 ~実践編~(旧Create .xyz)
https://unlimited.globis.co.jp/ja/courses/4a4ed494/learn/steps/60022

※「マンガで学ぶAI入門」シリーズ一覧はこちら
https://unlimited.globis.co.jp/ja/tags/AI%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B7%E3%83%95%E3%83%88%E5%85%A5%E9%96%80%E7%B7%A8

※本動画は、制作時点の情報に基づき作成したものです(2026年6月制作)

講師プロフィール

<イラスト・ストーリー協力>
かんべみのり 合同会社KAまんが企画代表  kambeminori.com
MBA漫画家。大学卒業後、フリーター経験の後渡英してイラスト及びデザインを学ぶ。帰国後より会社員と並行してイラストレーター業を続ける。
グロービス経営大学院在学中、漫画による復習ノートが評判となり、「日本最大のビジネススクールで教えているMBAの超基本」の出版につながる。
以降、経営学の分野だけでなく、SDGs、ジェンダーギャップ解消、環境問題等、「ちょっと難しいこと」を、広く理解してもらうための漫画を中心に執筆活動にあたっている。
神戸大学法学部卒業/英国Edinburgh’s Telford College Illustration with Design HNCコース修了/グロービス経営大学院経営研究科経営専攻修了
ワーク・ライフバランスコンサルタント
兵庫県立小野高等学校SSHアドバイザー

より理解を深め、他のユーザーとつながりましょう。

コメント82件

  • mau-mau

    AIの進歩に驚いていますが、今回の動画わかりやすくて入り口として入りやすかったです。
    全部は無理にせよ、骨格になる部分のつくりをAIに考えさせ、不足分をブラッシュアップしていくことで、
    使いやすいものにしていく流れが学べました。

    2026-06-17
  • miki32

    漫画形式の動画は初めてだったのでとても見やすく興味がわきました

    AIは一概に完璧とは言えないとは思いますが
    うまく利用することで効率よく活用できて
    業務の幅や生活に役に立つと思います


    ポイントで利用していこうと思います

    2026-06-16
  • yanagida2

    みていたら、私もやってみたいという前向きな気持ちになりました。ですが、やはり一人よりも複数人いたほうがアイデアが出て、よりよいのではないかとも思いました。

    2026-06-21
  • tomy216

    色々なAIを必要に応じてるかい分ければ、やりたいことがすぐに出来るようになると思った。
    たのAIのGLOBISも学んで、活用したいと思った。

    2026-06-17
  • julia-nishino

    Just like the main girl in this story I am also a pioneer at my Japanese company. Paving the way for a new way forward can be nerve wracking at times, but also fufilling. You can see things evolving right before your eyes and knowing you are a part of that change allows you to continue the cause everyday. I liked the way that not only the content was explained well, but also the social dynamics. I am learning a lot about Japanese Business from these courses. I think this manga series should be featured in the foreign section as well especially because subtitles are included.

    2026-06-25
  • k-torigata

    日々AIは進化するが、目的とツール組み合わせを意識したいと思います。

    できるところから、始めようと思います!

    2026-06-19
  • ozawa_h

    個人的には文書でプロントする変わりに作成したい画面をパワーポイントで作成して、それをGeminiにアップロードして評価を得た後にこスクリプト生成させます。また、セキュリティチェックは先ずはAIエージェントにさせてチェック一覧も作成させてITに提出します。

    2026-06-12
  • takashi_0117

    このグロ放題で、Aiについて学べるとは思っていませんでした。
    聞きかじりで、たまにAIを使うのですが、なかなか自分の思うような答えが出せませんでした。
    グロ放題でしっかりと学び、AIをもっと活用できるようになりたいです。
    よろしくお願いします。

    2026-06-16
  • kurahashi0323

    社内に於けるAIの取り組みを広げるには、個人から組織にが重要だと思う。

    2026-06-21
  • kaoru_7515

    AIを活用する具体的な手法についてが分かりやすく説明されていました。目的によって使用するAIを選択するというところにポイントがあって、実際の現業でもアウトプットして運用するところまでイメージできたのが収穫です。

    2026-06-16
  • take104sy

    AIでHPも作れるなんて,時代は進んでますね。
    自分もAIマスターになり,AIを活用していきたい。

    2026-06-20
  • kamizonoboy

    マンガ形式で分かりやすく

    2026-07-29
  • golsan

    シリーズを通して漫画でわかり易いAI入門だった

    2026-07-27
  • t-_n

    マンガ形式でわかりやすかった

    2026-07-30
  • biggie

    AIによって得意なことが違うことがわかった。ただ、いろいろなAIを業務で使用するのは機密保持のため難しい。

    2026-07-31
  • fukayahajime

    WEBサイト作成も生成AIにお任せ。
    何かもっと基礎っぽい骨格ぐらいが作れるのかと思ったらほぼほぼ完成したものが出てきた。
    セキュリティとか必要なのでそのままアップはできないけど、IT系の人に見本資料として渡すぐらいならできてしまうとは生成AI恐るべし。

    2026-07-31
  • markey0827

    v0
    anything
    ホームページ作成のときに活用できそうなAIである。
    今後、サイトリニューアルの企画時に、自分のイメージを伝える際やイメージ具現化の際に使ってみたい。

    詳しい人を探して聞く前に、グロ放題の動画でそれらしきツールを知れてありがたいです。

    2026-08-03
  • ak-tanaka

    骨格(Gemini)、見た目(v0)、動き(Anything)を理解し、各フェーズでAIを効果的に活用する
    非IT担当者でもアイデアを具体化し、IT担当者へ効果的に伝えるためのプロンプト設計と文書化の重要性
    HTML生成、ローカル確認、外部ファイル不要のデザイン方針、セキュリティ、そしてインタラクティブ機能(検索・絞り込み)の実装方法

    2026-08-03
  • pai

    AIは、やっぱりとても便利だ。1つのAIだけにこだわるのではなく、複数のAIをそれぞれの場合に応じて使い分けるまた組み合わせることが重要だと言うことがわかった。そして最後には人間のチェック、これができれば素晴らしいものができると思う。

    2026-07-28
  • manabiglobis

    AIを重ねて使うのは、驚きでした、他の分野で重ねてみます

    2026-07-27
  • s_ho

    AIを使って検索することも時には良いかもしれないが、
    時にはAIに頼りすぎず自分の頭で考えることも大切である。

    2026-07-16
  • tomoko_kikitsu

    WebsiteまでAIで作成できるのですね。ただ、骨格はしっかりとしたイメージを持つことが重要ですね。

    2026-07-26
  • kenichiro_2021

    AIを活用することにより、プログラミンができなくてもHPが作れてしまうことは驚きです。スキルを高めて少しでもAI人材に近づいていきたいと思います。

    2026-07-26
  • mokumokuto

    明日からAIに積極的に触れてみようかと思いました。

    2026-07-24
  • fuihiro

    AIをうまく活用していきたいと思います。

    2026-07-24
  • bear5140

    WEBサイトの作成流れが分かった

    2026-07-24
  • fbj08495

    理解を深めることができました

    2026-07-22
  • okabe-tomohiro

    WebサイトなどもまずはAIで骨格を作り、さらに見た目や機能をよりよくするためにAIツールを使うことが出来る。ITのスペシャリストでなくてもAIを活用することにより、かなりの部分を自分たちで行うことで、プロジェクト全体の効率化や自分たちで作りたいものをより正確に伝えることが出来る。

    2026-07-20
  • om11412

    初手AIを踏まえて業務に取り組んでいこうと思います

    2026-07-13
  • yzerr

    まずは使ってみることが大事なことが理解できた

    2026-08-08
  • blue_t_ree

    初手AIをキーワードに今後に活かしていきたいです。ありがたや~。

    2026-08-12
  • hide-sima

    わが社でもノウハウをまとめて皆が閲覧できるものを作りたい

    2026-08-12
  • ig_yokazaki

    こうしたいのイメージをAIにより、自分で制作できるようになるのはすごい。実装への道のりが楽になる

    2026-08-11
  • oto0407

    エンジニアではないし、わからないことだらけの初心者だけど、AIがあればwebデザインなどに携わることができるのであろうか

    2026-08-11
  • jmaru

    今回のは少し難しかったので他の物もみて学んでみます

    2026-08-11
  • kiku-gin

    骨格になる部分のつくりをAIに考えさせ、不足分をブラッシュアップしていくことで、使いやすいものにしていく流れが学べました。

    2026-08-09
  • hideo_pj2008

    今回紹介してもらったAIを、全部導入すると、コストがいくらになるか知りたいと思いました。

    2026-08-09
  • fjmtnrk3

    きちんとした日本語で指示を出すこと

    2026-08-08
  • aimaster

    HPをGeminiで作る。その次に違うAIで作り込みをするということが判った。

    2026-08-04
  • jack0302

    すごい時代になりましたね。適材適所のAIを利用していくことが大事だと理解しました。一方、その適材適所のAIをどう思い出し使っていくかが課題になりそうです。が、ポジティブに取り組んでいきます。

    2026-08-08
  • sasa-pino

    AIへの対応が今後提案営業をしていく上で必須なのは理解できたが、人に代わって進んでいく分野だと思いました

    2026-08-07
  • ranmaru_0922

    AIは業務で頻繁に活用しているものの、質問やチェックを頼むのに終始していたので、今回の一連のコースは非常に参考になった

    2026-08-07
  • tp56058

    AIを活用することで、ウェブサイト作成は「骨格」「見た目」「動き」の3段階で、より速く、わかりやすく進められる。
    技術推進部門では、非IT担当者でもアイデアを具体化し、IT担当者と共通認識を持ちながら、実践的に試作品を作る取り組みもできそう。

    2026-08-07
  • masanori_ikeda

    初手AI、なんでもまずはAIにという気持ちで取り組むことが入門の決め手

    2026-08-06
  • zumin1104

    ITの専門家でなくともAIを活用してより具体的なイメージを作成、骨格や動きを担当者に伝えるとより仕事がはかどるわけですね!とても参考になる回でした。

    2026-08-05
  • toposu34

    初手AIは仕事を効率化する上で、前に進める上で大事だと思う

    2026-08-04
  • ikari_

    AIの導入編として適切だなと思いました。

    2026-08-04
  • hi00112558

    複数のAIを活用する考えは自分の中で持っていなかったので勉強になりました。
    Gemini→v0→Anythingみたいな

    2026-06-17
  • saitou0912

    ホームページを作成する際もいくつかの AIを駆使する事で完成度を高めていく事が出来るので社内でホームページを作成する際に活用してみたいと思います。
    最初はうまくいかないかもですが繰り返し活用し精度を上げていきたいと思います。

    2026-07-03
  • endo05399

    WEBサイトを作成することは業務上無いが、スキルとして持っていたいと思う。

    2026-06-28
  • nyiu

    AIごとに得意分野があり、それを知っていかすことが大事だと分かりました。
    しかしながら、いろいろなAIを学ばないといけないのは、正直大変だとも感じました。

    2026-06-23
  • y-mifune

    AIと言えばChatGPTだと思っていたがGemini3やV0、Anithingがあることを学んだ、事例検索は現業務でも活用できるため使用してみたい

    2026-06-19
  • pontaro-

    楽しそうですね。
    これは学ばないと損ですよね。

    2026-06-18
  • 10046147

    AI活用できそうな気がしてきました。プロンプトが肝心!!

    2026-06-17
  • hiro_star

    アニメであった為に視聴しやすかった。

    2026-06-17
  • kio2021

    AIについての知識がさらに深まった。

    2026-06-17
  • nonxg7

    AIは業務で生かせるツールであるが、最終責任は人間が負うことになると考える。AIに任せる分野と人間が必要な分野の判断は人間がする必要があると思う。

    2026-07-03
  • nmario

    セキュリティ管理された中でこのビデオのようなことをするのは難しいかなと思いましたが、環境が整えばこのようなこともできる機能があることを知れて勉強になりました

    2026-06-17
  • masaofukuda

    AIサイトが出来る様に学んで行きたい

    2026-06-16
  • hiroaki59

    特徴に合わせてaiを使い分けるのが大事

    2026-06-15
  • sphsph

    そんな時代になっています。
    実際には社内のハードルはもっと高そうです。フットワーク軽くいかないと取り残されてしまいます。
    あくまで前向きに。

    2026-06-15
  • hamada9654

    htmlだけでなく業務用フォルダ管理などもしやすくできそう。早速生かしてみたい。

    2026-06-14
  • take-papa

    マンガ形式でAIを活用したWebサイト作成の流れを楽しく学べた

    2026-06-14
  • kousei8494

    AIを使ってここまで効率的にIntranetも整備できるという事例は想定外であったと感じた。AIの業務上の活用可能性が極めて大きいことを改めて実感した。

    2026-06-13
  • everest

    マンガ形式でAIを活用したWebサイト作成の流れを楽しく学べ、初心者でも実践へのハードルが下がる内容だった。

    2026-06-13
  • kinkin-kids

    Webサイトは作ったことがないけど、これを見ると簡単にできそうな気がしてきた。
    自分でもやってみたくなってきた。

    2026-07-07
  • ky1975

    正直、WEBサイト作成(コード作成)については、今まで全くのノータッチでした。
    他の機能含めて、自分自身がぼんやりとでいいのでイメージを持って、適切なプロンプトを投げかけられるか次第かなと思っています。AI進歩はすごいものがありますが、自分自身の考え方を整理することにも注力しなくてはと思いました。

    2026-07-16
  • suita-b

    あのようなプログラミングも生成AIで概要作成できるとは!

    2026-07-14
  • machikyo2000cc

    Geminiもまだ使った事がない為、学び放題で勉強し、実務で活用出来るようになりたい

    2026-07-14
  • oke0914

    WEBサイトやWEBサービスを作成する機会が多く、今回紹介されたAIツールは、今後の作業にも役立つと思いました。

    2026-07-13
  • dante-0914

    加えてノーコードツールやプログラミング言語を覚えてローコードツールも活用できるようになってくるとほぼほぼのことはAIと共闘してできるようになりそうだと感じた。

    2026-07-12
  • itake59

    非IT担当者でもアイデアを具体化し、IT担当者へ効果的に伝えるためのプロンプト設計と文書化の重要性。AIで簡単に出来ることが分かりました。

    2026-07-11
  • holy_tech

    骨格=Gemini、見た目=v0、動き=Anything、Google sites でもこれらは活用できるのかな。

    2026-07-08
  • t_ito1015

    様々なAIを駆使してより良いもを作ることができる。

    2026-07-08
  • t_kusu

    やってみようと思った。

    2026-07-16
  • nababa

    とても面白いないようでした。
    専門知識がなくても私にもWEBサイトが作れるかもしれない。
    本当に驚きました。

    2026-07-07
  • fukuta_k

    業務でウェブサイトを作る機会は無いですが、何かの機会で活用してみたいと思います。

    2026-07-06
  • takamune3377

    様々なAIを用途に合わせて組み合わせることで、業務に活用できることを認識しました。
    また、初手AIを踏まえて業務に取り組んでいこうと思います。

    2026-07-06
  • okadai_3766_ns

    AIを利活用できるとできないで大きな差がつく社会になりそうと思っていましたが、もうなっているのですね。乗り遅れないように活用しないといけません。学んでるだけではなく実際に使ってみることも大切ですね。

    2026-07-06
  • senrinomori

    様々な得意分野を持つAIがあることを理解しました。
    しかし、木原さんのように、かかえている困りごとについて
    どんなAIツールを使ったらよいか、トレンドを踏まえてアドバイスしてくれるAIが欲しいですね。

    2026-07-06
  • shigemisan

    自部署のHP作成の際に、まずは「骨格」→「見た目」→「動き」を理解しAIを活用する。

    2026-07-06
  • tsuyuki_hiroshi

    基礎的なことは理解できました。今後は、業務にあったAIツールの応用を習得していきたいと思います。

    2026-07-06

学習コースの機能を
すべて使おう

有料プランでは、動画学習ごとに設定されたクイズやテスト、学習資料などを見ることができます。

新登場

学びエージェント (AI)

「この用語はどういう意味?」などをAIとチャットできます

詳細を見る

クイズ

動画一つひとつの内容を確認するために、1問1答形式のクイズを受けられます

理解度確認テスト

動画を全て見終わった後、理解度を確認するテストが受けられます

資料を見る

理解度確認テストを全問正解すると、動画で使用した教材を閲覧できます

後で見る

後で見たい動画を保存し、いつでも見返しやすくする機能です

コメントする

動画に対して振り返りのコメントを記載することができます

いますぐ無料体験へ詳細を見る

おすすめの学習動画

学習カテゴリ

体系的に学ぶ

考え方・伝え方を学ぶ

ビジネスの基礎を学ぶ

発展的なビジネスを学ぶ

価値観・軸/スキルを身につける

知見を広げる

記事・動画の注目タグ