みなさんこんにちは!おさかなです!
今回は「Google DriveでWebサイトを公開する方法」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・無料でWebサイトを公開したい人
・かんたんにURLを取得したい人
・Google Driveを活用したい人
はじめに
今回は「Google Drive」をサーバーの代わりとして使うことで、Webサイトを公開する方法をご紹介していきます!
最大15Gまで無料で、FTPソフトも不要という優れものなので、手っ取り早くポートフォリオサイトを公開したい方などにオススメです。
※今回の方法は「静的サイト」のみ公開可能です。(HTML,CSS,JSなど) よってPHPなどの動的言語は動作しないのでご注意ください。
![おさかな](https://osakanav.com/wp-content/uploads/2019/08/osakana.jpg)
「Google Drive」ってこんな使い方もできるのか!
![](https://osakanav.com/wp-content/uploads/2021/03/codoc-top-160x90.jpg)
「Google Drive」にフォルダをアップしよう!
それでは早速やっていきましょう!まずは、アップロードしたいファイルをフォルダにまとめておきます!
![](https://osakanav.com/wp-content/uploads/2021/01/html-file.png)
次に「Google Drive」を起動します。
![](https://osakanav.com/wp-content/uploads/2021/01/google-drive-icon.png)
「+新規」>「フォルダのアップロード」をクリックして、公開したいフォルダをアップロードしていきます!(ポチっと!)
![](https://osakanav.com/wp-content/uploads/2021/01/Inkedgoogle-drive-new_LI.jpg)
![](https://osakanav.com/wp-content/uploads/2021/01/Inkedgoogle-drive-upload_LI.jpg)
確認ウィンドウが開くので「アップロード」をクリック!
![](https://osakanav.com/wp-content/uploads/2021/01/drive-up-check.png)
右下にこんな表示が出てきたら、無事にアップロード完了です!(やった~!)
![](https://osakanav.com/wp-content/uploads/2021/01/drive-up-finish.png)
あともうひと踏ん張り…!がんばりましょう!
![](https://osakanav.com/wp-content/uploads/2021/03/seesaa-top-160x90.jpg)
フォルダを公開していこう!
それではアップロードしたフォルダを、Webサイトとして公開していきましょう。
まずは、フォルダ名を右クリックして「リンクを取得」をクリックします。
![](https://osakanav.com/wp-content/uploads/2021/01/Inkeddrive-link_LI.jpg)
すると…こんな感じのウィンドウが表示されると思います!(なんじゃこりゃ!)
![](https://osakanav.com/wp-content/uploads/2021/01/drive-link-window.png)
ここで、公開範囲を「リンクを知っている全員」に設定しておきます!(完了ボタンも忘れずにね!)
![](https://osakanav.com/wp-content/uploads/2021/01/drive-link-know.png)
次に、フォルダ名を右クリックで「名前を変更」をクリックします。
![](https://osakanav.com/wp-content/uploads/2021/01/drive-name-change.png)
フォルダ名をURLっぽくするために冒頭に「www.」末尾に「.com」を付けましょう!
![](https://osakanav.com/wp-content/uploads/2021/01/name-change-google.png)
あともう少しです!(ファイト🍫)
サイトのURLを取得していこう!
それでは、最後に「サイトのURL」を取得していきましょう!(よしっ!)
まず下記サイトにアクセスします。
するとこのような画面が表示されるので「Host on Google Drive」という上のボタンをクリックします。
![](https://osakanav.com/wp-content/uploads/2021/01/Inkedgoogle-drive-hosthing_LI-1024x550.jpg)
Googleアカウントにログインして「許可」ボタンを押します。
![](https://osakanav.com/wp-content/uploads/2021/01/drive-hosithing-agree.png)
するとこんな感じの英語のページが表示されました!
![](https://osakanav.com/wp-content/uploads/2021/01/hosting-finish-1024x551.png)
「Yout web pages」の直下にあるリンクが、Webサイトの「URL」になります!(おおお!)
![](https://osakanav.com/wp-content/uploads/2021/01/Inkedhosting-finish_LI-1024x550.jpg)
実際にURLを開いてみると…?
こんな感じで、無事にWebサイトを公開することができました(やった~!)
![](https://osakanav.com/wp-content/uploads/2021/01/drive-hosting.gif)
これで全ての作業は完了です!本当におつかれさまでした!☕
↓実際に完成したサイトがこちら!
![](https://osakanav.com/wp-content/uploads/2021/02/canva-160x90.jpg)
ここまで読んでくださり、ありがとうございました!