はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに これは Angular Advent Calendar 2019 10日目の記事です。 こんにちは (｡･ω･｡) Angular と Firebase で CGM サービス（一般ユーザー投稿型サービス）を開発している者です。 早いもので、Angular Advent Calendar も 3 回目の参加となります。 例年ではなんとなく不吉な 4 日目をいただいていたのですが、今年も募集当日にエントリーしに行くと既に 9 割ほどの枠で参加表明があり、狙っていた？ 4 日目も埋まっていました。 （どこでも良いので他の人が嫌がる確

はじめに これは Angular Advent Calendar 2018 4日目の記事です。 こんにちは (｡･ω･｡) Angular で CGM サービスを運用・構築したり、ng-japan の slack で emoji を追加することを生業としている者です。（コミュニケーションの場は本格的にspectrum へ移行することが決定したため emoji 業者としての活動は終わりになりそうです；；） 自分は今年の中旬くらいから担当している Angular プロジェクトを SSR 化していたのですが、実践的な流れを網羅する情報が存在せず非常に苦労しました。 今回はその経験を生かして Angular の Universal 化に関する実践的なまとめを作成することにします。 この記事は SSR の知識 0 の方でも読み進められるように大きく分けて #SSR を導入した結果 #SSR について

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに この記事の対象者 これから Angular を始める方 Rx, RxJS についてイメージをなんとなくイメージをつかみたい方 この記事は何？ Angular は、非同期処理を効率よく実装するために RxJS というライブラリを標準で採用しています。 ただ、この RxJS というライブラリを扱うためには、従来のプログラミングとは少し違った思考が必要です。 自分の場合は、何も知らない状態で公式ドキュメントを読みに行っても利点や具体的な使い方がピンときませんでした。 理解が進まなかった最大の要因は、Rx という概念のイメージを持って

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

これは Angular Advent Calendar 2017 4日目の記事です。 こんにちは (｡･ω･｡) Angular で CGM サービスを運用・構築したり、ng-japan の slack で emoji を追加することを生業としている者です。 今回は、担当しているサービスで Virtual Scroll を導入する機会があったので、その経緯と方法について紹介したいと思います。 今回の動作 demo は コチラ この demo は、いずれ落とすことになると思いますのでご了承くださいm(__)m ↓ 動いている様子 demo 用に 100 件のデータを投入しましたが、どんなにデータを読み込んでもページ間の遷移速度が落ちない様子がわかると思います。 なぜ Virtual Scroll が必要だったのか サービス内で使われるリストは、新着一覧やランキング等様々なページの要となる要素