画像のURLから画像ファイルを取得してFirebase Storageに保存する例 - Qiita
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
Firebase Hosting が HTTP/2 に対応
.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
KomercoアプリでFirebaseからの画像取得を速くした話 - クックパッド開発者ブログ
こんにちは。Komerco事業部エンジニアの高橋(id:yosuke403)です。 Komercoは、「料理が楽しくなるマルシェアプリ」をコンセプトに、料理が楽しくなる器やカトラリー、リネン雑貨等を出品/購入できるサービスです。現在はiOS版のアプリケーションを提供しています。 komer.co Komerco - コメルコ - by クックパッド Cookpad Inc.ショッピング無料 先日、Komercoアプリの画像表示の速度を改善したので、それについて書こうと思います。 背景と成果 Komercoで商品を選ぶユーザにとって、商品画像は当然重要なものです。 しかし以前は、アプリを起動してみると画像の表示が遅く、商品一覧をスクロールするとしばらく経ってから画像が表示される状況でした。 こちらは改善前のバージョンで、会社のWiFiに接続し、初回起動（キャッシュなし）から新着商品一覧を表示
VueJS, Vuex, Firestoreでリアルタイムチャットを実装
Last week Google’s Firebase platform released a new product, Cloud Firestore. Much like the Firebase real-time… 先週GoogleのFirebaseがCloud Firestoreという新製品をリリースしました。 Cloud FirestoreはFirebaseのリアルタイムデータベースとよく似ており、リアルタイムアプリケーションを構築するためのNoSQLベースのクラウドデータベースです。Firebaseへのクエリは複雑になりがちな問題などをCloud Firestoreを使うことで解決することができます。機能についての詳細ははこちらをみてください。 この記事ではVueとVuexとCloud Firestoreを使ってFirechatという簡単なリアルタイムチャットアプリケーション
【v2対応】Nuxt.jsとFirebaseを組み合わせて爆速でWebアプリケーションを構築する - Qiita
Firebase Advent Calendar 2017 21日目の記事です。 フリーランスでフロントエンドを中心にエンジニアをやっているpotato4dです。 普段はVue.jsを中心に、案件を進めたりコミュニティに関わったりしていますが、今回はそんなVue界隈で今アツいフレームワークであるNuxt.jsとFirebaseを組み合わせて、SPA + SSRにAuthと Firestore を組み合わせたアプリケーションを高速で作る方法を、サンプルとあわせてご紹介します。 2019/10/16 追記 このサンプルは Firestore が存在しない Nuxt v1.x + RTDB 時代のコードを愚直に移行している ので全体的に資料が古くなっています。 インフラ構成については順次更新していますが、特にデータストア操作周りについては できるだけ参考にしないでください。 2019/07/02
Vue.js + Firebase を使って爆速でユーザ認証を実装する - Qiita
最初に この記事はVue.js アドベントカレンダー#4 25日目の記事です。 この一ヶ月でVue.jsについてのナレッジが100記事増えたことになります。やったね！！ 2018/8/2 追記 現在では vue-cli の3.x.xがリリースされており、スキャフォールドからVueプロジェクト作成の工程が若干異なりますのでご留意ください。 この記事でやること バックエンドをFirebaseに丸投げしたユーザ登録 → サインイン → サインアウト までのチュートリアルです。 認証の実装は面倒 フロントエンドの技術を使ってちょっとしたアプリケーションを作った時、認証やユーザ管理を実装するのはそれなりに面倒かと思います。フレームワークの選定、DBは何使う?など決めなければならないこと、覚えなくてはならないことがたくさんありますね。 そこでBaaSを使います。 BaaSって？ Backend as
Vue 使用 Firebase Cloud Messaging｜SoarLin's blog
Vue 專案內使用共同 SASS 資源Vue 專案目錄結構manifest.jsonfirebase-messaging-sw.jssrc/main.jsGet Push TokenGet Push Notification網站開啟時，收到推播網頁關閉下，收到推播發送推播這幾個月來一直懶得更新文章，其實一直想找時間把最近工作的一些事項做些紀錄，結果都一直在看新入坑女團(GFriend)的影片，由於昨天一整天一直在鬼打牆，早上打破一片牆，下午又再遇到一片牆，好在下班前有所突破，趁著記憶猶新的時候，趕緊紀錄一下。 其實到目前為止，本身對於 PWA (Progressive Web Apps) 沒啥研究，所以對 Service Worker 也不太了解，在這種情況下就去串接 Firebase Cloud Messaging，真的有點越級挑戰了，所以一直碰到問題也很正常，甚至一度不曉得該先解決什麼
Firebase でバックエンドエンジニアがいらなくなるは正しくない - Diary
Firebase でバックエンドエンジニアがいらなくなるは正しくない と思っている。 用語定義が曖昧だが、「バックエンドエンジニア」という言葉でなんとなく想像されるものとしては、 Rails とか Laravel とかでデータベースに CRUD する Web アプリケーションを書ける人を指すと思う。違いますかね。そんなに違ってないと思うが。 Firebase でこれらの知識をもつ人が不要か?というとある程度の規模、機能を持つアプリを作ろうと思うとこれは必須になる。 Firebase のデータベースは機能が少なく(とはいえ Firestore はわりと「これで十分じゃん」ではあるが)、なにか複雑なことをしようとすると、すぐに Cloud Functions という機能に頼ることになる。 Cloud Functions はようするに Firebase の Lambda + API Gatewa
静的サイトを公開するならどこがいいの？ #技術書典 - Crieit
静的サイト（PHPやRubyなどのサーバープログラムを走らせない環境でのWebサイト）でSPAを公開するにあたって、運用・配信（ホスティング）するならどこがいいかと最近聞かれまして、その際の回答を技術書典の宣伝も兼ねてブログにしたためます。 今回は次の４つで比較しています。 GitHub Pages Firebase Hosting GitLab Pages Netlify 上記４つはどれも独自ドメインの設定とSSL対応が無料で行うことが出来ます。 ※比較的初心者に向けて書いている前提です。 AWS S3やGCP等の利用は初心者がいきなり設定を行うには項目が多いため除外しています。 レンタルサーバーも基本料金が発生し、スケール・管理し辛いため今回は除外しています。 また、少し機能について説明が必要な部分があるので、先に説明を書きます。 Rewrite設定について 静的サイト化したSPAを公
FirebaseとAMPでCDNをフル活用したWebサイトを作る（Google I/O 2018）
このセッションではタイトルの通り、FirebaseとAMPを駆使して高速なWebサイトを作る方法を紹介している。 セッションのまとめ 🚀イントロ 何はともあれ表示速度が大事 ウェブサイトには2種類ある CASE #1 メールクライアント エントリーポイントが１つ 認証が必要 ユーザーが1日中アクセスし、絶え間なく更新される インタラクティブ CASE #2 コンテンツサイト 特定の記事へのディープリンク 誰でもアクセス可能 個々の記事ページは頻繁に更新されない 読むことがメイン 「コンテンツサイト」の高速化が今回のトピック 初期ページ読み込みの最適化 ネットワークのラウンドトリップを最小化 レンダリングをブロックするJavaScript / CSSを最小化 ネットワークのレイテンシを最小化 ⚡️AMP（Accelerated Mobile Pages） AMP HTMLは従来のHTMLと
新規事業をひとりで作るノウハウ - 怠惰を求めて勤勉に行き着く
生存報告も兼ねて。 カリフォルニアに来てもう半年ぐらい経った感覚ですが、実はまだ4ヶ月ほどでした。非常に多くの素敵な方々との出会いがあり、妻も僕も子供もこの皆さまの助けがあってどうにか生きております。どう感謝してよいか言葉にできないほどです。 さて、ビジネス上の僕のミッションは次の3つです。 主に投資や連携目的の交渉（の技術面のサポート） 日本との連携 新規事業の開発 どれもなかなか難しいです。会ってアポぐらいなら応じてくれる会社も多いですが、投資や連携といってもバブル崩壊以後経済成長できていない我が国はもはや「商習慣だけめんどくさいのに今やカネも持ってないから相手にしてられない連中」というのは肌で感じます。ご存知の通り、サンフランシスコ・ベイエリアはIT企業会社員が年収5000万円もらうような場所です。なかなか同じ規模感で会話するのが難しいレベルに達しています。 こみこみという噂のNet
無料で使えるアプリ版Google Analyticsとでも言うべき「Firebase Analytics」などを繰り出すGoogle傘下Firebaseのすごいバックエンド機能まとめ
アプリ開発では、アプリ自体の設計だけでなく、データを共有するためのサーバーの管理やユーザー認証の設定、データを同期する仕組みや通知の出し方など、アプリの内容そのものではない付帯的な機能(バックエンド機能)への取り組みが不可欠です。しかし、このような裏側でアプリやサービスを支えるバックエンド機能への対応は複雑で時間がかかるため、アプリ開発者にとってやりたいことの妨げになる面倒な作業と言えます。アプリ開発者に代わって面倒なバックエンド機能の構築作業をクラウド上で引き受けるMobile Backend as a Service(mBaaS)の「Firebase」が、アプリ版のGoogle Analyticsとも言うべき解析ツール「Firebase Analytics」を機能制限なく無料で提供することになりました。 The Firebase Blog: Firebase expands to be
[Google I/O 2018 Highlights] Flutter / WearOS
This document summarizes Kenichi Kambara's presentation on Flutter and Wear OS at Google I/O 2018 Tokyo. The presentation introduced Flutter, Google's mobile app SDK for building native iOS and Android apps using Dart. It covered how to build beautiful UIs using Flutter and Material Design through live coding examples. It also summarized sessions from Google I/O about Flutter and introduced update
![[Google I/O 2018 Highlights] Flutter / WearOS](https://cdn-ak-scissors.b.st-hatena.com/image/square/e350dd18bc1e878aa468196274d389602e913933/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fioextended2018tokyogdgkenichikambara-180519043951-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
モバイル環境でSpeaker Deckを快適に閲覧する方法 - razokulover publog
TL;DL モバイル環境からmをドメインの先頭に追加してアクセスすると良い感じにスライドが閲覧できます。 例) https://speakerdeck.com/qrush/the-graphql-way-a-new-path-for-json-apis ↓ https://mspeakerdeck.com/qrush/the-graphql-way-a-new-path-for-json-apis 概要 Speaker Deckはスライドを共有するサービスです。 特に大きなカンファレンスが開催された後はたくさんの発表資料がこのサービスにアップロードされるのでよく閲覧します。 Speaker Deckは、PCで閲覧する分には特に問題はないです。 しかしモバイル環境で閲覧すると少し残念です。 なぜならSpeaker DeckにはPC用のレイアウトしか存在しないからです。 通勤中にTwitter
PWA 方法 無料 今すぐ
READY FOR THE BATTLE? -Introduction to Live Coding-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firebase Summit 2018 報告会 / Firebase Summit 2018 - Speaker Deck
Vue vuexでfirebaseのログイン保持 - Qiita
Firebase: change the location of the service worker
https://kapi-travel.com/programing/nuxt-js-x-firebase%E3%81%A7pwa%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E5%85%AC%E9%96%8B%E3%81%99%E3%82%8B/
Vue.jsと守りのFirebase、そして何なのJWT！！
