Angular と Firebase で月間 3.5億PV になった PWA の収益性改善とコストカット - Qiita
と、振り返ってみると毎年綺麗に 300% 成長でこれていますね。 （流石に来年はきついと思います＾＾； 今回は、そんな サービスを拡大する上で欠かせない収益の話 と 成長したからこそ表面化したコストの話 をまとめていきたいと思います。 収益の話 参照：https://jp.freepik.com PWA は稼げない 昨年の Advent Calendar にて、私はたいそう嘆いておりました（ＴДＴ） Web 側の広告は MPA（マルチページアプリ）を前提にしているものがほとんど Web 側では広告の表示を最適化できない（MPA 前提の規約上バックグラウンドで読み込んでおけない それに加えて、SPA のページ遷移が早すぎて広告が表示される前に通過してしまう アプリ側にはインタースティシャル広告やリワード広告といった単価の高い広告商材が豊富に存在する そういった要因から、PWA におけるページ
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
Ionic4でPWA対応してみたので、注意点を２つ述べる - Qiita
この記事は、Ionic Frameworkアドベントカレンダー3日目の記事です。 個人でIonicを使って開発している、Googleカレンダーと連携する日程調整アプリ「アイテマス」をPWA対応しました。その際に、はまったり忘れがちな設定が２つあるので、それらについてまとめます。 Ionicのバージョンは下記のとおりです。 Ionic CLI : 5.4.5 (***) Ionic Framework : @ionic/angular 4.11.2 基本的に公式のドキュメント通りに行えばとりあえずPWA化します。その他の細かい調整はGoogle Chromeの開発者ツールを使って行ったらOKです（Lighthouseというよさげなツールもあるみたいですね）。 スプラッシュスクリーン対応 こういうGeneratorを使っておけば問題なくいけると思いきや、iOSで表示されませんでした。どうやらし
AngularのPWA（Progressive Web Apps）機能でアプリのようなWebページを作成
キャッシュによるオフライン表示をサポートするAngularのService Worker Service Workerは、Webページと独立してバックグラウンドで動作するJavaScriptです。Angularでは、ネットワーク接続なしでWebページを表示できるService Workerのキャッシュ機能を、より利用しやすくする機能が提供されます。 AngularのService Worker設定 AngularのService Worker機能は、「@angular/service-worker」パッケージで提供されます。「ng add」コマンドでPWA機能を追加すると、モジュール定義ファイル（app.module.ts）にService Workerの設定が自動的に追加されます。 （1）で参照したServiceWorkerModuleを利用して、（2）でService Workerを設
AngularのPWA（Progressive Web Apps）機能でWebプッシュ通知を実装
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）の利用法を紹介しましたが、今回はPWAならではの機能と言える、Webプッシュ通知をAngularで実装する方法を説明します。 はじめに Angularは、Googleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。最初のバージョンはAngularJS（AngularJS 1）と呼ばれていましたが、バージョン2で全面的に刷新され、以降、おおむね半年に1回アップデートされています。 PWA（Progressive Web Apps）は、まるでネイティブアプリのような使い勝手を提供するWebページです。前回記事では、「Web App Man
AngularのPWA（Progressive Web Apps）機能でアプリのようなWebページを作成 (1/3)：CodeZine（コードジン）
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はe2e（End-to-End）テストの実行方法を説明しました。今回は、ネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）に関するAngularの機能を紹介します。 はじめに Angularは、Googleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。最初のバージョンはAngularJS（AngularJS 1）と呼ばれていましたが、バージョン2で全面的に刷新され、以降、おおむね半年に1回アップデートされています。 PWA（Progressive Web Apps）は、まるでネイティブアプリのような使い勝手を提供するWebページです。Webページのアプリ名やアイコンを定義する「Web
AngularでPWAを進める
AngularでPWAを進める 2018/06/16 ng-japan ToshiyaTanaka(TeaTwo)
AngularアプリをPWAにする方法 - Qiita
Angularアプリで必要になる項目 個々のアプリ実装状況に依るところもありますが、Angular-CLIで作成している標準的なアプリなら、大きく3つの実装機能になるはずです。 ServiceWorkerを導入する "Register a service worker" "Respond with a 200 when offline" "User can be prompted to install the web app"（※serviceWorkerも必要になります。） WebManifestを作る "User can be prompted to install the web app" "Configured for a custom splash screen" "Address bar matches brand colors" NoScript環境でのviewを用意する "
Angular 2を使うならUIはコレで！Ionic 2ことはじめ（正式リリース版対応） | HTML5Experts.jp
Angular 2を使うならUIはコレで！Ionic 2ことはじめ（正式リリース版対応） 榊原昌彦（一般社団法人リレーションデザイン研究所 ...） Web制作してると、また新技術が出たのかと思うと、気づいたら「新常識」が増えてたということに頻繁に出会います。 タスクランナー、SCSS、LiveReload、SPA、PWA、ハイブリッドアプリ。そういった近年のキーワードを一気に体験できるUIフレームワーク「Ionic 2」が先日リリースされましたので、ご紹介します。 編集部注: Angular 2の正式名称は「Angular」ですが、現状だと「AngularJS 1.x」のことを呼称していると誤解される可能性が高いと判断し、本稿では「Angular 2」で統一させていただきます 記事の内容が古くなってたので、2017年8月11日に更新しました Ionic 2の概要 Ionic2は、アメリカ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechFeed 10.2 リリース！ServiceWorkerによるオフラインキャッシュ化で起動が爆速化！