Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
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
Share
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
FirebaseϗεςΟϯάͷհ 2016-12-23 WEB TOUCH MEETING #96
ͻΉΒ ͱͻ͜ • WTM ̎ͿΓ̐ճ͙Β͍? • ීஈϓϩάϥϛϯάΛ͍ͯ͠Δ https://eiel.info/
None
カビゴン・ラプラスまだ出てない
None
ࠓͷ͓
None
None
Googleのサービスです
アプリケーションの 作成・拡大・運営 楽にしてくれるサービス
誰のためのサービスか?
フロントエンジニア サイト運営者
フロントエンジニア
Webに関して言えば シングルページアプリケーションの 作成・運営をGoogleが助けてくれる
None
None
None
None
BaaS Backend as a Service
どんな機能があるか
None
None
DEMO https://eiel.info/
None
Firebase Hosting ΣϒίϯςϯπΛ͘͢৴
None
• 独自ドメインでHTTPS使うのが無料 • Googleのサーバでサイトを公開できる • 前のウェブサイトの状態にすぐもどせる
独自ドメインでHTTPS使うのが無料
None
None
_人人人人人人人人人人人_ > 独自ドメインでHTTPS <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
None
None
注意事項 firebase hostingに割り当てることができるド メインはサブドメインをつかってもひとつだけ です。 firebaseのプロジェクトはいくつもつくれます が、eiel.info をfirebaseのプロジェクトに割 当ているので www.eiel.info
や hoge.eiel.info を別のfirebase プロジェクト のhostingに割り当てることはできません。 eiel.infoをやめて、www.eiel.infoにしたりは できます。
前の状態にすばやくもどせる
None
None
ファイルのアップロード方法
FTPツールは使えません
• nodejsのインストール • cdコマンドの実行 Firebase Hostingを使うのに 最低限しておきたいコマンドラインのこと
None
⋊> firebase init
None
publicディレクトリにhtmlやcssをいれるだけ
⋊> firebase deploy
• Angular • 静的サイトジェネレータ 以下の公開場所として最適
ຊ
HTTPS対応進めてますか?
HTTPS Everywhere
2017年1月
None
None
独自ドメインで HTTPSするなら
対応してるサービスを 使うのが楽
None
レンタルサーバなら SNI SSL
None
VPSなど管理者権限があるなら
None
万能的に使える
None
静的ファイルでよければ
Firebase Hosting
·ͱΊ
BaaSと呼ばれる種類のサービス • シングルページウェブアプリ • iOSアプリ • Androidアプリ 作成・拡大を Googleが支援してくれるサービス Firebaseとは
HTTPS everywhere HTTPS対応検討してますか?
Firebase Hostingなら 無料で独自ドメインをHTTPS化
Firebase Hosting • Webサイトが公開できる • HTML CSS JS 画像がおける •
firebaseコマンドでアップロード • FTPツールはつかえない • PHP・CGIは動かない • CMSを作るには • 他のFirebaseServiceを活用する • ウェブサイトを簡単に前の状態にもどせる
参考文献とか • 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/
参考文献とか • 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の死を早めている…1月からHTTPSでない
ページに警告を表示 • http://jp.techcrunch.com/ 2016/09/09/20160908chrome-is-helping-kill- http/