最短でJavaScriptプログラミングを始める方法

2021年1月27日プログラム始め方JavaScript

最短でJavaScriptプログラミングを始める方法
最短でJavaScriptプログラミングを始める方法

プログラミング未経験から始めるプログラミングの独学方法を紹介したプログラミング入門講座の記事まとめです。

プログラミング歴

この記事を書いている僕は、プログラミング歴10年以上のプログラマーです。
詳細:プログラミング未経験の新卒が10年間プログラマーとして仕事して思うこと

プログラミングを始める方法

この記事ではプログラミングの始め方にポイントを絞って「最短でプログラミングを始める」ように解説します。

いったん難しいことは無視でOKです。パソコンを触り始めた人も「パソコンはCPUやメモリーがあって、内部で計算して・・・」などの知識は不要ですよね?

プログラミングをはじめるときに小難しい知識はいったん無視して「プログラミングの基礎だけを勉強して最短ルートで始める」ことが重要です。

勉強する前に頭がパンクしちゃうんで。

JavaScriptの特徴
  • ページの情報を一部分だけ更新することが出来る。
  • ボタン押下で何か動きをすることが出来る。

プログラミングを始める方法【JavaScript編】

今回はJavaScriptというプログラミング言語を使ってプログラミングを実行する方法について解説します。

JavaScriptってなに?っと思った人。

いったん小難しいことは気にせずにJavaScriptはプログラミング言語ということだけ覚えておけばOKです。

UT

最初から小難しいことを理解しようとしていると、はじめるまえに頭がパンクして挫折しちゃいます。

JavaScriptでプログラムを実行する方法

JavaScriptのプログラムを実行する一番簡単な方法を解説します。

ここでは「Chromeブラウザを使った方法」について解説します。

手順1:ブラウザを表示

まずChromeブラウザを起動します。

JavaScriptでプログラムを実行する方法(手順1:ブラウザを表示)
JavaScriptでプログラムを実行する方法(手順1:ブラウザを表示)

手順2:ブラウザで開発ツールを表示

そしてChromeの開発ツール(デベロッパーツール)を表示します。

JavaScriptでプログラムを実行する方法(手順2:ブラウザで開発ツールを表示)
デベロッパーツールの表示方法
  • メニューから表示
    • Mac
      • [表示] – [開発/管理] – [デベロッパーツール]
    • Windows
      • 右上アイコン横の三点リーダー – [その他のツール] – [デベロッパーツール]
  • ショートカットキーで表示
    • Mac
      • [optionキー] + [commandキー] + [iキー]
    • Windows
      • [ctrlキー] + [shiftキー] + [iキー]

デベロッパーツールを開くと以下のような画面が表示されます。

JavaScriptでプログラムを実行する方法(手順2:ブラウザで開発ツールを表示)
JavaScriptでプログラムを実行する方法(手順2:ブラウザで開発ツールを表示)

手順3:JavaScriptのプログラムを書く

そして以下のプログラムコードをデベロッパーツールへコピー&ペーストします。

alert('はじめてJavaScriptのプログラムを実行!');
JavaScriptでプログラムを実行する方法(手順3:JavaScriptのプログラムを書く)
JavaScriptでプログラムを実行する方法(手順3:JavaScriptのプログラムを書く)

手順4:プログラムを実行

そしてデベロッパーツールで[Enterキー]を押下して、プログラムを実行します。

すると、以下のように「はじめてJavaScriptプログラムを実行!」っとダイアログメッセージが表示されます。

JavaScriptでプログラムを実行する方法(手順4:プログラムを実行)
JavaScriptでプログラムを実行する方法(手順4:プログラムを実行)

どうでしょう?思った以上に簡単だったと思います。

まとめ:プログラミング未経験から始めるための入門講座

今回はJavaScriptでプログラミング未経験からプログラムを始める方法を解説しました。

あきらめずに簡単なシステムを1つ以上プログラミングしてみてください!

関連記事

本格的にプログラミングを始める人向け

JavaScriptでプログラミングをテキストエディタを使って本格的に始める方法について紹介しています。
記事:JavaScriptでプログラミングを始める方法

プログラミング基礎の勉強を始めた人向け

プログラミング基礎である「変数」「配列」「if文」「for文」を理解するコツについて解説しています。
記事:プログラミング基礎を理解するコツを解説【JavaScript基礎講座】

プログラミング学習を始めた人向け

プログラミング学習できるような問題やサンプルコードを紹介しています。
記事:プログラミング基礎を使ったサンプルコードまとめ【JavaScript基礎講座】

ユート
ユート

1985年生まれ1児の父親です。Web系エンジニアを10年以上しています。
プロフィール
Amazon欲しいものリスト

2021年1月27日プログラム始め方JavaScript

Posted by ユート