MENU
2020/10/22 19:15:22 | PHP/JavaScript
一時期、オブジェクト作成はnewが必要ないという議論がありました。確かに必要ありませんが、newの本質は単なるオブジェクト作成ではありません。そこで今回は、new演算子が何をやっているのかについて解説します。
2020/10/22 17:33:22 | PHP/JavaScript
JavaScriptにはinstanceof演算子というものがある。使用する機会が非常に限られるため、あまり知られていない演算子である。また、知っていても何を行っているかわからないという人も多いだろう。そこで今回は、instanceof演算子について解説してみようと思う。
2020/10/09 13:51:09 | PHP/JavaScript
JavaScriptで文字化けがおこる原因と対処法をお伝えします。
2020/10/07 15:03:07 | PHP/JavaScript
JavaScriptの演算子にインクリメント(Increment)とデクリメント(Decrement)というものがあります。そして、その使用する位置により後置(Postfix)と前置(Prefix)にわけることができます。今回は、インクリメントとデクリメントとは何か、後置と前置の違いについて解説します。
2020/08/06 15:55:06 | PHP/JavaScript
昔はフラグなどの0か1で済んでしまうデータはビットで管理していました。メモリの価格が安くなりコンピューターに大容量で搭載するようになった現在は、ほぼ忘れられたテクニックです。しかし最近になって、JavaScriptでビットを取り使う機会があったので、備忘録的にまとめておきます。
2020/08/04 15:54:04 | PHP/JavaScript
JavaScriptには分割代入という機能がある。はじめて僕がこの機能を知ったとき、何が便利なのか理解できなかった。だがあらためて調べてみると、意外と便利な奴であることがわかった。そこで今回は、分割代入の解説と使いどころについてお伝えしようと思う。
2020/08/04 14:59:04 | PHP/JavaScript
JavaScriptは関数からの戻り値は一つです。しかしロジックの都合上、複数の戻り値を返したいことがあります。その時の代替手段をお伝えします。
2020/08/03 19:33:03 | PHP/JavaScript
JavaScriptで文字列をひらがなからカタカナに、その反対にカタカナからひらがなに変換する方法をお伝えします。関連ツール:UTF-16 文字コード確認ツール
2020/08/03 19:33:03 | PHP/JavaScript
動的にDOM要素を追加したとき、その要素をユーザーの目に入る位置に表示したいことがあります。今回は、その方法をお伝えします。
2020/08/03 19:32:03 | PHP/JavaScript
JavaScriptで文字の入力を監視したいとき、keydownやkeyup・inputなど複数のイベントを使用できます。そこで今回は、それぞれのイベントの違いと、コード例をお伝えします。
2020/07/31 14:34:31 | Windows10
いつからか、Windows10を起動するとChromeが勝手に起動するようになりました。非常に気持ち悪いので、原因と対処法を調べてお伝えします。
2020/07/29 16:55:29 | PHP/JavaScript
JavaScriptでDOM要素を操作する場合、addEventListener()メソッドを使用します。このメソッドの第三引数にtrueをセットしているコードをよく目にします。しかしtrueでもfalseでも同じように動作するので、どんな意味があるのかわからない人も多いのではないでしょうか。そこで今回は、addEventListener()メソッドの第三引数についてお伝えします。
2020/07/29 15:20:29 | PHP/JavaScript
ラジオボタンがクリックされて値が変更されたとき、次のようにすると関数を呼び出すことができる。<input type="radio" name="名前" value="値1" onchange="関数名()" /><input type="radio" name="名前" value="値2" onchange="関数名()" /><input type="radio" name=&quo...
2020/07/27 17:17:27 | PHP/JavaScript
addEventListenerで登録したイベントリスナーの引数は、targetとcurrentTargetというプロパティを持っています。どちらもイベントに関連したDOM要素を指していますが、どのような要素を指しているのかすぐに忘れてしまうのでメモしておきます。■関連記事:【JavaScript】 addEventListener()の第三引数useCaptureの謎
2020/07/27 17:17:27 | PHP/JavaScript
URL.createObjectURL()を実行した後、URL.revokeObjectURL()を実行する必要があります。という説明を見たのだけれど、理由がわからなかったので調べてみました。※この記事はhttps://www.w3.org/TR/FileAPI/から、createObjectURL()とrevokeObjectURL()に関する部分のみを読んで作成しています。つまり僕の理解が浅いです。この記事は厳密な仕様に関するものではなく、考え方として受け取ってください。
2020/07/27 17:17:27 | PHP/JavaScript
僕は今までDOM要素に文字列をセットするときinnerTextを使っていましたが、最近textContentも同じことができると知りました。そこで詳しくネットで調べてみるとかなり古い情報が多く、現在の状況とマッチしていないようです。そこで今回は、innerTextとtextContentおよびinnerHTMLにおいて、今現在(2020/6)はどのような違いがあるのかをお伝えします。
2020/07/27 17:17:27 | PHP/JavaScript
今回はブラウザに画像ファイルをドラッグ&ドロップして、画像のリストを作成します。その後、リストから選択した画像をキャンバスに描画します。関連記事:■【JavaScript】 ファイルをドラッグ&ドロップの基本形■【JavaScript】 テキストファイルをドラッグ&ドロップして内容を表示する■【JavaScript】 ドラッグ&ドロップしたファイルの分割読み込みと16進数表示
2020/07/27 17:17:27 | PHP/JavaScript
今回はブラウザにテキストファイルをドラッグ&ドロップして、その内容を16進数で表示してみます。その際、大きなファイルを読み込んだときブラウザの動作を重くする可能性を考慮して、分割読み込みを実装してみます。関連記事:■【JavaScript】 ファイルをドラッグ&ドロップの基本形■【JavaScript】 テキストファイルをドラッグ&ドロップして内容を表示する■【JavaScript】 画像ファイルのドラッグ&ドロップとimgタグ/canvasへの描画
2020/07/27 17:17:27 | PHP/JavaScript
今回はブラウザにテキストファイルをドラッグ&ドロップして、その内容を表示してみます。その際、UTF-8やシフトJISなどの文字コードが異なるファイルでも読み込めるようにします。関連記事:■【JavaScript】 ファイルをドラッグ&ドロップの基本形■【JavaScript】 ドラッグ&ドロップしたファイルの分割読み込みと16進数表示■【JavaScript】 画像ファイルのドラッグ&ドロップとimgタグ/canvasへの描画
2020/07/27 17:17:27 | PHP/JavaScript
今回はブラウザにファイルをドロップしたときの制御をJavaScriptでおこなってみます。関連記事:■【JavaScript】 テキストファイルをドラッグ&ドロップして内容を表示する■【JavaScript】 ドラッグ&ドロップしたファイルの分割読み込みと16進数表示■【JavaScript】 画像ファイルのドラッグ&ドロップとimgタグ/canvasへの描画