Angular
はじめに empty, throwError, throw new Error 処理失敗の通知に「throwError」を使うべきか はじめに C# でコードを書く時に、下記のような処理をよく書きます。 private async Task ExecuteExampleAsync() { var result1 = await DoSomethingAsync1(); if …
はじめに TypeOrm を使う 「nest generate」を使う Repository クラスから Database にアクセスする 参照 はじめに 今回は TypeOrm を追加して Database にアクセスできるようにしますよ。 Angular 10 + NgRx + Nest.js でプロジェクトを作る TypeOrm を使う…
はじめに Angular ver.10のプロジェクトに @ngrx/store が追加できない Nest.js のプロジェクトを追加する はじめに 今回はサーバー側のプログラムも追加してみます。 今回は TypeScript 好きである、ということもあって Nest.js を選びました。 Environment…
はじめに 元のプロジェクト Action, Reducer, Store を追加する Effects を使う 元のプロジェクトに Service を追加する Effects を追加する はじめに 前から気になっていた NgRx に触れてみます。 NgRx - @NGRX/STORE NgRX は Redux のように状態を管理する…
はじめに インストール はじめに ※2019/12/06 一旦書き終わったところだけ公開いたします。 残りは仕事が終わったあと追記予定です(..)_ この記事は PWA Advent Calendar 2019 の 6 日目の記事です。 JSConf China 2019 で聴いて以来気になってはいた PWA(Pr…
はじめに IE11 でページを表示する 背景色に Alpha のある色を設定する Grid layout を有効にする おわりに はじめに この記事は Angular #2 Advent Calendar 2019 一日目の記事です。 以前からちょろちょろ触っていた Angular ですが、そろそろ試しに使って…
はじめに 準備 Directive って何 Component はじめに 色々あったりなかったりして、 Angular をもう一度触ってみることにしました。 Angular 2 の時代にハンズオンに参加したとはいえ、あれからずいぶん経っているわけなので、もう一度一からやってみるぞい…
はじめに 特定のURLでCSRF対策を無効にする Cross-site script inclusion (XSSI) おわりに 参照 はじめに Angularのセキュリティ対策について調べてみる その1 Angularのセキュリティ対策について調べてみる その2 Angularのセキュリティ対策について調べて…
はじめに Trusting safe values HTTP-level vulnerabilities エラーページ Cross-site request forgery (CSRF or XSRF) おわりに 参照 はじめに Angularのセキュリティ対策について調べてみる その1 Angularのセキュリティ対策について調べてみる その2 続き…
はじめに Content security policy(CSP)について Offline template compilerについて サーバー側のXSS対策について 参照 はじめに Angularのセキュリティ対策について調べてみる その1 前回の続きです。 今回はContent security policy(CSP)、Offline templa…
はじめに XSSについて FormsModuleについて 暗号化 おわりに 参照 はじめに フロントエンドで行うセキュリティ対策について、Angularではどのようにしているのかなぁ〜、と疑問に思ったので調べてみました。 まずはAngularの公式ドキュメントを元に、あれこ…
はじめに アニメーション1(失敗) 画像をスライドさせる 背景画像をスライドさせる 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 AngularとSpringBootでWebページを作ってみたい その2 AngularとSpringBootでWebページを作ってみたい …
はじめに 静的なファイルの読み込み 動的にページタイトルを設定する IE対応 Componentをどう分けるか 画像切り替え 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 AngularとSpringBootでWebページを作ってみたい その2 AngularとSprin…
はじめに ルーティング アイテムがマウスオーバーされた時にメニューを表示する おわりに 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 AngularとSpringBootでWebページを作ってみたい その2 今回は、Spring boot側のルーティングと、…
はじめに node_moduleをインストールし直す ビルドデータの出力先の変更 CSS Grid Layoutを使う RxJSでJSONデータ取得 おわりに 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 引き続きWebページを作成すべくあれこれ試しています。 今…
はじめに ヘッダーを作る バナーを作る アニメーションをつける キーイベントを取る top-banner.component.tsのコード おわりに 参照 はじめに ひょんなことから試しにWebサイトを作ってみることにしました。 フロントはAngular、バックはSpring bootで、以…
はじめに Angularのプロジェクトをビルドする HTMLファイルを読み込む http.Handle, ServeHTTP 静的ファイルを読み込む 他からアクセスできるようにする 参照 はじめに 前回に引き続きGolangのお話。 以前作成したAngularのプロジェクトをビルドして、 Golan…
はじめに 振り返って 内容について おわりに はじめに 3/20に行われたng-kyoto Angular Meetup #5で発表してきました。 ng-kyoto.connpass.com https://masanori840816.github.io/ngkyoto5/slidepage.html 振り返って いやぁ、緊張しました(苦笑)。 (完全に…
はじめに マウスオーバーとマウスが離れた時のイベントを取得する CSS アニメーション ngFor 参考 はじめに 前回の続きです。 公式ドキュメントのボタンのように、マウスオーバーした時にボタンが浮き上がって見える、という動きを真似してみます。 マウスオ…
はじめに アニメーション EaseType アニメーションの開始・終了イベント 参考 はじめに 前回に続いてAngular.jsのお話。 昔Angular.jsの弱点としてアニメーションが挙げられていた気がしていたので(別のものと混同している恐れもあります)、 ちょこっと調べ…
はじめに 設定 開発ツール Node.jsのインストール Angular-cliのインストールに失敗する IP Addressで開く 参考 はじめに 突然ですがラップトップのOSをUbuntuに変更しました。 VirtualBoxにXubuntuを入れたりして遊んでいたのですが、Gnome3を使ってみたく…
やったこと Controller as コード 参考 終わりに ちょっと必要になったのでメモ。 やったこと TextAreaに入力された文字列を、改行・コンマ区切りで分割してTableにセットします Controller as 以前Angular.jsを使った時は、formなどからデータを取得する際…
前回の続きです。 やったこと 登録済みのタグ(カテゴリ)情報をDBから取得して、チェックボックスとして表示する 投稿ボタンを押した時に、チェックされたチェックボックスのIDをJSONとしてサーバ側のコントローラに渡す DBからデータを取得する サーバ側から…
はじめに 前回はReactを使ってブログ記事を表示するページを作りかけてみたわけですが、表示するための記事を投稿するためのページが欲しくなりました。 投稿するページは自分だけが利用できればそれでよく、正直DBにそのままデータを突っ込んでも。。。と思…