2018-07

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...
AsciiDoc

asciidoctorによる形式変換

asciidoctorによる形式変換 こんにちは東です。 今回はASCiiDocを別形式へと変換できる、asciidoctorの使い方に関して書いていこうと思います。 まず、asciidocとはRubyで作られたテキストプロセッサで、 AS...
HTML

HTMLでinput部品のnumberの動作がややこしい

HTMLでinput部品のnumberの動作がややこしい 数値のみを入力したい場合に、<input type="number">としたら、Chromeでは効くのにIE11だとうまく動作しないです。文字も入ってしまいます。 どうもIE11だと...
CSS

HTMLでIMEを無効にする方法

HTMLでIMEを無効にする方法 Chromeでは無理でしたが、IE11ではスタイルシートで無効にすることができました。 <html> <body> <div> TEL: <input type="text" style="ime-mode...
Gradle

Gradleプロジェクトで指定ディレクトリ配下のファイルを取り込む方法

Gradleプロジェクトで指定ディレクトリ配下のファイルを取り込む方法 プロジェクトのフォルダ配下のjarを取り込みたい場合などにfileTreeを使えます。 build.gradleのdependencies内に implementati...
Java

JavaのByteBufferでバイト配列を扱う方法

JavaのByteBufferでバイト配列を扱う方法
Angular

Angular でカバレッジレポートを出力する

Angular でカバレッジレポートを出力する
TypeScript

TypeScript でnumber 型をstring 型に変換する方法

TypeScript でnumber 型をstring 型に変換する方法
TypeScript

TypeScript でstring 型をnumber 型に変換する方法

TypeScript でstring 型をnumber 型に変換する方法 TypeScript で簡単にstring → numberに変換する方法です。 let a:string = '100'; let b:any = +a;// +を...
TypeScript

TypeScript のimport で別名が指定できる

TypeScript のimport で別名が指定できる TypeScript のimport 文でasを使って別名ができることを知りました。 import { hoge as HOGE } from '~~' 異なるtsファイルで同じクラ...
SQL

SQLアンチパターンチートシート

SQLアンチパターンチートシート SQLのアンチパターンと大書を纏めました。 複雑なSQL(スパゲッティクエリ) APサーバとDBサーバのトラフィックを考慮して1つのSQLを書く、ということが過去によくありました。最近ではこのトラフィックよ...
Angular

Angular でテストコードの書き方を纏めました

Angular でテストコードの書き方を纏めました
Angular

Angular の#(シャープ)がつく変数

Angular の#(シャープ)がつく変数
TypeScript

TypeScript で関数の引数に関数を渡してみる

TypeScript で関数の引数に関数を渡してみる
Angular

Angular でデコレータを作成してみる

Angular でデコレータを作成してみる Angular で独自にデコレータを作成してみます。例えばあるイベントハンドラが呼ばれたときにDBに登録する、といったことがデコレータで実現することができます。 が、面倒なのでここではコンソール出...
Visual Studio Code

VS Code でnpm-scripts をサイドパネルからクリックして実行する

VS Code でnpm-scripts をサイドパネルからクリックして実行する package.jsonに書いてあるnpm-scriptsをコマンドで実行するのではなく、サイドパネルに表示して、それをクリックすることによって実行できるよう...
Angular

Angular でpipeの使い方

Angular でpipeの使い方 Angular にはpipeという機能があります。データをフォーマットするための仕組みです。 {{式 | パイプ名}} というように記述します。Angular には標準でいくつか標準で提供されているpip...