Angular と Firebase で月間 3.5億PV になった PWA の収益性改善とコストカット - Qiita
と、振り返ってみると毎年綺麗に 300% 成長でこれていますね。 （流石に来年はきついと思います＾＾； 今回は、そんな サービスを拡大する上で欠かせない収益の話 と 成長したからこそ表面化したコストの話 をまとめていきたいと思います。 収益の話 参照：https://jp.freepik.com PWA は稼げない 昨年の Advent Calendar にて、私はたいそう嘆いておりました（ＴДＴ） Web 側の広告は MPA（マルチページアプリ）を前提にしているものがほとんど Web 側では広告の表示を最適化できない（MPA 前提の規約上バックグラウンドで読み込んでおけない それに加えて、SPA のページ遷移が早すぎて広告が表示される前に通過してしまう アプリ側にはインタースティシャル広告やリワード広告といった単価の高い広告商材が豊富に存在する そういった要因から、PWA におけるページ
【Angular Universal】SSR で 404 を返す ( クライアント側から express Response を操作する方法 ) - Qiita
【Angular Universal】SSR で 404 を返す ( クライアント側から express Response を操作する方法 )AngularSPAssrangular-universal 解決する問題 存在しないページをリクエストされた場合、通常のサイトであれば Http Status Code を 404: Not Found で返します しかし、SPA の場合起点となる index.html が問題なく取得できてしまうため、適当に打ったパスにアクセスしようと常に 200: OK が返ってしまいます これは SPA を開発している人なら誰でも一度は悩まされる問題だと思います 今回は、この問題を Angular Universal で解決します サーバー側 サーバー側は、通常通り @nguniversal/express-engine を使って SSR に備えるだけです 詳
SSR の知識ゼロから始める Angular Universal - Qiita
はじめに これは Angular Advent Calendar 2018 4日目の記事です。 こんにちは (｡･ω･｡) Angular で CGM サービスを運用・構築したり、ng-japan の slack で emoji を追加することを生業としている者です。（コミュニケーションの場は本格的にspectrum へ移行することが決定したため emoji 業者としての活動は終わりになりそうです；；） 自分は今年の中旬くらいから担当している Angular プロジェクトを SSR 化していたのですが、実践的な流れを網羅する情報が存在せず非常に苦労しました。 今回はその経験を生かして Angular の Universal 化に関する実践的なまとめを作成することにします。 この記事は SSR の知識 0 の方でも読み進められるように大きく分けて #SSR を導入した結果 #SSR について
Angular と Firebase で月間PV1億超えの PWA を作った話 - Qiita
はじめに これは Angular Advent Calendar 2019 10日目の記事です。 こんにちは (｡･ω･｡) Angular と Firebase で CGM サービス（一般ユーザー投稿型サービス）を開発している者です。 早いもので、Angular Advent Calendar も 3 回目の参加となります。 例年ではなんとなく不吉な 4 日目をいただいていたのですが、今年も募集当日にエントリーしに行くと既に 9 割ほどの枠で参加表明があり、狙っていた？ 4 日目も埋まっていました。 （どこでも良いので他の人が嫌がる確率が高そうなところに入ったろの精神 今まで #1 しかなかったカレンダーが今年は勢いそのまま #2 まで誕生し、ここ 1 年での Angular コミュニティの成長を実感しています (ﾉﾟ∀ﾟ)ﾉ 小話はこの辺で... この記事では、約 2 年間 Angul
Angular6 で scss を有効にする方法 - Qiita
はじめに つい先日、ついに Angular6 正式版がリリースされました 🎉 ただ、Angular-CLI の設定ファイルである .angular-cli.json が angular.json へと変更され、それに伴い大幅な仕様変更が入りました。 本記事では、angular.json のざっくりとした使い方を、最もポピュラーである 「scss を有効化する」 というケースを想定して紹介してみます。 angular.json で scss を有効にする angular.json の仕様 を見てみると、angular.json では projects プロパティにプロジェクトを設定し、そのプロジェクトの schematics プロパティに @schematics/angular:component や @schematics/angular:directive というキー名で設定したい項目
AngularFire V5 + Firestore 環境で Virtual Scroll を導入する - Qiita
これは Angular Advent Calendar 2017 4日目の記事です。 こんにちは (｡･ω･｡) Angular で CGM サービスを運用・構築したり、ng-japan の slack で emoji を追加することを生業としている者です。 今回は、担当しているサービスで Virtual Scroll を導入する機会があったので、その経緯と方法について紹介したいと思います。 今回の動作 demo は コチラ * この demo は、いずれ落とすことになると思いますのでご了承くださいm(__)m ↓ 動いている様子 demo 用に 100 件のデータを投入しましたが、どんなにデータを読み込んでもページ間の遷移速度が落ちない様子がわかると思います。 なぜ Virtual Scroll が必要だったのか サービス内で使われるリストは、新着一覧やランキング等様々なページの要となる
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
