投稿日:2019年9月30日HTMLファイルがなくてもJavaScriptの学習をすることはできなくもありませんが、DOMツリーやCanvasの学習をするときにはHTMLファイルは必須です。Code)を使って「爆速」でJavaScriptのプログラミング環境を作成する方法をご紹介します。Codeを立ち上げてindex.htmlを作成しておきましょう。tabキーHTMLファイルを作成するためには最低限必要なタグを記述する必要があります。htmlタグ、headタグ、titleタグ、bodyタグなどが該当します。慣れている人にとって白紙の状態から記述することは面倒くさい作業でしょう。tabキー」だけで以下のコードが出現します。次にHTMLファイルでよく見られるdivタグの記述をします。ここではbodyタグの内部に本文全体を認識するためのidとして”container”を使います。tabキーとすると、”cotainer”をid名とするdivタグが出現します。id="container"></div>ちなみにカーソルはタグとタグの間にフォーカスします。tabキーを押すとすぐに内容を記述することができるようになっています。divタグの記述です。ここではcontainerの内部で一部を認識するためのclassとして”contents”を使います。tabキーとすると、”contents”をクラス名とするdivタグが出現します。class="contents"></div>ちなみにカーソルはタグとタグの間にフォーカスします。tabキーを押すとすぐに内容を記述することができるようになっています。CodeではEmmetが標準で搭載されています。Emmetのチートシートにもとづいて、他にもいろいろな記述ができます。一例としてlistタグの記述を紹介しておきます。tabキーとするとulタグが現れてその直下に3つのliタグも出現します。JavaScriptの読み込みJavaScriptのプログラミング学習を前提としたHTMLファイルを作成していますので、上記のindex.htmlファイルにscriptタグを記述する必要があります。“script:src”bodyタグの閉じタグの前にscriptタグを記述します。tabキーとすると、空のsrc属性が記述されたscriptタグが出現します。今回の記事で紹介するscriptタグはindex.htmlとは別にJavaScript専用のフォルダを設けて、その中にファイルを保存するものとします。link”をクリックすると、下記の画面が表示されます。File]をクリックすると、jsフォルダとmain.jsファイルが作成されます。Codeはなかなか便利なツールであると思います。ご興味のある方はぜひ一度試してみてください。検索検索なかの人Webサービス開発者&ドットインストール学習者&個人事業主&ねこ。