Firebase Hostingの紹介

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/