Webデザインラボ当サイトはJavaScriptが有効に設定されていないと正しく表示されません。【iPhone・iPad】投稿の準備中にエラーが起きました。後でやり直してください。2018/04/13こんにちは(・∀・)今日はJavaScriptで書いたスクリプトをHTMLファイルに組み込む方法をご紹介します。JavaScriptの記述場所HTMLにJavaScriptを記述する場所ですが、どこでも良い訳ではありません。JavaScriptの記述場所は基本body要素内の閉じタグ「</body>」の直前に記述します。スクリプトの内容によってはHTMLが全て読み込まれる前にJavaScriptを読み込ませたい場合があります。その場合はhead要素内にJavaScript記述します。他にインラインで記述する方法もありますが、JavaScriptの記述場所はほぼこのどちらかとなります。ここでは基本的にbody要素内の閉じタグ「</body>」の直前と覚えておいてください。</body>タグ直前に記述する方法<script>/*ここに「ボタンが動いたり色が変わったり」や「テキストが表示されたり消えたり」などのスクリプトを書いていきます。*/</script></body></html>head要素内に記述する方法<html><head><script>/*ここに「ボタンが動いたり色が変わったり」や「テキストが表示されたり消えたり」などのスクリプトを書いていきます。続いてはJavaScriptをHTMLに記述する方法です。JavaScriptの記述方法JavaScriptをHTMLに記述する方法は2通りあります。一つはHTMLに直接書き込む方法で、もう一つはJavaScriptを別ファイルにしてHTMLに読み込ませる方法です。JavaScriptをHTMLに直接記述する方法<script>/*ここに「ボタンが動いたり色が変わったり」や「テキストが表示されたり消えたり」などのスクリプトを書いていきます。src="hoge.js"></script></body></html>別ファイルにJavaScriptを記述してHTMLにそのファイルを読み込ませます。その際、文字化けを防ぐためJavaScriptファイルのエンコード設定に注意してください。例として、HTMLファイルのエンコードがutf-8の場合はJavaScriptファイルのエンコードもutf-8に設定してください。JavaScriptファイルにスクリプトを記述する時は<script>タグは不要です。Webデザインラボ中の人NYのデザイン学校でグラフィックデザインを学んだ後、同じくNYにあるWeb制作会社にてインターンからWebデザイナーへ。同時期に米国永住権(グリーンカード)を取得。その後某旅行会社系のWebクリエーター兼社内インフラ担として働いた後、結婚を機に約12年に渡るアメリカ生活を終え日本に帰国。日本では某携帯キャリアの社内Webクリエーターとして勤務。Web系に携わる前はホノルル空港でGreeterとして働いていた経験や、アメリカ国内の衣料品を中心としたアパレル系のバイヤー経験もあり。趣味はお酒を飲みながらの家でまったり音楽鑑賞とアウトドア系全般。最近は自転車にもハマってます。更新情報はTwitterかFacebookで配信してるのでフォローして確認してみて。