れいぶろぐゲームをプレイしたり、作ったりしてる人、LABEのブログ『れいぶろぐ』。創作のこと、PCのこと、その他趣味のことを広く浅く。DriveのWebホスティング機能が廃止される。詳細はこのブログでも過去に書いたので、そちらをご覧いただこう。Drive、静的URLによるWebホスティング機能を廃止へ。Driveの代替についても考察していたが、ここで新たな情報が。その廃止を伝えるGoogleからのメール(英語)で、Webホスティング機能の代替として「Firebase」という、同じくGoogleのサービスが紹介されていた。このFirebaseでも、静的なWebホスティングを利用できるというので、今回はそれを利用してみた話。データベースを構築したり、静的なWebコンテンツのホスティングやデータストレージを提供してくれる。Firebaseは2014年にGoogleに買収されたらしい。DriveのWebホスティング機能の代替としての利用にフォーカスしたいと思う。FirebaseのWebホスティング機能は容量1GB、転送量10GBまで無料となっている。Googleアカウントがあれば利用できるので、Firebaseのサイトで利用登録をしておこう。Firebaseを利用する俺は以下のページの説明を参考にした。QiitaFirebaseのサイトで新規プロジェクトを作成したら、Firebaseでホスティングするためのツールを利用することになる。利用して入手することになる。ダウンロードは以下のページ。Node.jsインストーラーを実行する。デフォルトのままでいい。コマンドラインツールを起動し、Firebaseを利用するためのツール、その名も「firebase-tools」を以下のコマンドでインストールする。firebase-toolsしばらく待つとインストールが完了するので、以下のコマンドでFirebaseにログインする。loginブラウザで認証フォームが開くので、ボタンを押すだけ。プロジェクトを設定するローカルでファイルを保存するディレクトリを作成し、コマンドラインツールでそのディレクトリに移動する。そこで以下のコマンドを実行するとプロジェクトの初期化のためのダイアログが開始される。initダイアログの一部は上記のQiitaのリンク先の説明と異なっているが、基本的にはデフォルトのままでいい。上下キーで選択し、スペースキーでチェックボックスを切り替え、Enterキーで確定して先に進む。どのプロジェクトを使用するか聞かれるので、Firebaseのサイトで新規作成したプロジェクトを選択。カレントディレクトリの直下にいくつかのファイルと「public」ディレクトリが生成される。ファイルが生成されているので、それをちょっと弄ったりしてからデプロイすると、「public」ディレクトリ以下のファイルがアップロードされ、サイトが公開される。デプロイには以下のコマンドを使用する。deployデプロイには少し時間がかかる。2回目からはデプロイのコマンドだけでいいが、毎回カレントディレクトリやらコマンドを打つのは面倒なので、batファイルを作ってみた。ディレクトリのあるところ)に置いておくと、batファイルを実行するだけでデプロイできる。batファイルは俺も実際に使って確かめたけど、間違ってたらごめんね。デプロイしたサイトを見てみるには、Firebaseの管理画面からプロジェクトに入り、左メニューの「Hosting」を選択すると、URLが割り振られているのでそこにアクセスする。HTMLファイルだけでなくZIPファイルなども設置できるので、ファイルの配布にも使える。まとめ今回はFirebaseを利用してWebサイトをホスティングする方法を紹介した。名前は知っていたが、使うのは今回が初めてだった。機能があるようだが、とりあえず今回の目的に必要な最低限の利用方法しか調べていない。Driveの代替としては問題ないだろう。Drive、静的URLによるWebホスティング機能を廃止へ。(2015/10/29)こめんとコメントはまだありません。こめんとする本文のみ必須。メールアドレスは公開されないよ。お名前メアド名前とメアドを入力欄に記憶する数式の空欄を正しく埋めてね。※本文には日本語を最低でも“何文字か”含めてね。(詳細)コメントを投稿すると、メールアドレスを含む投稿内容と、投稿者を識別するIPアドレスなどが当サイトのサーバーに送信され、保持される。これらの情報は当サイトのサービスの提供やコンテンツの改善のために利用される。あなたは、当サイトによるこれらの情報の取り扱い(取得・処理・利用)に同意しなければ、コメントを投稿することはできない。この同意の要件は法的な要件として追加されたもので、当サイトによるこれらの情報の取り扱いは従来から変わっていない。当サイトの個人情報の取り扱いについて詳しくは、プライバシー・ポリシーを読んでね。(125)※過去30日間の閲覧数データによる。