【JavaScript超入門コース】05.プログラム実行方法 ｜プログラムを書いて動かしてみよう【プログラミング初心者向け入門講座】

この動画では、JavaScriptのプログラム実行方法について説明します。文字の書き起こし、ソースコードも完全無料です。サイトでの登録なども一切不要です。概要欄の下部にサイトURLあります。 ▼目次 ・JavaScriptファイルの作成 ・JavaScriptのソースコードの記述 ・JavaScriptのソースコードの保存 ・JavaScriptのソースコードの実行 ・順次進行の確認 ▼関連動画 【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/ ▼文字書き起こし JavaScriptファイルの作成 このレッスンでは、パソコン上に挨拶の「Good morning（おはよう）」「Good afternoon（こんにちは）」「Good evening（こんばんは）」と表示させるプログラムを記述・実行してみましょう まず、VScodeを起動します。 これがファイル管理のための「エクスプローラ」です。クリックします。 「フォルダを開く」をクリック デスクトップに「MyJavaScript」というファルダを作りましょう。 開くをクリック。選択 MyJavaScriptのフォルダが選択されています。ファイルを作ってみましょう。 英語で挨拶は、Greetingといいます。なので、ファイル名を「Greeting.js」としましょう。 これでJavaScriptファイルの作成はおわります。 このレッスンでは、JavaScriptのプログラムの書き方や、実行のやり方を把握してもらうだけでよいです。 プログラムの意味については、あとに続くレッスンで説明するので、今はプログラムの意味は、「ルール」や「きまり」だと思って進めてください。 こうやって書くんだーって程度でよいです。 コンピュターに挨拶を表示させる処理を書いていきます。 早速、JavaScriptでコードを書いていきます。 console.log("Good morning"); console.log("Good afternoon"); console.log("Good evening"); 実行 コンソール、ドット、ログ、カッコ、ダブルクオーテーション、グッドモーニング、セミコロンです。 数値を表示させるときは、ダブルクオーテーションはいりませんが、文字列を表示させるときはダブルクオーテーションがいります。 「Good afternoon」「Good evening」も順に書いていきましょう。 処理の終わりにはセミコロン「;」を書くのはJavaScriptの決まりです。 これでファイルを保存しましょう。 保存方法は、ファイル→保存です。 保存ができると、この白丸が消えて×になります。 保存してみましょう。×になりました。 ちなみに、保存は、ショートカットでコマンド＋Sでも保存できます。 ファイルを実行して、文字を表示させてみましょう。 ターミナルから実行します。 ターミナルを表示させるには、表示→ターミナルです。 実行方法は、nodeと書いて、JavaScriptのファイル名です。 すると、ターミナルに「Good morning」「Good afternoon」「Good evening」という順番に表示されました。 では、順次進行されるのか、と順番に入れ替えてみましょう。 console.log("Good evening"); console.log("Good afternoon"); console.log("Good morning"); 上からの順番に「Good evening」「Good afternoon」「Good morning」となっています。 実行してみましょう。 上からの順番通り「Good evening」「Good afternoon」「Good morning」と表示されました。 順次進行されています。 ▼文字書き起こし&ソースコードは下記ブログ https://kino-code.com/course-javascript05-runtime/ ▼タグ #JavaScript #初心者 #プログラミング入門