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

Firebase Hostingの紹介

Tomohiko Himura
December 24, 2016
Programming
1
1.2k

Firebase Hostingの紹介

WEB TOUCH MEETING 96の発表資料
https://wtm.connpass.com/event/45081/

Tomohiko Himura

December 24, 2016
Tweet

More Decks by Tomohiko Himura

See All by Tomohiko Himura
組織のパフォーマンスを高めるために 第1話 学習と文化
eiel
0
58
チームとチームのチーム
eiel
1
1.6k
大きめな病気になったときの医療費と収入源の話
eiel
1
410
最近やってること.pdf
eiel
0
81
Reactで静的サイトジェネレート
eiel
0
110
静的型なきJS界を救う英雄たちの話
eiel
0
920
入院中の勉強の仕方
eiel
0
1.3k
<ハ-ドル低めカスタムエレメントの始め方 />
eiel
1
1.1k
React + Material-UIで遊んだ感想と recomposeで遊んだ話
eiel
0
820

Other Decks in Programming

See All in Programming
なぜRubyコミュニティにコミットするのか？
luccafort
0
310
はてなリモートインターンシップ2022 フロントエンドブートキャンプ 講義資料
hatena
0
120
Quarto Tips for Academic Presentation
nicetak
0
910
Most Valuable Bug(?) ~インシデント未遂から得た学び~
tatsumiakahori
0
150
Micro Frontends with Module Federation @MicroFrontend Summit 2023
manfredsteyer
PRO
0
500
Functional Data Engineering - A Blueprint for adopting functional principles in data pipeline
vananth22
0
180
PHPアプリケーションにおけるアーキテクチャメトリクスについて / Architecture Metrics in PHP Applications
isanasan
1
230
Amazon QuickSightのアップデート -re:Invent 2022の復習&2022年ハイライト-
shogo452
0
220
Use KMM to call the API of the National Tax Agency
akkeylab
0
300
Excelの助けを借りて楽にシナリオを作ろう
rpa_niiyama
0
280
Showkase、Paparazziを用いたビジュアルリグレッションテストの導入にチャレンジした話 / MoT TechTalk #15
mot_techtalk
0
110
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
2
320

Featured

See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
10
1.3k
Designing on Purpose - Digital PM Summit 2013
jponch
108
5.9k
Fontdeck: Realign not Redesign
paulrobertlloyd
74
4.3k
The Brand Is Dead. Long Live the Brand.
mthomps
48
2.9k
GraphQLとの向き合い方2022年版
quramy
20
9.9k
A Philosophy of Restraint
colly
193
15k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
22
1.7k
Producing Creativity
orderedlist
PRO
335
38k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
13
5.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
29k
Faster Mobile Websites
deanohume
295
29k
How to Ace a Technical Interview
jacobian
270
21k

Transcript

  1. FirebaseϗεςΟϯάͷ঺հ 2016-12-23 WEB TOUCH MEETING #96

  2. ͻΉΒ ͱ΋ͻ͜ • WTM ̎೥ͿΓ̐ճ໨͙Β͍? • ීஈ͸ϓϩάϥϛϯάΛ͍ͯ͠Δ https://eiel.info/

  3. None

  4. カビゴン・ラプラスまだ出てない

  5. None

  6. ࠓ೔ͷ͓࿩

  7. None
  8. None

  9. Googleのサービスです

  10. アプリケーションの 作成・拡大・運営 楽にしてくれるサービス

  11. 誰のためのサービスか?

  12. フロントエンジニア サイト運営者

  13. フロントエンジニア

  14. Webに関して言えば シングルページアプリケーションの 作成・運営をGoogleが助けてくれる

  15. None
  16. None
  17. None
  18. None

  19. BaaS Backend as a Service

  20. どんな機能があるか

  21. None
  22. None

  23. DEMO https://eiel.info/

  24. None

  25. Firebase Hosting ΢ΣϒίϯςϯπΛ͢͹΍͘഑৴

  26. None

  27. • 独自ドメインでHTTPS使うのが無料 • Googleのサーバでサイトを公開できる • 前のウェブサイトの状態にすぐもどせる

  28. 独自ドメインでHTTPS使うのが無料

  29. None
  30. None

  31. ＿人人人人人人人人人人人＿ ＞　独自ドメインでHTTPS　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣

  32. None
  33. None

  34. 注意事項 firebase hostingに割り当てることができるド メインはサブドメインをつかってもひとつだけ です。 firebaseのプロジェクトはいくつもつくれます が、eiel.info をfirebaseのプロジェクトに割 当ているので www.eiel.info

    や hoge.eiel.info を別のfirebase プロジェクト のhostingに割り当てることはできません。 eiel.infoをやめて、www.eiel.infoにしたりは できます。

  35. 前の状態にすばやくもどせる

  36. None
  37. None

  38. ファイルのアップロード方法

  39. FTPツールは使えません

  40. • nodejsのインストール • cdコマンドの実行 Firebase Hostingを使うのに 最低限しておきたいコマンドラインのこと

  41. None

  42. ⋊> firebase init

  43. None

  44. publicディレクトリにhtmlやcssをいれるだけ

  45. ⋊> firebase deploy

  46. • Angular • 静的サイトジェネレータ 以下の公開場所として最適

  47. ຊ୊

  48. HTTPS対応進めてますか?

  49. HTTPS Everywhere

  50. 2017年1月

  51. None
  52. None

  53. 独自ドメインで HTTPSするなら

  54. 対応してるサービスを 使うのが楽

  55. None

  56. レンタルサーバなら SNI SSL

  57. None

  58. VPSなど管理者権限があるなら

  59. None

  60. 万能的に使える

  61. None

  62. 静的ファイルでよければ

  63. Firebase Hosting

  64. ·ͱΊ

  65. BaaSと呼ばれる種類のサービス • シングルページウェブアプリ • iOSアプリ • Androidアプリ 作成・拡大を Googleが支援してくれるサービス Firebaseとは

  66. HTTPS everywhere HTTPS対応検討してますか?

  67. Firebase Hostingなら 無料で独自ドメインをHTTPS化

  68. Firebase Hosting • Webサイトが公開できる • HTML CSS JS 画像がおける •

    firebaseコマンドでアップロード • FTPツールはつかえない • PHP・CGIは動かない • CMSを作るには • 他のFirebaseServiceを活用する • ウェブサイトを簡単に前の状態にもどせる

  69. 参考文献とか • Firebaseのサイトからいくつかスクリーンショットをとってます。 • https://firebase.google.com/ • さくらインターネットの独自SSL • https://www.sakura.ad.jp/function/security/original-ssl.html •

    Jimdoサイト SSL対応 • https://jp.jimdo.com/2016/12/20/ssl-all/ • 野球場のいらすと • https://azukichi.net/baseball/baseball055.html • Let's Encrypt • https://letsencrypt.jp/ • CloudFlare • https://www.cloudflare.com/

  70. 参考文献とか • Webに接続するiOSアプリは2017年1月からHTTPSの使 用が絶対条件になる、デベロッパーはご注意を • http://jp.techcrunch.com/ 2016/06/15/20160614apple-will-require-https- connections-for-ios-apps-by-the-end-of-2016/ • hromeはHTTPの死を早めている…１月からHTTPSでない

    ページに警告を表示 • http://jp.techcrunch.com/ 2016/09/09/20160908chrome-is-helping-kill- http/