iBATIS(MyBatis)
MyBatisでforeachを使用して動的SQLを生成する
高橋
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 + bError: object 'a' not found> 'aa' + 'b'Error in...
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"};Stre...
node.js node.jsで正規表現を使う
node.jsで正規表現を使うnode.jsで正規表現を使う例です。配列のfilterメソッドで正規表現を使うと便利に抽出する事ができます。正規表現.testメソッドでマッチする場合true、しない場合falseを返します。正規表現.exe...
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.log(!!...
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にかなり似ています。少し違う点もあるので、色々互換性とか調べてみました。in...
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>を使うこともできます。で、最近知ったんですけど読み取り専用のReadonly...
TypeScript TypeScriptのシャドーイングは本当にDouble-edged sword
TypeScriptのシャドーイングは本当にDouble-edged swordTypeScriptではネストされたスコープで変数宣言するシャドーイングという機能？があるようで、偶発的なバグを防いでくれるんだそうです。for(let i=0...
TypeScript TypeScriptでlet変数が関数内なら宣言前に使えてしまう
TypeScriptでlet変数が関数内なら宣言前に使えてしまう今まで当たり前すぎて気にもしたことなかったですが、let変数は、変数宣言前に変数を使用することはできません。例えば以下コード。a++; // こういう書き方はできませんlet ...
Angular Angular でサブディレクトリにビルドする方法
Angular でサブディレクトリにビルドする方法Angularでビルドするにはng buildもしくはpackage.jsonのnpm-scriptsを変更していないならnpm run buildを実行すれば、srcと同じ階層のdistデ...
GitHub リモートブランチをローカルにチェックアウトする方法
リモートブランチをローカルにチェックアウトする方法開発メンバーAさんがpushしたブランチをBさんのローカルにチェックアウトして修正する方法です。最新情報をまず取得します。git fetchつぎにリモートブランチを確認します。git bra...
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 xmljson -...
Angular Angular の@HostListener の使い方
Angular の@HostListener の使い方
JavaScript JSのforEach文の使い方とコールバック関数
JSのforEach文の使い方とコールバック関数JSの配列にはforEach文が存在します。let arr = ;arr.forEach((data,i,arr) => { console.log(i);});forEachの引数はコールバ...
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.enable...
HTML HTMLでinput部品のnumberの動作がややこしい
HTMLでinput部品のnumberの動作がややこしい数値のみを入力したい場合に、<input type="number">としたら、Chromeでは効くのにIE11だとうまく動作しないです。文字も入ってしまいます。どうもIE11だと、n...
CSS HTMLでIMEを無効にする方法
HTMLでIMEを無効にする方法Chromeでは無理でしたが、IE11ではスタイルシートで無効にすることができました。<html><body><div> TEL: <input type="text" style="ime-mode:dis...
Gradle Gradleプロジェクトで指定ディレクトリ配下のファイルを取り込む方法
Gradleプロジェクトで指定ディレクトリ配下のファイルを取り込む方法プロジェクトのフォルダ配下のjarを取り込みたい場合などにfileTreeを使えます。build.gradleのdependencies内にimplementation ...
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 には標準でいくつか標準で提供されているpipeがあ...
Lambda(node.js) AWS Lambda(node.js)でmapとPromise.allで並列実行する
AWS Lambda(node.js)でmapとPromise.allで並列実行するS3にputObjectする処理をする場合にコーディングによっては処理が遅くなってしまうケースがあります。 await S3.putObject(param...
Angular Angular でEnum型を初期化してテンプレートで使用する方法
Angular でEnum型を初期化してテンプレートで使用する方法
GitHub gitコマンドチートシート
gitコマンドチートシートgitコマンドを纏めました。git fetch,git pull「git fetch とgit pull コマンドの違い」を参照ください。リモートリポジトリ参照(git remote)git remoteまたはgi...
GitHub git stash の使い方
git stash の使い方git stashコマンドは現在の変更をいったん退避することができるコマンドです。退避できるファイルはcommitしていないファイルが対象です。git stash savesaveは省略可能ですがこのコマンドで退...
SVN SVNのコマンドでファイルサイズ、コミットユーザ、リビジョン番号を確認する方法
SVNのコマンドでファイルサイズ、コミットユーザ、リビジョン番号を確認する方法
Angular Angular のテンプレート参照変数の使い方
Angular のテンプレート参照変数の使い方
Angular Angularにng-bootstrapをインストールする方法と使い方
Angularにng-bootstrapをインストールする方法と使い方ng-bootstrap をインストールする方法です。npm install --save @ng-bootstrap/ng-bootstrapng-bootstrap ...
node.js Make sure the “name” property in your package.json is not set to “bootstrap”. Make it something more unique
Make sure the "name" property in your package.json is not set to "bootstrap". Make it something more uniquenpm install b...