Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Firebase Hostingの紹介
Search
Tomohiko Himura
December 24, 2016
Programming
1
1.5k
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
バイナリ読むのにElixirしてみた
eiel
0
47
アジャイルはさておきMake People Awesomeしたい
eiel
0
150
レビューは最優先にするようにしている
eiel
0
260
再考 Fourkeys メトリクス
eiel
2
650
Test mockをSnapshot testする
eiel
0
110
devenvに入門した
eiel
0
85
関数プログラミングの考え方
eiel
1
280
逆コンウェイ作戦はフィードバックループを作るために 逆向きの流れをつくること (5分版)
eiel
0
380
組織のパフォーマンスを高めるために 第1話 学習と文化
eiel
0
220
Other Decks in Programming
See All in Programming
#QiitaBash TDDでAIに設計イメージを伝える
ryosukedtomita
2
1.6k
AIにコードを生成するコードを作らせて、再現性を担保しよう! / Let AI generate code to ensure reproducibility
yamachu
7
6k
複雑なフォームを継続的に開発していくための技術選定・設計・実装 #tskaigi / #tskaigi2025
izumin5210
12
6.3k
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
120
Feature Flag 自動お掃除のための TypeScript プログラム変換
azrsh
PRO
4
620
try-catchを使わないエラーハンドリング!? PHPでResult型の考え方を取り入れてみよう
kajitack
3
220
事業KPIを基に価値の解像度を上げる
nealle
0
200
コードに語らせよう――自己ドキュメント化が内包する楽しさについて / Let the Code Speak
nrslib
5
860
Efficiency and Rock 'n’ Roll (Really!)
hollycummins
0
590
TSConfig Solution Style & subpath imports to switch types on a per-file basis
maminami373
1
180
イベントソーシングとAIの親和性ー物語とLLMに理解できるデータ
tomohisa
1
160
〜可視化からアクセス制御まで〜 BigQuery×Looker Studioで コスト管理とデータソース認証制御する方法
cuebic9bic
1
240
Featured
See All Featured
The Invisible Side of Design
smashingmag
299
50k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
76
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
Designing for humans not robots
tammielis
253
25k
GraphQLとの向き合い方2022年版
quramy
46
14k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Automating Front-end Workflow
addyosmani
1370
200k
Why Our Code Smells
bkeepers
PRO
336
57k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
How to Think Like a Performance Engineer
csswizardry
23
1.6k
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/