Firebase Hostingの紹介

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

Transcript

1. FirebaseϗεςΟϯάͷ঺հ 2016-12-23 WEB TOUCH MEETING #96
2. ͻΉΒ ͱ΋ͻ͜ • WTM ̎೥ͿΓ̐ճ໨͙Β͍? • ීஈ͸ϓϩάϥϛϯάΛ͍ͯ͠Δ https://eiel.info/
4. カビゴン・ラプラスまだ出てない
6. ࠓ೔ͷ͓࿩
9. Googleのサービスです
10. アプリケーションの 作成・拡大・運営 楽にしてくれるサービス
11. 誰のためのサービスか?
12. フロントエンジニア サイト運営者
13. フロントエンジニア
14. Webに関して言えば シングルページアプリケーションの 作成・運営をGoogleが助けてくれる
19. BaaS Backend as a Service
20. どんな機能があるか
23. DEMO https://eiel.info/
25. Firebase Hosting ΢ΣϒίϯςϯπΛ͢͹΍͘഑৴
27. • 独自ドメインでHTTPS使うのが無料 • Googleのサーバでサイトを公開できる • 前のウェブサイトの状態にすぐもどせる
28. 独自ドメインでHTTPS使うのが無料
31. ＿人人人人人人人人人人人＿ ＞　独自ドメインでHTTPS　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣
34. 注意事項 firebase hostingに割り当てることができるド メインはサブドメインをつかってもひとつだけ です。 firebaseのプロジェクトはいくつもつくれます が、eiel.info をfirebaseのプロジェクトに割 当ているので www.eiel.info や hoge.eiel.info を別のfirebase プロジェクト のhostingに割り当てることはできません。 eiel.infoをやめて、www.eiel.infoにしたりは できます。
35. 前の状態にすばやくもどせる
38. ファイルのアップロード方法
39. FTPツールは使えません
40. • nodejsのインストール • cdコマンドの実行 Firebase Hostingを使うのに 最低限しておきたいコマンドラインのこと
42. ⋊> firebase init
44. publicディレクトリにhtmlやcssをいれるだけ
45. ⋊> firebase deploy
46. • Angular • 静的サイトジェネレータ 以下の公開場所として最適
47. ຊ୊
48. HTTPS対応進めてますか?
49. HTTPS Everywhere
50. 2017年1月
53. 独自ドメインで HTTPSするなら
54. 対応してるサービスを 使うのが楽
56. レンタルサーバなら SNI SSL
58. VPSなど管理者権限があるなら
60. 万能的に使える
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/