100万人突破キャンペーン 最大¥3,980 OFF
キャンペーン終了まで
割引情報をチェック！
すべての動画をフルで見よう！
初回登録なら7日間無料！ いつでも解約OK
いますぐ無料体験へ
今回はCSSにおいてシンプルなコードでレイアウトに柔軟性をもたせることができる「Flexbox」について、実際の画面を見ながらレイアウトの変更方法を解説します。
ぜひご覧ください。
本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。
※各ツールの画面配置や挙動は撮影時点のものです。ツールのアップデートにより変更されている場合があります。
ともすたCHANNEL：https://www.youtube.com/channel/UCphTq6mefx_15CjD35qgXgA
谷口 允（たにぐち まこと） ともすた／H2O space 代表取締役
富士ゼロックス、ソニーネットワークコミュニケーションズなどでウェブエンジニアとして勤務ののち、2002年に独立。株式会社エイチツーオー・スペースを設立。
メンテナンスしやすいウェブサイトを手ごろな価格で提供することで、大小問わずさまざまな業界のクライアントを応援している。
また、ウェブ業界を豊かで厚みのあるものにするべく、ウェブ制作・プログラム開発の知見をもとに、各種講演や執筆を通じ、学習コンテンツを展開。
近年は講座動画配信プラットフォームUdemyやYouTubeを通じた映像講義配信を手がけ、それぞれで数万人規模の受講者・登録者のプログラミングやウェブ構築に関する学習を支援。
Slackコミュニティを主催することで業界全体のスキルアップを図っている。
主な著書に『6さいからつかえるパソコン』（技術評論社刊）、『よくわかるPHPの教科書』（マイナビ刊）など。
会員限定
Laravel入門
「Laravel（ララベル）」はPHPフレームワークのひとつで、Webアプリケーション開発に必要な機能が備わっています。また、初心者でもコードを書きやすく、またその自由度の高さから人気のフレームワークです。 今回は、Laravelのインストール方法やルーティングの設定、データベースの活用法などを実際の画面を見ながら解説します。 本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。 ※各ツールの画面配置や挙動は撮影時点（2022年12月）のものです。ツールのアップデートにより変更されている場合があります。
会員限定
いまどきの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
会員限定
React入門
「React（リアクト）」は、JavaScriptライブラリーのひとつで、本格的なウェブプロジェクトを作成することができます。 今回は、Reactの最初のプログラムの設定方法やプロジェクトの作成方法を実際の画面を見ながら解説します。 本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。 ※各ツールの画面配置や挙動は撮影時点（2019年11月）のものです。ツールのアップデートにより変更されている場合があります。
会員限定
「手取り足取り」実践コンテンツ 野呂講師と一緒にHTML/CSSでWebサイトを作ろう
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
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
会員限定
因果関係 ~原因と結果の関連を理解する~
因果関係とは、あるものごとが「原因」と「結果」の関係でつながっていることです。「因果関係」という言葉は様々な場面で使われますが、ビジネスにおいても、因果関係の把握は問題解決などの場面でとても重要な思考技術の一つです。 因果関係を把握し、因果関係を明らかにすることのメリットやコツを身につけましょう。
より理解を深め、他のユーザーとつながりましょう。
12人の振り返り
sphsph
メーカー技術・研究・開発
諦めずに聴講していますが、何とも理解度が上がりません。
shusuke-yamada
その他
Flexboxのことを学びながら、使わないと理解度が上がりません。
yo-nakanishi
IT・WEB・エンジニア
Flexboxは使ったことがありますが、利用シーンなど絡めて説明がされていて、勉強になりました。
講座でも仰っていたように、プロパティも多いので1度見て理解するのは難しいと思うのですが、利用する場面では、また見てみようと思います。
me_
その他
難しいです…実際に使ってみないとですね。
iso_ken
専門職
HTML,CSSの基本が理解できた。Webデザインに十分に活用できると思う。
ks1006
その他
CSSの便利な使い方が分かった。
sbsconts
コンサルタント
機能が多く、視聴途中からついていけなくなってしまいましたが、FlexBoxをどの様に活用していけばよいかが把握できたので、今後、実践をしていくなかで、各機能の活用を習得していこうと思います。
naike_jpn
マーケティング
駆け足ながらflexboxの使い方が一通りイメージできた。
tanabota_
人事・労務・法務
HTMLとCSSの使ってのWEBデザインのコツがとてもよく理解できました。
WEBデザインプログラムは、初めて学ぶ機会でしたが、学習コンテンツとして大変理解し易かったです。
akiko_saito
販売・サービス・事務
HTMLの理解が深まりました。
再度みながら、Webを変更してみようと思います。
ciws912ta
販売・サービス・事務
Flexboxのことを学びは、初めてでしたが理解するのに役に立ちました。
kyo1227
営業
CSSの便利な使い方が分かった。