JavaScript JavaScriptでURIをエンコード、デコードする JavaScriptでURIをエンコード、デコードする encodeURI() URIをエンコードするにはencodeURI()メソッドを使用します。 const moji = encodeURI('あいうえお') console.log(... 2023.02.17 JavaScript
JavaScript JavaScriptで前ゼロ(先行ゼロ)を付ける JavaScriptで前ゼロ(先行ゼロ)を付ける padStart 文字列型のpadStart()メソッドを使用して前ゼロを付けます。 4桁の数値にする例です。 const str = '5' const pad = str.padStar... 2023.02.16 JavaScript
JavaScriptのロジック JavaScriptで日付文字列をフォーマットする(yyyy-mm-dd,mm/dd,yyyy/mm/dd) JavaScriptで日付文字列をフォーマットする(yyyy-mm-dd,mm/dd,yyyy/mm/dd) 2022.10.05 JavaScriptのロジック
JavaScriptのロジック JavaScriptで不定な配列を一定数の二次元配列に変換する JavaScriptで不定な配列を一定数の二次元配列に変換する 2022.03.31 JavaScriptのロジック
DB2 node.jsでdb2に接続 node.jsでdb2に接続 node.jsからIBMのDB2にアクセスしてみます。 環境 項目 バージョン node v10.15.3 npm 6.4.1 ibm_db 2.5.2 install node.jsでDB2にアクセスするには... 2019.07.19 DB2JavaScriptnode.js
Amplify AWS Amplifyを使って静的ファイルを扱う AWS AmplifyのStorageを利用して静的ファイルを扱います。 Authenticationを利用した認証については、以下を参照してください。 1.AWS Amplifyを使ってサインインを実装する-1 2.AWS Amplify... 2019.07.17 AmplifyAWSJavaScriptvue.js
JavaScript JavaScriptで現在地を取得したり追跡したりする方法 JavaScriptで現在地を取得したり追跡したりする方法 navigator.geolocation.getCurrentPositionメソッドを使えばブラウザから現在地を取得することができます。 これで許可すると緯度と経度の情報が取得... 2019.05.11 JavaScript
JavaScript ag-gridのLoadingオーバーレイをカスタマイズ。 ag-gridのLoadingオーバーレイをカスタマイズ。 ag-gridのデフォルトはLoadingと文字が表示されますが、今回は簡単に簡単なLoadingを実装する。で紹介したepic-spinnersを利用してみます。 Loading... 2019.05.11 JavaScriptvue.js
JavaScript ag-gridでソートやフィルタを利用する。 ag-gridでは簡単にソートやフィルタを利用することが可能です。 簡単に追加可能ですので、ag-gridの列幅をgrid幅に合わせて表示する。のコードに追加してみましょう。 ソートを追加する。 enableSortingを指定をtrueに... 2019.05.11 JavaScriptvue.js
JavaScript ag-gridの列表示をCellRendrerを作成して変更する。 ag-gridの列表示をCellRendrerを作成して変更する。 ag-gridでは列の表示方法を変更することが可能です。 また、vue,react,angularなどを利用して作成することが可能となっています。 今回は、vueを使用して... 2019.05.11 JavaScriptvue.js
JavaScript 簡単にLoadingを実装する。 簡単にLoadingを実装する。 vue.jsコンポーネントとして提供しているepic-spinnerを使用すると、簡単にかっこいいLoadingを実装できます。 epic-spinnerをインストール npm installするだけです。... 2019.05.11 JavaScriptvue.js
Chrome ChromeのJSコンソールが便利です ChromeのJSコンソールが便利です 昔、node.jsの開発していた時にChromeの開発者ツールのコンソールを使ってJSを書いていたのでご紹介です。今更ですが、、。 Chromeを起動して、F12を押します。開発者ツールが開くので「c... 2019.04.19 ChromeJavaScript
Chrome Chrome,IEでAタグで画像をダウンロードする方法 Chrome,IEでAタグで画像をダウンロードする方法 Aタグにdownload属性っていうのがありまして(昨日知りました)これでAタグをクリックすると画像でもなんでもhrefで指定したリソースをダウンロードすることができます。 <a hr... 2018.12.05 ChromeIEJavaScript
JavaScript javascrip:void(0)の意味を今更ながら調べました(javascript) javascript:void(0)の意味を今更ながら調べました アンカータグのhrefにjavascript:void(0)と何げなく使っていましたが、ちゃんと意味を調べてみました。 アンカータグを無効にするというそれだけです。ただし、カ... 2018.09.28 JavaScript
JavaScript ag-gridで列を消せるけど邪魔。 ag-gridでヘッダー列をドラッグしてgrid外に移動させると、列を消すことが可能です。 しかし、消されたくはないので、消えないようにする方法を記載します。 列削除を無効にする。 列削除を無効にするには、suppressDragLeave... 2018.09.02 JavaScriptvue.js
JavaScript ag-gridの列幅をgrid幅に合わせて表示する。 前回記事のag-gridで大量データを軽快に表示する。で作成したgridは、各列が左に詰まっており、右に無駄なスペースができます。 そこで、今回はgridの幅に合わせて列幅を大きくします。 列幅をgridに合わせる GridAPI size... 2018.09.02 JavaScriptvue.js
JavaScript ag-gridで大量データを軽快に表示する。 ag-gridで大量データを軽快に表示する。 ag-gridは高機能なグリッドライブラリで、大量データでも軽快に動作します。(デモ) Vue.js,React,Angularなどに対応しているため、簡単に利用することができます。 今回はこの... 2018.09.02 JavaScriptvue.js
JavaScript numeral.jsで数値のformat変換 数値のformatを変換するのに便利な、numeral.jsを紹介します。 例えば、3桁区切りに変換などは簡単に実装できます。 numeral.jsインストール インストールにはnpm installを利用します。 npm install ... 2018.09.02 JavaScript
JavaScript JavaScript(TypeScript)のObject.keysの使い方 JavaScript(TypeScript)のObject.keysの使い方 Object.keysを時々使いますが、メモってなかったことに気づいたのでメモです。 Object.keysの引数にはオブジェクトを渡します。そのオブジェクトの列... 2018.08.11 JavaScriptTypeScript
JavaScript JSのforEach文の使い方とコールバック関数 JSのforEach文の使い方とコールバック関数 JSの配列にはforEach文が存在します。 let arr = ; arr.forEach((data,i,arr) => { console.log(i); }); forEachの引数... 2018.07.22 JavaScriptJavaScriptのロジック
JavaScript [vue.js]単一ファイルコンポーネントでコンポーネントを定義 vue.jsではコンポーネントを定義する方法として、単一ファイルコンポーネントがあります。 これは、1コンポーネントを1ファイルで管理することができる物となります。 このファイルでは、コンポーネントで使用するHTML,javascript,... 2018.06.03 JavaScriptvue.js
JavaScript 日時を扱うmoment.js moment.jsは日付を扱うライブラリです。フォーマット・差分・演算などの機能があります。 環境 項目 バージョン node 9.11.1 moment.js 2.22.1 インストール npm install --save moment... 2018.05.26 JavaScriptnode.js
JavaScript util.promisifyでコールバックスタイルからPromiseに変換 node.jsが提供するutil.promisifyの使い方を記載します。 ※async/awaitの使い方で既に利用しています。 util.promisify? コールバックを必要とする関数をPromiseに変換するutilです。 制約 ... 2018.04.21 JavaScriptnode.js
JavaScript vue-cliを使ってvue.jsを使ったプロジェクトの開発環境を整える vue-cliはvue.jsを使用したプロジェクトの開発環境を作成する公式のツールです。 環境 項目 バージョン node.js 8.11.1 vue-cli 2.9.3 注意 vue.js + typescriptについては記載していませ... 2018.04.01 JavaScriptvue.js
ECMA Script6 JSのvarはほぼ非推奨で良いと思う JSのvarはほぼ非推奨で良いと思う JSの言語仕様がこれだけ変わっていくと、もはやvarなんて使うことはないような気がします。 letかconstで代用できます。さらに言うとconstだけでも良いような気がしてきます。 再代入するものに関... 2018.03.29 ECMA Script6JavaScript
JavaScript Redux 入門 Redux とは state(状態)を管理することに特化した、ライブラリです。 React.js を利用していると、コンポーネントに state が含まれ状態の管理が複雑になります。 Reduxでstateを一元管理し、コンポーネントとst... 2018.02.05 JavaScriptreact.jsredux
JavaScript React.js入門 React.js とは Facebook が開発した、UI パーツを作成するライブラリです。仮想 DOM という仕組みを採用し、ページの表示をはやくしています。 前提 node.js がインストールされていること。 環境 記事作成時の環境を... 2018.01.30 JavaScriptreact.js
JavaScript JavaScriptの浮動小数点数型の誤差をなくす JavaScriptの浮動小数点数型の誤差をなくす JavaScriptの浮動小数点数型の計算をすると誤差が生じます。 以下計算をしてみます。 let a = 1051.8; console.log(a / 10);// 105.17999... 2017.12.28 JavaScript
JavaScript JavaScriptでclass構文で定義したクラスのメソッドを列挙する方法 JavaScriptでclass構文で定義したクラスのメソッドを配列で列挙する方法です。 まずクラスを定義します。 class ClassObj { test() { return true; } } Object.getOwnProper... 2017.12.24 JavaScript
JavaScript JavaScriptでJSON配列をグルーピングする方法(reduce) JavaScriptでJSON配列をグルーピングする方法(reduce) JSON配列をグルーピングする方法です。JSON配列は以下とします。 const arr = [ { 名前: 'あじ', 分類: '魚', 価格: 200 }, { ... 2017.10.06 JavaScript
JavaScript JSDdocの書き方 JSDdocの書き方です。 /** * 説明 * @param{String} userId ユーザId * @param{boolean} flg フラグ * @return {object} promiseオブジェクト */ 上記のよう... 2017.10.03 JavaScript
JavaScript キャッシュを読み込まずに外部jsを必ず読み込ませる キャッシュを読み込まずに外部jsを必ず読み込ませる キャッシュを読み込まずに外部jsを必ず読み込ませる方法です。 「キャッシュのせいだから再読込して」と毎回言わなくて済むようにする記述方法 上記サイトが大変詳しく書いてありました。 外部js... 2017.06.26 JavaScript
JavaScript JavaScriptをオブジェクト指向で使用する JavaScriptをオブジェクト指向で使用する方法です。 クラスという概念があり、newできたりします。 a.jsファイル内に以下を記述します。 function test() {} これで、test.prototypeが自動生成されます... 2017.06.22 JavaScript
JavaScript JavaScriptのオブジェクト指向 JavaScriptのオブジェクト指向について簡単にまとめました。 Javaで言うクラスはfunctionを使って定義します。nameはプロパティです。 var Sample = function(name){ this.name = na... 2016.06.26 JavaScript
JavaScriptのロジック JavaScriptの配列から条件に一致する要素を取得する JavaScriptの配列から条件に一致する要素を取得する 2016.03.04 JavaScriptのロジック
JavaScript JavaScriptでJSON配列を特定のキーでグルーピングする方法(reduce) JavaScriptでJSON配列を特定のキーでグルーピングする方法(reduce) JSON配列をグルーピングする方法です。JSON配列は以下とします。 [{'code':1,money:100,name:'卵'}, {'code':1,... 2016.02.05 JavaScript
JavaScript JavaScriptでクラス定義 JavaScriptでクラス定義 JavaScriptではnew演算子がありますが、クラスというのは存在しません。 newするとコンストラクタからインスタンスを生成します。 function Car(speed,color){ this.s... 2015.11.14 JavaScript
JavaScriptのロジック JavaScriptの関数宣言と関数式 JavaScriptの関数宣言と関数式 JavaScriptの関数宣言と関数式についてです。 関数宣言はそのままです。 // 関数宣言 function a() { return 'a'; } 関数式とは、関数宣言を変数に格納する式を言いま... 2015.11.14 JavaScriptのロジック
JavaScriptのロジック JavaScriptの文字列’false’はtrueになる JavaScriptの文字列'false'はtrueになる JavaScriptで文字列の'false'はtrueと判断されてしまいます。 Boolean('false');としてもtrueになるので注意ですね。 <script type=... 2015.11.13 JavaScriptのロジック
JavaScript form要素にid指定してコントロール部品を操作する form要素にid指定してコントロール部品を操作する form要素にid指定してコントロール部品を操作します。 <form id="testForm"> <input type="button" onClick="test(testForm... 2015.11.03 JavaScript
JavaScriptのロジック JavaScriptで文字列を含む判定するindexOf JavaScriptで文字列を含む判定するindexOf JavaScriptで文字列を含む判定するにはindexOfを使います。 indexOfの戻り値が-1の場合含まない、それ以外は含みます。正確には文字位置を返します。 <script... 2015.10.24 JavaScriptのロジック
JavaScript JavaScriptのキャッシュを削除する方法 JavaScriptのキャッシュを削除する方法 JavaScriptのキャッシュを削除する方法です。 ブラウザでF5を押したり、Ctrl + F5を押したりして消えることがあります。 これでも消えない場合は、IEの場合ですが、F12を押して... 2015.10.24 JavaScript
JavaScript JavaScriptで配列をソートする JavaScriptで配列をソートする JavaScriptで配列をソートするにはsort()を使います。 var arr = ; arr.sort(); alert(arr); デモです。 1,11,2の結果になります。 1,2,11とし... 2015.09.27 JavaScript