【JavaScript 初めの一歩!超初心者向け】ファイルの読み込みと、よく使うconsole.logやalertについて

  • マンツーマン
    個別講義開催中!

    エラーの解消から、
    実装方法まで丁寧に教えます!
    講師が答えられるなら、
    基本的にどんな内容でも
    OK!

    詳細はこちら!
  • 質問し放題プラン!
  • スクール形式講義も

    プロを目指したい方
    講義を何回も受けたい方はこちら!
    個別のカリキュラムを作成し、
    長期的にサポート!

    詳細はこちら!
  • discordコミュニティ
JavaScriptの初歩的な部分、特にファイルの読み込みやよく使われる機能について紹介していきます。
JavaScriptのコードはHTMLが読み込まれた後に読み込むことで、エラーを防ぐことができます。さらに、「console.log(コンソールログ)」という便利な機能でログの確認も可能です。

JavaScriptを使う際、最初に設定する「インデックスhtml」や「スクリプトのファイル」を作成する方法を学びます。
JavaScriptを読み込む方法には色々あるのですが、主に使われる方法として、HTMLの「bodyタグ(ボディタグ)」の前に<script>タグで読み込む方法があります。
src属性でJavaScriptのファイルパスを指定することで、そのJavaScriptファイルが読み込まれます。
HTMLが完全に読み込まれてからJavaScriptを読み込むことで、HTMLの要素をJavaScriptから操作する際のエラーを防ぐことができます。このため、<script>タグは基本的にはbodyタグの直前に置くのがおすすめです。
近年の書き方としては、defer属性を使う方法もある。これを用いると、HTMLが全部読み込まれた後でJavaScriptを読み込むことが指定でき、よりシンプルに記述が可能となります。
JavaScriptでのデバッグや確認には「console.log」が非常に便利です。これにより、ブラウザのコンソールに任意のメッセージや変数の内容を表示することができます。

「Visual Studio Code」は、マイクロソフトが提供する無料のコードエディタで、多機能かつ拡張性が高いため、多くの開発者に利用されています。
JavaScriptはHTMLやCSSとともに、Webページの動的な部分を制御するための言語です。初心者の方は、基本的な読み込みの仕方や、よく使う機能をしっかり学ぶことで、次のステップに進む準備ができます。