.appドメインはFirebase hostingとの相性が抜群 - Qiita
これまで作っていたアプリのLPは全てGithub Pagesにアップしていました。 先日Google domainsで .app のドメインが取得出来る様になったので自分のアプリのLP用に取得してみました。 .appドメインとは 米Googleは2015年2月25日、インターネットドメイン監督団体ICANN（Internet Corporation for Assigned Names and Numbers）のgTLD（ジェネリックトップレベルドメイン）オークションで、当時のICANNオークション史上最高価格となる2500万1000ドル（約30億円）で、「.app」を落札 引用 3年前にGoogleが購入したしたアプリ関連に利用が可能なドメインらしいです。SSLの利用が必須という点が変わっていますね。 Domainの取得方法 Google domainsのサイトから欲しいドメインを検索し
新幹線の移動時間でサービスを作ってリリースするまでの軌跡〜サクッと作るための技術スタックとは〜 - Qiita
まえがき 先週末、仕事で東京から岡山まで行く機会があり、新幹線の中で一人でハッカソンしてみたら、意外と０から作ってサービスを公開するところぐらいまではできました。当日の経過のログが誰かの助けになればと思い、投稿。TsuyoshiNumano/emojishare にコードは公開してます&要所要所で Pull Request を分けました。 サービスづくりの雰囲気だけでも感じ取ってもらえれば幸いです。 サービス自体は流行らないと思うので、そのうち消すと思います（ドメイン代とかもかかるし汗） 当日の twitter 実況。 対象読者 さくっと web サービスを作って公開してみたい方 割とフロントエンドよりの技術スタックなので、そのへんに興味ある方 *細かい技術的なところはお話しません。 使った技術スタック create-react-app React でサクッとアプリ作るならオススメ Goo
【2018年版】利用前に知って欲しいFirebase Hostingにできること・できないこと - Qiita
Firebaseは非常に便利なBaaSです。しかしFirebase Hostingは特にですが、そのシンプルさ故に、通常のレンタルサーバでは当たり前にできることができなかったりします。 この案件にはFirebase Hostingを使ってよいのか、別のサービスを使うべきなのか、レンタルサーバを使うべきなのか、という判断の際に必要だった情報を、QA形式でまとめてみました（2018.08時点の情報です） Q. Basic認証やIP制限はできる？ A. 機能要件によっては可能です。下記の参考記事ではFunctionsを通して、ベーシック認証やIP制限をかけています。しかし、index.htmlをhostingのrootに配置した場合、静的ファイルが優先的に表示・実行されるHostingの仕様上、「example.com」では制限がかかったように見えますが、「example.com/index.h
Firebaseで静的サイトをホスティングする - Qiita
この記事は しむどんアドベントカレンダー5日目 の記事です。 TL;DR 静的ファイルのホスティングをFirebaseで行った firebaseを使うためにfirebase-toolsをインストールした firebase deployで静的ファイルをデプロイした 経緯 モチベーション 日々勉強したコードをgithubにpushしています。 記事や文章はQiitaに、コードや画像はGithubに展開して(自分が)見やすいようにしています。しかし成果物の中には静的ファイルであることがしばしばあります。Javascriptのライブラリを試して見たり、code penの写経だったり、Sphinxのドキュメントだったりがそれです。静的HTMLの場合はブラウザで見たいのですが、QiitaやGithubは静的ファイルをブラウザで直接アクセスはできません。 なぜGithub Pagesではダメなのか Gi
Firebase HostingにIPでアクセス制限をかける。そして少し妥協する。 - Qiita
本記事はLIFULL Advent Calendar 2017の16日目の記事です。 昨日は@watanataの「passenger-statusを監視するMackerelのプラグイン」でした。 Firebase Hostingにアクセス制限かけたい ご存知の方も多いと思いますが、FirebaseにはWEB Hostingの機能が無料で公開されています。 デプロイの手順もCLIツールでかんたんにでき、公開されたWEBページはhttpsになっているという大変ありがたい機能です。サクッと作ったWEBを公開するのにもってこいですね。 しかしこのサービスにはアクセス制限の機能がなく、一度deployしてしまうと全世界に配信されてしまいます。 もちろん本番サイトであればそれで良いのですが、開発環境や社内ツールとして利用したい場合1 にはアクセスを制限できないのは少し困ります。 そこで、今回は今年のG
[Firebase Hosting,Functions] basic認証付きでサイトを公開する
firebase.json p�,��U �)��U { "hosting": { "public": "public", "rewrites": [ { "source": "**", "function": "app" } ], "redirects": [{ "source": "/", "destination": "/auth" }], "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ] } } functions_index.js p�,��U # functions/index.js const functions = require('firebase-functions') const express = require('express') const basicAuth = require('bas
![[Firebase Hosting,Functions] basic認証付きでサイトを公開する](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ef26f6cb4349557952890dbe3e567f7f98dc151/height=288;version=1;width=512/https%3A%2F%2Fgithub.githubassets.com%2Fassets%2Fgist-og-image-54fd7dc0713e.png)
Nuxt.jsとFirebaseでサイトを作った話 -5- NetlifyとFirebase | isoppp.com
TL;DR Netlifyホスティングで開発開始→最終的にFirebase Hosting x Functionsを使用したのでその経緯等 Netlify 初期開発時はNetlifyを使って作成しました。 これも流行りに乗ったというのが大きな所でしたが、 Githubでコードを管理してdeployまでがとても簡単でした。 Firebaseに移行した理由としては問い合わせフォームを作る（メールで送信する）という 機能をつけようとした時にNetlify FormやLamdaとの連携を使えばNetlifyでもできそうだったものの、他社サービス連携が必要でした。 それであればFirebase Hosting x Cloud Functions for Firebases で同サービス内で完結出来たほうがスッキリするなと思い乗り換えました。 あとは単純にFirebaseも触ってみたかったという所です
静的ファイルWebホスティングならS3よりFirebase Hosting - PPT Developers' Blog
アクセス制限が必要なければ、Firebase がとにかく楽です。 実際の手順を見てみましょう CLI ツールのインストールと設定の比較 Firebase Node.js をインストール Firebase CLI をインストール $ npm install -g firebase-tools Firebase にログイン $ firebase login AWS Python をインストール AWS CLI をインストール $ pip install awscli --upgrade --user AWS 認証情報を設定 $ aws configure CloudFront コマンド有効化 $ aws configure set preview.cloudfront true Web ホスティング環境構築の比較 Firebase の場合 Firebase 設定ファイル作成 プロジェクトディレ
Firebase HostingからFirebase Functions を使ってGKEのアプリケーションにプロキシする - GAミント至上主義
Firebase Hostingを使ったサイトで、一部のパス（/api以下等）へのリクエストを別サーバーに投げられる仕組みを考えた。 別サーバーでCloud Functions（Node.js）で出来ないことをしたかった。 結果として動いてしまったけどなぜこんなことしてるのか分からなくなってきたのでまず整理。 １、アプリケーション概要 フロントエンド Vue.jsでビルドしたSPA（Firebase Hostingで配信） バックエンド GKEで動いているヘッドレスChromeやDjango等を使ったAPIサーバー。Cloud Functionsじゃむりぽ。 ２、動機 上記構成を普通につくるとホスト名やSSL証明を分ける必要があり、下記のデメリットが発生する バックエンドではHTTPS Load Balancerを立てる必要があり、SSL証明書の設定が必要 フロントエンドからAPIにリクエ
静的サイトホスティングの為のGCS/GAE/Firebase Hosting比較 – google-cloud-jp – Medium
目次概要Google Cloud StorageGoogle App EngineFirebase Hosting転送料金面でのサービス比較利用できるリージョンでの比較まとめ 1. 概要HugoやGatsbyなどの静的サイトジェネレータ(Static Site Generator)を使って作成したサイトが増えてきているように感じます。 そこで、そのような静的サイトをホスティングする上で、 Google Cloud Storage(GCS)のWebサイトホスティング機能Google App Engine(GAE)のスタンダード環境Firebase Hosting(Blazeプラン)の3つのサービスについてPros(長所)、Cons(短所)を比較してみたいと思います。 なお、GAEであればプログラム言語ランタイムを利用することで、Firebase HostingであればCloud Functi
Nuxt.js+Firebase HostingのサイトをPWA化してLighthouseで(ほぼ)100点満点を目指す - razokulover publog
1年くらい前に仕事でNuxt.jsをいじる機会があったんだけどそれ以来使ってなかった。 ただ、GW中にNuxt tech bookを読んだところ久々にいじりたくなってしまい。 そこでちょうどFirebase HostingとPWA化に関して調べてたとこだったので、Nuxt.jsのサイトをPWA化してFirebase Hostingで動かす手慣らしでもしておこうかと思いやってみた。 ただ、普通にやっても面白くないので一応Lighthouseのスコアを満点にすることを目指してみることにした。 コンテンツはNuxtのスターターキットの初期生成されるページ。このページを対象に行う。 以下、Firebase Hostingの設定・Nuxtのプロジェクト作成・PWA設定・Lighthouseのスコア上げの流れで説明してます。 一応ソースはこちらで。 nuxt-firebase-hosting-samp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Nuxt.jsとFirebaseでSPA×SSR×PWA×サーバーレスを実現する - DMM inside