??= 変数が null または undefined の場合のみ代入処理が行われる。 let a = null; a ??= ‘hello’; console.log(a); // => hello let b = ‘world’; b ??= ‘hello’; console.log(b); // => world let c; c ??= ‘hoge’; console.log(c…続きを読む
JavaScript String.prototype.padStart メソッドで任意の文字列によるパディングを行える。 for (let i = 0; i < 10; i++) { console.log((i + ”).padStart(3, ‘0’)); } PHP str_pad 関数で任意の文字列によるパディングを行える。 $pad_type は STR_PAD_RIGHT, …続きを読む
「Swiper – Most Modern Mobile Touch Slider」の使い方メモ。 ナビゲーション・ページネーション付きスライド デモ コード HTML <div class="swiper-demo-1 swiper-container" id="swiper-demo-1"> <div class="…続きを読む
WordPress のフォームプラグイン MW WP Form の v4 でフィールドを書き換えることができるようになっていたので、Vue.js 2.x の UI コンポーネントの Element を使って datepicker をカスタマイズしてみる。 プラグインディレクトリからフィールド定義ファイルをテーマにコピーして書き換える。 wp/wp-content/plugins/mw-wp-for…続きを読む
AngularJS: input.radio のサンプルを参考にして、ng-repeat を使って input をループで作ろうとしたら、結果の出力が変わらない状態になってしまった。 ng-repeat がスコープを生成するために、ng-model に設定した変数がスコープ内のローカルなものになってしまうためらしい。 そこで、$parent を使うと親のスコープへアクセスすることができ、結果の出力…続きを読む
JsHint を使って Vim で JavaScript のコードチェックを行った際のメモ。 MacPorts で Node.js をインストールする $ sudo port install nodejs MacPorts で npm をインストールする パッケージ管理ツールの npm をインストールする。 $ sudo port install npm npm で jsHint をインストールす…続きを読む
jQuery の DOM 操作メソッドの挙動の違いについてのまとめ。 以下の例の DOM 要素に対して、jQuery の DOM 操作メソッドを使って処理を行い、その挙動の違いについて調べてみた。 <div id="box" class="box"> <div>サンプルテキスト1</div> <div>サンプル…続きを読む
指定した HTML の要素にマウスホバーすると、隣接するツールチップのレイヤー要素をスライドアップして表示することができる jQuery plugin を作った。 <p>mouse over <span class=”note”>me!</span><span class=”tooltip0″>hello, world!</span>&l…続きを読む
メールアドレスの文字列をランダムに数値文字参照形式にエンコードするブックマークレット。 Encode Mail Address javascript:(function(){var a=prompt(‘input your mail address’,”);if(a.length!==0){for(var b=”,c=0,d=a.length;c<d;c++)b+=a[c]===’@’?…続きを読む
HTML5 Canvas でバケツツールによる塗り潰しを実現するために、スキャンライン・シードフィル (Scan Line Seed Fill) というアルゴリズムを使ってみた。 アルゴリズムの詳細については、以下のサイトを参考にした。 参考：ActionScript入門Wiki@rsakane – 塗りつぶしアルゴリズム(スキャンライン – シードフィル編) ペイン…続きを読む