100万人突破キャンペーン 最大¥3,980 OFF
キャンペーン終了まで
割引情報をチェック！
すべての動画をフルで見よう！
初回登録なら7日間無料！ いつでも解約OK
いますぐ無料体験へ
Webサイトの内容とスタイルを作るプログラム言語のHTML・CSSに関する動画講座は、検索するとたくさん出てきます。
ただ、定義・環境構築方法・HTMLのタグの種類や説明などを一通り学んだものの、結局どうWebサイトを作れば良いのか？と疑問だけを残して、成果物はひとつも残せず、学びを終了されてしまった方も多くいるのではないでしょうか？
このコースでは、体系的な学びよりも実践的な学びを体験していただけるようコンテンツ設計をしました。
講師が手取り足取り丁寧に解説するため、動画を視聴しながら手を動かしてみていただくことで、一つのWebサイトをゼロから作り上げる成功体験ができます。
視聴完了時には、きっとご自分のWebサイトを実際に作ってみたくなるはずです。
※動画内で使用している画像素材・ノーマライズCSSのファイルは、以下URLからダウンロード可能です。
ぜひダウンロードして、実際に手を動かしながらWebサイトの制作過程をお楽しみください！
■Video16で使用
https://github.com/diveintocode-corp/web_html_grammer
■Video23で使用
https://github.com/necolas/normalize.css
野呂 浩良
株式会社DIVE INTO CODE 代表取締役
https://diveintocode.jp/
グロービス経営大学院大学経営管理科（MBA）修了
販売職、リクルートの法人営業職を経て、29歳で非エンジニアの開発未経験からワークスアプリケーションズの問題解決能力発掘プログラムを突破。その後、独立・起業過程でITエンジニア人材の不足を痛感し、プロのエンジニアになるために挑戦する人がチャンスをつかめる「DIVE INTO CODE」を2015年に創業。世界すべての国へIT教育と雇用の機会を届けることを目指す。2017年8月よりルワンダ共和国でITエンジニア教育を開始。ITエンジニアとして活躍する卒業生を輩出。2020年、第16回「グロービス アルムナイ・アワード」創造部門を受賞。
（肩書きは2022年8月撮影時のもの）
会員限定
「手取り足取り」実践コンテンツ 冨永講師と一緒にPython基礎を習得し、紙折り問題を解こう！
AIに強いプログラミング言語として注目されているPythonを学べるこのコースでは、 プログラミングの初心者でも、Google ChromeとGoogleアカウントさえあれば、すぐに始められるように設計をしました。 講師が手取り足取り丁寧に解説するため、動画を視聴しながら一緒に手を動かしていくことが可能です。 終わった時には、基本的なPythonの使い方を理解し、「0.1mmの紙を何回折ると地球から月に届くか？」という問題（通称：紙折り問題）をプログラミングで解決できるようになります。 ようこそ、プログラミングの世界へ！ ※動画内で使用しているGoogle Colaboratoryは下記リンクからご利用ください。 https://colab.research.google.com/?hl=ja
会員限定
いまどきのJavaScript（ES6/TypeScript/Vue.js）
JavaScriptは、ECMAScript2015（ES6）から仕様が一変し、TypeScriptやVue.jsといったさまざまなフレームワークが登場しています。今回は、JavaScriptの特徴や基本的なプログラムの組み方、ECMAScriptやTypeScript、Vue.jsの特徴を相互の関係をまじえながら解説します。 （生配信を動画化したものですので、途中コメントを読み上げるシーンがございます。ご了承ください） 次の入門編コースを予めご視聴いただくと、より理解が深まります。 ・JavaScript入門 ・Vue.js 入門 Vue3を学ぼう 本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。 ※各ツールの画面配置や挙動は撮影時点（2020年5月）のものです。ツールのアップデートにより変更されている場合があります。 ※動画内で紹介した著書/チャンネル ・『これからはじめる人のJavaScript/Vue.jsの教科書』（マイナビ刊） ・「オブジェクト指向を犬で覚えよう」 https://www.youtube.com/watch?v=s9VVC4B31mw
会員限定
#リアクション動画 中の人と一緒
「動画学習は孤独を感じる…」「一人だと学習がなかなか進まない…」グロービス学び放題で学習していて、そんな風に感じたことはありませんか？ この動画は、グロービス学び放題スタッフと一緒にコース視聴しているかのような体験が得られるリアクション動画となっています。一緒に視聴する擬似体験によって、意外な学びや気づきがきっとあるはずです！ 今回のコースは「【AIと学ぶ】実践！プレゼンテーション」です。さぁ、中の人と一緒に学びましょう！ 関連コース ・【AIと学ぶ】実践！プレゼンテーション https://unlimited.globis.co.jp/ja/courses/663f7d18/learn/steps/47670
会員限定
AWS EC2入門 Amazon EC2を学ぼう
Amazonが展開するAWS（Amazon Web Service）には様々なサービスがあります。今回は、AWSの提供サービスの一つ、EC2（Elastic Compute Cloud）について、その始め方から独自ドメインでサーバーを公開するまで、その手順について解説します。 ぜひご覧ください。 本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。 ※各ツールの画面配置や挙動は撮影時点（2019年10月）のものです。ツールのアップデートにより変更されている場合があります。
02月25日まで無料
キャッチコピーの教科書 ~実践編~
※このコースは「実践編」になります。このコースの前に以下の「解説編」のコースをご視聴されることをおすすめします。 キャッチコピーの教科書 ~解説編~ https://unlimited.globis.co.jp/ja/courses/a7291915/learn/steps/57124 みなさんは「キャッチコピー」と聞いて、なにを思い浮かべますか？ なんだか作るのが難しそう、広告やPR担当者向けであまり自分には関係さそう…などでしょうか。 実はキャッチコピーは、広告やマーケティングだけでなく、営業・企画・PR・採用・交渉など、あらゆるビジネスシーンで活用できます。 本コースでは、「キャッチコピーの教科書」の著者でもあるコピーライター・さわらぎ寛子氏が、これまで3万件以上のコピー制作や企業研修で培ったノウハウを基に、キャッチコピーの本質や仕事における活用方法、さらには実践的なキャッチコピーの作り方を解説します。 「キャッチコピーを作る5つのステップ」を学び、今日からご自身の仕事にも「キャッチコピー」を活かしていきましょう！ ※本動画は、制作時点の情報に基づき作成したものです（2025年2月制作）
02月25日まで無料
キャッチコピーの教科書 ~解説編~
みなさんは「キャッチコピー」と聞いて、なにを思い浮かべますか？ なんだか作るのが難しそう、広告やPR担当者向けであまり自分には関係さそう…などでしょうか。 実はキャッチコピーは、広告やマーケティングだけでなく、営業・企画・PR・採用・交渉など、あらゆるビジネスシーンで活用できます。 本コースでは、「キャッチコピーの教科書」の著者でもあるコピーライター・さわらぎ寛子氏が、これまで3万件以上のコピー制作や企業研修で培ったノウハウを基に、キャッチコピーの本質や仕事における活用方法、さらには実践的なキャッチコピーの作り方を解説します。 「キャッチコピーを作る5つのステップ」を学び、今日からご自身の仕事にも「キャッチコピー」を活かしていきましょう！ ※より実践的なキャッチコピーの作り方を習得するために、以下の「実践編」も併せてご視聴されることをおすすめします。 キャッチコピーの教科書 ~実践編~ https://unlimited.globis.co.jp/ja/courses/16f23995/learn/steps/57131 ※本動画は、制作時点の情報に基づき作成したものです（2025年2月制作）
02月25日まで無料
期待に応えられない歯痒さへの向き合い方／耳で効く！ビジネスサプリ 仕事に役立つABC
1日5分で気軽に耳だけで聴いて学べる「耳で効く！ビジネスサプリ」。 仕事に役立つABCのコーナーでは、仕事の成果を高めるために「当たり前だけど、バカにせず、ちゃんと取り組みたいこと」をお話します。本コースは日本最大のビジネススクール グロービス経営大学院による、ビジネスパーソンが予測不能な時代であっても活躍のチャンスを掴み続けるヒントをお伝えするVoicyチャンネルからの転載コンテンツです。意識しておくべきビジネススキルやキーワード、今後の時代のキャリアの考え方などを、1日5分で気軽に聴いて学べます。 Voicyチャンネルはこちら https://voicy.jp/channel/880 ※本動画は、制作時点の情報に基づき作成したものです（2025年02月公開）
02月22日まで無料
仕事を手放さない上司の対処法／耳で効く！ビジネスサプリ キャリアの考え方
1日5分で気軽に耳だけで聴いて学べる「耳で効く！ビジネスサプリ」。 キャリアの考え方のコーナーでは、自分らしい生き方を見つけるためのヒントをお話します。本コースは日本最大のビジネススクール グロービス経営大学院による、ビジネスパーソンが予測不能な時代であっても活躍のチャンスを掴み続けるヒントをお伝えするVoicyチャンネルからの転載コンテンツです。意識しておくべきビジネススキルやキーワード、今後の時代のキャリアの考え方などを、1日5分で気軽に聴いて学べます。 Voicyチャンネルはこちら https://voicy.jp/channel/880 ※本動画は、制作時点の情報に基づき作成したものです（2025年02月公開）
会員限定
ロジックツリー ~物事を把握する「分解」の考え方~
ロジック・ツリーとは、モレなくダブりなく（MECE）を意識して上位概念を下位の概念に分解していく際に用いられる思考ツールです。 問題解決で、本質的な問題がどこにあるのかを絞り込む場面や本質的な課題に対して解決策を考える場面で活用できます。 ※2020年3月30日、動画内のビジュアル、表現を一部リニューアルしました。 理解度確認テストや修了には影響ございません。
会員限定
MECE ~抜け漏れなく分解・構造化して考える~
MECEとは、ある物事を「モレなくダブりなく」切り分けた状態のことです。例えば年代別など、全ての人がその切り分けのどこかに属するようにします。MECEは論理思考の基本で、物事を分解し、構造化する際に役立つ考え方です。 例えば、状況を調べて問題箇所を特定する必要がある場合に、いくつかのポイントに分解して考えることが重要になります。その際に、モレやダブリなく分解することができれば、分析や問題解決の効率性が高まります。 ロジックツリーやマトリックス、あるいはその他のフレームワークなどにも応用できる基本となるコンセプトであるMECEを理解しましょう。 ※2018年2月15日にコース内容を一部リニューアルいたしました。 リニューアルに伴い、コース動画一覧は全て未視聴の状態となります。 なお、リニューアル前に当コースを修了している方は、コース修了済のステータスに変更は発生いたしません。
会員限定
貸借対照表 ~企業の財務活動と投資活動を読み解く~
財務諸表の要の1つである貸借対照表（B/S）は、ある時点（決算期末時点）での企業の資産内容を表します。継続的な経済活動を行っている企業の一瞬の姿をとらえたスナップ写真ともいえる貸借対照表を理解し、企業の財務活動と投資活動の結果を読み解く力を身につけましょう。 ☆関連情報 フレームワークでニュースを読み解く、日経電子版の記事もぜひご覧ください。 「米SPAC上場ブーム、引き金はコロナ禍の失業対策」 https://www.nikkei.com/article/DGXZQOUC27E130X20C21A4000000/?n_cid=DSPRM5277
会員限定
リーダーシップとマネジメントの違い ~違いと使い方を理解する~
リーダーシップとマネジメントの違いとは、主にそれぞれ異なる特性と役割にあります。リーダーシップは人と組織を動かし変革を推し進める機能、マネジメントは定められた戦略やルールに基づき効率的に組織を運営する機能とそれぞれ定義されています。このコースでは、リーダーシップとマネジメントの違いについて詳しく学んでいきます。2つの違いと意味を理解し、日頃の業務やコミュニケーションに役立てていきましょう。 ☆関連情報 フレームワークでニュースを読み解く、こちらの記事もぜひご覧ください。 「吉本興業のこれからに必要なのはどっち？リーダーシップ、それともマネジメント？」 https://globis.jp/article/7224 「日本電産の永守氏にみる有事のリーダーシップ」 https://www.nikkei.com/article/DGXMZO58614190Y0A420C2X12000/?n_cid=DSPRM5277
会員限定
クリティカル・シンキング（論理思考編）
業種、職種、役職を問わずビジネスパーソンが業務のスピードとクオリティを効率よく高めるために必要不可欠な論理思考力。 論理思考のベースとなる考え方を学び、実務で陥りやすい注意点を理解することで、実践で活用する能力を養います。 論理思考の基本を身につけ、コミュニケーションや業務の進行に役立てましょう。 論理思考を初めて学ぶ方は、以下の関連コースを事前に視聴することをお薦めします。 ・論理思考で仕事の壁を乗り越える5つのポイント ・MECE ・ロジックツリー ・ピラミッド構造 ・演繹的／帰納的思考 ・イシューと枠組み ※2019年10月31日、動画内のビジュアルを一部リニューアルしました。 内容に変更はなく、理解度確認テストや修了には影響ございません。
会員限定
ロジックツリー ~物事を把握する「分解」の考え方~
ロジック・ツリーとは、モレなくダブりなく（MECE）を意識して上位概念を下位の概念に分解していく際に用いられる思考ツールです。 問題解決で、本質的な問題がどこにあるのかを絞り込む場面や本質的な課題に対して解決策を考える場面で活用できます。 ※2020年3月30日、動画内のビジュアル、表現を一部リニューアルしました。 理解度確認テストや修了には影響ございません。
会員限定
論理思考で仕事の壁を乗り越える5つのポイント
伝えたいことがうまく相手に伝わらない。仕事がなかなかスムーズに進まない。 仕事をしていると、そんな場面に直面することもあるのではないでしょうか。 そんな方に役に立つのが「論理思考」です。 物事を論理的に考えられるようになると、仕事の効率が格段にアップします。 このコースでは、論理思考のコツを5つに絞って説明していきます。 ビジネスパーソンにとって必須のスキルである「論理思考」をいち早く身につけましょう。 「クリティカル・シンキング」をまだ見ていない方にもお勧めのコースです。
会員限定
MECE ~抜け漏れなく分解・構造化して考える~
MECEとは、ある物事を「モレなくダブりなく」切り分けた状態のことです。例えば年代別など、全ての人がその切り分けのどこかに属するようにします。MECEは論理思考の基本で、物事を分解し、構造化する際に役立つ考え方です。 例えば、状況を調べて問題箇所を特定する必要がある場合に、いくつかのポイントに分解して考えることが重要になります。その際に、モレやダブリなく分解することができれば、分析や問題解決の効率性が高まります。 ロジックツリーやマトリックス、あるいはその他のフレームワークなどにも応用できる基本となるコンセプトであるMECEを理解しましょう。 ※2018年2月15日にコース内容を一部リニューアルいたしました。 リニューアルに伴い、コース動画一覧は全て未視聴の状態となります。 なお、リニューアル前に当コースを修了している方は、コース修了済のステータスに変更は発生いたしません。
会員限定
ロジックツリー ~物事を把握する「分解」の考え方~
ロジック・ツリーとは、モレなくダブりなく（MECE）を意識して上位概念を下位の概念に分解していく際に用いられる思考ツールです。 問題解決で、本質的な問題がどこにあるのかを絞り込む場面や本質的な課題に対して解決策を考える場面で活用できます。 ※2020年3月30日、動画内のビジュアル、表現を一部リニューアルしました。 理解度確認テストや修了には影響ございません。
会員限定
MECE ~抜け漏れなく分解・構造化して考える~
MECEとは、ある物事を「モレなくダブりなく」切り分けた状態のことです。例えば年代別など、全ての人がその切り分けのどこかに属するようにします。MECEは論理思考の基本で、物事を分解し、構造化する際に役立つ考え方です。 例えば、状況を調べて問題箇所を特定する必要がある場合に、いくつかのポイントに分解して考えることが重要になります。その際に、モレやダブリなく分解することができれば、分析や問題解決の効率性が高まります。 ロジックツリーやマトリックス、あるいはその他のフレームワークなどにも応用できる基本となるコンセプトであるMECEを理解しましょう。 ※2018年2月15日にコース内容を一部リニューアルいたしました。 リニューアルに伴い、コース動画一覧は全て未視聴の状態となります。 なお、リニューアル前に当コースを修了している方は、コース修了済のステータスに変更は発生いたしません。
会員限定
リーダーシップとマネジメントの違い ~違いと使い方を理解する~
リーダーシップとマネジメントの違いとは、主にそれぞれ異なる特性と役割にあります。リーダーシップは人と組織を動かし変革を推し進める機能、マネジメントは定められた戦略やルールに基づき効率的に組織を運営する機能とそれぞれ定義されています。このコースでは、リーダーシップとマネジメントの違いについて詳しく学んでいきます。2つの違いと意味を理解し、日頃の業務やコミュニケーションに役立てていきましょう。 ☆関連情報 フレームワークでニュースを読み解く、こちらの記事もぜひご覧ください。 「吉本興業のこれからに必要なのはどっち？リーダーシップ、それともマネジメント？」 https://globis.jp/article/7224 「日本電産の永守氏にみる有事のリーダーシップ」 https://www.nikkei.com/article/DGXMZO58614190Y0A420C2X12000/?n_cid=DSPRM5277
会員限定
因果関係 ~原因と結果の関連を理解する~
因果関係とは、あるものごとが「原因」と「結果」の関係でつながっていることです。「因果関係」という言葉は様々な場面で使われますが、ビジネスにおいても、因果関係の把握は問題解決などの場面でとても重要な思考技術の一つです。 因果関係を把握し、因果関係を明らかにすることのメリットやコツを身につけましょう。
より理解を深め、他のユーザーとつながりましょう。
18人の振り返り
kfujimu_0630
マーケティング
丁寧な説明でホームページを作る時にまた見直したいと思いました。ありがとうございました。
ozawa_h
IT・WEB・エンジニア
Webサイト教育の仕方の勉強になりました。はやり1時間ですべてを教えてことは無理だと実感しました。3時間40分でも自分で勉強して頂かないと厳しいと分かりました。
hossy2022
販売・サービス・事務
これは勉強になりました。
後半駆け足気味でしたが、一つ一つのコードの意味も解説されていて、ゆっくり階段を登る事ができそうです。
このシリーズでJavaScriptとかCGIなども見てみたいですし、YouTuberなどの動画編集などの講座もあつたら利用したいですね。
a-1_000
メーカー技術・研究・開発
最後はかなり駆け足でしたが、画面の完成度も急速に上がっていきました。
CONCEPTの書式の説明がスキップされていたような気がするのですが、私の見落としでしょうか。
hiro_yoshioka
メーカー技術・研究・開発
実践的でとてもわかりやすかったです！
自分のと、見本のどこをみれば、修正できるかもよくわかりました。
勉強の仕方がわかったという感じです。
最初は写経するイメージですね。
さらに、見本との違いがなくなるまで、
続きをがんばります！
kyo1227
営業
丁寧でわかりやすかったです！！
sphsph
メーカー技術・研究・開発
最後まで視聴しましたが、まだまだ理解不足です。
rozarin
その他
ホームページの作り方は、全く知らなかったのですが、VSコードのサイトがあるんですね。実際に、一から作成する作業を一緒にやれるので、とても分かりやすかったです。簡単なホームページなら自分でも作れるのではと思いました。
maycowcow
専門職
丁寧な説明で分かりやすかった
m_yuuki02
その他
テーブルの入れ子時代から製作に携わってきた私に取って、とてもシンプルなソースコードに感動すら覚えたことを改めて思い出しました
inaken
IT・WEB・エンジニア
HTMLなどの制作担当との話合いをする際に自分が理解しているかどうかで大きな差がでる。
直接制作の業務ではないが学ぶことにより円滑に業務が周る様になる。
sbsconts
コンサルタント
全く未知の分野であったWEBサイトの構築に関し、どのように作られていくのか、具体的に把握できました。自分でWEBサイトを構築できそうに思いますが、いざやろうとすると、動画を見ながらでないとできないと思われますが、何をどのようにしていくのかを認識できただけでも格段の進歩かと思います。ただし、VSCodeやイメージ図の取り込み方の手順まで説明があるとなお良かったかと思います。いずれにせよ、学んだことで、一度簡単WEBサイトを作ってみようと思います。
ks1006
その他
cssについて学べたのはよかった。
sathashi
経営・経営企画
別の入門コースを受けてからの実践だったので、非常にわかりやすかったです。
コードそれぞれが何に使われるのか、がまだわからないながらも、構造から作るという設計の仕方が学べてよかったと思います。
HTMLは設計なのでいいとしても、CSSの設定について、書く順番（widthからのことが多かったと思いますが・・・）はあるのでしょうか？
ここにもお作法があるような気がしています。
このあたりの開設があれば大変うれしいです。
me_
その他
丁寧でわかりやすかったです！！
ishiko1991
人事・労務・法務
業務の紹介等の内容を公開したい。
toyohikom
販売・サービス・事務
非常に丁寧でハンズオンが分かりやすかったです。
mytake21
その他
基礎的なところから、少しずつ知識を積み上げていけるよう説明していただけたので、とても理解が深まりました。
一度ですべては理解できませんが、何度も繰り返し視聴したり、パラメータを変えたりして身に付けていきたいと思います。
ありがとうございました。