Visual Studio Code
VS Codeで\nを改行コードに置換する
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ですが、端末によって、キャプチャしたタイミングで画面が拡大されてしまい、全画面キャプチャが撮れないといった事象...
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...