Web備忘録

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

[Ionic3]開発環境構築方法

Ionicとは Ionic Ionicとは、モバイルアプリケーションを構築するためのWebコンポーネントを提供する UI Framework です。Ionicは Apache Cordova 上に構築されることを想定されているため、ハイブリットアプリの開発に用いられます。具体的には以下のような技術を利用しながら開発を行うことになります。 Apache Cordova Angular Sass Typescript 初期の学習コ ...

続きを読む ⇒

[JS] アドレスバーのURLを動的に書き換える方法

JavascriptでURLを書き換えたい 通常のWebでは、URLの変更とページ更新はセットです。ただし、シングルページアプリケーション(SPA)などでは、同一ページのコンテンツを非同期に書き換えたりします。したがってコンテンツの書き換えに従いURLも書き換わらなければなりません。 URLの書き換えも非同期に行わなければ画面の再読み込みが発生してしまいます。もちろんURLの書き換えを行うことで、URLの閲覧履歴にも追加されるので、[戻る]や[進む]でページ遷移も可能にな ...

続きを読む ⇒

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 としています。 ...

続きを読む ⇒