vaguely

和歌山に戻りました。ふらふらと色々なものに手を出す毎日。

Angular

【RxJS】処理に失敗したときに早期リターンしたい話

はじめに empty, throwError, throw new Error 処理失敗の通知に「throwError」を使うべきか はじめに C# でコードを書く時に、下記のような処理をよく書きます。 private async Task ExecuteExampleAsync() { var result1 = await DoSomethingAsync1(); if …

TypeOrm を追加する

はじめに TypeOrm を使う 「nest generate」を使う Repository クラスから Database にアクセスする 参照 はじめに 今回は TypeOrm を追加して Database にアクセスできるようにしますよ。 Angular 10 + NgRx + Nest.js でプロジェクトを作る TypeOrm を使う…

Angular 10 + NgRx + Nest.js でプロジェクトを作る

はじめに Angular ver.10のプロジェクトに @ngrx/store が追加できない Nest.js のプロジェクトを追加する はじめに 今回はサーバー側のプログラムも追加してみます。 今回は TypeScript 好きである、ということもあって Nest.js を選びました。 Environment…

NgRx に触れてみる 1

はじめに 元のプロジェクト Action, Reducer, Store を追加する Effects を使う 元のプロジェクトに Service を追加する Effects を追加する はじめに 前から気になっていた NgRx に触れてみます。 NgRx - @NGRX/STORE NgRX は Redux のように状態を管理する…

Angular で PWA に挑戦したい話

はじめに インストール はじめに ※2019/12/06 一旦書き終わったところだけ公開いたします。 残りは仕事が終わったあと追記予定です(..)_ この記事は PWA Advent Calendar 2019 の 6 日目の記事です。 JSConf China 2019 で聴いて以来気になってはいた PWA(Pr…

Angular(ver.8.2) のページを IE11 に対応させたい話

はじめに IE11 でページを表示する 背景色に Alpha のある色を設定する Grid layout を有効にする おわりに はじめに この記事は Angular #2 Advent Calendar 2019 一日目の記事です。 以前からちょろちょろ触っていた Angular ですが、そろそろ試しに使って…

雑に Angular 再入門(Tour of Heroes App) 1

はじめに 準備 Directive って何 Component はじめに 色々あったりなかったりして、 Angular をもう一度触ってみることにしました。 Angular 2 の時代にハンズオンに参加したとはいえ、あれからずいぶん経っているわけなので、もう一度一からやってみるぞい…

Angularのセキュリティ対策について調べてみる その4

はじめに 特定のURLでCSRF対策を無効にする Cross-site script inclusion (XSSI) おわりに 参照 はじめに Angularのセキュリティ対策について調べてみる その1 Angularのセキュリティ対策について調べてみる その2 Angularのセキュリティ対策について調べて…

Angularのセキュリティ対策について調べてみる その3

はじめに Trusting safe values HTTP-level vulnerabilities エラーページ Cross-site request forgery (CSRF or XSRF) おわりに 参照 はじめに Angularのセキュリティ対策について調べてみる その1 Angularのセキュリティ対策について調べてみる その2 続き…

Angularのセキュリティ対策について調べてみる その2

はじめに Content security policy(CSP)について Offline template compilerについて サーバー側のXSS対策について 参照 はじめに Angularのセキュリティ対策について調べてみる その1 前回の続きです。 今回はContent security policy(CSP)、Offline templa…

Angularのセキュリティ対策について調べてみる その1

はじめに XSSについて FormsModuleについて 暗号化 おわりに 参照 はじめに フロントエンドで行うセキュリティ対策について、Angularではどのようにしているのかなぁ〜、と疑問に思ったので調べてみました。 まずはAngularの公式ドキュメントを元に、あれこ…

AngularのAnimationsで画像をスライドさせたい

はじめに アニメーション1(失敗) 画像をスライドさせる 背景画像をスライドさせる 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 AngularとSpringBootでWebページを作ってみたい その2 AngularとSpringBootでWebページを作ってみたい …

Angularで引っかかったあれこれ

はじめに 静的なファイルの読み込み 動的にページタイトルを設定する IE対応 Componentをどう分けるか 画像切り替え 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 AngularとSpringBootでWebページを作ってみたい その2 AngularとSprin…

AngularとSpringBootでWebページを作ってみたい その3

はじめに ルーティング アイテムがマウスオーバーされた時にメニューを表示する おわりに 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 AngularとSpringBootでWebページを作ってみたい その2 今回は、Spring boot側のルーティングと、…

AngularとSpringBootでWebページを作ってみたい その2

はじめに node_moduleをインストールし直す ビルドデータの出力先の変更 CSS Grid Layoutを使う RxJSでJSONデータ取得 おわりに 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 引き続きWebページを作成すべくあれこれ試しています。 今…

AngularとSpringBootでWebページを作ってみたい その1

はじめに ヘッダーを作る バナーを作る アニメーションをつける キーイベントを取る top-banner.component.tsのコード おわりに 参照 はじめに ひょんなことから試しにWebサイトを作ってみることにしました。 フロントはAngular、バックはSpring bootで、以…

AngularのプロジェクトをビルドしてGolangで動かす

はじめに Angularのプロジェクトをビルドする HTMLファイルを読み込む http.Handle, ServeHTTP 静的ファイルを読み込む 他からアクセスできるようにする 参照 はじめに 前回に引き続きGolangのお話。 以前作成したAngularのプロジェクトをビルドして、 Golan…

ng-kyoto Angular Meetup#5で発表してきました

はじめに 振り返って 内容について おわりに はじめに 3/20に行われたng-kyoto Angular Meetup #5で発表してきました。 ng-kyoto.connpass.com https://masanori840816.github.io/ngkyoto5/slidepage.html 振り返って いやぁ、緊張しました(苦笑)。 (完全に…

AngularのAnimate2

はじめに マウスオーバーとマウスが離れた時のイベントを取得する CSS アニメーション ngFor 参考 はじめに 前回の続きです。 公式ドキュメントのボタンのように、マウスオーバーした時にボタンが浮き上がって見える、という動きを真似してみます。 マウスオ…

AngularのAnimate

はじめに アニメーション EaseType アニメーションの開始・終了イベント 参考 はじめに 前回に続いてAngular.jsのお話。 昔Angular.jsの弱点としてアニメーションが挙げられていた気がしていたので(別のものと混同している恐れもあります)、 ちょこっと調べ…

UbuntuでAngular

はじめに 設定 開発ツール Node.jsのインストール Angular-cliのインストールに失敗する IP Addressで開く 参考 はじめに 突然ですがラップトップのOSをUbuntuに変更しました。 VirtualBoxにXubuntuを入れたりして遊んでいたのですが、Gnome3を使ってみたく…

Angularでテキストを分割してテーブルに入れる

やったこと Controller as コード 参考 終わりに ちょっと必要になったのでメモ。 やったこと TextAreaに入力された文字列を、改行・コンマ区切りで分割してTableにセットします Controller as 以前Angular.jsを使った時は、formなどからデータを取得する際…

Angularにも触れてみる 2

前回の続きです。 やったこと 登録済みのタグ(カテゴリ)情報をDBから取得して、チェックボックスとして表示する 投稿ボタンを押した時に、チェックされたチェックボックスのIDをJSONとしてサーバ側のコントローラに渡す DBからデータを取得する サーバ側から…

Angularにも触れてみる 1

はじめに 前回はReactを使ってブログ記事を表示するページを作りかけてみたわけですが、表示するための記事を投稿するためのページが欲しくなりました。 投稿するページは自分だけが利用できればそれでよく、正直DBにそのままデータを突っ込んでも。。。と思…