割引情報をチェック！
すべての動画をフルで見よう！
初回登録なら7日間無料！ いつでも解約OK
いますぐ無料体験へ
「React（リアクト）」は、JavaScriptライブラリーのひとつで、本格的なウェブプロジェクトを作成することができます。
今回は、Reactの最初のプログラムの設定方法やプロジェクトの作成方法を実際の画面を見ながら解説します。
本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。
※各ツールの画面配置や挙動は撮影時点（2019年11月）のものです。ツールのアップデートにより変更されている場合があります。
ともすた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月）のものです。ツールのアップデートにより変更されている場合があります。
会員限定
Visual Studio Code入門
「Visual Studio Code」とは、プログラミングに特化したエディターソフトです。 今回は、Visual Studio Codeの基本的な使い方からデバッグ機能や拡張機能の活用まで、実際の画面を見ながら紹介します。 本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。 ※各ツールの画面配置や挙動は撮影時点（2019年8月）のものです。ツールのアップデートにより変更されている場合があります。
会員限定
HTML/CSS入門 Flexboxを1時間で学ぼう
今回はCSSにおいてシンプルなコードでレイアウトに柔軟性をもたせることができる「Flexbox」について、実際の画面を見ながらレイアウトの変更方法を解説します。 ぜひご覧ください。 本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。 ※各ツールの画面配置や挙動は撮影時点のものです。ツールのアップデートにより変更されている場合があります。
会員限定
TypeScript入門（前編：始め方と関数宣言）
TypeScriptは、JavaScriptを拡張して作られたプログラミング言語です。現代のJavaScriptは、ECMAScript2015（ES6）で開発できますが過去のブラウザーでは動作しません。そこで登場するのが、トランスパイルです。この講座では、TypeScriptのコンパイラーをトランスパイラーとして、ES6を実際の画面を見ながら学習していきます。 前編では、TypeScriptの始め方や、便利な機能である変数の型、関数宣言について解説します。ぜひご覧ください。 「TypeScript入門」は「前編」「後編」の2コースからなるシリーズです。前編を修了した方は、以下の後編もご視聴ください。 ・TypeScript入門（後編：クラス定義、非同期通信） https://unlimited.globis.co.jp/ja/courses/7e8cfbae 本コースはYouTubeで配信されている「ともすたCHANNEL」たにぐちまこと氏とのコラボレーションコンテンツです。皆さんに役立つITに関するスキルについての学びをお伝えいただきます。 ※各ツールの画面配置や挙動は撮影時点（2019年9月）のものです。ツールのアップデートにより変更されている場合があります。
05月01日まで無料
『「推し」の科学 プロジェクション・サイエンスとは何か』／耳で効く！ビジネスサプリ ペライチ書評
1日5分で気軽に耳だけで聴いて学べる「耳で効く！ビジネスサプリ」。 ペライチ書評のコーナーでは、「1枚の紙」にまとめたような手軽さで、おすすめのビジネス書を紹介します。本コースは日本最大のビジネススクール グロービス経営大学院による、ビジネスパーソンが予測不能な時代であっても活躍のチャンスを掴み続けるヒントをお伝えするVoicyチャンネルからの転載コンテンツです。意識しておくべきビジネススキルやキーワード、今後の時代のキャリアの考え方などを、1日5分で気軽に聴いて学べます。 Voicyチャンネルはこちら https://voicy.jp/channel/880 ※本動画は、制作時点の情報に基づき作成したものです（2025年04月公開）
04月30日まで無料
ダイバーシティニュース 経済／アメリカ相互関税特集 関税とは？現在の状況？米中関係の今後＆実際どうなるのか？など（4/16放送）
行き詰った時代を切り拓くキーワード、それが「ダイバーシティ＝多様性」です。異なるさまざまな視点から見ることによって新しい時代が浮かび上がってきます。このシリーズは「ダイバーシティ＝多様性」を切り口に、世の中の新しい見方に迫るニュースプログラムです。LUCKY FMで配信された番組「ダイバーシティニュース 経済」を再編集してお届けします。（肩書きは2025年4月16日放送当時のもの） マオ ジトン 株式会社ウタイテ 経営企画室CFO 名越 涼 MC ＜コース内容＞ 1.人気の投資信託が年初来17％下落 個人は「株安＋円高」の逆風も 2.入金するだけで資産運用ができるブルーモ 20億円を調達して投資銘柄も拡充へ 3.好調の中国ポップマートが過去最高を更新 2024年は海外売上高375.2％ 4.「世界富豪ランキング」で中国勢が躍進 資産額が約1460億円以上となった実業家は過去最多 5.本当に欲しい購入者の元へ 「Nintendo Switch 2」抽選応募の条件がSNSで反響 6.スペシャル・トーク「アメリカ相互関税特集 関税とは？現在の状況？米中関係の今後＆実際どうなるのか？」 7.リスナーの声 ※本動画は、制作時点の情報に基づき作成したものです（2025年04月公開）
04月30日まで無料
ダイバーシティニュース 社会／若者と『闇バイト』の関連アンケートで分かったことはなど（4/14放送）
行き詰った時代を切り拓くキーワード、それが「ダイバーシティ＝多様性」です。異なるさまざまな視点から見ることによって新しい時代が浮かび上がってきます。このシリーズは「ダイバーシティ＝多様性」を切り口に、世の中の新しい見方に迫るニュースプログラムです。LUCKY FMで配信された番組「ダイバーシティニュース 社会」を再編集してお届けします。（肩書きは2025年4月14日放送当時のもの） 藤沢 烈 一般社団法人RCF 代表理事 丸山 裕理 MC ＜コース内容＞ 1.あの日から9年「いま熊本は？」 未来へつなぐ鎮魂の想い 2.ついに開幕！大阪・関西万博 半年にわたるテクノロジーと文化の交差点 3.「大型連休旅行」にブレーキが？！物価高で財布の紐が固めに 4.「トランプ関税」日本の新たな試練に 自治体の復興計画に暗雲が 5.あなたの街は大丈夫？南海トラフ「新・被害想定」発表で警鐘を 6.スペシャル・トーク「若者と『闇バイト』の関連アンケートで分かったことは」 ゲスト：NPO法人「D×P」理事長・今井紀明氏 7.リスナーの声 ※本動画は、制作時点の情報に基づき作成したものです（2025年04月公開）
04月30日まで無料
ダイバーシティニュース テクノロジー／NTTデータ イントラマートについてなど（4/11放送）
行き詰った時代を切り拓くキーワード、それが「ダイバーシティ＝多様性」です。異なるさまざまな視点から見ることによって新しい時代が浮かび上がってきます。このシリーズは「ダイバーシティ＝多様性」を切り口に、世の中の新しい見方に迫るニュースプログラムです。LUCKY FMで配信された番組「ダイバーシティニュース テクノロジー」を再編集してお届けします。（肩書きは2025年4月11日放送当時のもの） 中山 義人 株式会社NTTデータ イントラマート 代表取締役社長／武蔵野大学特任教授 瀧口 友里奈 MC ＜コース内容＞ 1.受験生に衝撃！AIの学力が「東大理三」合格レベルに 2.「中国製AI」危険な知識を垂れ流しに 火炎瓶から悪質ウイルスまで 3.日本はデジタル弱者に！アメリカの巨大IT企業が市場を席捲 4.「世界は高給、日本は低給」そのわけは？ITエンジニア賃金裏事情 5.デジタル戦略で酒田市を変革！「ローコード」活用で人材の拡大を 6.スペシャル・トーク「NTTデータ イントラマートについて」 7.リスナーの声 ※本動画は、制作時点の情報に基づき作成したものです（2025年04月公開）
会員限定
ロジックツリー ~物事を把握する「分解」の考え方~
ロジック・ツリーとは、モレなくダブりなく（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人の振り返り
micchan_3284
IT・WEB・エンジニア
Reactの内容が古いです。
今現在ではクラス型というより関数型がよく使われます。また、ReduxもcreateStoreは非推奨になっていたりと、実践にはそぐわない内容になっています。
最新化されることを期待しています。
k_yuna
販売・サービス・事務
難しい内容だと思いました。
mit-wada3
メーカー技術・研究・開発
ソフトの技術習得にも励みたい。
hayabuza
その他
初めて学ぶことが多く勉強になりました。
me_
その他
初めて学ぶことが多く、なかなか難しかったです…
kashimizu
クリエイティブ
環境設定周りが詳しく紹介されており、大変学びが多かったです。引き続き別動画等で実践的なものも
学んでいきたい
0x00
その他
バージョン別に動画を出してほしいです。
minamt
IT・WEB・エンジニア
勉強になりましたが、React Routerのバージョン6以降では、単独でを使うとエラーが発生し、は内でのみ使用する必要があるのと、Component属性は廃止されているので、以下のようなコードの修正が必要だと思います。
import { BrowserRouter, Routes, Route, Link } from 'react-router-dom';
kyo1227
営業
ソフトの技術習得にも励みたい。
kazuhico
メーカー技術・研究・開発
実際に触ったことがなかったので、私にとっては難しかったです。
nokt
メーカー技術・研究・開発
Reactは使ったことがなかったので新しい内容として学びがありました。
everest
営業
ユーザーインターフェースを効率よく構築し、動的で反応の速いウェブアプリケーションを作成するために活用したい。