Googleドライブを外部javascriptやCSS置き場に使う-14にゴー

###手順

---

####Googleドライブにログインする
まず[Googleドライブ](https://drive.google.com/)に行きます。ログインしてなかったらログインしてください。  
複数のアカウントの同時ログインを使っている人は制限に引っかかってアカウントの切り替えができないので、何か問題がある人はChromeのシークレットウィンドウや別のブラウザを使ったりして対応してください。

####共有フォルダを作る。
作成->フォルダか新しいフォルダを作るボタンを押してフォルダを作ります。  
フォルダの名前は何でもいいです。とりあえず私はpublicにしました。  
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Hb2JsU1u48mTNDtDDTuRQ4ZlpV0UvJKNF8iuK1sA4JbkiGH9mME6M50YuRtqCp1cS2xfI7zxq4L3qzB_PU-rRSSKjsbK8BSPHAj7MxIA0xk5lCMerUEdPPqyMVoe2ILOkX0hhHJuKoM1/s1600/2013y08m31d_061610984.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5Hb2JsU1u48mTNDtDDTuRQ4ZlpV0UvJKNF8iuK1sA4JbkiGH9mME6M50YuRtqCp1cS2xfI7zxq4L3qzB_PU-rRSSKjsbK8BSPHAj7MxIA0xk5lCMerUEdPPqyMVoe2ILOkX0hhHJuKoM1/s320/2013y08m31d_061610984.png" /></a>  
作ったフォルダにチェックを入れて共有ボタンを押します。  
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxLvAN-lD6HzMLS9wtXREAAAQ_1PHuAyaQfvUn65Ur5SrOnt0EVidTz8fGi6YJ5WuJWHgccVXqbq3ffgNNJrBKsyJaRSX_PXrSKkAVpuNTGxVP8alubA0eJ0ugRGMWXl7Hv03BzDhenDo/s1600/2013y08m31d_061956136.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxLvAN-lD6HzMLS9wtXREAAAQ_1PHuAyaQfvUn65Ur5SrOnt0EVidTz8fGi6YJ5WuJWHgccVXqbq3ffgNNJrBKsyJaRSX_PXrSKkAVpuNTGxVP8alubA0eJ0ugRGMWXl7Hv03BzDhenDo/s320/2013y08m31d_061956136.png" /></a>  
アクセスできるユーザーの変更を押してウェブ上で一般公開にします。  
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihmikiPASGONrzxZbV8NwLecLKGF_rrFPwzRgIYKiJK2DMvevIJywnRXrCGNweIkzaOtmpgVBP9X1pqSwDaxFESPNSSD6S4NceG-n-XXKVUTYjNu-bbVBZSSmOYQz1qcl6hIP7EdBKNpN6/s1600/2013y08m31d_064053471.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihmikiPASGONrzxZbV8NwLecLKGF_rrFPwzRgIYKiJK2DMvevIJywnRXrCGNweIkzaOtmpgVBP9X1pqSwDaxFESPNSSD6S4NceG-n-XXKVUTYjNu-bbVBZSSmOYQz1qcl6hIP7EdBKNpN6/s320/2013y08m31d_064053471.png" /></a>  
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFhAgJ2NQgT-5U6jWQaSUD9cfQWZtAwk9-gUy8RNLF6pAZDjPjuTFG0toY4VXt-8KeyrltriBaalYENM3s3MYB58HJjj8dki5nsSu4FXRhHPI-4q8BBHSxciWqhJJ1wLZRgERgd4KB0d0C/s1600/2013y08m31d_064119343.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFhAgJ2NQgT-5U6jWQaSUD9cfQWZtAwk9-gUy8RNLF6pAZDjPjuTFG0toY4VXt-8KeyrltriBaalYENM3s3MYB58HJjj8dki5nsSu4FXRhHPI-4q8BBHSxciWqhJJ1wLZRgERgd4KB0d0C/s320/2013y08m31d_064119343.png" /></a>  
上の方でリンクが生成されていますが使いにくいURLなので無視します。  
完了  
これで共有フォルダができました。

####ファイルをアップロード
さっき作った共有フォルダをクリックして移動します。  
作成ボタンの横にあるアップロードボタンを押します。必要なjavascriptやcssをアップロードしてください。
それとjsやcssの他になんでもいいのでhtmlファイルをアップロードしておいてください。URLの取得に使います。  
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LsTtpct76Yc8RwSnYKN3ZWFyl_d9eJwnLwVeEDwUGb7Rh-RVqZ8aekKBBQQcppy-mKIgH3qCv3mLSwp9v1_aVSkzj_ME08X0lO6B4jhyah_f8F-URisdOnP4TfWvL4zEGMTpf9BHRJp4/s1600/2013y08m31d_064813558.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_LsTtpct76Yc8RwSnYKN3ZWFyl_d9eJwnLwVeEDwUGb7Rh-RVqZ8aekKBBQQcppy-mKIgH3qCv3mLSwp9v1_aVSkzj_ME08X0lO6B4jhyah_f8F-URisdOnP4TfWvL4zEGMTpf9BHRJp4/s320/2013y08m31d_064813558.png" /></a>

####URLの取得
アップロードしたhtmlファイルにチェックを入れてプレビューボタン->開く、またはその他->開く->Googleドライブビューアで開きます。  
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhydsKp6v3rvfQ6FZYC9kseRbqUuPZ5mLLx54NnkhI0fYMADVEBSLBHVbW2ufg_CMozIzT5KLu4xGbF_w8lQ93CbQOQiOlMUusz5ioZKzPA_hnaX4eS5jKfW5Ga327-aPMC-VhHezKkc5Og/s1600/2013y08m31d_065913145.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhydsKp6v3rvfQ6FZYC9kseRbqUuPZ5mLLx54NnkhI0fYMADVEBSLBHVbW2ufg_CMozIzT5KLu4xGbF_w8lQ93CbQOQiOlMUusz5ioZKzPA_hnaX4eS5jKfW5Ga327-aPMC-VhHezKkc5Og/s320/2013y08m31d_065913145.png" /></a>  
プレビューというところをクリックします。このプレビューボタンがhtmlを開いた時にしか出てこないのです。  
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglx2tJjvQSeTVXIHD_8oRNcJTPz0_8ripAR2g2zqyop24PaSCuEZRTOhgyrVNNgzqdp7xMrFQg-Ts8YfVJIoXwmTBttHH2w70kgG8AqVDswxZM9-VLo6i5lHIWTvSbW65FvL81tiXoRFFM/s1600/2013y08m31d_070257470.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglx2tJjvQSeTVXIHD_8oRNcJTPz0_8ripAR2g2zqyop24PaSCuEZRTOhgyrVNNgzqdp7xMrFQg-Ts8YfVJIoXwmTBttHH2w70kgG8AqVDswxZM9-VLo6i5lHIWTvSbW65FvL81tiXoRFFM/s320/2013y08m31d_070257470.png" /></a>  
https://googledrive.com/host/なんかランダムっぽい文字列/なにか.html  
というURLに移動するので、URLを削って1つ上のディレクトリに移動します。  
https://googledrive.com/host/なんかランダムっぽい文字列/  
ファイル一覧が出てくるのでURLがほしい外部ファイルをクリックしてそのURLを見たり、右クリックしてリンクをコピーしたりしてURLを取得してください。  
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZyqbDmYtlyS1yKiAcn7TjfBbpU8AGdybeF1-UfzDG2crlDYDIBfDf7toaIsm3BSDt_rOrZ4s-iR-WUCXnaOsF1gMCZuG75Il1wkjzlsdG-Owa9953a2K04kdOw_kw7cEp51wdUBdmHdw/s1600/2013y08m31d_070759548.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtZyqbDmYtlyS1yKiAcn7TjfBbpU8AGdybeF1-UfzDG2crlDYDIBfDf7toaIsm3BSDt_rOrZ4s-iR-WUCXnaOsF1gMCZuG75Il1wkjzlsdG-Owa9953a2K04kdOw_kw7cEp51wdUBdmHdw/s320/2013y08m31d_070759548.png" /></a>

----
これで外部ファイルのアップロードとそのURLの取得ができました。  
あとはブログに使ったりして幸せになってください。

Googleドライブを外部javascriptやCSS置き場に使う

0 件のコメント:

コメントを投稿

人気の投稿

ブログアーカイブ

Googleドライブを外部javascriptやCSS置き場に使う

0 件のコメント:

コメントを投稿

人気の投稿

ブログ アーカイブ

ブログアーカイブ