JavaでString.valueOfにnullを渡すと”null”という文字列が戻る
高橋
lodash.js の使い方を勉強しようとしたらunderscore.jsと似ている
lodash.js の使い方を勉強しようとしたらunderscore.jsと似ている lodash.jsが人気だと聞いたので、早速勉強しようと思ったらだいぶ昔にWebシステムで使ったunderscore.jsと似ています。経緯はよく知りませ...
bignumber.js を使って浮動小数の誤差をなくす
bignumber.js を使って浮動小数の誤差をなくす
VS Code のミニマップを消す方法
VS Code のミニマップを消す方法 ミニマップがミニ過ぎて見えないから意味がないように思えてきて、思い切って非表示にする方法です。 ツールバーの「ファイル」-「基本設定」ー「設定」で設定画面を開き "editor.minimap.ena...
HTMLでinput部品のnumberの動作がややこしい
HTMLでinput部品のnumberの動作がややこしい 数値のみを入力したい場合に、<input type="number">としたら、Chromeでは効くのにIE11だとうまく動作しないです。文字も入ってしまいます。 どうもIE11だと...
HTMLでIMEを無効にする方法
HTMLでIMEを無効にする方法 Chromeでは無理でしたが、IE11ではスタイルシートで無効にすることができました。 <html> <body> <div> TEL: <input type="text" style="ime-mode...
Gradleプロジェクトで指定ディレクトリ配下のファイルを取り込む方法
Gradleプロジェクトで指定ディレクトリ配下のファイルを取り込む方法 プロジェクトのフォルダ配下のjarを取り込みたい場合などにfileTreeを使えます。 build.gradleのdependencies内に implementati...
JavaのByteBufferでバイト配列を扱う方法
JavaのByteBufferでバイト配列を扱う方法
Angular でカバレッジレポートを出力する
Angular でカバレッジレポートを出力する
TypeScript でnumber 型をstring 型に変換する方法
TypeScript でnumber 型をstring 型に変換する方法
TypeScript でstring 型をnumber 型に変換する方法
TypeScript でstring 型をnumber 型に変換する方法 TypeScript で簡単にstring → numberに変換する方法です。 let a:string = '100'; let b:any = +a;// +を...
TypeScript のimport で別名が指定できる
TypeScript のimport で別名が指定できる TypeScript のimport 文でasを使って別名ができることを知りました。 import { hoge as HOGE } from '~~' 異なるtsファイルで同じクラ...
SQLアンチパターンチートシート
SQLアンチパターンチートシート SQLのアンチパターンと大書を纏めました。 複雑なSQL(スパゲッティクエリ) APサーバとDBサーバのトラフィックを考慮して1つのSQLを書く、ということが過去によくありました。最近ではこのトラフィックよ...
Angular でテストコードの書き方を纏めました
Angular でテストコードの書き方を纏めました
Angular の#(シャープ)がつく変数
Angular の#(シャープ)がつく変数
TypeScript で関数の引数に関数を渡してみる
TypeScript で関数の引数に関数を渡してみる
Angular でデコレータを作成してみる
Angular でデコレータを作成してみる Angular で独自にデコレータを作成してみます。例えばあるイベントハンドラが呼ばれたときにDBに登録する、といったことがデコレータで実現することができます。 が、面倒なのでここではコンソール出...
VS Code でnpm-scripts をサイドパネルからクリックして実行する
VS Code でnpm-scripts をサイドパネルからクリックして実行する package.jsonに書いてあるnpm-scriptsをコマンドで実行するのではなく、サイドパネルに表示して、それをクリックすることによって実行できるよう...
Angular でpipeの使い方
Angular でpipeの使い方 Angular にはpipeという機能があります。データをフォーマットするための仕組みです。 {{式 | パイプ名}} というように記述します。Angular には標準でいくつか標準で提供されているpip...
AWS Lambda(node.js)でmapとPromise.allで並列実行する
AWS Lambda(node.js)でmapとPromise.allで並列実行する S3にputObjectする処理をする場合にコーディングによっては処理が遅くなってしまうケースがあります。 await S3.putObject(para...
Angular でEnum型を初期化してテンプレートで使用する方法
Angular でEnum型を初期化してテンプレートで使用する方法
gitコマンドチートシート
gitコマンドチートシート gitコマンドを纏めておきました。 SVNでいう更新 gitから最新を取得します。 $ git fetch -a $ git branch -a $ git pull 詳細は「リモートブランチをローカルにチェック...
git stash の使い方
git stash の使い方 git stashコマンドは現在の変更をいったん退避することができるコマンドです。 退避できるファイルはcommitしていないファイルが対象です。 git stash save saveは省略可能ですがこのコマ...
SVNのコマンドでファイルサイズ、コミットユーザ、リビジョン番号を確認する方法
SVNのコマンドでファイルサイズ、コミットユーザ、リビジョン番号を確認する方法
Angular のテンプレート参照変数の使い方
Angular のテンプレート参照変数の使い方
Angularにng-bootstrapをインストールする方法と使い方
Angularにng-bootstrapをインストールする方法と使い方 ng-bootstrap をインストールする方法です。 npm install --save @ng-bootstrap/ng-bootstrap ng-bootstr...
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 unique npm install ...
Angular の[disabled]バインディングはtrueかfalseで効くようです
Angular の[disabled]バインディングはtrueかfalseで効くようです
Angular のngClass ディレクティブの使い方
Angular のngClass ディレクティブの使い方
git master の最新を作業ブランチにマージする方法
git master の最新を作業ブランチにマージする方法 作業ブランチからmaster に変更します。 git checkout master master を最新にします。 git pull master を最新にしたら、作業ブランチに...
Angular のルーティングの基本とRoutes の使い方
Angular のルーティングの基本とRoutes の使い方 Angularにはルーティングという機能があります。描画領域をコントロールする仕組みです。 ルーティングを実現させるには、RoutesとRouterModuleをインポートする必...
Angular のObservable とSubject でRxJSの仕組みを理解する
Angular のObservable とSubject でRxJSの仕組みを理解する RxJSを使って簡単なデータの受け渡しをします。 まずコンポーネントを作成します。 ng generate component abc ちなみにAngu...
Angular の@Output の使い方
Angular の@Output の使い方 @Inputの使い方は理解しやすいですが、@Outputの使い方は理解するのが少し難しい気がします。 コンポーネントとコンポーネントの連携ではなく、コンポーネントの中にコンポーネントが存在するよう...
Angular のtrigger 関数でアニメーションを実装する方法
Angular のtrigger 関数でアニメーションを実装する方法 trrigerをインポートしてアニメーションを実装しますが、app.module.tsファイルにBrowserAnimationsModuleをインポートする必要がありま...
TypeScript の(this as any)の意味
TypeScript の(this as any)の意味
TypeScript のconst とreadonly の違い
TypeScript のconst とreadonly の違い TypeScriptでconstは定数、readonlyは読み取り専用、ということで違いがいまいちわかりませんね。 インターフェースを宣言してみます。 interface aa...
node.js でJSONを返すWebAPI モックを作成する方法
node.js でJSONを返すWebAPI モックを作成する方法 json-server というモジュールをインストールして、JSONを返すWebAPIモックを作成することができます。 npm install -g json-server...
TypeScript のジェネクリック型
TypeScript のジェネクリック型 JavaのようにTypeScriptにもジェネリック型があります。TとかUとかKとかで表現します。 慣例として大文字1文字ですが、別に2文字でもかまいません。 このTとかを型パラメータと呼びます。で...
Angular のサービスクラスの作り方
Angular のサービスクラスの作り方 コンポーネントは部品です。テンプレートはビューです。ではサービスはというと、サーバーからデータを取得してくるビジネスロジックに当たります。 Angular のサービスクラスの特徴として、@Injec...
Alfresco の使い方
Alfresco の使い方 Alfresco は詳細設計書などのようなドキュメント管理に適したドキュメント管理ツールです。 SVN などと同じようにユーザを作成していきます。 ユーザを作成できるのはシステム管理者のみです。 ユーザ作成する ...
Angular でFont Awesome を使ってみる
Angular でFont Awesome を使ってみる Font Awesomeは、アイコンを文字として扱うことを可能にしたツールです。 簡単におしゃれなアイコンを表示することができます。 Font AwesomeのCDNです。 現時点(...
TypeScript のkeyof キーワードの使い方
TypeScript のkeyof キーワードの使い方 keyof インターフェースで以下のようなtypeを作成できます。 interface Aaa { name: string; age: number; } type Emp = ke...
Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
TypeScript のtype とinterface の違い
TypeScript のtype とinterface の違い typeとinterfaceの違いが判らなかったので試してみました。 type type str = string; // stringの別名 let a: str = 'ai...
Angular で複数コンポーネントを連携する
Angular で複数コンポーネントを連携する Angular でコンポーネントとコンポーネントを連携する方法です。 abcとdefというコンポーネントを作成して実際に連携させてみます。 コンポーネント間の連携ではclassを定義しておくこ...
Angular の標準のパイプ機能の使い方
Angular の標準のパイプ機能の使い方 Angular にはパイプというビュー上の変数を加工(整形)する機能です。 例えば姓名が格納されている変数の末尾に「様」をつける、などがパイプを使って加工する機能例になります。 記述例は以下の通り...
Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する
Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する Angular プロジェクトを作成すると、プロジェクト名 - src -tsconfig.jsonファイルが作成されます。 tsconfig....
Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法
Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法 ng generate component コンポーネント名で、コンポーネントを作成すると以下のファイルが作成されます。 ファイル名 コンポーネント名....
Angular のngFor ディレクティブの使い方
Angular のngFor ディレクティブの使い方 AngularにはngForディレクティブというディレクティブが標準で用意されています。 for文でループする機能です。記述方法は以下の通りです。 <xxx *ngFor='let 仮引...
Angular のngIf ディレクティブの使い方
Angular のngIf ディレクティブの使い方
Angularのデータバインディングという仕組み
Angularのデータバインディングという仕組み