Web備忘録

プログラミングを中心に技術的な事柄を忘れないように書き残します。

aタグのリンクを無効化する方法

aタグ押下時のリンクを無効にしたい aタグ(リンク)押下時にリンク処理を無視したい場合があります。onClick での処理は行いたいけど遷移は無視したい、そんな場合です。その方法を以下に記します。 ページ内リンク(href="#") aタグの遷移先のURLを設定する方法がります。href="#" を aタグ に設定してやれば別ページに遷移させないようにできます。 ただしページ内でのリンクが発生してしますので困ります。 javascript:void(0) &l ...

続きを読む ⇒

[Javascript] ゼロ埋め(ゼロパディング)する方法

javascriptで0埋め(ゼロパディング)する方法 ある数値について、指定桁数まで左にゼロ埋めしたい場合があります。その実現には slice() を利用します。例えば、12 を3桁で0埋めするには次のように書きます。 var a = ("000"+12).slice(-3); // "012" このコードではまず、文字列 "000" とゼロ埋めしたい数 12 を結合し、文字列 "00012" を作ります。それから slice() を利用し ...

続きを読む ⇒

Javascriptで同じ文字列を繰り返す方法

Javascriptで同じ文字列を繰り返す方法 Javascriptで同じ文字列を繰り返して新しい文字列を生成する方法が知りたかったので調べました。例えば "abc" という文字列を3回繰り返した "abcabcabc" という文字列を取得する方法です。 join()を使う方法 空文字を n+1 個持った配列を用意し、繰り返したい文字列を区切り文字とし join することで文字列の指定回数繰り返しを表現できます。 わかりやすくするために 3+1 としています。 ...

続きを読む ⇒

Canvasの縦横比がおかしい

canvasの縦横比がおかしい canvas のサイズを変更して何か描画した際に、サイズの縦横比がおかしくなることがあります。サイズを変更する際に style で変更すると、内部的な描画領域が変更されないため、縦横比が狂います。 canvas のサイズを変更する際には、width属性・height属性で変更する必要があります。 実行結果(縦横比がおかしくなる) <canvas id="canvas1" style="widt ...

続きを読む ⇒

[Javascript] スプレッド演算子(Spread Operator)の使い方

スプレッド演算子とは Javascript(ES6) には スプレッド演算子 (Spread Operator)と呼ばれる演算子があります。これは " ... "(カンマ3つ)で表現され、分割代入(複数値の展開)の為に用いられるものです。検索しにくいですが。 例えば引数を3つ取る関数に配列をスプレッド演算子で展開して渡したりすることができます。具体的には以下のコードを見ます。 複数の引数を持つ関数に配列を展開して渡す 次のコードでは、引数 a, b, ...

続きを読む ⇒