JavaScript

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

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

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

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

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

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

numeral.jsで数値のformat変換

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

Excelが勝手にR1C1形式になるのでA1形式に戻す方法

Excelが勝手にR1C1形式になるのでA1形式に戻す方法
Windows

Windows10でシャットダウンする方法

Windows10でシャットダウンする方法 ついつい、うっかり会社の別端末で開発してたらキーボードの「Power」ボタンを押してしまいました。 シャットダウンされます、、。 危険すぎる。ということで無効にします。 コンパネから「電源ボタンを...
Swift

Swiftパッケージを作成する

Swiftパッケージを作成する Macでswiftコマンドからパッケージ swift package init --type executable 今回はexecutableを指定していますが、executableの他に以下指定ができます。...
Excel

Excelを超便利にするRelaxTools Addinの使い方

Excelを超便利にするRelaxTools Addinの使い方
npm

npm install -gオプションを使用せずにnpm scriptsを使用する

npm install -gオプションを使用せずにnpm scriptsを使用する
TypeScript

TypeScriptでlinq-es5(asEnumerable)の使い方

TypeScriptでlinq-es5(asEnumerable)の使い方 TypeScriptでlinq-es5を使ってみます。参考サイト:linq-es5の使い方 とりあえずインストールします。 npm install --save-d...
JavaScript

JSのaddEventListenerの使い方 – javascript

JSのaddEventListenerの使い方
Angular

jasmineのitに第三引数でミリ秒が指定できる

jasmineのitに第三引数でミリ秒が指定できる Angularのテストコードの書き方については「Angular でテストコードの書き方を纏めました」でほぼほぼ書きました。あとはディレクティブのテストがダミーのコンポーネント作ってあげたり...
便利ツール

画像をスライドのように見るにはXnViewが便利です

画像をスライドのように見るにはXnViewが便利です 画像をスライドで見るツールとして、まっしぐらとか使っていましたが、XnViewがなんだか便利です。まだ使い切れていませんが、アポロ先生に教えていただきました。 統合開発環境のようなインタ...
Angular

AngularのテストをChromeではなくIEでしてみる方法

AngularのテストをChromeではなくIEでしてみる方法 Angularのテストコードの書き方については「Angular でテストコードの書き方を纏めました」で結構書いたつもりです。新たに新規記事でIEブラウザでテストする方法を書いて...
ECMA Script6

Object.freeze()の使い方

Object.freeze()の使い方 Object.seal()メソッドではプロパティの追加も削除もできなくなりますが、既存プロパティの値変更は可能でした。 Object.freeze()メソッドを使用すると、値変更も不可になります。 c...
ECMA Script6

Object.seal()の使い方

Object.seal()の使い方 Object.preventExtensions()メソッドは、プロパティの削除は可能ですが、Object.seal()メソッドを使用すると、プロパティの追加も削除もできなくなります。 deleteしても...
ECMA Script6

Object.preventExtensions()の使い方

Object.preventExtensions()の使い方 Object.preventExtensions()メソッドを使用すると、オブジェクトに新しくプロパティを追加できないようにすることができます。 const obj = {x:1...
ECMA Script6

Object.defineProperty()の使い方

Object.defineProperty()の使い方 TypeScriptでlocation.reloadをspyOnしようとして、できなかったので色々調べていたら、Object.defineProperty()、Object.getOw...
CSS

CSSのdisplay:inlineとdisplay:flexの違い

CSSのdisplay:inlineとdisplay:flexの違い display:inlineはブロック要素(divタグなど)を横並びに表示することができます。 それに対し、display:flexは、親要素の下の子要素の高さなどを統一...
R

R言語、RStudioの使い方

R言語、RStudioの使い方 R言語を勉強するにはRStuidoを起動して、コンソールでR言語に慣れていくのが一番良いかと思います。 > a + b Error: object 'a' not found > 'aa' + 'b' Err...
R

R言語をインストール、RStudioをインストールする

R言語をインストール、RStudioをインストールする R言語のインストール方法です。インストールサイトにアクセスして、OSに応じたインストーラをダウンロードします。 次に「base」をクリックします。 「Download R 3.x.x~...
Welcart Shop

SKUが登録されていません

SKUが登録されていません Welcart Shopで、「SKUが登録されていません」とエラーが表示されました。 「商品マスター」-「SKU価格」を表示します。 「SKUを追加する」を押して初めて登録されるようです。この使い方は慣れないです...
Java8

Java8でStreamを作成する方法

Java8でStreamを作成する方法 コレクションや配列からStreamを作成しますが、その他の方法でもStreamを作成することができます。 配列 配列からStreamを作成します。 String[] arr = {"1", "2"};...
node.js

node.jsで正規表現を使う

node.jsで正規表現を使う node.jsで正規表現を使う例です。 配列のfilterメソッドで正規表現を使うと便利に抽出する事ができます。 正規表現.testメソッドでマッチする場合true、しない場合falseを返します。 正規表現...
Angular

TypeScriptでDOM要素を作成する

TypeScriptでDOM要素を作成する Angularが公式にサポートしている言語はTypeScriptなので、TypeScriptでDOMの操作をしてみます。JSと変わりありませんが、型(インタフェース名)は意識する必要があります。 ...
TypeScript

TypeScriptでもtruthy and falsyができる

TypeScriptでもtruthy and falsyができる ||aとかいう記法です。これはTypeScriptでも書けました。 let s:any = null; console.log(!!s); s = ''; console.l...
Eclipse

SVNの外部参照で指定したリポジトリを参照する方法

SVNの外部参照で指定したリポジトリを参照する方法
JavaScript

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

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

AngularでMutationObserverの使い方

AngularでMutationObserverの使い方
TypeScript

TypeScriptの色々な互換性について

TypeScriptの色々な互換性について TypeScriptはinterfaceがあったり、そのinterfaceをimplementsできたりよく見るとJavaにかなり似ています。 少し違う点もあるので、色々互換性とか調べてみました。...
TypeScript

TS2304: Cannot find name ‘Map’.

TS2304: Cannot find name 'Map'. tscコマンドを実行しようとしたら、「TS2304: Cannot find name 'Map'.」というエラーが出たりします。 一旦以下コマンドを実行してみます。(a.ts...
TypeScript

TypeScriptのfor in文はなんだかややこしいです

TypeScriptのfor in文はなんだかややこしいです JSにfor in文があるようにTypeScriptにもfor in文があります。 ただし、JSもそうですが、TypeScriptのfor in文は少しややこしくて、動きとしては...
TypeScript

TypeScriptのconstはミュータブルなのでinterfaceでイミュータブルにする

TypeScriptのconstはミュータブルなのでinterfaceでイミュータブルにする TypeScriptのconstは再代入ができないだけであって、オブジェクトをconstにしても、そのプロパティまではイミュータブルにはなりません...
TypeScript

TypeScriptで読み取り専用の配列ReadonlyArrayがある

TypeScriptで読み取り専用の配列ReadonlyArray<T>がある TypeScriptで配列宣言をするには[]で簡単に宣言もできますが、Array<T>を使うこともできます。 で、最近知ったんですけど読み取り専用のReadon...
TypeScript

TypeScriptのシャドーイングは本当にDouble-edged sword

TypeScriptのシャドーイングは本当にDouble-edged sword TypeScriptではネストされたスコープで変数宣言するシャドーイングという機能?があるようで、偶発的なバグを防いでくれるんだそうです。 for(let i...
TypeScript

TypeScriptでlet変数が関数内なら宣言前に使えてしまう

TypeScriptでlet変数が関数内なら宣言前に使えてしまう 今まで当たり前すぎて気にもしたことなかったですが、let変数は、変数宣言前に変数を使用することはできません。 例えば以下コード。 a++; // こういう書き方はできません ...
vue.js

vuetifyでマテリアルデザインを導入

マテリアルデザインはGoogleが提唱しているデザインシステムです。 今回紹介する、vuetifyはこのマテリアルデザインを利用したVue Component Frameworkです。 card/form/date pickerなどが用意さ...
vue.js

vue cliでui?

vueではプロジェクトを始めるために、vue cli 3が用意されています。 cliとあるようにコマンドなのですが、なんとUIが用意されておりブラウザからプロジェクトを作成したり設定を変更したりすることが可能です。 多言語化対応しており、日...
node.js

WSL(ubuntu)でnを使ってnode.jsをインストール

node.jsのバージョン管理として、nを使用します。 環境 項目 バージョン windows 10 Ubuntu 16.04.5 LTS n 2.1.12 nインストール n(github)をインストールします。 手順 node.js,n...
Angular

Angular でサブディレクトリにビルドする方法

Angular でサブディレクトリにビルドする方法 Angularでビルドするには ng build もしくはpackage.jsonのnpm-scriptsを変更していないなら npm run build を実行すれば、srcと同じ階層の...
GitHub

リモートブランチをローカルにチェックアウトする方法

リモートブランチをローカルにチェックアウトする方法 開発メンバーAさんがpushしたブランチをBさんのローカルにチェックアウトして修正する方法です。 最新情報をまず取得します。 git fetch つぎにリモートブランチを確認します。 gi...
Angular

Angular の@ViewChildの使い方

Angular の@ViewChildの使い方 Angular の@ViewChildを使えば、parent to view child というように親コンポーネントから子コンポーネントのメソッドなどにアクセスできるようになります。 またコ...
Visual Studio Code

WSLをVSCodeで使う

WSLをVSCodeで使う Windows Subsystem for LinuxをVSCodeで使いたかったので、使い方を記載します。 環境 項目 バージョン windows 10 Ubuntu 16.04.5 LTS VSCode 1....
node.js

node.jsでxmlからJSONに変換、JSONからxmlに変換するxmljsonモジュールの使い方

node.jsでxmlからJSONに変換、JSONからxmlに変換するxmljsonモジュールの使い方 xmlからJSONに変換したり、JSONからxmlに変換するモジュールです。 インストールします。 npm install xmljso...
Angular

Angular の@HostListener の使い方

Angular の@HostListener の使い方
JavaScript

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

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

chocolateyでパッケージ管理

chocolateyはWindowsで利用できるパッケージ管理ツールです。 install/upgrade/uninstallなど簡単にできるようになります。 インストーラを起動して承諾とかだるい。プロジェクトで使うツールをまとめて管理した...
node.js

lodash.js の使い方を勉強しようとしたらunderscore.jsと似ている

lodash.js の使い方を勉強しようとしたらunderscore.jsと似ている lodash.jsが人気だと聞いたので、早速勉強しようと思ったらだいぶ昔にWebシステムで使ったunderscore.jsと似ています。経緯はよく知りませ...
node.js

bignumber.js を使って浮動小数の誤差をなくす

bignumber.js を使って浮動小数の誤差をなくす
Visual Studio Code

VS Code のミニマップを消す方法

VS Code のミニマップを消す方法 ミニマップがミニ過ぎて見えないから意味がないように思えてきて、思い切って非表示にする方法です。 ツールバーの「ファイル」-「基本設定」ー「設定」で設定画面を開き "editor.minimap.ena...