高橋

Angular

Angular CLIでプロキシファイルを設定する方法

Angular CLIでプロキシファイルを設定する方法 Angular開発時にフロントエンドがAngularでAPIがJavaだったりするとそれぞれローカル開発環境が異なると思います。 Angular : java: こんな感じで開発するこ...
Chrome

Chromeで新しいタブブラウザを開く際に開発者ツールを自動で開く方法

Chromeで新しいタブブラウザを開く際に開発者ツールを自動で開く方法
npm

npmコマンドチートシート

npmコマンドチートシート gulpを使うよりもnpmコマンドでどうにかならんかーと思ってちょっと公式サイトから調べてみました。 stop,start,test,restartはrunを省略できる 今更ですが、npm run startとし...
TypeScript

TypeScriptでenumの比較方法

TypeScriptでenumの比較方法 TypeScriptでenum同士を比較する場合、===で比較したらエラーになる場合にはがあります。 enum Color{ red, blue, green } let a: Color = Co...
契約

在籍出向させて客先派遣するのは違法性が高いです

在籍出向させて客先派遣するのは違法性が高いです 在籍出向とは? 特定派遣が廃止になりましたので、派遣免許に切り替える事のできない企業は解散するかバイアウトする方向になると思っています。 当社もいくつかのプロジェクトはSES契約から派遣契約に...
node.js

Node.js(Lambda)でS3のファイル存在チェックをする方法

Node.js(Lambda)でS3のファイル存在チェックをする方法 Node.jsでファイル存在確認をするメソッドがないようなので、getObjectメソッドを利用して存在する場合はtrue、存在しない場合はfalseを返すexistFi...
H2

Spring BootのテストでJUnit5+H2+@DataJpaTestアノテーションでテストする方法

Spring BootのテストでJUnit5+H2+@DataJpaTestアノテーションでテストする方法
Git Bash

Git Bashの設定ファイルの場所と設定方法

Git Bashの設定ファイルの場所と設定方法 Git Bashにはマシンごとの設定ファイルや、マシンのユーザ単位の設定ファイル、リポジトリ単位の設定ファイルなどがあります。 ここではユーザ単位の設定ファイルについて記述します。 ユーザ単位...
TypeScript

TypeScriptでjQueryを使う方法

TypeScriptでjQueryを使う方法 TypeScriptでjQueryを使いたい場合は以下をインストールします。 npm install --save @types/jquery node_modules\@types\jquer...
JavaScript

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

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

結合テスト仕様書アンチパターン

結合テスト仕様書アンチパターン 結合テスト仕様書作成時・テスト時にやるべきことや、やるべきじゃないことを纏めてみました。 私の経験則なので主観がかなり入っておりますがご了承ください。 iPadなどの実機での動作やデザイン確認が必要である事が...
便利ツール

WinShot でキャプチャしたタイミングで画面拡大される時の解決方法

WinShot でキャプチャしたタイミングで画面拡大される時の解決方法 テストとかで画面をキャプチャする時によく使うWinShotですが、端末によって、キャプチャしたタイミングで画面が拡大されてしまい、全画面キャプチャが撮れないといった事象...
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++; // こういう書き方はできません ...
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 というように親コンポーネントから子コンポーネントのメソッドなどにアクセスできるようになります。 またコ...
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の引数...