【無料】Google DriveでWebサイトを公開する方法とは?!

Technology
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は「Google DriveでWebサイトを公開する方法」について、書いていこうと思います!

それでは、レッツゴー!!!!!

想定読者
・無料でWebサイトを公開したい人
・かんたんにURLを取得したい人
・Google Driveを活用したい人

はじめに

今回は「Google Drive」をサーバーの代わりとして使うことで、Webサイトを公開する方法をご紹介していきます!
最大15Gまで無料で、FTPソフトも不要という優れものなので、手っ取り早くポートフォリオサイトを公開したい方などにオススメです。

※今回の方法は「静的サイト」のみ公開可能です。(HTML,CSS,JSなど)
よってPHPなどの動的言語は動作しないのでご注意ください。
おさかな
おさかな

「Google Drive」ってこんな使い方もできるのか!

Webサイト・ブログに【支援・サポート機能】が設置できちゃう?!【codoc】とは?
みなさんこんにちは!おさかなです!今回は「codoc」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・Webサイトに「サポート・支援機能」を設置したい方・有料コンテンツを販売したい方・サブ...

「Google Drive」にフォルダをアップしよう!

それでは早速やっていきましょう!まずは、アップロードしたいファイルをフォルダにまとめておきます!

次に「Google Drive」を起動します。

+新規」>「フォルダのアップロード」をクリックして、公開したいフォルダをアップロードしていきます!(ポチっと!)

確認ウィンドウが開くので「アップロード」をクリック!

右下にこんな表示が出てきたら、無事にアップロード完了です!(やった~!)

あともうひと踏ん張り…!がんばりましょう!

【無料】アフィリエイトOKの「ブログ」サービス【Seesaa】を使ってみよう!
みなさんこんにちは!おさかなです!今回は「Seesaa」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・副業でブログを始めたい方・ブログでアフィリエイトを行いたい方・個人でブログを運営する...

フォルダを公開していこう!

それではアップロードしたフォルダを、Webサイトとして公開していきましょう。
まずは、フォルダ名クリックして「リンクを取得」をクリックします。

すると…こんな感じのウィンドウが表示されると思います!(なんじゃこりゃ!)

ここで、公開範囲を「リンクを知っている全員」に設定しておきます!(完了ボタンも忘れずにね!)

次に、フォルダ名をクリックで「名前を変更」をクリックします。

フォルダ名をURLっぽくするために冒頭に「www.」末尾に「.com」を付けましょう!

あともう少しです!(ファイト🍫)

サイトのURLを取得していこう!

それでは、最後に「サイトのURL」を取得していきましょう!(よしっ!)
まず下記サイトにアクセスします。

DriveToWeb - Host websites on Google Drive and Microsoft OneDrive
Host websites on Google Drive and Microsoft OneDrive

するとこのような画面が表示されるので「Host on Google Drive」という上のボタンをクリックします。

Googleアカウントにログインして「許可」ボタンを押します。

するとこんな感じの英語のページが表示されました!

Yout web pages」の直下にあるリンクが、Webサイトの「URL」になります!(おおお!)

実際にURLを開いてみると…?
こんな感じで、無事にWebサイトを公開することができました(やった~!)

これで全ての作業は完了です!本当におつかれさまでした!☕

↓実際に完成したサイトがこちら!

Blog | OSAKANA フリーランスのクリエーターです。

誰でもかんたんにプロっぽいデザインが作れちゃう?「Canva」とは?
みなさんこんにちは!おさかなです!今回は「Canva」について、書いていこうと思います!それでは、レッツゴー!!!!!想定読者・デザインソフトを探している方・テンプレートからデザインをしたい方・クリエーターの方...

ここまで読んでくださり、ありがとうございました!

おさかな

文章が書けちゃう、新種のおさかなです。

元不登校。引っ越し以外の理由で3回も転校したのに、結局中卒。
現在はマイペースに「プログラム」書いたり、「作曲」したり「文章」書いたり色々してます。
SAOのユウキが好きです!

おさかなをフォローする

この記事は役に立ちましたか?

タイトルとURLをコピーしました