Visual Studio Code
VSCodeでlaunch.jsonを作成してデバッグする方法
高橋
Angular Angular の[disabled]バインディングはtrueかfalseで効くようです
Angular の[disabled]バインディングはtrueかfalseで効くようです
Angular Angular のngClass ディレクティブの使い方
Angular のngClass ディレクティブの使い方
GitHub git master の最新を作業ブランチにマージする方法
git master の最新を作業ブランチにマージする方法作業ブランチからmaster に変更します。git checkout mastermaster を最新にします。git pullmaster を最新にしたら、作業ブランチに変更します...
Angular Angular のルーティングの基本とRoutes の使い方
Angular のルーティングの基本とRoutes の使い方Angularにはルーティングという機能があります。描画領域をコントロールする仕組みです。ルーティングを実現させるには、RoutesとRouterModuleをインポートする必要が...
Angular Angular のObservable とSubject でRxJSの仕組みを理解する
Angular のObservable とSubject でRxJSの仕組みを理解するRxJSを使って簡単なデータの受け渡しをします。まずコンポーネントを作成します。ng generate component abcちなみにAngular6...
Angular Angular の@Output の使い方
Angular の@Output の使い方@Inputの使い方は理解しやすいですが、@Outputの使い方は理解するのが少し難しい気がします。コンポーネントとコンポーネントの連携ではなく、コンポーネントの中にコンポーネントが存在するような親...
Angular Angular のtrigger 関数でアニメーションを実装する方法
Angular のtrigger 関数でアニメーションを実装する方法trrigerをインポートしてアニメーションを実装しますが、app.module.tsファイルにBrowserAnimationsModuleをインポートする必要があります...
TypeScript TypeScript の(this as any)の意味
TypeScript の(this as any)の意味
TypeScript TypeScript のconst とreadonly の違い
TypeScript のconst とreadonly の違いTypeScriptでconstは定数、readonlyは読み取り専用、ということで違いがいまいちわかりませんね。インターフェースを宣言してみます。interface aaa {...
Fake API node.js でJSONを返すWebAPI モックを作成する方法
node.js でJSONを返すWebAPI モックを作成する方法json-server というモジュールをインストールして、JSONを返すWebAPIモックを作成することができます。npm install -g json-serverつぎ...
TypeScript TypeScript のジェネクリック型
TypeScript のジェネクリック型JavaのようにTypeScriptにもジェネリック型があります。TとかUとかKとかで表現します。慣例として大文字1文字ですが、別に2文字でもかまいません。このTとかを型パラメータと呼びます。ではジェ...
Angular Angular のサービスクラスの作り方
Angular のサービスクラスの作り方コンポーネントは部品です。テンプレートはビューです。ではサービスはというと、サーバーからデータを取得してくるビジネスロジックに当たります。Angular のサービスクラスの特徴として、@Injecta...
Alfresco Alfresco の使い方
Alfresco の使い方Alfresco は詳細設計書などのようなドキュメント管理に適したドキュメント管理ツールです。SVN などと同じようにユーザを作成していきます。ユーザを作成できるのはシステム管理者のみです。ユーザ作成するシステム管...
Font Awesome Angular でFont Awesome を使ってみる
Angular でFont Awesome を使ってみるFont Awesomeは、アイコンを文字として扱うことを可能にしたツールです。簡単におしゃれなアイコンを表示することができます。Font AwesomeのCDNです。現時点（2018...
TypeScript TypeScript のkeyof キーワードの使い方
TypeScript のkeyof キーワードの使い方keyof インターフェースで以下のようなtypeを作成できます。interface Aaa { name: string; age: number;}type Emp = keyof ...
JPA Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
TypeScript TypeScript のtype とinterface の違い
TypeScript のtype とinterface の違いtypeとinterfaceの違いが判らなかったので試してみました。typetype str = string; // stringの別名let a: str = 'aiueo'...
Angular Angular で複数コンポーネントを連携する
Angular で複数コンポーネントを連携するAngular でコンポーネントとコンポーネントを連携する方法です。abcとdefというコンポーネントを作成して実際に連携させてみます。コンポーネント間の連携ではclassを定義しておくことが重...
Angular Angular の標準のパイプ機能の使い方
Angular の標準のパイプ機能の使い方Angular にはパイプというビュー上の変数を加工（整形）する機能です。例えば姓名が格納されている変数の末尾に「様」をつける、などがパイプを使って加工する機能例になります。記述例は以下の通りです。...
Angular Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する
Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述するAngular プロジェクトを作成すると、プロジェクト名 - src -tsconfig.jsonファイルが作成されます。tsconfig.js...
Angular Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法
Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法ng generate component コンポーネント名で、コンポーネントを作成すると以下のファイルが作成されます。 ファイル名 コンポーネント名.c...
Angular Angular のngFor ディレクティブの使い方
Angular のngFor ディレクティブの使い方AngularにはngForディレクティブというディレクティブが標準で用意されています。for文でループする機能です。記述方法は以下の通りです。<xxx *ngFor='let 仮引数 o...
Angular Angular のngIf ディレクティブの使い方
Angular のngIf ディレクティブの使い方
Angular Angularのデータバインディングという仕組み
Angularのデータバインディングという仕組み
Angular Angular で初期化時にTitleサービスを使用してタイトルを設定する – ngOnInit
Angular で初期化時にTitleサービスを使用してタイトルを設定する
Tomcat Tomcatのsetenv.shにCATALINA_OPTSを設定する方法
Tomcatのsetenv.shにCATALINA_OPTSを設定する方法
Angular Angularにngx-bootstrapをインストールする方法
Angularにngx-bootstrapをインストールする方法ngx-bootstrapをインストールして、Angular6で使用する方法です。npm install ngx-bootstrap --savengx-bootstrapはb...
node.js node.jsのパッケージを最新にするnpm-check-updatesをインストールして使う
node.jsのパッケージを最新にするnpm-check-updatesをインストールして使うnpmでインストールしたパッケージの現在のバージョンと最新バージョンを調べることが出来、さらに最新バージョンにできるパッケージです。npm ins...
保険用語 保険料の全期前納とは
保険料の全期前納とは保険料の全期前納とは、たとえば20年支払うとして、その全額を一旦保険会社に預け、毎月の支払期日に支払う形式を全期前納と言います。メリットは色々あるようですが 保険料が安くなる 解約時に未払い分の保険料が全て戻ってくるなど...
Angular AngularとTypeScriptでSPAを作成する
AngularとTypeScriptでSPAを作成する前提 項目 バージョン OS Windows10 node v18.16.0VS Codeが「VS Live Share」なんて便利なものを出してきたのでペアプログラミングができるし、エ...
TypeScript TypeScript入門と基礎と使い方
TypeScript入門と基礎と使い方node.jsでTypeScriptの基礎を勉強します。nodistはインストールされているものとします。インストール方法は「nodistをインストールする」を参照ください。プロジェクトを作成するまずプ...
spring SpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう
SpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまうSpringMVCはマッピングをアノテーションで実現することによって、Strutsのようにstruts-config.x...
IE Webアプリのソースを表示する方法
Webアプリのソースを表示する方法IE11でWebアプリ作ってて、右クリック無効、Alt + F4無効、F12が無効にされていました。ちょっとJSPがはきだすHTMLソースが見たかったので、こういうときはCtrl + uでソースの表示をする...
Lambda AWS Lambdaはステートレスにする
AWS LambdaはステートレスにするAWS Lambdaで/tmpが一時的に使えます。詳細は「AWS Lambdaでは一時的に/tmp/ディレクトリが使用できる」を参照ください。今回LambdaAともう一つのLambdaBで/tmpを共...
AWS AWS Shieldの料金は恐ろしいほど高いので気をつけましょう
AWS Shieldの料金は恐ろしいほど高いので気をつけましょうたった1ヶ月で3,000USDかかります、、。うっかり勉強ばかりしてたらすごい請求が来ました。さっさと削除削除。
Lambda AWS Node v4.3終了です
AWS Node v4.3終了ですNode.js v4.3ランタイムを使用した新規の関数作成は2018年7月31日まで、既存の関数の更新は2018年10月31日までとなります。EOLとはEOLとは、End Of Lifeで、「寿命」です。N...
spring SpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い
SpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い正直どれでもよい。と思う。一般的にはリクエストをコントロールするクラスには@Controllerアノテーションをつけます。Spr...
保険用語 保険契約申込書(保険申込書)とは
保険契約申込書(保険申込書)とは保険契約申込書とは、保険設計書を見て保険契約を締結した保険契約者が署名して保険会社に提出する書類のことを言います。保険契約者、代理店などはその控えを保管します。
API Gateway AWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す
AWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡すCognitoで認証した後に認可しているAPI GatewayにユーザIDを渡したい場合があるかも知れません。でもないかもしれません。とりあえず渡す方法は一...
spring SpringMVCのweb.xmlのタグを削除したらどうなるか
SpringMVCのweb.xmlの<init-param>タグを削除したらどうなるかデフォルトではSpringMVCのweb.xmlは以下のようになっているかと思います。<!-- Processes application request...
保険用語 保険設計書とは
保険設計書とはご契約者ごとの保険プランを記載した冊子のことを言います。こんなイメージです。
spring SpringMVCのコントローラの戻り値
SpringMVCのコントローラの戻り値ContorollerからView（jspとかhtmlとか）へ戻り値を戻していますが、これが何を表しているかというとファイル名になります。（String型の場合）@RequestMapping(val...
spring SpringMVCのコンテキストルートを変更する方法
SpringMVCのコンテキストルートを変更する方法
spring SpringのBeanにおける@Scopeアノテーション
SpringのBeanにおける@Scopeアノテーション
AWS AWS CloudWatchログをLambdaでS3にエクスポートする
AWS CloudWatchログをLambdaでS3にエクスポートするAWS CloudWatchログをLambdaでS3にエクスポートしてみたいと思います。このLambdaはCloudWatchEventで日次で動かし、その日の範囲のログ...
PHPUnit VSCode+ComposerでPHPUnit9.0を使う
VSCode+ComposerでPHPUnit9.0を使う
AWS AWS S3の期限付きURLを作成し、S3にあるファイルをダウンロードする
AWS S3の期限付きURLを作成し、S3にあるファイルをダウンロードする
AWS AWS SNSは管理者や運用者宛のPUB/SUBだと思います
AWS SNSは管理者や運用者宛のPUB/SUBだと思います最近調べものばかりしているから独自ドメインでサービスを作成しようかと思ったんです。で、SNSでサービス利用者にメール送信しようと思ったのですが、問題がありました。SNSでメール送信...
コトバンク Phalcon3のマイクロアプリケーションでDBアップデートできるAPIを作成する
Phalcon3のマイクロアプリケーションでDBアップデートできるAPIを作成する今回はPUTメソッドでレコードの更新をAPIで作成してみます。models\Empuser.phpは一旦以下のようにします。PUTでリクエストボディを渡すPU...
npm npm自体のアップデートをnpmコマンドでする
npm自体のアップデートをnpmコマンドでするnpmのバージョンによってnpxが使えなかったりします。そんな時にnpm自体のバージョンアップをnpmコマンドで行います。$ npm -v4.0.5$ npm install -g npm～省略...