Firebase 使ってみた 2018 最近は技術についてはレイトマジョリティでいいなと思ってる。 Firebase はもう完全にやっていけるかんじっぽいのというのを各方面から聞いたので試してみた。 だいぶ前に Firebase を使ってみたとき、 Realtime Database のクセが強すぎてこれはあかんなという感じだった。今では Cloud Firestore があるので話が違うだろうと思いあらためて実用アプリを一個作ってみた。 前にクライアントサイドだけで実行して保存先は Google Drive という野蛮なメモツールを作ったことがあった。これのバックエンドを Google Drive から Firebase にしてみた。 元々のツールが Google Drive との接続部分を一つのファイルに切り出していたので、これをいじって Firebase に対応するだけでスッと作れた
0. はじめに yarnって何？ npmと互換性のあるパッケージマネージャーです。 パッケージマネージャーとはnode.jsのライブラリやパッケージを管理することができるツールです。 使用することで使いたいライブラリの導入や削除が楽になったり、パッケージ同士の依存関係を管理することができます。 yarnはnpmと互換性があるため既存のpackege.jsonがそのまま使えるというのはとても良い点です。 【yarn公式サイト】 この記事を書こうと思った経緯 「yarnが良い」と噂話に飛びついた私みたいな人は気軽にbrewでインストールコマンド叩いて死んじゃうと思ったので、この記事を書くことにしました この記事を読むのに向いている人 ・yarnって何？の人 ・firebaseで開発させろやの人 ・npm使ってて、yarnに乗り換えようかと考えてる人 ・既にmacのローカルでnode.jsの開発
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? #概要 入社して７ヶ月をすぎました。 流行りのVue.js,Firebaseを使って上映中の映画を利用したマッチングアプリ「CinemaWith」のβ版をリリースしたのでその過程を残します。 https://cinemawith.app #特徴 上映中の映画をお気に入りに登録することで、 その映画を観に行きたい人を探すことができる。 登録からチャットまでが早いため色々な人と関わることができます。 #動機 Sierとして客先で働いているため、やってみたいと思った技術に触れられる機会が少ない。 サーバー構築などはベテランの方がやるので新卒の
なにがしたい？ Firebaseのデータベースを使ってみる。 Web（フロントエンド）のJavaScriptから操作してみる。 はじめに FirebaseのセッティングとHostingできるところまでは持っていってください。 単なるHostngだけならそんなに苦労しないです。 簡単言うと、Firebaseのサイト（コンソール）から、 新しいプロジェクトの作成 Hostingを使ってみるを選ぶとコマンドが出てくる パソコンのターミナルからfirebase login → init → deployを実行 という感じです。 Basic認証付きという状態で良ければ、手前味噌ながらにこの記事を参考にしてくれてもいいです。 （もっとわかりやすい記事も探せばあると思います） FirebaseでBasic認証をかけてHostingをする(Windows) DBの作成 ここからが本題です。 Firebas
こんにちは。中山です。 前回の「 こんなときどうする？Flutter でモバイルアプリ開発 」に続きまして、今回は、Flutter と Firebase を連携して、Flutter アプリから、Google の機械学習ライブラリである「 Google ML Kit 」の機能を利用してみたいと思います。 目次： 準備 準備1 Flutter アプリプロジェクトの作成 準備2 Firebase プロジェクトの作成 準備3 Firebase を iOS アプリから利用するための設定 準備4 Firebase を Android アプリから利用するための設定 プラグインを使う pubspec.yaml の設定 Anroid プラットフォーム固有の設定 実行 まとめ 準備 Flutter と Firebase を連携して利用するための手順については、公式の Codelab にある「 Firebase
If you're familiar with object-oriented programming concepts, you should be able to complete this codelab. You don't need previous experience with Dart, mobile programming, or Firebase; although completing an introductory Flutter codelab first can be helpful. Flutter and Firebase work hand-in-hand to help you build mobile apps in record time. Flutter is Google's SDK for building mobile apps for iO
こんにちは。中山です。 Google 社が提供するサーバレス技術である、 Cloud Functions 。 今回は、 Cloud Functions for Firebase を用いて、Clound Functions の機能を Firebase 経由で利用し、さらにそれを Flutter で作成したモバイルアプリから呼び出すことで、Flutter と Firebase 、そして Cloud Functions の連携を、お手軽に試してみたいと思います。 目次： 時代はサーバレス、なのか Flutter と Firebase の連携 Cloud Functions 利用時の Firebase 料金プラン Cloud Functions の実装 Flutter アプリの実装 プロジェクトの作成と登録 プラグインの導入 コードの実装 アプリの実行 Cloud Functions のメリット・
動機 日本語にはこんな格言があります。 「ただより高いものはない」 「時は金なり」 じゃあ、無料サービスで爆速Webアプリケーションを作れば最高じゃない？？ →作りました。 Qiita-Trend-PWA Qiitaいいね数ランキング表示サイト ランキング上位タグの可視化 構成 サーバ 『now』(Node.jsサーバ) データストア 『Firebase』 フレームワーク 『Next.js』+『next-offline』 『now』(Node.jsサーバ) 役割 SEO対策+パフォーマンス対策のためのSSR メリット OSSプラン - FREE → 無料 サブドメイン取得可能 HTTP2対応済 → 爆速 HTTPS対応済 『Firebase』 役割 Qiitaいいね数スクレイピング結果の取得 (CloudFirestore + CloudFunctions + CloudHosting)
About reserved postingIf you register a secret article by the day before the same day, it will be automatically published around 7:00 on the same day. About posting periodOnly articles submitted after November 1 of the year can be registered. (Secret articles can be registered anytime articles are posted.)
最近、Firebaseを勉強中です。Vuexも勉強中です。 その2つをつなぐためのVuexFireというライブラリを組み込んで、TodoListを作ってみました。 作ったやつ とりあえず現状だと接続先のFirebaseデータベース残してるから動くけど、その内消すかも。 コード比較 VuexFireの有無でのStoreのコードを比較してみます。 import Vuex from 'vuex'; import Vue from 'vue'; import { ADD_TODO, REMOVE_TODO } from './action-types'; Vue.use(Vuex); export default new Vuex.Store({ strict: process.env.NODE_ENV !== 'production', state: { todos: [], }, mutati
【Vue.js,Firebase】麻雀好きのエンジニアによる麻雀好きのためのサーバレスな麻雀成績管理PWAアプリをリリースした【個人開発】Vue.jsWebサービスFirebase個人開発PWA 今までにない麻雀成績管理アプリをリリースしました！ https://t.co/jjpEyVcSHh 麻雀の成績管理アプリローンチしました！ 全ての麻雀好きのためになりますように！ — kooooohe@旅人 (@kooooohe_) 2018年11月5日 背景 雀荘に行くたびに麻雀の成績をほとんどの人が紙で書いている かくいう私もアプリを数個入れていたが、結局紙に成績をつけてしまっていた... 紙のUI,UXにアプリが勝てていないのか？ 元雀荘店員エンジニアとして、最新技術を駆使し、麻雀成績管理Appを作ることが私の責務である 機能要件 PWA 麻雀の得点を記録できる 得点の履歴が見れる 3人の点
dart pub global activate flutterfire_cli ステップ 2: Firebase を使用するようにアプリを構成する FlutterFire CLI を使用して、Flutter アプリを Firebase に接続するように構成します。 Flutter プロジェクト ディレクトリで、次のコマンドを実行して、アプリの構成ワークフローを開始します。 flutterfire configure この flutterfire configure ワークフローの内容 flutterfire configure ワークフローは、次のことを行います。 Flutter アプリでサポートされているプラットフォーム（iOS、Android、ウェブ）を選択するよう求められます。選択したプラットフォームごとに、FlutterFire CLI によって Firebase プロジェクトに
みなさんはじめまして。初めてじゃない方はお久しぶりです。ピクシブでAndroidアプリエンジニアをしておりますconsommeです。 ピクシブでは基本的に年一回、社員同士の交流を深めるという目的のもと、社員研修を開催しています。2018年は2泊3日の沖縄研修が計画されました。そのなかで研修運営チームから「社員研修で使うアプリを作れないか？」という相談を受けました。 研修中は基本的にチーム行動になるので、自分のチーム以外の人が何をしているかがわかりづらい。それなら各自で研修中に撮った写真を共有して、みんなで楽しめれば社員同士の交流につながるのではないか、そのためのアプリが欲しい、とのこと。 そう言われるとアプリエンジニアとしては作らないという選択肢はありません。ぜひやりましょう、ということで、社員研修を盛り上げるためのアプリを開発することになりました。 システム構成 アプリ側 アプリはFlu
Googleのモバイルバックエンドサービス「Firebase」が強化、Firestoreのローカルエミュレータ、機械学習による顔輪郭抽出など新機能。Firebase Summit 2018 Googleが提供する「Firebase」は、Googleが2014年に買収したモバイルアプリケーション向けのバックエンドサービスです。 スケーラブルなデータベースのマネージドサービス、ユーザー認証、モバイルデバイスへのプッシュ通知、アクセス解析などのサービスを提供しています。さらに最近ではクラッシュ分析、A/Bテストなど、モバイルアプリケーションの開発と運用、改善を行うためのプラットフォームとしての機能も提供しています。 そのFirebaseをテーマにGoogleが主催する年次イベント「Firebase Summit 2018」が、チェコ共和国のプラハで10月29日に開催され、基調講演で多くの新機能が
社員の人なら覚えている人もいると思うが、3年前に WebRTC を利用して顔のスナップショットを共有するサービスを社内ロンチしたことがあった。 当時、思っていた以上に多くの人に利用して頂けて嬉しかった事を覚えている。 が、紆余曲折解あり、今ではサーバは止まったままである。 あれから月日が立ち、当時よりも技術環境は良くなっていると感じており、どこかでもう一度フルスクラッチで書き直したいなぁと思っていた所、今回のアドベントカレンダーちょうどいいなと思ってやった。 当時のサービスについて はっきり言って、Sqwiggle の模倣だった。 あの当時、naoyaさんが書いた記事 で知り、『これは凄い』と直ぐに事業所の人を集めて語った記憶がある。 それから 1～2ヶ月、プライベート時間をかけて、 HeadShot というサービスを構築した。 コンセプトは 雰囲気の共有。 ※ ちなみに、Sqwiggle
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。
久しぶりにプログラミング言語の海をさまよっていると、何やら「Vue」という聞きなれないフレームワークが流行っているのだとか。なんでも、Reactさんがとってもフレンドリーになったイケメンのようなフレームワークだとか。 雑食系としては手を付けないわけにはいきません！というわけで早速さわさわしてみたのでちょっとまとめておきます。 やること Vue-cliを使ってアプリケーションを作ってみます。 + 認証とDBにはFirebaseを採用します。もちろん無料枠で！ + 外部APIとの連携についてもちょっとトライしてみます。jalanさんとyelpを使いたいと思います。 + せっかくなんで課金機能もちょちょいと組み込んでみましょう。stripeでいいかな。 開発環境はwindowsにubuntsuのっけてやってます。nodeとnpmが入ればぶっちゃけなんでもOKです。 ステップ1：vue-cliの準
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く