Firebaseで1時間で簡単なWebチャットアプリが作れるハンズオン - Qiita
経緯 私Google系はド素人だったのでハンズオン勉強会に参加した所短時間でスムーズにざっくり理解できた気がするので自分なりに整理するために記事にしました。（開催元には許可頂いてます） 参加した勉強会 こちらの勉強会に参加しました。案内のとおり、若手エンジニアが多く私浮いてた気がしますが全く気にしてないです。若い世代のエンジニアと交流すると私もがんばらなきゃという気になります。 ハンズオンスライドがとてもわかりやすかったです。このスライドの手順さえあれば1時間で簡単に作れます。 こういうの作るの大変だけど自分自身勉強になるんだよね。 おそらく、Googleが提供しているここのFirebaseWebCodelabのチュートリアルから翻訳とカスタマイズして作成したんだと思います。 完成イメージ こんなのが作成できます。Google認証も簡単に実装できちゃう。 アプリの構成 作成するチャットアプ
VueとFirebaseで爆速でチャットサービスを作ろう - Qiita
こんにちは、ネコチャ運営者の炉田謙(@ToshioAkaneya)です。 3日で作成したチャットサービスネコチャが好評をいただき、Twitter上で多数のつぶやきをいただきました。 ##どんなサービスか ネコチャは、とくめいチャットをすることが出来るサービスです。 仕組みは質問箱(Peingなど)と似ていて、自分のリンクをSNSで共有することでフォロワーがそのリンクから匿名でメッセージを送ることが出来るというものです。 質問箱と違うのは、会話を続けることが出来る点です。 話しかける側を匿名にすることでコミュケーションのハードルを下げることが可能になっています。 ネコチャトップページ 開発の経緯 2018年に流行ったとくめいチャットアプリのNYAGOがありました。 急激なユーザーの増加に対し、開発体制が整っておらずやむなく一時停止を発表しました。 匿名チャットアプリ「NYAGO」が一時停止を
Firebase + Vue.jsで認証付き簡易チャットアプリ作成 - Qiita
github https://github.com/ebatetsu/firebase_vue_chat Firebaseプロジェクト作成 https://console.firebase.google.com/?hl=ja ここからプロジェクトを作成 Vue.jsの開発環境構築 Vue CLIを使用するのでインストール $ npm install -g vue-cli 任意のディレクトリでプロジェクトフォルダ作成 $ vue init webpack [project_name] とりあえず全部EnterでOKです。 ディレクトリ移動 $ cd [project_name] パッケージをインストールする $ npm install sassで書きたかったら $ npm install sass-loader node-sass --save-dev ローカルサーバー起動 $ npm ru
vue.js+firebase+vuefireで作るチャット - Qiita
仕様 vue.js 2.5.13 firebase 2.3.2 vuefire 1.4.4 rails 5.1.4 ruby 2.3.0p0 (2015-12-25 revision 53290) でチャットアプリを作る。webでサーバの設定とかを気にせずチャットを作りたいなと思い、firebaseを用いることにした。 vuefireについて vuefireはvue.jsのdataとfirebaseをバインディングしてくれるもの。 やったこと vue.jsの導入 npm、webpackerを用いて導入。packフォルダ内にてjavascriptを記入していく。vue.jsは対象のidのものが先に読み込まれていないと発火しないのでbody閉じタグ前にjavascriptを記載する必要がある。 firebaseの導入 <!--firebaseのライブラリ読み込み--> <script src=
バックエンドがFirebaseだけでiOSアプリは作れるのか？ - Qiita
Firebaseのイベントでクックパッドの某サービス様が、**「うちはエンジニアはiOSエンジニアだけで、APIも3本くらいです」**とおっしゃっており、「これが時代か」と感動して、いつか触ろうと思っていて、年始で時間もあるし調べて考察。 2018-01-04 追記 コメント、Twitterで返信いただき誠にありがとうございます！懸念部分はfirebaseの既存の仕組み+GAE/GCPである程度解決できそうです。また記事書きますー！ よくあるチャットアプリを例にする ログインしてチャットができるアプリを作ってみる 必要な画面 ログイン画面 ログイン チャットルーム一覧画面 チャット一覧表示 最新の更新ルームを取得して、自動更新 チャット詳細画面 チャット一覧表示 チャットが来たら更新 チャット送信 もし普通にサーバ立ててやるなら API [POST] /login [POST] /logo
new FirebaseとReact NativeでiOS, Android向けチャットを５分で作る - Qiita
Firebaseが新しくなりましたね！ せっかくなのでFirebaseの強みを活かして、リアルタイムなチャットアプリを作成してみましょう！React Nativeを活用して、iOS版とAndroid版を同時に作ります！ 素早く（気持ち的に５分くらい）作ることを目標にするので実用性は無視します(/･ω･)/ 1. Firebaseプロジェクトを作る。 新しくなったコンソール画面から新プロジェクトを作ります。適当な名前をつけて下さい。 https://console.firebase.google.com/ 2. Databaseのセキュリティを変更する。 さて、作成後はプロジェクトの詳細画面に飛ばされてたと思います。 次にDatabaseのセキュリティを設定します。 Firebaseはエンドポイントさえ指定すればマルチプラットフォームで使えてしまいます。 その代わりセキュリティルールを指定し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『React』 +『Redux』 + 『Firebase』でLINE風のChat機能を作ろう！ 【準備編】 - Qiita
FirebaseでWebチャットアプリをデプロイするまで（1時間コース）