2019.10.13どうも。エンジニアJavaScriptはどこに記載すればよいの?今日は、こういった疑問に答えます。JavaScriptの記載場所については以前以下の記事で書きましたが、今日はそれを少し深堀していきますね。JavaScriptの記述方法JavaScriptの記述方法や行コメント/ブロックコメントや予約語の書き方translate-apps.com2019.04.12結論としては、大きく分けると2パターンがあります。外部ファイル化する場合ここから、深堀していきますね。外部ファイル化とHTML直書きの使い分け最後にHTMLに記載する場合HTMLファイルにJavaScriptを記載するケースです。headerタグ内headerタグに記載する場合、以下の場所に記載することになります。</body></html>bodyの最後bodyタグに記載する場合は、bodyタグの最後に記載します。具体的には、以下の場所に記載することになります。</body></html>外部ファイル化する場合HTMLファイルに記載するのではなく、JavaScriptを外部ファイル化するやり方です。同じサーバ上のファイルを参照JavaScriptをtest.jsというファイル名で配置します。console.log('hoge');HTMLファイルには、test.jsのパスを記載します。</body></html>JavaScriptファイルがhtmlファイルと別のフォルダにある場合は、相対パスで記載することも可能です。JavaScriptファイルがHTMLの1階層上のjsというフォルダにある場合には、以下のように記載します。src="../js/test.js"></script>別サーバのファイルを参照JavaScriptをCDN経由で参照する方法もあります。CDNが何かについては、以下のサイトが詳しく解説しています。Network)を使ったことのない・よく知らないというWebデザイナーさん、Webディレクターさんや企業のWeb担当者の方に向けて、CDNとは?いくら掛かるの?リスクはないの?といった疑問への回答から、実際の設定方法、WordPressサイトでのCDN利用に...knowledge.sakura.ad.jp例えば、jQueryをCDNで参照する場合には、HTMLファイルには以下のように記載します。</body></html>と書くと、どのような場合にCDNを使うか疑問に思うかもしれません。ぺんしるは、CDNはあまり使用しないし、業務でもCDNを使っているのを見たことがありません。理由は、CDNを使うとCDN先のサーバがダウンすると、システムが動かなくなるためです。お客様から以下のような問い合わせがあったとします。)気軽に「このライブラリってどんな風に使うのかな~」程度に使用するにはCDNは良いと思いますが、業務で使用する場合(リリース物)はCDNは使用しないほうが良いと考えています。外部ファイル化とHTML直書きの使い分けどのような場合にJavaScriptをHTMLに直書きするかどのような場合に外部ファイル化するかですが、JavaScriptのコード量が多い場合には、外部ファイル化すべきです。HTMLに大量のJavaScriptを記載するとコードが見づらくなるからです。反対に、JavaScriptのコード量が少ない場合は、HTMLに直書きで良いと考えています。外部ファイル化すると、管理コストが増えるのとhttpリクエストが増えるためです。最後にいかがでしたか?不明点があれば、遠慮なくこちらから質問してくださいね。コピーぺんしるをフォローするぺんしるぺんしるブログ関連記事JavaScriptJavaScriptのtry...catch処理と例外処理はい、ぺんしるです。今日は以下の質問に答えていきたいと思います。JavaScriptのMathクラスは他のクラスと違いコンストラクタはなく、静的メソッドやプロパティしかありません。rou...2019.11.03JavaScriptJavaScriptの文字列の切り出し処理こんばんわ、ぺんしるです。業務をしていると、文字列の中の特定の文字だけ抽出したい場合がよくあります。最初の1文字とか1文字目から3文字目とかです。コンストラクタは、引数からBooleanオブジェクトを作るときに使います。...2019.10.30JavaScriptJavaScriptのオブジェクトこんばんは、ぺんしるです。今日は、JavaScriptのオブジェクトについて解説していきます。この辺から難しくなってくるので、頑張っていきましょう。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。スポンサーリンクプロフィールぺんしる都内で働く肩こり症なエンジニア。F欄大学卒業後に、社員数50人の小企業に入社。プレイングマネージャーをしています。F欄大学卒業後に、社員数50人のブラック小企業に入社。資産運用でFX/wealthnavi/NISA/仮想通貨を実践。投資プロフィール質問はこちらホーム検索トップサイドバースポンサーリンクプロフィールぺんしる都内で働く肩こり症なエンジニア。F欄大学卒業後に、社員数50人の小企業に入社。プレイングマネージャーをしています。F欄大学卒業後に、社員数50人のブラック小企業に入社。資産運用でFX/wealthnavi/NISA/仮想通貨を実践。takazlockタイトルとURLをコピーしました。