Fast.ioを使用して、Googleドライブから直接わずか3分で静的ウェブサイトを無料でデプロイする方法

この記事では、GoogleドライブやDropboxなどのクラウドストレージサービスを使用して、静的Webサイトをわずか3分で無料でデプロイする方法を紹介します。

そして、いいえ-fast.ioはこの記事を作成するために私やfreeCodeCampにお金を払っていませんでした。私たちは彼らとは何の関係もありません。彼らのツールが本当にエキサイティングで、静的なウェブサイトを無料ですばやくホストするのに役立つことがわかったので、私はこれについて書いています。

Fast.ioとは何ですか?

Fast.ioは、Webの動作を簡素化するためにMediafireによって作成されたソリューションです。一言で言えば、彼らの目標は、ウェブをよりアクセスしやすく管理しやすくすることで、あなたの生活を楽にすることです。

2019年末に発売されたので、今共有します。

使い方

Fast.ioを使用すると、クラウド(Googleドライブ、DropBoxなど)に接続し、Webサイト名を選択して、数回クリックするだけでコンテンツをデプロイできます。

コンテンツの準備ができている場合、コンテンツをオンラインにして誰もがアクセスできるようにするために必要な時間はわずか3分です。

Webサイトがオンラインになったら、Webサイトを構成し、カスタムドメイン名を追加し、Google Analyticsに接続して、到達しているユーザーの数を知ることができます。

これについてはまだ触れていませんが、ソースファイルを変更すると、サービスによってWebサイトが自動的に更新されます。たとえば、Googleドライブを使用してコンテンツを共有している場合、HTMLページで何かを変更すると、コンテンツが更新されます。

利用可能なストレージプロバイダー

今日ウェブサイトを公開する場合に利用できるストレージプロバイダーのリストは次のとおりです。

  • GitHub
  • ドロップボックス
  • グーグルドライブ
  • ボックス
  • Mediafire
  • OneDrive

ご想像のとおり、このリストは新しいサービスが追加されるにつれて増えていきます。しかし今でも、静的なWebサイトをホストする可能性はたくさんあります。

競合他社

静的なWebサイトをオンラインですばやく取得できるようにするさまざまな企業がすでに存在します。最も有名なソリューションは、GitHub Pages、Heroku、およびNetlifyです。

Fast.ioが最適だとは必ずしも言えませんが、基本的なWebサイトを展開するのがいかに簡単かは気に入っています。

クイックノート:Python Flask Webサイトなど、より複雑なものをデプロイする場合、Fast.ioではデプロイできません。この場合、Herokuの使用を強くお勧めします。

私があなたに言ったように、私はあなたと透明になるつもりです。Fast.ioは、特定のタスクに最適なサービスです。

静的ウェブサイトとは何ですか?

Webサイトを展開する方法を説明する前に、静的Webサイトとは何か、動的サイトとの違いは何かを定義することが重要だと思います。

静的Webサイトには、固定コンテンツのWebページが含まれています。ページのコンテンツはHTMLであり、すべてのユーザーに同じものが表示されます。

たとえば、このタイプのサイトは、Webサイトのランディングページ(製品に関する情報が記載された基本ページ)を作成する場合に使用できます。

それと動的なウェブサイトの主な違いは、もちろん…動的な部分です!

動的Webサイトは、サーバーテクノロジーを使用して、ユーザーがWebサイトを要求したときにページを作成します。

たとえば、このタイプのサイトをブログに使用できます。データベースに新しい記事を追加するたびに、Webサイトにその記事が表示されます。

あなたのウェブサイトを展開する時が来ました

あなたはあなたのページをみんなと共有する準備ができていますか?やってみましょう!

このパートでは、数回クリックするだけでWebサイトをオンラインにする方法を紹介します。基本的なHTMLページを使用しますが、Fast.ioの動作を理解したら、すべてを自由に変更できます。

1)index.htmlファイルを作成します

HTMLコードを含むindex.htmlファイルを作成する必要があります。後でいつでも更新できるので、簡単なものから始めることをお勧めします。

ファイルをコンピューターに保存します。

   My Static Website   

My Static Website

Hello, I'm online, and everyone can see me!

2)Fast.ioホームページを開きます

Fast.ioを開始するために必要なのは、Webサイトを開くことだけです。それが終わったら、「今すぐサインアップ-無料です!」をクリックします

3)Googleドライブを構成する

このページはステップ2の後に表示され、ストレージプロバイダーを選択できます。「Googleドライブ」を選択します

別のプロバイダーでWebサイトを作成する場合は、後でアカウントページから追加して作成できます。

Fast.ioが機能するには、Googleドライブアカウントにアクセスする必要があります。彼らはあなたのウェブサイトを含むために「Fast.io」フォルダを作成します。「今すぐGoogleドライブに接続」をクリックします

Fast.ioにリンクするには、Googleアカウント選択する必要があります。

正しくリンクするには、Fast.ioがGoogleアカウントアクセスできるようにする必要があります

アカウントの準備ができたので、パスワードを選択して[アカウントの作成]をクリックするだけです。

アカウントの準備ができたら、「Welcome toFast!」ページが表示されます。「始めましょう!」をクリックします。

4)あなたのウェブサイトを作成します

あなたはあなたのウェブサイトを作成し、それをみんなと共有する準備ができています!「新しいサイトの追加」をクリックします。

Webサイト名を選択し、入力ボックスに入力します。終了したら、「次へ」をクリックします

Fast.ioを使用すると、ファイル共有Webサイト、Webページ、またはファイルブラウザWebサイトの3つのWebサイトタイプを作成できます。

この例では、HTML Webページをホストするため、「Webページ」選択します。

後でいくつかのドキュメントを共有するためのWebサイトを作成する場合は、ダッシュボードに戻って新しいダッシュボードを作成し、[ファイルのダウンロード]を選択する必要があります。

「Webページ」をクリックしたら、ストレージプロバイダーを選択する必要があります。「Googleドライブ」をクリックします

WebサイトのURLを選択し、入力ボックスに入力します。終了したら、「サイトの作成」をクリックします

できたね!あなたのウェブサイトはオンラインであり、あなたが選んだURLで利用できます。私の場合、mygoogledrivewebsite.imfast.ioで私のサイトを見つけることができます

5)index.htmlをアップロードします

ウェブサイトを開くと、Googleドライブにindex.htmlファイルをアップロードしていないため、エラーが発生する場合があります。

これを行うには2つの方法があります。

  • Googleドライブを開き、Fast.ioフォルダーを検索してから、Webサイトのフォルダー(私の場合は「mygoogledrivewebsite.imfast.io」)を検索します
  • ステップ4の成功ページで、[Googleドライブを表示]をクリックします

それが終わったら、マウス右クリックして「ファイルのアップロード」を選択します。新しいウィンドウが開き、「index.html」ファイルを見つけます-それを選択します。

変更がWebサイトに表示されるまで、少し待ちます。

6)祝う!

すべての友達にその言葉を広めましょう!あなたのウェブサイトはライブで、誰もがそれを見ることができます!

?ここをクリックしてTwitterで共有してください!?

7)ボーナス

興味があり、すべてを構成したい場合は、ダッシュボードに戻ってWebサイトをクリックできます。

ウェブサイトをGoogleAnalytics(訪問者の統計)にリンクしたり、ドメイン名(mywebsite.comなど)を変更したりすることができます。

結論

この新しいサービスについてどう思いますか?早くて簡単だと思いましたか?

あなたがそれを好きなら、この記事を自由に共有してください。

TwitterやInstagramでフォローして、私のコンテンツをお見逃しなく。

あなたは私のウェブサイトでこのような他の記事を見つけることができます:herewecode.io。

もっと欲しい?

  • 毎週、いくつかのアドバイス、いくつかのスライドへの短いチュートリアル、Instagramの1人の開発者の写真を含む動機付けの引用を取得します。
  • ニュースレターにサインアップして、最新の記事、コース、チュートリアル、ヒント、本、モチベーション、およびその他の独占的なコンテンツを入手してください。