[Webpack] 環境構築入門
Webapackとは Webpack とは、webアプリケーションにおけるリソース(javascript等)の依存関係を解消し、配布用のアセット(bundleファイル)を生成するビルドツールです。javascript以外にもcssやAltjsにも対応できるため非常に便利です。 使うとどうなる? 例えばjavascriptが複数のファイルA,Bから構成される場合、これらをくっつけて1つのファイルを生 […]
Web備忘録 プログラミングを中心に技術的な事柄を忘れないように書き残します。
Webapackとは Webpack とは、webアプリケーションにおけるリソース(javascript等)の依存関係を解消し、配布用のアセット(bundleファイル)を生成するビルドツールです。javascript以外にもcssやAltjsにも対応できるため非常に便利です。 使うとどうなる? 例えばjavascriptが複数のファイルA,Bから構成される場合、これらをくっつけて1つのファイルを生 […]
Typescriptとは Typescriptとは、マイクロソフト謹製のオープンソースのプログラミング言語です。AltJSと呼ばれる言語の一種で、TypescriptをコンパイルすることでJavascriptのコードに変換できます。Javascriptのスーパーセット(上位互換)であり、既存のJavascriptがそのままTypescriptとして扱えるのはもちろん、静的な型付け機能や、クラス・継 […]
Javascriptの配列操作方法まとめ Javascriptでの配列に対する操作方法をまとめます。 配列の生成 配列を生成するには Arrayコンストラクタ もしくは 配列リテラル を使います。 コンストラクタによる生成 new Array(n) で要素数nの配列を生成できます。 new Array(item1, item2, …) で配列の生成と同時に値を初期化します。引数なしの場 […]
Javascriptで数値のみ入力可能にする 通常の input type=’text’ に対し、半角数字のみの入力を可能になるような制御を、Javascript で実装します。 実装方法は単純です。input の onKeyupイベント で正規表現で半角数字以外の文字について空文字に置換します。 実装例 <input type="text" on […]
Javascriptで配列をシャッフルあるいはランダムソートする方法をまとめます。アルゴリズムはフィッシャーイェーツを使います。