カテゴリー:Javascript

1/2ページ

Javascriptで配列をソートする方法

Javascriptでソートを行う方法 Javascriptで配列をソートするには、sort() を使用します。使用方法は以下の通りです。 文字列の配列をソートするサンプル // sort()で文字列の配列をソートする。 var array = ['C', 'B', 'D', 'E', 'A']; var sorted […]

  • 2017.11.06

[jQuery] on() で後から追加した要素にもイベントを定義したい

jQueryで後から追加された要素にもイベントを発火したい jQueryで “$(‘button’).on(‘click’, function() { … });” みたいな感じで、たとえばボタンクリックのイベントを定義したとします。この定義時点で存在していたボタンにはクリック時の処理が追加されますが、あとからJa […]

[VSCode] Cordovaの開発環境構築

VSCodeでのCordovaの開発環境構築 Cordovaを使ったハイブリッドアプリの開発環境構築方法をまとめます。 WindowsOSであれば、Visual Studioを使って開発環境を構築するのが良いと思います。 VSでの開発用参考リンク 第1回 Apache Cordovaでできること (1/6) Visual Studio 2015で進化するCordovaアプリ開発環境 ですが今回はM […]

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

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

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

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

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

Javascriptで同じ文字列を繰り返す方法 Javascriptで同じ文字列を繰り返して新しい文字列を生成する方法が知りたかったので調べました。例えば “abc” という文字列を3回繰り返した “abcabcabc” という文字列を取得する方法です。 join()を使う方法 空文字を n+1 個持った配列を用意し、繰り返したい文字列を区切り文字と […]

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

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

[Webpack] 環境構築入門

Webapackとは Webpack とは、webアプリケーションにおけるリソース(javascript等)の依存関係を解消し、配布用のアセット(bundleファイル)を生成するビルドツールです。javascript以外にもcssやAltjsにも対応できるため非常に便利です。 使うとどうなる? 例えばjavascriptが複数のファイルA,Bから構成される場合、これらをくっつけて1つのファイルを生 […]

[Typescript] 開発環境構築入門

Typescriptとは Typescriptとは、マイクロソフト謹製のオープンソースのプログラミング言語です。AltJSと呼ばれる言語の一種で、TypescriptをコンパイルすることでJavascriptのコードに変換できます。Javascriptのスーパーセット(上位互換)であり、既存のJavascriptがそのままTypescriptとして扱えるのはもちろん、静的な型付け機能や、クラス・継 […]

[JS] 配列の操作まとめ(要素の追加、削除他)

Javascriptの配列操作方法まとめ Javascriptでの配列に対する操作方法をまとめます。 配列の生成 配列を生成するには Arrayコンストラクタ もしくは 配列リテラル を使います。 コンストラクタによる生成 new Array(n) で要素数nの配列を生成できます。 new Array(item1, item2, …) で配列の生成と同時に値を初期化します。引数なしの場 […]