JavaScript でコーディングを開始するには? 第1部初級から上級までのJavaScript講座

公開: 2021-10-21

このシリーズでは、JavaScript の初心者から上級者までを 10 回のブログ投稿で説明します。 このシリーズの終わりまでに、JavaScript でコーディングを開始するために知っておく必要があるすべての基本を理解できます。

JavaScript でコーディングを開始するには? - 目次：

このコースは誰のためのものですか?
JavaScript で実際に何ができますか?
JavaScript が人気の理由
JavaScript コードを記述して実行できる場所は?
JavaScript でコーディングを開始するには?

このコースは誰のためのものですか?

このコースは、JavaScript でのコーディングを開始したい人、または JavaScript の知識を更新したい人向けです。また、今後の参考のために、このチュートリアルをブックマークすることをお勧めします。概念について簡単に再紹介したいときや、JavaScript で使用される構文を覚えたいときはいつでも、このシリーズを今後復習する良い機会になるでしょう。

JavaScript で実際に何ができますか?

JavaScript に飛び込む前に、JavaScript で実際に何ができるかを知っておくことをお勧めします。 JavaScript が Web を支配する言語であることはご存知かもしれません。そして、あなたは完全に正しいでしょう！ Web サイトに動作を追加するためのフロントエンド言語として開始された JavaScript は、現在、Web サイトのあらゆる面で使用されています。

フロントエンド Web 開発で一般的に使用され、通常は React などの他の JavaScript フレームワークやライブラリと一緒に使用されます。また、Web サーバーで JavaScript を実行できる Node.js のおかげで、バックエンド Web 開発で使用される最も一般的な言語でもあります。しかし、それだけではありません。 JavaScript は、プログレッシブ Web アプリケーションの作成からデスクトップアプリまで、あらゆる場所で使用されています。最近では、TensorFlow.js を使用した機械学習でも使用され始めています。 Node.js のおかげで、ドローン、ロボット、IOT デバイスの制御にも使用できます。

JavaScript が人気の理由

JavaScript は現在最も人気のあるプログラミング言語であり、それには正当な理由があります。 JavaScript が今日のようになった主な要因は複数あります。これらには、実行環境の幅広い可用性、Babel によるコードバージョンの安全性、およびコミュニティでの幅広い採用が含まれます。それらが何であるかを一度に見てみましょう。

幅広い可用性

JavaScript は Web を全面的に支配しています。 JavaScript の知識を更新するためにこの記事を読んでいるのであれば、特にフロントエンドの Web 開発に関しては、最適化するための多くのアプローチが存在する可能性があるため、数か月ごとに新しい JavaScript フレームワークが登場していることをご存知でしょう。

この記事の後半で説明するように、JavaScript コードの作成と実行を開始するために特別なソフトウェアをインストールする必要はありません。ブラウザーには必要なツールが既に組み込まれているからです。ほとんどのプログラミング言語では、コーディング環境をインストールしてセットアップする必要があるため、これだけで言語の学習を開始する障壁が低くなります。

バージョンの安全性

コードを書く目的は、実行すべきときに実際に実行することです。その際、ウェブサイトの半分がかなりの数のユーザーで機能していないことは避けたいことです。しかし、1000 もの異なるデバイスとブラウザーの組み合わせでコードを実行する必要がある場合はどうすればよいでしょうか? 誰のために最適化し、誰をユーザーから手放すつもりですか? そのような選択をする必要さえありますか？ユーザーの半分が古いデバイスを使用し、残りの半分がまったく新しいデバイスを使用している場合、誰のためにコードを最適化し、顧客として誰を無視しますか? Babel のおかげで、答えは、できればなしです。

Babel は、非常に古いバージョンの JavaScript を使用する非常に古いブラウザでもコードが確実に実行されるようにするソフトウェアです。こうすれば、顧客の半分を無視するような選択をする必要がなくなります。明確にするために、Babel でコードを記述していないか、JavaScript のフレーバーではありません。しかし、非常に一般的に使用されているソフトウェアであり、既に作成されて動作している JavaScript コードを取得し、それを、ブラウザーに非常に古いバージョンの JavaScript がインストールされている場合でも、他のブラウザーが理解できるバージョンの JavaScript に変換します。

巨大なコミュニティの採用

コードを書いているときはいつでも、問題に遭遇することは避けられません。そんな時、あなたが使っているプログラミング言語が何であれ、あなたの問題がインターネット上で誰か助けてくれる人によってすでに解決されているのを見ることは非常に役に立ちます. そこにコミュニティサポートが介入し、StackOverflow が登場します。

StackOverflow とは何かをご存じない方のために説明すると、これは基本的に、人々がプログラミングに関する質問をしたり回答したりするために使用する最大のプログラミングフォーラムです。答えが見つかる唯一の場所ではありません。特定の質問に答えるのに非常に役立つ場所が確実に存在しますが、ほとんどの答えがそこにある可能性があります。 StackOverflow にアクセスして、そこで問題を検索することをお勧めしているわけではありません。通常、Google 検索が最良の結果を提供します。

コーディングを学習している間は、それほど期待していないかもしれませんが、ソフトウェア開発の大部分には、答えをより効果的に見つけるために Google で何を検索すればよいかを知ることが含まれます。

そのため、多くの人が JavaScript でコーディングを開始したいと考えています。JavaScript を最も人気のあるプログラミング言語として使用することは、短期的にも長期的にも言語を使用するのに役立ちます。書いているときはいつでも

JavaScript、あなたと一緒に何千人もの人々が同時に JavaScript をコーディングしていると想像してみてください。いくつかの投稿の質問、いくつかの回答の質問。

JavaScript をコーディングしているとき、あなたは一人ではありません。

JavaScript コードを記述して実行できる場所は?

JavaScript でコーディングを開始するために使用できる場所は複数あります。技術的には、簡単なノートブックやテキストエディターなど、どこにでも JavaScript を記述できます。ただし、コードを実際に実行するには JavaScript エンジンも必要です。しかし、どうやって手に入れるのですか？記事の最初の部分を覚えていれば、すでにブラウザにあることがわかります。

このブログ投稿シリーズでは、Web 開発で使用される最も一般的なブラウザーの 1 つである Google Chrome をブラウザーとして使用します。そして、それには正当な理由があります。Chrome には、Web 開発を行う際の作業を非常に簡単にする最高のツールがいくつか用意されています。 Chrome には V8 エンジンと呼ばれる JavaScript エンジンがあり、JavaScript コードを取得して実行します。この JavaScript エンジンは、ブラウザーから JavaScript を取り除くことができるソフトウェアである Node.js の開発にも使用されます。 Node.js は、Web サーバーからドローンまで、あらゆる場所で JavaScript を使用できる理由でもあります。

JavaScript でコーディングを開始したい場合は、コードを実行するために JavaScript エンジンが必要であることを知っておくとよいでしょう。これで、ブラウザーに付属の JavaScript エンジンが既にあることがわかりました。また、ブラウザから JavaScript を実行したい場合は、Node.js をダウンロードしてインストールする必要があることもわかっています。しかし、実際にコードを書いて実行するとなると、それはあなたのコーディング経験にとって何を意味するのでしょうか? 通常、ある種の IDE (統合開発) を使用する必要があります。

環境) を使用してコードを記述します。このように、名前から推測できるように、コードを長期間にわたって簡単に操作できるようにする多くのツールが付属しています。これらには、入力を減らすためのテキスト補完からデバッガーまで、あらゆるものが含まれる場合があります。多くの人がこれらの IDE を使用しているため、コーディング環境をカスタマイズできる非常に一般的な拡張機能もあります。これには、コード内の括弧に色を付けて、どの開き括弧がどの閉じ括弧と一致するかを簡単に確認できるようにするなどがあります。括弧が何をするものか分からなくても、今は心配する必要はありません。これらのブログシリーズで、知っておくべきすべての詳細を説明します。

現在、最も人気のある IDE には、Visual Studio Code、Atom、Sublime Text などがあります。ただし、このためには、最初にできる最も単純なオプションから始めます。これは、実際には Chrome ブラウザー自体を使用して JavaScript コードを記述および実行します。

JavaScript に関する背景情報が得られたので、実際にコーディング環境をセットアップして、「Hello, World!」から始めましょう。コード。

JavaScript でコーディングを開始するには?

JavaScript でコーディングを開始するには、コーディング環境をセットアップする必要があります。

前にも述べたように、このブログ投稿シリーズではブラウザとして Google Chrome を使用します。すでに Chrome をインストールしている場合は、すばらしいことです。そうでない場合、最初のステップは実際に Google Chrome をインストールすることです。 Chrome をダウンロードするには、単に「Google Chrome ダウンロード」を検索するか、その Web サイトからダウンロードするか、Chrome をダウンロードするための便利なリンクをここで見つけることができます。

Google Chrome – Google から高速で安全なブラウザをダウンロード start_coding_in_javascript

次に、「Chrome をダウンロード」ボタンをクリックしてダウンロードを開始します。ダウンロードしたら、インターネットからダウンロードした他のアプリケーションと同様に、ダブルクリックしてインストールプロセスを実行できます。また、いずれかの Google アカウントにサインインするよう求められる場合もありますが、サインインすることができます。

Chrome をインストールしたら、それをダブルクリックしてウィンドウを開きます。これで、従来の Google 検索画面が表示されます。

JavaScript でコーディングを開始するための次のステップは、Chrome ブラウザー内でコードを記述して実行する実際の場所を開くことです。トップメニューから [メニュー]、[開発者] の順に移動し、[JavaScript コンソール] をクリックします。 Mac の場合は、「オプション + コマンド + J」のショートカットを使用することもできます。