Dropboxでファイルをホスティングする方法

ブログ運営
ブログ運営
Info
最新のブログ運営(PV&収益)についてはTwitterで報告しています。
#クロヤギの運営報告
読了時間 挨拶

記事は約 4 分で読めます。

くろやぎ
くろやぎ

みなさん、こんにちは!
くろやぎ(kuroyagikuncom)です。
よろしければ、Twitterの方にも遊びに来てください。

この記事では、Dropboxを使って、ファイルをホスティングする方法について解説します。

内容
  • Dropboxを使って簡単にファイルをホスティング
  • Dropboxの自動同期機能
実行環境
  • Windows10
  • Dropbox

DropboxのWindows版アプリをダウンロード&インストール

ここから先はDropboxアカウントが必要になるので、まだ作成していない方はあらかじめ作成しておいてください。ただ、Googleアカウントでログインすることも可能なので、すでにGoogleアカウントを持っている場合は、新しくDropboxアカウントを作らなくてもOKです。
次のリンクから​​DropboxのWindows版アプリのexeファイルをダウンロードします。
Dropboxデスクトップアプリ
exeファイルのダウンロードが完了したら、実行してインストールをいい感じに進めて行きます。
インストールが完了すると、「C:\Users\[ユーザー名]\Dropbox」というフォルダが自動で作成され、その中にDropboxにあるファイルなどが保存されます。

Dropboxで簡単にファイルをホスティング

それでは試しにファイルをホスティングしてみましょう。
今回は【Dropbox】フォルダ内にCSSファイル【style.css】を作成しました。念のため作成方法を書いておきます。エクスプローラーの余白部分において、右クリックし、【新規作成】→【テキストドキュメント】を選択します。名前を【style.css】にして保存します。空のファイルだと問題があるので、次のように適当に入力をしておきます。

ちなみに、テキストエディタとしてMicrosoftのVisual Studio Codeを使用しています。見やすい&使いやすいのはもちろんのこ、高機能で無料という神ツールです。使ってみたい方は次の記事で解説しているので、チェックしてみてください。
【初心者専用】VS Codeのインストール方法と使い方、おすすめプラグインもあわせて紹介!
作成が完了するとファイルのアイコン左下にチェックマークがつくと思います。これは「Dropbox上のリモートファイルとPC上のローカルファイルの同期が完了しましたよ~」という意味のアイコンです。

では、オンラインでファイルを確認してみましょう。通知領域にあるDropboxアイコンをクリックし、【Dropbox.comを開く】を選択。するとブラウザが起動し、Dropbox.comにアクセスされます。【ファイル】を選択すると、先ほどローカルで作成しておいた【style.css】が保存されていることが確認できます。

では、【style.css】をホスティングしていきましょう。ファイル右端のアイコンをクリック。【共有】→【リンクを作成】→【リンクをコピー】。

以下のようなリンクが生成されるはずです。

Info

https://www.dropbox.com/s/hogefuga/style.css?dl=0

ただ、このリンクはファイルの共有ページのURLのため、ファイルの直リンクではありません。そこで、このURLをちょっと弄ります。「https://www.dropbox.com」を「https://dl.dropboxusercontent.com」に置換し、最後の「?dl=0」を削除します。今回の例ならば次のようになります。

Info

置換前:https://www.dropbox.com/s/hogefuga/style.css?dl=0
置換後:https://dl.dropboxusercontent.com/s/hogefuga/style.css

これで、ファイルの直リンクのできあがりです。すなわち、ファイルのホスティングができたということです。念のため、リンクをクリックして確認しておきましょう。

まとめ

いかがでしたか?
今回は、Dropboxを使ってファイルをホスティングする設定を解説しました。
ただ、ファイルをホスティングできただけでは、あまり意味がありませんね。使い道がないと…なので、次の記事では、ホスティングされているCSSファイルを用いてはてなブログのデザインをカスタマイズする方法を解説します。
DropboxではてなブログのデザインCSSにサヨナラする方法

初心者ブロガーが登録すべきASP ベスト3

初心者ブロガーが登録すべきASP ベスト3

A8.net

A8.netは広告主数が豊富で、初心者ブロガーでも簡単に登録できるためアフィリエイトを手軽に始めることができます。
また、A8.netは「セルフバック」が充実していて、レビュー記事にはもってこいです。

もしもアフィリエイト

もしもアフィリエイトは、Amazonアソシエイトと楽天アフィリエイトを一緒に管理できるため余計な手間がかかりません。
さらに、W報酬制度やプレミアム報酬などの、他のASPにはない魅力的な報酬制度があります。

バリューコマース

バリューコマースは、スマートフォン向けのオーバーレイ広告が掲載できる点が特徴です。
また、バリューコマースにしかない広告案件があり、漏れをなくすためのサブののASPとして登録しておいて損はないです。

ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

ブログ運営
シェアする
クロヤギ

コメント

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