Build Get to market quickly and securely with products that can scale globally
Firebase Functionsでは、基本的にはindex.jsにすべての関数を書くことになるので、数が増えるといろいろつらくなってきますが、2018秋アニメはAmazonでSAO新作とゴブリンスレイヤーを見ています。 ファイル分割については、ググればこんな感じのが見つかります。 javascript - How do I structure Cloud Functions for Firebase to deploy multiple functions from multiple files? - Stack Overflow index.js: const functions = require('firebase-functions'); const fooModule = require('./foo'); const barModule = require('./bar')
この記事は Nuxt.js アドベントカレンダー 24 日目の記事です。 ここ一年ほどほとんど Nuxt.js で Vue.js を単体で使うことがめっきり減った @potato4d です。 今回はニッチな話題として、「JavaScript の世界のオブジェクトに Vue.js のリアクティブ機構をもたせる」という話をしたいと思います。 なお、今回はややこしいコードベースを省く意味でも Nuxt.js 環境を前提とします。 実現したい要件 まずは実現したい要件を定義します。 今回は、現在弊社にて開発中の Web サービスのシステムをベースとして考案します。 Firebase Authentication を使ってユーザー情報をやりとりする データベースヘの取得・保存操作では、 Firebase 側のユーザーの uid を利用するためグローバルから認証情報にアクセスできてほしい できればその
2019/01/12 に #kyotojs で発表したスライドです
const functions = require('firebase-functions'); const admin = require('firebase-admin'); const request = require('request') admin.initializeApp(); # 略 const getImageFromUrl = async (imgURL) => { const imgURL = "https://2017.brucon.org/images/b/bc/Twitter_logo.jpg"; const ary = imgURL.split('?')[0].split('/'); const imageName = ary.slice(-1)[0] try { const newFile = storage.bucket().file(imageName
最初に この記事はVue.js アドベントカレンダー#4 25日目の記事です。 この一ヶ月でVue.jsについてのナレッジが100記事増えたことになります。やったね！！ 2018/8/2 追記 現在では vue-cli の3.x.xがリリースされており、スキャフォールドからVueプロジェクト作成の工程が若干異なりますのでご留意ください。 この記事でやること バックエンドをFirebaseに丸投げしたユーザ登録 → サインイン → サインアウト までのチュートリアルです。 認証の実装は面倒 フロントエンドの技術を使ってちょっとしたアプリケーションを作った時、認証やユーザ管理を実装するのはそれなりに面倒かと思います。フレームワークの選定、DBは何使う?など決めなければならないこと、覚えなくてはならないことがたくさんありますね。 そこでBaaSを使います。 BaaSって？ Backend as
生存報告も兼ねて。 カリフォルニアに来てもう半年ぐらい経った感覚ですが、実はまだ4ヶ月ほどでした。非常に多くの素敵な方々との出会いがあり、妻も僕も子供もこの皆さまの助けがあってどうにか生きております。どう感謝してよいか言葉にできないほどです。 さて、ビジネス上の僕のミッションは次の3つです。 主に投資や連携目的の交渉（の技術面のサポート） 日本との連携 新規事業の開発 どれもなかなか難しいです。会ってアポぐらいなら応じてくれる会社も多いですが、投資や連携といってもバブル崩壊以後経済成長できていない我が国はもはや「商習慣だけめんどくさいのに今やカネも持ってないから相手にしてられない連中」というのは肌で感じます。ご存知の通り、サンフランシスコ・ベイエリアはIT企業会社員が年収5000万円もらうような場所です。なかなか同じ規模感で会話するのが難しいレベルに達しています。 こみこみという噂のNet
READY FOR THE BATTLE? -Introduction to Live Coding-
はじめに 前回の記事から随分経ってしまいましたが、今回はユーザ登録を実装してみます。 ログイン機能は前回実装した、Google Authorization機能を用いますが、一般に公開されるユーザ名を追加で設定できるようにします！ この記事の内容で、FirebaseDB(と呼びます)への書き込みが理解できました。 成果物はこちらになります。 https://github.com/tamalign/CheekyCat/tree/day3 設計と実装 どのようにユーザ管理をするかを考えます。 (あまりWebに詳しくないので間違っていることがあるかもしれませんがご容赦ください。) 今回はユーザの一意のIDをKeyとして、必要な情報をValueに保存するテーブルで管理を行いたいと思います。 FirebaseDBでは以下のようにしてuidを取得できます。参考ページ
最近話題の FireStore の使い方を Chat を作りながら説明してみます。 以下の順番でやってみます。 HTML / JavaScript で素朴に Vue でモダンに Quasar でアプリに Quasar でやった最終の形を https://firestore-p.firebaseapp.com でホストしてあります。 適当にサインアップして使ってみてもらって構いません。 準備 Firebase / Firestore をセッティング 公式ドキュメントにのっとればプロジェクトのセットアップまでは簡単です。 Authentication のログイン方法で、メール／パスワードを有効にします。 データベースのルールをとりあえずテストモードにしておきます。 Firebase / Firestore の準備はこれだけで OK です。 チャットのデータの形 以下の4つのプロバティからなるド
はじめまして。FRESH! でフロントエンドの開発をしている池田 (こりら) です。 この記事では、Web Push の実装概要や FRESH! における Web プッシュ通知機能 〜機能設計編〜 をもとに、実際に FRESH! でどのように Web Push 通知機能を実装したのかを紹介します。 アジェンダ Web Push の実装概要 Web Notifications API Web Push API Firebase Cloud Messaging (FCM) Service Worker push イベント notificationclick イベント FRESH! における Web プッシュ通知の実装 FCM に関連する処理をユーティリティ化 通知に関する実装 チュートリアルの実装 チャンネルページ・登録情報の管理ページの実装 各ブラウザの個別対応 Chrome (59) Fi
firebaseの利用準備をする 下記URLからFirebaseコンソールに遷移してfirebaseのアカウントを作成する。 Firebaseコンソール「新規プロジェクト作成」から新規プロジェクトを追加する。 「ウェブアプリに Firebase を追加」を選択し、表示されたscriptタグなどをコピーする(project_rootのsrc/firebase.jsなどに保存しておく)。 「Authentication」から認証方法を選択する(Google認証、ID・Password認証など選択できる)。 「Hosting」を選択して、画面の手順に従ってFirebase Command Line Interfaceをインストールする(npm install -g firebase-toolsを実行する)。 firebase loginでログインする(ブラウザでGoogle認証ができる環境が必要
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
