-
JavaScriptで年齢計算して「○歳○ヵ月○日」みたいに表示例えばこの記事を書いてる現在は 2019年10月22日 、 そして僕の誕生日を仮に 1995年01月01日 とします。 そのときJavaScriptを使って、こういう風に表示してみたかったんです。 [crayon-67...
-
JavaScriptでの rem ⇔ px に変換するテクニック&コード例CSSでよく出てくる単位といえば、次の2つ px : ピクセル単位 rem : 相対的なサイズ この2つを互いに変換したいことがありました。 意外と簡単なやり方があったので、 ここでは JavaScriptで rem ⇔...
-
JavaScriptで配列の重複チェックを超簡単&スマートにやる方法たとえばJavaScriptで配列を扱っているとき、、、 同じ値を含めたくない、 重複してないか確認したい 、、、みたいな場面がありました。 一番簡単なのは [crayon-67ee8fa51ed57341778681-...
-
JavaScriptのコールバックで クラスthis が参照できないの解決策JavaScriptの [crayon-67ee8fa51f950724221925-i/] ってオブジェクト指向と相性が悪い・・・ 最近JSでクラス(class)を使っていて、そう感じる場面がありました。 そこでJa...
-
switch文を使わない 代わりの方法 をJavaScriptで本気で考えてみたご存知のように switch文は危険がいっぱいです。 別に気を付ければいいだけだけど、使わない方がメリットはどちらかと言えば多めです。 (もちろんswitch文にもメリットはあるけど、やっぱりできれば使いたくない) そこ...
-
removeEventListener が効かない・消えないときの原因&対処法JavaScript を使ってるとイベント関係で次のトラブルに悩まさること多いです。 addEventListenrでリスナー登録 removeEventListenerで解除する アレ?なぜか削除が効いてない...? ...
-
【JavaScript】blocked by CORS policy エラーの簡単な解決法たとえば Ajax とか XMLHttpRequest とか Fetch API とか・・・ それで外部スクリプトを呼び出そうとすると起こるのが次のエラー [crayon-67ee8fa521801032767518/...
-
JavaScriptでリンクから画像を手動・自動ダウンロードする方法例えば画像素材サイトとかだと・・・ 素材ページに飛んだら、自動でダウンロードみたいな機能がついてると思います。 こういう自動ダウンロードは意外と簡単に実装できます。 ここでは JavaScript、jQuery 両方での...
-
JavaScriptで画像をbase64形式のURLに変換するやり方画像データを直接送れない場面・・・ 例えば画像そのものをPOST送信するときとか、URLに変換したいときとか そんなときに 画像データを base64形式 に変換する方法 をまとめました。 難しそうと思ってたけど、Jav...
-
【JavaScript】Fetch APIの使い方とか注意点とか、、、最近知ったけど、最新のJSだと Fetch API っていうのが使えるみたいです。 使ってみたら、確かに便利ですね。Ajax 的な感覚で使いやすい ただいくつか注意しなきゃいけないこともありました。 そこで自分の記憶の整...