- JavaScriptで特殊文字エスケープする3つの方法【htmlspecialchars的実装】JavaScriptにはこういう関数はありません。 HTML特殊文字をエスケープできる関数 PHPのhtmlspecialchars的な関数 だから自作する必要があります。 いくつか方法があったので、 JSで特殊文字エス...
- JavaScriptでのオブジェクトプロパティ削除 deleteの使い方と罠JavaScriptにおけるdelete演算子について これは次の場面で使います。 Objectからキーを削除したい時 Objectと変数の結びつけをなくす時 このdelete演算子は使い方自体は簡単です。 でも少し動作...
- JavaScriptからcanvasにundo・redoを実装してみるJavaScript+Canvasの操作について 元に戻す Undo(アンドゥ) やり直し Redo(リドゥ) この2つは自力での実装が大変です。 ただ便利なライブラリを見つけました。 その名も Undo-Canvas ...
- JavaScriptのclassでprivateな変数・関数を使う方法があった!JavaScriptにも一応classの概念があります。 でも次のような制約がありました。 privateな変数(フィールド)が作れない privateな関数(メソッド)も作れない プロパティは全てpublicになる ま...
- JavaScriptで文字列を一定文字数ごとにチャンク分割するにはこういう場面に遭遇 文字列を一定文字数ごとに分割したい 例えば100文字ごととかの感じで つまり文字列のチャンク分割が必要 少しトリッキーな方法が必要でした。 意外と汎用性も高いと思うので、 文字列を一定文字数ごとに分割...
- JavaScriptからCSS変更する時にimportant指定するにはこういう場面に遭遇 JSから動的にCSSプロパティ指定 その中の1つにimportantをつけたい どうやって付与する・・・? この方法が中々分からず苦戦。 ググると できない と書かれてる記事もありました。 でも当然そ...
- JavaScriptのconsole.logなどをリリース時に全無効化するこういう場面って以外に多いかも console.logでデバッグ出力 デバッグ環境では普通に表示 リリース時には表示無効化したい デバッグ環境だけで表示してほしいです。 そこで自分の記憶の整理も兼ね、 JSでのconso...
- 【JavaScript】CSSなしでテキストを要素幅いっぱいに収めるには正確には「CSSでできない」が正しいです。 残念ながらそういったプロパティもないです。 そこでJavaScriptの力を借りることに といっても便利なライブラリがあったので、ここではJavaScriptでテキストを要素に...
- JavaScriptで動的にフォント読み込みして表示するフォントはCSSから静的に読み込むのが普通 でも動的に読み込みたい場面もあります。 フォントを自由に追加したかったり、 フォントの重要度が低かったり、 ページ読込に負荷をかけないためとか、 そういう時はJavaScrip...
- JavaScriptで画像とかを同期的に読み込む方法&コード例JavaScriptで画像とか読み込む時・・ ▼ こういうコードを書いたりする [crayon-6622ddf1c3b55172944308/] この読込には次の問題点があります。 外側で非同期な読み込みになる ネストが...