　規格に応じたコードを書いて動かしてみる。

動作方法

　とりあえず２通りある。

テキストエディタ＋ブラウザ
ブラウザ＋プレイグラウンド・サービス（CodePen, jsFiddle）

テキストエディタ＋ブラウザ

テキストエディタで以下3ファイルを同一ディレクトリ配下に作成する
index.htmlファイルをブラウザで開く（URL欄にindex.htmlファイルパスを入力する）

index.html

<!DOCTYPE html>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style.css">
<script src="main.js"></script>

<h1>見出し</h1>
<p>本文。</p>

style.css

@charset "utf-8";
body {
    background-color: #0000FF; /* 背景色 */
    color: #FFFF00; /* 文字色 */
}

main.js

window.addEventListener('DOMContentLoaded', async(event) => {
    console.log('こんちは世界！'); // コンソールに出力する
    alert('ようこそJavaScriptへ！'); // アラートとしてダイアログ出力する
});

ブラウザ＋プレイグラウンド・サービス（CodePen, jsFiddle）

　とりあえずCodePenとjsFiddleを使う。

See the Pen minimu-code-html-css-js by ytyaru (@ytyaru) on CodePen.

　コードは以下のとおり。

HTML

<!-- コメント -->
<h1>見出し</h1>
<p>本文。</p>

CSS

body {
    background-color: #0000FF; /* 背景色 */
    color: #FFFF00; /* 文字色 */
}

JavaScript

console.log('こんちは世界！'); // コンソールに出力する
alert('ようこそJavaScriptへ！'); // アラートとしてダイアログ出力する

　HTMLには<body>内の要素しかかけない。<head>内のコードも書いてみたいときはローカル環境で試すしかない。たとえば<title>要素に書いたテキストがブラウザのタイトルバーに表示するかどうか等。

WASM

　WASMについては初心者が手を出すにはハードルが高い。最小コードを書くためにはビルド環境を用意する必要がある。なぜならWASMのコードは直接書くのではなく、さまざまなプログラミング言語から生成されるコンパイル済みのバイナリファイルだから。

　WASMはつぎのようなプログラミング言語からビルドできる。

WebAssemblyScript（TypeScript）
C/C++
Rust
Go

　それぞれの開発環境をインストールする必要がある。今すぐ試すことはできないため後回し。

　どの言語で開発するのがよいか。WebAssemblyScriptがよいだろう。これからJavaScriptを勉強しようとしているので、そのalt言語であるTypeScriptも学びたい。さらにTypeScriptをもとにしたWebAssemblyScriptでWASMをビルドできるらしい。よって、JavaScriptを学習しつつ、もっとも学習難易度が低くWASMをつくるためには、以下のような学習順になる。