自分用

自前で作らなくてもJSFiddleとかありますが、手元でやりたい時にわりと使ってるものです。

  • JavaScriptだけなら、わざわざHTML作らなくてもChromeの開発者ツールのコンソールで充分です。使ったことない人は調べてみてください。
  • ブラウザのデフォルトCSSを吹っ飛ばすためにEric MeyerのResetCSSをCDNから読み込んでます。吹っ飛ばさなくていいなら消してください。
  • ちらっとスマホ対応してます。
<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css" />
	<link rel="stylesheet" href="./外部CSSがあれば書く.css" />
	<style>
		/* ここにCSSを書く */
	</style>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
	<meta name="landscape" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
	<meta name="format-detection" content="telephone=no" />
	<title>サンプル</title>
</head>
<body>
	ここにHTMLを書く

	<script src="./外部JSがあれば書く.js"></script>
	<script>
		// ここにJavaScriptを書く
	</script>
</body>
</html>