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.4k
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
アジャイルはさておきMake People Awesomeしたい
eiel
0
48
レビューは最優先にするようにしている
eiel
0
170
再考 Fourkeys メトリクス
eiel
2
530
Test mockをSnapshot testする
eiel
0
64
devenvに入門した
eiel
0
46
関数プログラミングの考え方
eiel
0
110
逆コンウェイ作戦はフィードバックループを作るために 逆向きの流れをつくること (5分版)
eiel
0
200
組織のパフォーマンスを高めるために 第1話 学習と文化
eiel
0
150
チームとチームのチーム
eiel
1
1.9k
Other Decks in Programming
See All in Programming
Goのmultiple errorsについて (2024年4月版)
syumai
4
1.1k
Anthropic Cookbook のおすすめレシピ
schroneko
7
1.1k
SwiftUIで使いやすいToastの作り方 / How to build a Toast system which is easy to use in SwiftUI
lovee
3
160
PostmanでAPIの動作確認が楽になった話
h455h1
0
170
R言語の環境構築と基礎 Tokyo.R 112
bob3bob3
0
270
Deep Dive into React Stream/Serialize
mugi_uno
3
480
Snowflakeで眠ったデータを起こそう!
estie
0
130
Azure OpenAI Serviceのプロンプトエンジニアリング入門
tomokusaba
3
850
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
380
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
1k
try! Swift Tokyo 2024 参加報告 / try! Swift Tokyo 2024 Report
hironytic
0
210
Kotlin Multiplatform at Stable and Beyond (Android Makers 2024)
zsmb
0
420
Featured
See All Featured
Optimizing for Happiness
mojombo
370
69k
GraphQLとの向き合い方2022年版
quramy
33
12k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Making Projects Easy
brettharned
109
5.5k
Principles of Awesome APIs and How to Build Them.
keavy
121
16k
Code Review Best Practice
trishagee
56
15k
A Tale of Four Properties
chriscoyier
152
22k
The Power of CSS Pseudo Elements
geoffreycrofte
61
5k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Building Adaptive Systems
keathley
32
1.9k
Side Projects
sachag
451
41k
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/