JavaScript

JavaScriptのロジック

JavaScriptで不定な配列を一定数の二次元配列に変換する

JavaScriptで不定な配列を一定数の二次元配列に変換する
DB2

node.jsでdb2に接続

node.jsでdb2に接続 node.jsからIBMのDB2にアクセスしてみます。 環境 項目 バージョン node v10.15.3 npm 6.4.1 ibm_db 2.5....
Amplify

AWS Amplifyを使って静的ファイルを扱う

AWS AmplifyのStorageを利用して静的ファイルを扱います。 Authenticationを利用した認証については、以下を参照してください。 1.AWS Amplifyを使ってサインインを実装する-1 2.AWS Ampli...
JavaScript

JavaScriptで現在地を取得したり追跡したりする方法

JavaScriptで現在地を取得したり追跡したりする方法 navigator.geolocation.getCurrentPositionメソッドを使えばブラウザから現在地を取得することができます。 これで許可すると緯度と経度の情...
JavaScript

ag-gridのLoadingオーバーレイをカスタマイズ。

ag-gridのLoadingオーバーレイをカスタマイズ。 ag-gridのデフォルトはLoadingと文字が表示されますが、今回は簡単に簡単なLoadingを実装する。で紹介したepic-spinnersを利用してみます。 Loadi...
JavaScript

ag-gridでソートやフィルタを利用する。

ag-gridでは簡単にソートやフィルタを利用することが可能です。 簡単に追加可能ですので、ag-gridの列幅をgrid幅に合わせて表示する。のコードに追加してみましょう。 ソートを追加する。 enableSortingを指定をtru...
JavaScript

ag-gridの列表示をCellRendrerを作成して変更する。

ag-gridの列表示をCellRendrerを作成して変更する。 ag-gridでは列の表示方法を変更することが可能です。 また、vue,react,angularなどを利用して作成することが可能となっています。 今回は、vueを使用し...
JavaScript

簡単にLoadingを実装する。

簡単にLoadingを実装する。 vue.jsコンポーネントとして提供しているepic-spinnerを使用すると、簡単にかっこいいLoadingを実装できます。 epic-spinnerをインストール npm installするだけ...
Chrome

ChromeのJSコンソールが便利です

ChromeのJSコンソールが便利です 昔、node.jsの開発していた時にChromeの開発者ツールのコンソールを使ってJSを書いていたのでご紹介です。今更ですが、、。 Chromeを起動して、F12を押します。開発者ツールが開くので...
Chrome

Chrome,IEでAタグで画像をダウンロードする方法

Chrome,IEでAタグで画像をダウンロードする方法 Aタグにdownload属性っていうのがありまして(昨日知りました)これでAタグをクリックすると画像でもなんでもhrefで指定したリソースをダウンロードすることができます。 &lt...
JavaScript

JavaScriptで特定のエリアのみを印刷する方法

JavaScriptで特定のエリアのみを印刷する方法
JavaScript

javascrip:void(0)の意味を今更ながら調べました(javascript)

javascript:void(0)の意味を今更ながら調べました アンカータグのhrefにjavascript:void(0)と何げなく使っていましたが、ちゃんと意味を調べてみました。 アンカータグを無効にするというそれだけです。ただし...
JavaScript

ag-gridで列を消せるけど邪魔。

ag-gridでヘッダー列をドラッグしてgrid外に移動させると、列を消すことが可能です。 しかし、消されたくはないので、消えないようにする方法を記載します。 列削除を無効にする。 列削除を無効にするには、suppressDragLea...
JavaScript

ag-gridの列幅をgrid幅に合わせて表示する。

前回記事のag-gridで大量データを軽快に表示する。で作成したgridは、各列が左に詰まっており、右に無駄なスペースができます。 そこで、今回はgridの幅に合わせて列幅を大きくします。 列幅をgridに合わせる GridAPI si...
JavaScript

ag-gridで大量データを軽快に表示する。

ag-gridで大量データを軽快に表示する。 ag-gridは高機能なグリッドライブラリで、大量データでも軽快に動作します。(デモ) Vue.js,React,Angularなどに対応しているため、簡単に利用することができます。 今回は...
JavaScript

numeral.jsで数値のformat変換

数値のformatを変換するのに便利な、numeral.jsを紹介します。 例えば、3桁区切りに変換などは簡単に実装できます。 numeral.jsインストール インストールにはnpm installを利用します。 npm insta...
JavaScript

JSのaddEventListenerの使い方 – javascript

JSのaddEventListenerの使い方
JavaScript

JavaScript(TypeScript)のObject.keysの使い方

JavaScript(TypeScript)のObject.keysの使い方 Object.keysを時々使いますが、メモってなかったことに気づいたのでメモです。 Object.keysの引数にはオブジェクトを渡します。そのオブジェクト...
Angular

AngularでMutationObserverの使い方

AngularでMutationObserverの使い方
JavaScript

JSのforEach文の使い方とコールバック関数

JSのforEach文の使い方とコールバック関数 JSの配列にはforEach文が存在します。 let arr = ; arr.forEach((data,i,arr) => { console.log(i); }); forEa...
JavaScript

[vue.js]単一ファイルコンポーネントでコンポーネントを定義

vue.jsではコンポーネントを定義する方法として、単一ファイルコンポーネントがあります。 これは、1コンポーネントを1ファイルで管理することができる物となります。 このファイルでは、コンポーネントで使用するHTML,javascript,...
JavaScript

日時を扱うmoment.js

moment.jsは日付を扱うライブラリです。フォーマット・差分・演算などの機能があります。 環境 項目 バージョン node 9.11.1 moment.js 2.22.1 インストー...
axios.js

HttpClientのAxiosの使い方

HttpClientのAxiosの使い方
JavaScript

util.promisifyでコールバックスタイルからPromiseに変換

node.jsが提供するutil.promisifyの使い方を記載します。 ※async/awaitの使い方で既に利用しています。 util.promisify? コールバックを必要とする関数をPromiseに変換するutilです。 ...
JavaScript

async/awaitの使い方

いまさらですが、ECMAScript 2017でasync/awaitが追加されました。 これまでのコールバック,Promise,async/awaitと書き方の違いを書いていきます。 前提 node.js v7.6以上 node.js...
JavaScript

vue-cliを使ってvue.jsを使ったプロジェクトの開発環境を整える

vue-cliはvue.jsを使用したプロジェクトの開発環境を作成する公式のツールです。 環境 項目 バージョン node.js 8.11.1 vue-cli 2.9.3 注意 vue...
ECMA Script6

JSのvarはほぼ非推奨で良いと思う

JSのvarはほぼ非推奨で良いと思う JSの言語仕様がこれだけ変わっていくと、もはやvarなんて使うことはないような気がします。 letかconstで代用できます。さらに言うとconstだけでも良いような気がしてきます。 再代入するも...
JavaScript

Redux 入門

Redux とは state(状態)を管理することに特化した、ライブラリです。 React.js を利用していると、コンポーネントに state が含まれ状態の管理が複雑になります。 Reduxでstateを一元管理し、コンポーネントとs...
JavaScript

React.js入門

React.js とは Facebook が開発した、UI パーツを作成するライブラリです。仮想 DOM という仕組みを採用し、ページの表示をはやくしています。 前提 node.js がインストールされていること。 環境 記事作成...
JavaScript

JavaScriptの浮動小数点数型の誤差をなくす

JavaScriptの浮動小数点数型の誤差をなくす JavaScriptの浮動小数点数型の計算をすると誤差が生じます。 以下計算をしてみます。 let a = 1051.8; console.log(a / 10);// 105.17...
タイトルとURLをコピーしました