Submit Search
Upload
Googleスプレッドシートで管理している家計簿をFirebaseを使ってWEBアプリ化してみた件
•
4 likes
•
3,688 views
Iwamoto Nana
Follow
Vue.js&Nuxt + Firebase
Read less
Read more
Software
Report
Share
Report
Share
1 of 22
Download now
Download to read offline
Recommended
Leaflet初級編 - Web地図サイトを構築してみよう-
Leaflet初級編 - Web地図サイトを構築してみよう-
Yasunori Kirimoto
DDD 20121106 SEA Forum November
DDD 20121106 SEA Forum November
増田 亨
pmconf2022供養 エンジニアが事業責任者になる.pdf
pmconf2022供養 エンジニアが事業責任者になる.pdf
keita yanagawa
kintone devCamp Vol.10 ルックアップのことだけ、考えた。
kintone devCamp Vol.10 ルックアップのことだけ、考えた。
kintone papers
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
とりあえずいい感じになるPower Pointテンプレート「Azusa Colors 改」を作った
とりあえずいい感じになるPower Pointテンプレート「Azusa Colors 改」を作った
幹弘 松山
自然言語処理
自然言語処理
naoto moriyama
計算量
計算量
Ken Ogura
Recommended
Leaflet初級編 - Web地図サイトを構築してみよう-
Leaflet初級編 - Web地図サイトを構築してみよう-
Yasunori Kirimoto
DDD 20121106 SEA Forum November
DDD 20121106 SEA Forum November
増田 亨
pmconf2022供養 エンジニアが事業責任者になる.pdf
pmconf2022供養 エンジニアが事業責任者になる.pdf
keita yanagawa
kintone devCamp Vol.10 ルックアップのことだけ、考えた。
kintone devCamp Vol.10 ルックアップのことだけ、考えた。
kintone papers
UIの話は会議室でするな
UIの話は会議室でするな
Shingo Katsushima
とりあえずいい感じになるPower Pointテンプレート「Azusa Colors 改」を作った
とりあえずいい感じになるPower Pointテンプレート「Azusa Colors 改」を作った
幹弘 松山
自然言語処理
自然言語処理
naoto moriyama
計算量
計算量
Ken Ogura
BRDFモデルの変遷
BRDFモデルの変遷
Teppei Kurita
つぶやきGLSLのススメ
つぶやきGLSLのススメ
notargs
ドロネー三角形分割
ドロネー三角形分割
Yusuke Matsushita
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
Yoshie Kaneno
WebGISをはじめてみる
WebGISをはじめてみる
Yasunori Kirimoto
MapReduce入門
MapReduce入門
Satoshi Noto
JavaScript GIS ライブラリ turf.js 入門
JavaScript GIS ライブラリ turf.js 入門
Takahiro Kamada
フォトンマッピング入門
フォトンマッピング入門
Shuichi Hayashi
SkyWayを使いこなすために How to use SkyWay -SkyWay UG Kansai #1 スペシャルバージョン-
SkyWayを使いこなすために How to use SkyWay -SkyWay UG Kansai #1 スペシャルバージョン-
Yusuke Naka
地図タイルを作成・公開してみて わかった108個のこと(foss4g tokyo 2013発表資料)
地図タイルを作成・公開してみて わかった108個のこと(foss4g tokyo 2013発表資料)
Mizutani Takayuki
エラーハンドリング
エラーハンドリング
道化師 堂華
中級グラフィックス入門~シャドウマッピング総まとめ~
中級グラフィックス入門~シャドウマッピング総まとめ~
ProjectAsura
次の世代のインタラクティブレンダリング5つの挑戦と10の滅ぶべき技術
次の世代のインタラクティブレンダリング5つの挑戦と10の滅ぶべき技術
Masafumi Takahashi
【DL輪読会】NeRF in the Palm of Your Hand: Corrective Augmentation for Robotics vi...
【DL輪読会】NeRF in the Palm of Your Hand: Corrective Augmentation for Robotics vi...
Deep Learning JP
リッチなドメインモデル 名前探し
リッチなドメインモデル 名前探し
増田 亨
Nimで競技プログラミングを始めた話(1ヶ月)
Nimで競技プログラミングを始めた話(1ヶ月)
tattaka_sun
はじめようARCore in 札幌
はじめようARCore in 札幌
Takashi Yoshinaga
日本語テストメソッドについて
日本語テストメソッドについて
kumake
VTC: Virtual Tsukuba Challenge
VTC: Virtual Tsukuba Challenge
Tomoaki Yoshida
Xamarin で ReactiveUI を使ってみた
Xamarin で ReactiveUI を使ってみた
Hironov OKUYAMA
cloud functions@firebase Tree to be worried about
cloud functions@firebase Tree to be worried about
Iwamoto Nana
Firebaseで作られたCMS『Flamelink』を試してみた
Firebaseで作られたCMS『Flamelink』を試してみた
Iwamoto Nana
More Related Content
What's hot
BRDFモデルの変遷
BRDFモデルの変遷
Teppei Kurita
つぶやきGLSLのススメ
つぶやきGLSLのススメ
notargs
ドロネー三角形分割
ドロネー三角形分割
Yusuke Matsushita
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
Yoshie Kaneno
WebGISをはじめてみる
WebGISをはじめてみる
Yasunori Kirimoto
MapReduce入門
MapReduce入門
Satoshi Noto
JavaScript GIS ライブラリ turf.js 入門
JavaScript GIS ライブラリ turf.js 入門
Takahiro Kamada
フォトンマッピング入門
フォトンマッピング入門
Shuichi Hayashi
SkyWayを使いこなすために How to use SkyWay -SkyWay UG Kansai #1 スペシャルバージョン-
SkyWayを使いこなすために How to use SkyWay -SkyWay UG Kansai #1 スペシャルバージョン-
Yusuke Naka
地図タイルを作成・公開してみて わかった108個のこと(foss4g tokyo 2013発表資料)
地図タイルを作成・公開してみて わかった108個のこと(foss4g tokyo 2013発表資料)
Mizutani Takayuki
エラーハンドリング
エラーハンドリング
道化師 堂華
中級グラフィックス入門~シャドウマッピング総まとめ~
中級グラフィックス入門~シャドウマッピング総まとめ~
ProjectAsura
次の世代のインタラクティブレンダリング5つの挑戦と10の滅ぶべき技術
次の世代のインタラクティブレンダリング5つの挑戦と10の滅ぶべき技術
Masafumi Takahashi
【DL輪読会】NeRF in the Palm of Your Hand: Corrective Augmentation for Robotics vi...
【DL輪読会】NeRF in the Palm of Your Hand: Corrective Augmentation for Robotics vi...
Deep Learning JP
リッチなドメインモデル 名前探し
リッチなドメインモデル 名前探し
増田 亨
Nimで競技プログラミングを始めた話(1ヶ月)
Nimで競技プログラミングを始めた話(1ヶ月)
tattaka_sun
はじめようARCore in 札幌
はじめようARCore in 札幌
Takashi Yoshinaga
日本語テストメソッドについて
日本語テストメソッドについて
kumake
VTC: Virtual Tsukuba Challenge
VTC: Virtual Tsukuba Challenge
Tomoaki Yoshida
Xamarin で ReactiveUI を使ってみた
Xamarin で ReactiveUI を使ってみた
Hironov OKUYAMA
What's hot
(20)
BRDFモデルの変遷
BRDFモデルの変遷
つぶやきGLSLのススメ
つぶやきGLSLのススメ
ドロネー三角形分割
ドロネー三角形分割
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
食べログのフロントエンドエンジニアってめっちゃ大変やねん・・・
WebGISをはじめてみる
WebGISをはじめてみる
MapReduce入門
MapReduce入門
JavaScript GIS ライブラリ turf.js 入門
JavaScript GIS ライブラリ turf.js 入門
フォトンマッピング入門
フォトンマッピング入門
SkyWayを使いこなすために How to use SkyWay -SkyWay UG Kansai #1 スペシャルバージョン-
SkyWayを使いこなすために How to use SkyWay -SkyWay UG Kansai #1 スペシャルバージョン-
地図タイルを作成・公開してみて わかった108個のこと(foss4g tokyo 2013発表資料)
地図タイルを作成・公開してみて わかった108個のこと(foss4g tokyo 2013発表資料)
エラーハンドリング
エラーハンドリング
中級グラフィックス入門~シャドウマッピング総まとめ~
中級グラフィックス入門~シャドウマッピング総まとめ~
次の世代のインタラクティブレンダリング5つの挑戦と10の滅ぶべき技術
次の世代のインタラクティブレンダリング5つの挑戦と10の滅ぶべき技術
【DL輪読会】NeRF in the Palm of Your Hand: Corrective Augmentation for Robotics vi...
【DL輪読会】NeRF in the Palm of Your Hand: Corrective Augmentation for Robotics vi...
リッチなドメインモデル 名前探し
リッチなドメインモデル 名前探し
Nimで競技プログラミングを始めた話(1ヶ月)
Nimで競技プログラミングを始めた話(1ヶ月)
はじめようARCore in 札幌
はじめようARCore in 札幌
日本語テストメソッドについて
日本語テストメソッドについて
VTC: Virtual Tsukuba Challenge
VTC: Virtual Tsukuba Challenge
Xamarin で ReactiveUI を使ってみた
Xamarin で ReactiveUI を使ってみた
Similar to Googleスプレッドシートで管理している家計簿をFirebaseを使ってWEBアプリ化してみた件
cloud functions@firebase Tree to be worried about
cloud functions@firebase Tree to be worried about
Iwamoto Nana
Firebaseで作られたCMS『Flamelink』を試してみた
Firebaseで作られたCMS『Flamelink』を試してみた
Iwamoto Nana
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
Takahiro Nakahata
xR Tech Tokyo 登壇資料 Mixed Realityではじまるコラボレーティブ・コンピューティング
xR Tech Tokyo 登壇資料 Mixed Realityではじまるコラボレーティブ・コンピューティング
Shinya Tachihara
Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)
Jun Hosokawa
デブサミ2015版「VRを使った データビジュアライゼーションの 可能性について」
デブサミ2015版「VRを使った データビジュアライゼーションの 可能性について」
Naoji Taniguchi
Try to operate cloud firestore with flutter
Try to operate cloud firestore with flutter
Iwamoto Nana
スマホにおけるWebGL入門
スマホにおけるWebGL入門
Yohta Kanke
Webアプリのシナリオテスト自動化を運用に乗せるまでの10のステップ
Webアプリのシナリオテスト自動化を運用に乗せるまでの10のステップ
Naoki Iwami
Similar to Googleスプレッドシートで管理している家計簿をFirebaseを使ってWEBアプリ化してみた件
(9)
cloud functions@firebase Tree to be worried about
cloud functions@firebase Tree to be worried about
Firebaseで作られたCMS『Flamelink』を試してみた
Firebaseで作られたCMS『Flamelink』を試してみた
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
xR Tech Tokyo 登壇資料 Mixed Realityではじまるコラボレーティブ・コンピューティング
xR Tech Tokyo 登壇資料 Mixed Realityではじまるコラボレーティブ・コンピューティング
Delphi のひみつ!(2015/01/29 CROSS 2015)
Delphi のひみつ!(2015/01/29 CROSS 2015)
デブサミ2015版「VRを使った データビジュアライゼーションの 可能性について」
デブサミ2015版「VRを使った データビジュアライゼーションの 可能性について」
Try to operate cloud firestore with flutter
Try to operate cloud firestore with flutter
スマホにおけるWebGL入門
スマホにおけるWebGL入門
Webアプリのシナリオテスト自動化を運用に乗せるまでの10のステップ
Webアプリのシナリオテスト自動化を運用に乗せるまでの10のステップ
Googleスプレッドシートで管理している家計簿をFirebaseを使ってWEBアプリ化してみた件
1.
Googleスプレッドシートで 管理している家計簿を Firebaseを使って WEBアプリ化してみた件 株式会社diffeasy エンジニア 井上奈々 世界中のむずかしいを簡単に
2.
井上 奈々(いのうえ なな) 株式会社diffeasy(ディフィージー) “difficult to easy” 世界中の”むずかしい”を簡単に スタッフエンジニア 趣味 漫画・アニメ・声優・開発 @Nunnally_Engr
3.
4.
Googleフォーム&スプレットシートで挑戦! フォーム画面で入力。 Googleスプレットシートに反映。
5.
“ みっ…見にくい((((;゚Д゚))))ガクガクブルブル!!!!!
6.
今回作ってみた環境
7.
Firebaseを使ってできること(機能) 認証(Firebase Authentication) リアルタイムデータベース (Firebase Realtime
Database) Cloud Storage (写真や動画などのコンテンツを保管) 上記以外にも沢山いろんな機能があります! ⇒ 詳細はFirebaseのWEBで(๑•̀ㅁ•́๑)✧
8.
Firebaseを使って試した事 認証(Firebase Authentication) ⇒ メールアドレス&パスワードでログイン リアルタイムデータベース ⇒
データの登録・更新・削除 Cloud Storage ⇒ 画像(レシート)のアップロード
9.
demo・デモ・でも…
10.
認証(ログイン)
11.
認証(ログイン)
12.
リアルタイムデータベース(登録)
13.
リアルタイムデータベース(登録)
14.
リアルタイムデータベース(登録)
15.
リアルタイムデータベース(登録)
16.
リアルタイムデータベース(更新) KEY ⇒ Firebase
が勝手に生成してくれる一意のキー KEY
17.
リアルタイムデータベース(削除) KEY ⇒ Firebase
が勝手に生成してくれる一意のキー
18.
Cloud Storage(写真アップロード)
19.
Cloud Storage(写真アップロード)
20.
Cloud Storage(写真アップロード) https://firebasestorage.googleapis.com/~
21.
まとめ メリット 認証機能やリアルタイムデータベース、アナリティクス、クラウド メッセージングといった色んな機能が 提供されていて、自由に組み合わせることで柔軟なアプリ開発 ができる気がする…かもしれない! デメリット リアルタイムデータベースはNoSQLなので、 サービスの内容によって向き不向きがあるかもしれない… 公式ドキュメントもあるが…海外のサイトにかかれている プログラムに結構助けられたので学習コストが意外とかかるか もしれない…(実力不足もあるかもしれないがw)
Download now