【JavaScript超入門コース】03.環境構築 for Windows｜プログラミングをする準備をしよう！【プログラミング初心者向け入門講座】

この動画では、JavaScriptの環境構築 for Windowsについて説明します。文字の書き起こし、ソースコードも完全無料です。サイトでの登録なども一切不要です。概要欄の下部にサイトURLあります。 ▼目次 00:15 環境構築に必要なもの 01:43 node.jsのインストール方法 03:02 VSCodeのインストール ▼関連動画 【JavaScript超入門コース】01.コース紹介（   • 【JavaScript超入門コース】01.コース紹介｜初心者にわかりやすい...  ) 【JavaScript超入門コース】02.JavaScriptとは (   • 【JavaScript超入門コース】02.JavaScriptとは？｜Ja...  ) 【JavaScript超入門コース】03.環境構築(for Mac) (   • 【JavaScript超入門コース】03.環境構築 for Mac｜プログ...  ) 【JavaScript超入門コース】03.環境構築(for Windows) (   • 【JavaScript超入門コース】03.環境構築 for Windows...  ) 【JavaScript超入門コース】04.プログラムの基本構造 (   • 【JavaScript超入門コース】04.プログラムの3つの基本構造｜プロ...  ) 【JavaScript超入門コース】05.実行 (   • 【JavaScript超入門コース】05.プログラム実行方法 ｜プログラム...  ) 【JavaScript超入門コース】06.変数 (   • 【JavaScript超入門コース】06.変数 ｜変数は、例えるなら「箱」...  ) 【JavaScript超入門コース】07.データ型 (   • 【JavaScript超入門コース】07.データ型 ｜変数に入れるデータの...  ) 【JavaScript超入門コース】08.配列 (   • 【JavaScript超入門コース】08.配列｜変数を箱。配列をロッカーに...  ) 【JavaScript超入門コース】09.演算子 (   • 【JavaScript 超入門コース】09.演算子｜足し算や引き算、2つの...  ) 【JavaScript超入門コース】10.条件分岐 (   • 【JavaScript超入門コース】10.条件分岐｜条件にあてはまればAと...  ) 【JavaScript超入門コース】11.繰り返し (   • 【JavaScript超入門コース】11.繰り返し｜同じ処理を何度も実行で...  ) 【JavaScript超入門コース】12.関数 (   • 【JavaScript超入門コース】12.関数 ｜関数を料理ロボットに例え...  ) 【JavaScript超入門コース】13.クラス (   • 【JavaScript超入門コース】13.クラス｜クラスとは、「データ」と...  ) 【JavaScript超入門コース】14.実践 (   • 【JavaScript超入門コース】14.実践｜すべて理解できればJava...  ) 【JavaScript超入門コース】15.総集編（   • JavaScript超入門コース 合併版【JavaScriptの超基本的な...  ) ▼各超入門コース 合併版（約1時間） 【Python超入門コース】(   • Python超入門コース 合併版｜Pythonの超基本的な部分をたった1時...  ) 【JavaScript超入門コース】(   • JavaScript超入門コース 合併版【JavaScriptの超基本的な...  ) 【Java超入門コース】(   • Java超入門コース 合併版【Javaの超基本的な部分をたった1時間で学べ...  ) 【PHP超入門コース】(   • PHPのプログラミング初心者向けの超入門講座｜たった1時間で学べる【文字書...  ) 【Go超入門コース】(   • 【たった1時間で学べる】Go言語のプログラミング初心者向けの超入門講座【文...  ) 【Ruby超入門コース】(   • 【たった1時間で学べる】Rubyのプログラミング初心者向けの超入門講座【文...  ) 【Kotlin超入門コース】(   • 【たった1時間で学べる】Kotlinのプログラミング初心者向けの超入門講座...  ) ▼自己紹介 現在：フリーランス（マーケティング関連の人工知能開発、データ分析や業務自動化など） 前職：リクルート ▼SNS Twitter : https://twitter.com/kino_code/likes Facebook : https://www.facebook.com/%E3%82%AD%E3%83%8E%E3%82%B3%E3%83%BC%E3%83%89-105693727500005/ Website : https://kino-code.com/ ▼文字書き起こし 環境構築に必要なもの 環境構築とは、プログラムを書いたり、実行できたりする環境を自分のコンピュータに整えることをいいます。 環境構築のために、Node.js、VisualStudioCodeの2つをインストールします。 1つずつ簡単に説明します。 はじめに、Node.jsです。 Node.jsはサーバー側で動くJavaScriptの環境です。 Node.jsをインストールすると、ターミナルまたは、コマンドプロンプトで実行できるようになります。 なお、JavaScriptは、macやwindosに標準でインストールされいるので、別途インストールする必要がありません。 次に、Visual Studio Codeについてです。 Visual Studio Codeとは、マイクロソフトが開発したプログラムを書くためのエディタです。 VScodeとも呼ばれています。 VScodeは、Windows、macOS、Linux、色々なOSで使うことができます。 また、Java、C言語、pythonなど有名どころプログラミング言語を書くことができます。 VScodeは、好きな開発環境の1位に選ばれている人気の開発環境です。 キノコードのレッスンでは、設定などで迷うことなく言語の学習に集中できるように、基本的にはVScodeを開発環境として使っていきます。 インストールする二つは、概要欄にURLを貼っておきます。 Node.jsのインストール方法 Node.jsのインストール方法です。 コントロールパネルのシステム画面を開きます。 システムの種類にビット数が書かれています。 このビット数と同じNode.jsをインストールしましょう。 Node.jsのサイトからダウンロードできます。 Googleで「Node.js」と検索すると、Node.jsのホームページが出てくると思います。 こちらをクリック。 「ダウンロード Windows」の下にある、ダウンロードボタンをクリック。 ダウンロードが開始します。 フォルダを開いて、インストーラをダブルクリック。 インストールを進めていきます。 チェックを入れて、「Next」をクリック。 インストールするフォルダはデフォルトのままにしておきましょう。 インストールが完了したら、Node.jsのバージョンを確認してみましょう。 「Windows」ボタンと「R」で検索窓を開き、「cmd」を入力しエンター。 コマンドプロンプトが開きます。 node –versionと入力してください。 バージョンが返ってくれば、インストール完了です。 ※続きは、文字書き起こしブログで ▼文字書き起こし&ソースコードは下記ブログ https://kino-code.com/course-javascript03-environment-for-windows/ ▼タグ #JavaScript初心者 #環境構築forWindows #プログラミング入門