ブログ記事にアフィリエイト広告（HTMLコード）を掲載する場合、広告の内容や位置を簡単に変えられるようにしておくと便利ですよね。
JavaScriptを使ってコードを挿入すると、そういった管理がとても楽になります。

この記事ではHTMLコードを要素の前後に挿入する方法を紹介します。

＊ボタンクリックでテキストをクリップボードにコピー＊

お店の住所など、テキスト情報をコピーしてどこか別の場所に貼り付けたいことってありますよね。
クリップボードへのコピーはJavaScriptで行うことができます。

本記事ではクリップボードへのコピー方法について解説しています。

＊スクロールで現れるトップへ戻るボタン＊

画面がある程度スクロールされた…という検知はHTML/CSSではできず、JavaScriptでしか処理できません。

今回は、『ある程度スクロールされたことを検知するプログラム』を使って、スクロール量によって表示⇔非表示が切り替わるトップに戻るボタンを実装してみましょう！

＊ハンバーガーメニュー実装のポイント＊

スマホ版Webサイトではナビゲーションメニューを表示しておくスペースがないので普段は隠しておき、ボタンタップでメニューが表れる仕組みが一般的です。
この記事では、そういったメニューの実装のポイントをお伝えします。

＊DOM操作の基本についてです＊

JavaScriptを使うと、HTMLを直接編集しなくてもプログラムでHTMLを動的に操作（テキストの書き換えや、属性の変更、要素の生成・削除など）することができます。

今回はDOM操作の手順と方法について、基礎の部分を簡単にお伝えします。

＊JavaScriptの配列・オブジェクトを使って複数のデータを格納・確認する方法です＊

例えば会員登録をする際、氏名の他にメールアドレスやパスワードを設定することが多いと思います。
このように複数のデータがある場合は、データを【配列】や【オブジェクト】の形式にすることで、管理が容易となります。

この記事では、配列・オブジェクトを使った複数データの格納についてお伝えします。

＊JavaScriptでデータを格納・確認する方法についてです＊

JavaScriptでは様々なデータを取り扱うことが可能です。
その第一歩として、まずはデータを定数/変数と呼ばれる入れ物に格納し、格納したデータを確認することから始めてみましょう！

＊JavaScriptのコードを記入する場所について＊

JavaScriptを動かしてみたいと思っても、どこにコードを書いたら良いのかがわからないとできませんよね。

サンプルプログラムを書き込んだりする前に、まずはコードの記入場所や位置について学んでいきましょう！

＊JavaScriptの概要についてです＊

JavaScriptはWebページに動きや機能をつけることができるプログラミング言語です。

この記事では、そもそもプログラムとは？という基本的なところから解説していきます。