import Vue from "vue"; import Vuex from "vuex"; import user from "@/store/modules/user"; Vue.use(Vuex); const store = new Vuex.Store({ modules: { user, }, }); export default store; export default { namespaced: true, state: { id: "", name: "", token: "", pic: "", expiration_time: "", }, mutations: { store(state, user) { state.id = user.id; state.token = user.token; state.name = user.name; state.pic
Vue CLI 3 で PWA チュートリアル（Service Workers / Add to Home Screen / Push Notifications）Vue.jsFirebasePWAFirebaseCloudMessagingvue-cli オリジナル記事 https://blog.n11sh1.com/vue-pwa-tutorial-ja/ PWAとは？ PWA（Progressive Web App） の一部に以下のような機能があります。 Service Workers Add to Home Screen Push Notifications これにより Webアプリ として開発しても Nativeアプリ 同様のUXをユーザーに提供できます。 ここらへんを Vue を使って試していきます。 Ref. Progressive Web Apps | Web | Goog
MonacaでPWAを作ってFirebaseにDeployする Monacaはアシアル株式会社が運営しているアプリ開発環境で、 3個までの非商用のプロジェクトであれば無料から使えます。 Monaca クラウド IDEというブラウザ上で動くIDEを使用すると 環境構築の必要なく、iOSやAndroidアプリの開発ができます。 また最近では、ネイティブアプリのような動作をするウェブアプリである PWA(Progressive Web Apps)の開発も可能です。 Monacaは外部サービスと連携してクラウド IDEから 直接Deployすることも可能です。 FirebaseでBasic認証 社内専用のアプリやテスト用のアプリのように公開されては困る場合 アクセス制限のためにせめてBasic認証くらいはかけたいですよね。 FirebaseでBasic認証をかけてHostingするやり方については
はじめに 私は個人開発でFirestoreを使っているのですが、恥ずかしながらセキュリティルールをあまり理解しておらず、テストも書いたことがありませんでした。 そんなとき、たまたま YouTubeにFirestore設計入門の動画を投稿したというツイート を見て、軽い気持ちで視聴しました（おい）。 動画 ではTypeScript + Jestを使ってサクサクテストを書いていてわかりやすく、これなら私でも書けると思い、実際に個人開発で使っているセキュリティルールのテストを書いてみました。 本記事では私がどのような観点でテストを書いたかを中心に、Firestoreのオペレーションのひとつである list のテストについて解説します。 対象読者 本記事は、以下のような方に向けて執筆しています。 Firestoreを使ったことがあり、セキュリティルールについて理解している セキュリティルールのテス
今回は実際にpush通知を端末に送ることと、push通知受信後の挙動も制御してみました。 前回の記事：https://utage.headwaters.co.jp/blog/?p=6406 目次 実装【Monaca】 FireBase送信画面【Firebase】 受信【端末】 モーダル表示(応用)【Monaca x Firebase】 1.実装【Monaca】 Android端末でpush通知を受信できるよう準備します。 ・下記のソースを記述 <script> ons.ready(function() { /** * ［プッシュ通知設定］ */ window.FirebasePlugin.grantPermission(); window.FirebasePlugin.onNotificationOpen(function(notification){ console.log(notifi
アプリを識別する一意の ID です。 逆ドメイン形式を推奨します ( mobi.monaca.appname など )。 英数字とピリオドのみ使用できます ( ピリオドは最低限 1 つ使用 )。 各節 ( 各レベルのドメイン ) はピリオドで区切り、各節の先頭には英字を使用します。 ※Monaca 上でのアプリ設定では、App ID に、アスタリスク (*) は使用できません。 ※使用した場合、ビルドが失敗します。また、この App ID には、iOS DevCenter で登録した/する Explicit App ID と同じものを使用します。 設定後、 保存する をクリックします。 ・iOS のビルド設定 Monaca クラウド IDE のメニューから、 設定 > iOS ビルド設定 を選択します。 既存の秘密鍵をインポートする場合には、その秘密鍵に関連付けされた証明書も Monaca
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
前回の記事は前編と称してFirebaseの機能を簡単に紹介しました。その続きである今回の記事は後編として何かアプリケーションを作りながら個々の機能を詳細に説明するはずでした。 しかし、前編からすでに10ヶ月が過ぎ、途中にGoogle I/Oを挟んだこともあって、すでに全体像が大幅に変更されています。そこで今回は「前編 補」として、いまさらではありますがGoogle I/O前後でFirebaseがどのように変わったのかをざっくりと説明します。 新旧Firebaseの違い 2016年5月のGoolge I/Oのキーノート、そしてそれに続く各セッションでFirebaseの大幅な拡張が発表されました。いったいどのような拡張が行われたのか、それはその発表前後のトップページの文言を比較すると分かりやすいでしょう。 旧Firebase どうでしょう。新旧の立ち位置の違いが明確に表れていると思いませんか。
Firebaseは2014年10月にGoogleに買収されたことで一躍有名になったBaaS（Backend as a Service）です。本記事ではちょっとしたリアルタイムウェブアプリケーションを作りながらFirebaseの機能を紹介します。 Firebaseとは Firebaseはデータストレージ、ユーザー管理などアプリケーションのバックエンドとして必要となる機能をサービスを提供することで、アプリケーション開発者がクライアントサイドの開発に集中できるようにしてくれるBaaS（Backend as a Service）の一種です。 2014年10月にGoogleに買収され、Google Cloud Platform（GCP）の一員となりました。この買収によりGCPにはPaaS（Platform as a Service）としてGoogle App Engine、IaaS（Infrastr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く