Vue.js＋Firebase+Stripeをさわさわしてみるー最終回
<template> <div class="mypage"> <br> <p><img :src="imgurl" width="100"> <br>{{userid}} <div class="form-group uploadForm"> <input type="file" class="form-control" @change="selectFile"> <button type="submit" class="btn btn-outline-success" v-on:click="upload">アイコン変更</button> <div id="errArea"> {{ infoMsg }}</div> </div> </p> <h2>購入状態</h2> <br /> <div v-if="paystatus == 1"> paiduser \(^o^ </div> <di
Nuxt.js, Firebase, Stripe をフル活用してサーバーレスでJAMStackなECサイトを2日で開発した話 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事で紹介しているサービスの公式Twitterアカウントができました → @jslounge_info はじめに potato4d こと花谷拓磨です。 普段は ElevenBack という屋号のもと、フロントエンドを中心としながらも、デザインやサーバーサイドなどをも含めて作業することが多いのですが、屋号での活動の一環として、 JSLounge という渋谷で活動するハンズオン団体の運営を行っています。 その JSLounge にて過去に開催したハンズオン資料を入手できるサイトを構築することとしました。 通常、ハンズオンとなればその場でメ
Firebase ＋ Vue.js で作るサンプル Webアプリ [英語コンテンツ]
こんにちは！私の名前はナタリアです。 私はアシアルでインターンをしています。私はWebデザインが好きです！ アプリで使用する色を選ぶことは、私が好きなパートです。 今回、 VueJSとFramework7を使って簡単なWebアプリを作成する方法と、それにGoogle Firebaseを統合する方法について、『The Web Tub』で2つのチュートリアルを作成しました。お楽しみください！ チュートリアルでは、次の内容を説明します。 Framework7 APIを使用してフォームデータを取得してリストを作成する v-forとv-ifを使ったリストの表示 コンポーネントから親へのリストの発行 Firebaseをローカルプロジェクトに追加する Firebaseデータベースへのデータの書き込みと、そこからのデータの読み取り Firebase上のデータを削除 これが私の記事へのリンクです。 medi
![Firebase ＋ Vue.js で作るサンプル Webアプリ [英語コンテンツ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/39e482c008d605a5b5f9180e98756d084baf2b67/height=288;version=1;width=512/https%3A%2F%2Fblog.asial.co.jp%2Fogp-logo.jpg){kind=logo}
Firebase Cloud Messaging の HTTP プロトコル
フィードバックを送信 Firebase Cloud Messaging の HTTP プロトコル コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このドキュメントでは、Firebase Cloud Messaging 経由でアプリサーバーからクライアント アプリにメッセージを渡すために使用される HTTP 構文のリファレンスを示します。 以前の HTTP プロトコルを使用する場合、アプリサーバーはすべての HTTP リクエストを次のエンドポイントに送信する必要があります。 https://fcm.googleapis.com/fcm/send 使用できるパラメータとオプションは、次の大きなカテゴリに分類されます。 ダウンストリーム メッセージの構文 ダウンストリーム メッセージのエラー レスポンス コード ダウンストリーム メッセージの構文 このセクション
FirebaseのHTTP APIでiOS端末にPush通知を送る（Device Group編） | 株式会社ランチェスター
FirebaseのHTTP APIを使ってPusu通知を送るための検証をしたいと思います。 FirebaseでPush通知を送る方法は管理画面から送る方法と、HTTP APIを使う方法があります。 単発であれば管理画面でも良さそうですが、定期的に送るとなった場合はHTTP APIを使う事になると思います。 検証環境 XCode 7.3.1 iOS 8.1以上 Swift 2.2.1 Ruby 2.3.1 送信対象の選択方法 以下の３種類を送信対象にできます。 今回はDevice Groupに対して送信するパターンを検証します。 対象 説明 HTTP APIの実行には、rubyのfcmというgemを使います。 HTTP APIを実行するためのGemをインストール 以下のコマンドを実行してHTTP APIを実行するためのgemをインストールします。 gem install fcm Device
Web開発が捗るFirebase入門！JavaScriptで「Webユーザー認証」機能を超お手軽に作るチュートリアル大公開！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、Webサービスなどを開発する際に、ユーザーの管理や識別などで必要になる「ユーザー認証」機能を、できるだけシンプルに作ってみたいと思います。 利用するのは、さまざまなバックエンド機能を提供するGoogleの【 Firebase 】です！ 非常に多機能なサービスですが扱いはとてもシンプルで、簡単なコードを覚えてしまえば誰でも活用できるはずです！ 自分でサーバーを用意する必要もなく、基本的な機能は無料で使えるので今すぐ始められるのも特徴と言えるでしょう。 ■始め方！ 今回は、「メールアドレス」と「パスワード」でログインする一般的な「ユーザー認証」ページの作成に挑戦してみましょう！ そこで、まずはFirebaseにアクセスして新規にプロジェクトを作成します。 好きな「➀プロジェクト名」と、自分の「➁国名」を指定します。 すると、プロジェクト
Firebaseを利用したプッシュ通知送信基盤の実装 | CyberAgent Developers Blog
株式会社マクアケで、ネイティブアプリ開発チームのリーダーをしています、Kimura Ryohei です。 半年ほど前からマクアケにジョインし、先日、iOSアプリをリリースしました。 アプリはこちらからダウンロードできます。 マクアケにジョインする前は、株式会社サイバーエージェントで FRESH! by CyberAgentのAndroidアプリを開発していました。 縁あってマクアケにジョインし、そこから未経験のサーバサイド開発に取り組むことになりました。 今回は、iOSアプリへのプッシュ通知送信基盤の実装という大きな範囲を任せていただき、実装しリリースすることができました。 以下が端末に届くプッシュ通知の例です。 今回はこの経験から 1. Firebaseを利用したプッシュ通知送信基盤の実装で得た知見 2. 未経験の技術への挑戦にあたって手助けになること についてブログを書かせていただきま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firebase Auth and Vue-router
@Yebithのマイページ - Qiita
Vue.js+Firebase+Dockerで環境構築をして、初期画面をデプロイするまで - Qiita