エンコードandデコード

どっちがどっち？と確実に毎回悩むこのセット。パラメータ関連でよく出会います。 Javascriptで片付けちゃうよ！エンコードする（例：「あ」➛「%E3%81%82」）encodeURI( エンコードしたいURI ); https://www.aaa.com/あ ↓ https://www.aaa.com/%E3%81%82予…

2022-07-12

Javascriptオブジェクト内のプロパティ数がほしい。

私の仕事 web制作 JavaScript コーディング javascript入門

var items = { "pen" : 80, "book": 450 };itemsの中にプロパティがいくつあるのかほしい！数を求めるといえばlengthだ！！！console.log(items.length);➛➛➛ undefined( ◜ω◝ ) ｱﾋﾝオブジェクトではObject.keys()メソッドを使うObject.keys()にlengthをつけ…

2022-07-12

終わったらやる「Promise」

私の仕事 web制作 JavaScript コーディング javascript入門 promise

最近なるべくjQueryではなくバニラJSを書くように心がけている私ですこんにちは。 Javascriptって、大体は書いた順に上から処理してくれるイメージですが実は同時進行タイプ（正しくは非同期言語）なのでちょっと時間のかかる処理を挟むと、他の処理を先に…

2022-05-23

場合分けのswitchで引っかかった。

私の仕事 web制作 JavaScript コーディング jQuery javascript入門

const contents = location.pathname.split('/').slice( -2, -1); let itemName = 'リスト'; switch (contents) { case 'title': itemName = 'タイトル'; break; case 'btn': itemName = 'ボタン'; break; ・・・・・・ }現在地のディレクトリ名を取得その…

2022-02-04

繰り返し処理「times()」

web制作 JavaScript コーディング

for~ とか each とかは知っていたけど今回はじめて知った繰り返し処理の書き方のメモ。function consMemo( txt ){ console.log( txt ); }; // 3回コンソールに表示。 var hyouji = _.times( 3, consMemo );シンプル＆わかりやすくて好き。うん。と、思ってい…

2022-02-01

javascriptで画面サイズ（幅・高さ）を取得する

web制作 JavaScript css コーディング jQuery

スクロールバーやアドレスバーを含まない$(window).width() document.documentElement.clientWidth; $(window).height() document.documentElement.clientHeight;スクロールバーやアドレスバーを含む値がアドレスバーの出現等によって動的に変化しますwindow…