アーキテクチャ CORS備忘録
CORSとは？ CORS（Cross Origin Resource Shareing）。 URLのホワイトリストを作成し、 外部からのリクエストを制限する。 ホワイトリストに登録されていないURLにリクエストを送ろうとした場合、返却される...
アーキテクチャ アーキテクチャ CSRF備忘録
CSRFとは？ CSRF (Cross Site Request Forgery)は、Cookieの認証情報を不正リンクによって悪用されること。 認証情報は一般的に、クッキー、ヘッダーに付与される。 例えば、銀行のサイトにログインすれば、ブ...
AWS AWS_AMIからのサーバー復旧
はじめに そもそもAMIが無ければ復旧できません。。 サーバーの設定やパッケージ更新する前は必ずAMIを作りましょう。 IPは変更になります。元のインスタンスを終了すれば、新インスタンスで同じIPを使用することができますが、元新比較で設定し...
テスト 【Java】JUnitテスト基礎
JUnitでは、アサーションという検証を行うためのクラスを使用する。 しかし、このアサーションは以下のように、たくさんのパッケージがあり、どれを使用（import）するかで、メソッドの使い方が変わるので注意する。 org.assertj.c...
Windows タスクバーが消える
あんまり例は無いと思うが、業務PCにVPNや認証情報制御など組み込まれていると、いつも固定しているタスクバーが突然消えたりする。 PC起動> VPN接続していないのでネットつながらない > 認証情報取得できない みたいな不整合でエクスプロー...
Angular Angularコンポーネント
Angularとは？ TypeScriptで実装されたNode.jsを拡張したフレームワーク。Node.jsの拡張では、Angularの他に、ReactやVueがあります。 Angularのドキュメントや実装を読み解くにあたって、見ただけで...
テスト MECEなシナリオテストの作り方
前提 全ての条件をテストすることはできない。 条件より要件を意識して、重要な機能に時間を割く。 単体テストとの違いは、結合テストではメソッドではなく、出口の値を検証する点にある。 実施は分岐網羅レベルで行。。 ITaとITbがあり、 ITa...
クッキー Angularテスト備忘録
Angularの基本的なテスト実装について解説する。 フレームワークは、KarmaとJasmineを使用する。 テストの起動 npm test npm run <script> で、グローバルの設定に依存せず、開発フォルダのpackage....
Angular Angular状態管理基礎
状態管理はSPA（シングルページアプリケーション）の実装に用いられる。 状態管理では、単純にHTMLからjavascriptを呼び出してリクエストを送るだけでなく、ストアという概念が登場する。 ストアにデータをため込んで使用することで、ペー...
Angular AngularプラスRxJSでSPA！Observableの使用方法
ただSPAを作りたいだけなのに。Obervableを監視したいだけなのに。 いくら調べてもいまいち何をやっているのかつかめない。 そんな人のための記事です。 Observable状態管理をするにあたっては2つの入り口があります。 SPAを作...