Visual Studio Code Visual Studio Codeで定義先、定義元に遷移する方法
2018-05
AngularAngular のObservable とSubject でRxJSの仕組みを理解する
Angular のObservable とSubject でRxJSの仕組みを理解する RxJSを使って簡単なデータの受け渡しをします。 まずコンポーネントを作成します。 ng generate component abc ちなみに...
AngularAngular の@Output の使い方
Angular の@Output の使い方 @Inputの使い方は理解しやすいですが、@Outputの使い方は理解するのが少し難しい気がします。 コンポーネントとコンポーネントの連携ではなく、コンポーネントの中にコンポーネントが存在する...
AngularAngular のtrigger 関数でアニメーションを実装する方法
Angular のtrigger 関数でアニメーションを実装する方法 trrigerをインポートしてアニメーションを実装しますが、app.module.tsファイルにBrowserAnimationsModuleをインポートする必要があり...
TypeScriptTypeScript の(this as any)の意味
TypeScript の(this as any)の意味
TypeScriptTypeScript のconst とreadonly の違い
TypeScript のconst とreadonly の違い TypeScriptでconstは定数、readonlyは読み取り専用、ということで違いがいまいちわかりませんね。 インターフェースを宣言してみます。 interface...
node.jsnode.js でJSONを返すWebAPI モックを作成する方法
node.js でJSONを返すWebAPI モックを作成する方法 json-server というモジュールをインストールして、JSONを返すWebAPIモックを作成することができます。 npm install -g json-serv...
TypeScriptTypeScript のジェネクリック型
TypeScript のジェネクリック型 JavaのようにTypeScriptにもジェネリック型があります。TとかUとかKとかで表現します。 慣例として大文字1文字ですが、別に2文字でもかまいません。 このTとかを型パラメータと呼びま...
AngularAngular のサービスクラスの作り方
Angular のサービスクラスの作り方 コンポーネントは部品です。テンプレートはビューです。ではサービスはというと、サーバーからデータを取得してくるビジネスロジックに当たります。 Angular のサービスクラスの特徴として、@Inj...
AlfrescoAlfresco の使い方
Alfresco の使い方 Alfresco は詳細設計書などのようなドキュメント管理に適したドキュメント管理ツールです。 SVN などと同じようにユーザを作成していきます。 ユーザを作成できるのはシステム管理者のみです。 ユーザ作...
Font AwesomeAngular でFont Awesome を使ってみる
Angular でFont Awesome を使ってみる Font Awesomeは、アイコンを文字として扱うことを可能にしたツールです。 簡単におしゃれなアイコンを表示することができます。 Font AwesomeのCDNです。 ...
TypeScriptTypeScript のkeyof キーワードの使い方
TypeScript のkeyof キーワードの使い方 keyof インターフェースで以下のようなtypeを作成できます。 interface Aaa { name: string; age: number; } type Em...
JPASpring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
Spring JPAでEntityManagerを使用してオフセット値からの最大件数を取得する方法
TypeScriptTypeScript のtype とinterface の違い
TypeScript のtype とinterface の違い typeとinterfaceの違いが判らなかったので試してみました。 type type str = string; // stringの別名 let a: str = ...
JavaScript日時を扱うmoment.js
moment.jsは日付を扱うライブラリです。フォーマット・差分・演算などの機能があります。 環境 項目 バージョン node 9.11.1 moment.js 2.22.1 インストー...
AngularAngular で複数コンポーネントを連携する
Angular で複数コンポーネントを連携する Angular でコンポーネントとコンポーネントを連携する方法です。 abcとdefというコンポーネントを作成して実際に連携させてみます。 コンポーネント間の連携ではclassを定義して...
AngularAngular の標準のパイプ機能の使い方
Angular の標準のパイプ機能の使い方 Angular にはパイプというビュー上の変数を加工（整形）する機能です。 例えば姓名が格納されている変数の末尾に「様」をつける、などがパイプを使って加工する機能例になります。 記述例は以下...
AngularAngular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する
Angular でTypeScript のエイリアス機能を利用してimport文を簡潔に記述する Angular プロジェクトを作成すると、プロジェクト名 - src -tsconfig.jsonファイルが作成されます。 tsconfi...
プロジェクトプロジェクトが遅延している時の対処法
プロジェクトが遅延している時の対処法 プロジェクトが遅延してしまったと気づいたときは時すでに遅し、です。 が、どうしても納期があるので人海戦術でもして納期を守ろうとしてしまいます。 結果はブルックスの法則のとおり、さらに遅延してしまい...
AngularAngular でコンポーネントのスタイルシートをcssからstylusに変更する方法
Angular でコンポーネントのスタイルシートをcssからstylusに変更する方法 ng generate component コンポーネント名で、コンポーネントを作成すると以下のファイルが作成されます。 ファイル名 ...
AngularAngular のngFor ディレクティブの使い方
Angular のngFor ディレクティブの使い方 AngularにはngForディレクティブというディレクティブが標準で用意されています。 for文でループする機能です。記述方法は以下の通りです。 <xxx *ngFor='...
axios.jsHttpClientのAxiosの使い方
HttpClientのAxiosの使い方
AngularAngular のngIf ディレクティブの使い方
Angular のngIf ディレクティブの使い方
AngularAngularのデータバインディングという仕組み
Angularのデータバインディングという仕組み
AngularAngular で初期化時にTitleサービスを使用してタイトルを設定する
Angular で初期化時にTitleサービスを使用してタイトルを設定する
AsciiDocASCiiDocでincludeが使えない
ASCiiDocでincludeが使えない こんにちは東です。 今回はACiiDocについて書いてみようと思います。 タイトルにも書いていますが、ASCiiDocの魅力の一つとして、別ファイルの読み込みをおこない、ページに表示することが...
AWSAWS SDKを用いた、サポート履歴の永続化
AWS SDKを用いた、サポート履歴の永続化 こんにちは東です。 今回はAWSサポートとのやり取りを、AWS SDKを利用して永続化させるまでを描きたいと思います。 サポートとのやり取りはAWS SDKを利用すれば簡単に取得できます。...
AWSCloudFormation カスタムAMI作成時の注意点
CloudFormation カスタムAMI作成時の注意点 初めまして東です。 今回が初めての投稿です。お手柔らかにお願いします。 記念すべき第一回目の投稿は、AWSのリソース「CloudFormation」「OpsWorks」を...
TomcatTomcatのsetenv.shにCATALINA_OPTSを設定する方法
Tomcatのsetenv.shにCATALINA_OPTSを設定する方法
AngularAngularにngx-bootstrapをインストールする方法
Angularにngx-bootstrapをインストールする方法 ngx-bootstrapをインストールして、Angular6で使用する方法です。 npm install ngx-bootstrap --save ngx-boots...
node.jsnode.jsのパッケージを最新にするnpm-check-updatesをインストールして使う
node.jsのパッケージを最新にするnpm-check-updatesをインストールして使う npmでインストールしたパッケージの現在のバージョンと最新バージョンを調べることが出来、さらに最新バージョンにできるパッケージです。 npm...
保険用語保険料の全期前納とは
保険料の全期前納とは 保険料の全期前納とは、たとえば20年支払うとして、その全額を一旦保険会社に預け、毎月の支払期日に支払う形式を全期前納と言います。 メリットは色々あるようですが 保険料が安くなる 解約時に未払い分...
AngularAngularとTypeScriptでSPAを作成する
AngularとTypeScriptでSPAを作成する VS Codeが「VS Live Share」なんて便利なものを出してきたのでペアプログラミングができるし、エディタはVS Codeを使いましょう。 nodeはnodistでとりえ...
TypeScripttslint + prettier を設定
TypeScript の linter の tslint と、Formatter の prettier を組み合わせて使用する方法について記載します。 モジュールインストール 対象モジュール モジュール バージョン ...
TypeScriptTypeScript入門と基礎と使い方
TypeScript入門と基礎と使い方 node.jsでTypeScriptの基礎を勉強します。 nodistはインストールされているものとします。インストール方法は「nodistをインストールする」を参照ください。 プロジェクトを作...
springSpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう
SpringMVCのweb.xmlファイルで読み込んでいるappServlet-servlet.xmlも肥大化してしまう SpringMVCはマッピングをアノテーションで実現することによって、Strutsのようにstruts-config...
IEWebアプリのソースを表示する方法
Webアプリのソースを表示する方法 IE11でWebアプリ作ってて、右クリック無効、Alt + F4無効、F12が無効にされていました。 ちょっとJSPがはきだすHTMLソースが見たかったので、こういうときは Ctrl + u でソ...
AWSAWS Lambdaはステートレスにする
AWS Lambdaはステートレスにする AWS Lambdaで/tmpが一時的に使えます。詳細は「AWS Lambdaでは一時的に/tmp/ディレクトリが使用できる」を参照ください。 今回LambdaAともう一つのLambdaBで/t...
Visual Studio CodeVSCode で VS Live Share を試す
Microsoft がVS Live Shareを public preview で公開しています。 VS Live Shareは複数人で1つのコードを編集することが可能となります。 今回は、VSCodeでこの機能を使用してみたいと思います...
AWSAWS Shieldの料金は恐ろしいほど高いので気をつけましょう
AWS Shieldの料金は恐ろしいほど高いので気をつけましょう たった1ヶ月で3,000USDかかります、、。うっかり勉強ばかりしてたらすごい請求が来ました。 さっさと削除削除。
AWSAWS Node v4.3終了です
AWS Node v4.3終了です Node.js v4.3ランタイムを使用した新規の関数作成は2018年7月31日まで、既存の関数の更新は2018年10月31日までとなります。 EOLとは EOLとは、End Of Lifeで、「寿...
springSpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い
SpringMVCの@Componentと@Repositoryと@Serviceと@Controllerの違い 正直どれでもよい。と思う。一般的にはリクエストをコントロールするクラスには@Controllerアノテーションをつけます。 ...
保険用語保険契約申込書(保険申込書)とは
保険契約申込書(保険申込書)とは 保険契約申込書とは、保険設計書を見て保険契約を締結した保険契約者が署名して保険会社に提出する書類のことを言います。 保険契約者、代理店などはその控えを保管します。
API GatewayAWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す
AWS Cognitoで認証した後、認可したAPI GatewayにユーザIDを渡す Cognitoで認証した後に認可しているAPI GatewayにユーザIDを渡したい場合があるかも知れません。でもないかもしれません。 とりあえず渡す...
springSpringMVCのweb.xmlのタグを削除したらどうなるか
SpringMVCのweb.xmlの<init-param>タグを削除したらどうなるか デフォルトではSpringMVCのweb.xmlは以下のようになっているかと思います。 <!-- Processes applic...
保険用語保険設計書とは
保険設計書とは ご契約者ごとの保険プランを記載した冊子のことを言います。 こんなイメージです。