Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular + Firebase アプリを作ってみた(途中)

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Kotaro Okuya Kotaro Okuya
June 20, 2018
Technology
330
0

Angular + Firebase アプリを作ってみた(途中)

angular / firebase / fukuokajs

Avatar for Kotaro Okuya

Kotaro Okuya

June 20, 2018

More Decks by Kotaro Okuya

See All by Kotaro Okuya
そんな機能あったのかChrome DevTool -Web制作に役立ってほしい-
Avatar for Kotaro Okuya kotar0
3
520
Project Houdini 将来実装される素敵なAPIたち(Webの話)
Avatar for Kotaro Okuya kotar0
0
470
Angular Animation#1
Avatar for Kotaro Okuya kotar0
0
320

Other Decks in Technology

See All in Technology
「守りたい体験」を渡すだけで E2E を生成させられるようになった話
Avatar for May hinac0
1
770
穢れた技術選定について
Avatar for watany watany
18
5.7k
「顧客の声を聞かなければ何も始まらない」 ── 顧客の声から生まれた『AI返信補助機能』の開発プロセス / AICon2026_shikata_imai
Avatar for Rakus_Dev rakus_dev
0
140
Playwright × AI Agent でE2Eテストはどう変わるか AI駆動テストの可能性と実用検証の結果
Avatar for Taiga Oyu taiga7543
1
550
AIとハーネスで育てるトランスコンパイラ / 20260722 Yasushi Katayama
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
130
SREとQA　二人三脚で進めるSLO運用/sre-qa-slo
Avatar for sugitak sugitak
0
1k
[2026-07-15] AI Ready なはずだったアーキテクチャと、見えてきた課題・次に目指す状態
Avatar for 和田 悠佑 wxyzzz
9
4k
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
Avatar for Kitano Yuichi kitano_yuichi
0
240
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
Avatar for 西田泰明 ynisqa1988
1
680
AIが実装を自走する時代の認知負債との戦い
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
690
AIが当たり前の組織で エンジニアはどう育つか
Avatar for Motoshi Nishihira nishihira
1
150
脱金融のフューチャー・デザイン / Future Design Beyond Finance
Avatar for Kenji Saito ks91
PRO
0
160

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
420
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
220
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
650
HDC tutorial
Avatar for Michiel Stock michielstock
2
750
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
630
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.1k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
340
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
490

Transcript

  1. Angular + Firebase アプリ作ってみた(途中)

  2. Kotaro Okuya ”コウタロー” 奥屋 孝太郎 HOBBY：水泳、旅行 FAMILY：妻、息子(10ヶ月) ORGANIZATIONS：

  3. + Why ?

  4. + 仕事でも使用中！ 個人的に バックエンドの 知識・経験が乏しいので GUIで操作できるの嬉しい！

  5. Firebaseとの組み合わせで、 すべてリアクティブにできる優位性とは？ バックエンドの 切り替えが容易にできるか？ NoSQLの設計って難しくない？ Clould Functionのうまみ 検証中の事

  6. None
  7. None

  8. Angular

  9. 型チェック 関数型リアクティブ 強力なCLI

  10. https://actionindex.github.io/slides/ng-japan-2018/ How we are using Angular + Firebase at NHK

    leading to the Olympics by Rohan Rehman

  11. 今回試したこと ユーザー認証 データ更新 リアルタイムDB

  12. Demo

  13. ログイン

  14. ログイン

  15. メッセージ投稿

  16. メッセージ投稿

  17. メッセージ投稿

  18. メッセージ表示

  19. ありがとうございました！