JavaScript(ジャバスクリプト) 【JavaScript】new 演算子とは？基本と使い方について
JavaScriptの「const sample = new Sample('A', 'B', 'C');」という書き方について解説していきます。new 演算子は組み込みオブジェクト型のインスタンスを作成するひとことで言うと「組み込みオブジ...
JavaScript(ジャバスクリプト)
JavaScript(ジャバスクリプト) 
JavaScript(ジャバスクリプト) 【JavaScript】.addEventListener() とは？
JavaScriptを学んでいると「.addEventListener()」がよく出てきますが、よく分からなかったので・・・メモ。.addEventListener()addEventListener() は EventTarget インタ...
JavaScript(ジャバスクリプト) 【JavaScript】document.currentScriptについて
document.currentScriptdocument.currentScriptを実行すると、現在実行しているscript要素を取得することができます。Document.currentScript プロパティは、現在処理中で、 Ja...
JavaScript(ジャバスクリプト) Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML’)
「Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')」というメッセージで詰まってしまいました。このエラー…何？？全体のコード本文の「こんにちは」をH...
JavaScript(ジャバスクリプト) 【Javascript】ルビを削除するブックマークレットを作る方法
HTML上で文字にルビ（ふりがな）が付けられている際に、こちらのルビを消した状態で表示したいと思った時に使える方法です。青空文庫のルビを削除するブックマークレットを作る「ブックマークレート」という機能を使うことで、ルビを消した状態で同じペー...
JavaScript(ジャバスクリプト) 【Javascript】要素をクリックすると表示・非表示を切り替えて吹き出しのようなメニューを表示させる
なんでまた、こんな表現を作りたいと思ったのか自分でも謎ではあるのですが「要素（ボタン）をクリックしたときに、そこに吹き出しのようなメニューを表示させたい」と思ったので、作ってみたいと思います。▶サンプルページはこちらクリックした時に関数を実...
JavaScript(ジャバスクリプト) 【JavaScript】簡易パスワード認証・閲覧制限が掛かったようなページを作る方法
パスワード認証ページを作ろうとした時は、Basic認証を使ったり、PHPでサーバーサイドで処理をさせる…といった方法が通常かと思いますが、Javascriptだけでもそれっぽい感じの「パスワード認証ページ」を作ることが可能です（秘匿性という...
JavaScript(ジャバスクリプト) 【JavaScript】ドラッグ＆ドロップでページ内の画像を動かす方法（要素をドラッグアンドドロップ移動）
画像を「ドラッグアンドドロップで移動」させたい時に使える方法です。マウスクリックした時とドラッグした時、離されたときにイベントを発生させて画像を移動させる処理をJavaScriptで作ってみます。▶サンプルページはこちらDataTransf...
JavaScript(ジャバスクリプト) 【JavaScript】ページを開くと同時に自動で画像を自動で無限ループで切り替える方法｜簡易アニメーション作成・無限ループ
ページを開くと同時に自動で画像を自動で無限ループで切り替える▼デモページはこちら前回は、JavaScriptを使って「クリックして画像を切り替える」というお話をしましたが、今回はページを開いたと同時に画像が動くという仕掛けを作ります。win...
JavaScript(ジャバスクリプト) 【Javascript】マウスをクリックして画像を切り替える方法
マウスでクリックして画像を切り替えたい複数の画像を、マウスをクリックしてJavascriptで切り替えてみたいと思います。▶デモサイトはこちらスクリプト 関数ChangeImage()まずは、変数で配列を作ります。<script type=...
JavaScript(ジャバスクリプト) 【JavaScript】const let var｜再代入・再定義の違いについて
JavaScriptの変数宣言、const・let・varの違いについて。var 再代入可・再定義可var var_a = 10;こちらは「再代入可・再定義可」（緩め）let 再代入可・再定義不可let let_a = 10; こちらは「...
JavaScript(ジャバスクリプト) 【JavaScript入門】新規作成方法｜アラートの表示｜favicon.ico｜console.log
ということで、JavaScriptを作ってみましょう！まずは<script></script>を作ります。window.alert();ブラウザの画面にアラートを表示させます。window.alert("ハロー");画面を表示させると「ハロ...
JavaScript(ジャバスクリプト) 【JavaScript入門】演算子の種類について｜算術演算子
javascriptには、いくつかの演算子がありますが、その中でも基本の演算子となる「算術演算子」について。加算+（プラス）の記号を使います。例：２+１結果：3減算-（マイナス）の記号を使います。例：10-１結果：9乗算*（アスタリスク）の...
JavaScript(ジャバスクリプト) 【JavaScript入門】画面にalertを表示させる方法
JavaScript皆さん、プログラミングやっていますか～＼(^o^)／今回は、プログラミング（JavaScript）のアラートを表示させる方法です！Alertを表示させる<script></script>と書くと、JavaScriptでa...
JavaScript(ジャバスクリプト) 【JavaScript】画面にポップアップされた入力枠に文字列を入力してデータを渡す方法｜prompt();
prompt();画面にポップアップが表示されて、文字列や値が入力できるようになります 。<!DOCTYPE html><html> <head> <script> message=prompt(); alert(message); </s...
JavaScript(ジャバスクリプト) 【JavaScript】外部ファイルをHTMLに読み込んだときの文字化けの対処法
文字化け？調べていると、どうやらHTMLで使われている文字コードと、外部参照している（この場合JSファイル）の文字コードが違うためにこの問題が発生しているようです。外部JavaScript → Shift-JIS JSP（HTML） → ...
