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

Firebase Hostingの紹介

1a679952cdf455ecd6a15cbde7ae80d5?s=47 Tomohiko Himura
December 24, 2016
Programming
1
1.1k

Firebase Hostingの紹介

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

1a679952cdf455ecd6a15cbde7ae80d5?s=128

Tomohiko Himura

December 24, 2016
Tweet

More Decks by Tomohiko Himura

See All by Tomohiko Himura
大きめな病気になったときの医療費と収入源の話
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
1
370
最近やってること.pdf
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
0
73
Reactで静的サイトジェネレート
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
0
98
静的型なきJS界を救う英雄たちの話
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
0
830
入院中の勉強の仕方
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
0
1.3k
<ハ-ドル低めカスタムエレメントの始め方 />
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
1
990
React + Material-UIで遊んだ感想と recomposeで遊んだ話
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
0
780
ガトリングを撃ちまくりたいお年頃
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
2
790
すごい広島大賞
1a679952cdf455ecd6a15cbde7ae80d5?s=48 eiel
0
81

Other Decks in Programming

See All in Programming
Update from the Elixir team - 2022
Faafc04d9e69b73b9f49995fd4c94d4d?s=48 whatyouhide
0
200
Oculus Interaction SDK 概説 / xrdnk-caunity-LT4
270b0c7883545117a9a618dc7ca7cc83?s=48 xrdnk
0
230
「新卒だけ」じゃない！学び直しを支えるミクシィの技術研修を紹介
B16717ef4b7aab0b253d933c3934f280?s=48 mixi_engineers
PRO
0
100
SPA/MPA 議論の俯瞰と 現代における設計のポイント - #tfcon 2022 フロントエンド設計
1644fba8a219c89987390ef4f23d06bf?s=48 ahomu
3
1.9k
職場にPythonistaを増やす方法
86b349524dfba1c635e944f2a9c92e91?s=48 soogie
0
320
Airflow1=>Airflow2へのupgrade 事例紹介
A3ae651ab614249880dd9fad4fd0cee7?s=48 reizist
0
120
TechFeed Conference 2022 - Kotlin Experimental
D4133d8efb46ae872d7a563b619bfc83?s=48 jmatsu
0
820
Loom is Blooming
F784a8de872a5d98f67ac5ccbd6683d0?s=48 josepaumard
3
550
コードの解析と言語習得の心得
72dae9d4524988d16990da682116fc8a?s=48 jinjin33333
0
130
クリエイティブ系のウェブサイト制作で役立つCSS技法 / CSS for develop creative website
4b7124f2f5989173c8ce3b0934817a32?s=48 clockmaker
2
1.6k
From Java 11 to 17 and beyond
F784a8de872a5d98f67ac5ccbd6683d0?s=48 josepaumard
0
300
近況PHP / PHP in now a days
271fad8d53cd1f12f2b4b6d38e3d7bd3?s=48 uzulla
4
1.8k

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
11k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
94
4.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1k
5 minutes of I Can Smell Your CMS
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
18k
GraphQLの誤解/rethinking-graphql
3cb4e761dbdb7aebd1ffd85f752e1e3e?s=48 sonatard
24
6.2k
Pencils Down: Stop Designing & Start Developing
79acae287842acf29084005533a7fb3b?s=48 hursman
112
9.8k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
The Cult of Friendly URLs
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
68
4.7k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
343
17k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
289
48k
Debugging Ruby Performance
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
65
10k

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/