Web上の画像をクリック一発ではてなフォトライフにアップロードできるChrome拡張を作りました2017-02-02Web上の画像をクリック一発ではてなフォトライフにアップロードできるChrome拡張を作りましたWebWeb上の画像をブログで利用したい時、はてなブロガーであればはてなフォトライフをお使いだと思います。はてなブロガーに限らずはてなフォトライフに画像を保存している方もいるでしょう。いるよね?いや、いない?はてなフォトライフに目的の画像をアップロードするためには当然ですが次の手順が必要です。自分のPCに画像をダウンロードはてなフォトライフに画像をアップロードこれを「いちいち自分のPCに保存するの面倒くさくない?」と思うのは、自堕落を極めた社会不適合者エンジニアとしての性でしょう。このちょっとした面倒臭さを解消するChrome拡張機能を作ってみました。『はてなフォトライフアップローダー』です。chrome.google.com今回はこちらの拡張機能をご紹介させていただきます。ご利用の際は必ず注意点をお読みください。『はてなフォトライフアップローダー』でできること『はてなフォトライフアップローダー』を使うとWeb上の画像を自分のPCにダウンロードすることなく、クリック一発ではてなフォトライフへ画像をアップロードすることができます。それだけ!面倒臭がりさんに向けた拡張機能です。使い方インストールChromeウェブストアからインストールします。chrome.google.comはてなidとAPIキーの設定インストールが完了するとChromeのツールバーの右端にこんな感じのアイコンが現れます。このアイコンをクリックするとダイアログが表示されるのでそれぞれ設定しましょう。はてなid:自分のはてなidです。表示されるAPIキーを設定します。はてなフォトライフの保存フォルダ:アップロード先のフォルダ名を設定します。設定をしない場合はデフォルトでトップフォルダに格納されます。これで設定は完了です。画像を右クリックしてアップロードするあとは目的の画像を右クリック→「はてなフォトライフへアップロード」をクリックするだけです。一応ポップアップでお知らせします。はてなフォトライフアップローダーの仕組み次の注意点にもつながりますが、このChrome拡張の仕組みを簡単に示します。Webサイト上の画像をお使いのPCに取得します。(※http/httpsリクエストでのデータ取得。PC上には保存されません。)はてなidとAPIキーを暗号化し、1.で取得した画像データとともに開発者(私)のサーバに送信します。開発サーバが受け取ったはてなidとAPIキーを利用して、ユーザのはてなフォトライフに画像データをアップロードします。受け取った情報(はてなid・APIキー・画像データ)は開発サーバ上には一切保存されません。以下の点を理解したうえでご利用ください。開発者(私)が個人的に運用するサーバにより機能を提供しており、事前予告無く機能が停止する可能性があります。はてなidおよびAPIキーはHTTPSで暗号化され開発サーバに送信されていますが、万が一他者にこれらの情報が漏れた場合にも当方では一切の責任を負いません。その他お気づきの点などあればコメント、twitterでご連絡ください。はてなブログPro学んだ技術まとめるはずが、仙台のことや日常のことを綴っているブログ。(1)スポンサーリンクはてなブログをはじめよう!WorldWorldWorldさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。