CLIから画像をGyazoにアップロードしたかったので、Gyazo APIを使う方法を調べました。備忘録として残します。
<h2 id="%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%83%88%E3%83%BC%E3%82%AF%E3%83%B3%E3%81%AE%E5%8F%96%E5%BE%97" data-line="3" class="code-line"><a class="header-anchor-link" href="#%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9%E3%83%88%E3%83%BC%E3%82%AF%E3%83%B3%E3%81%AE%E5%8F%96%E5%BE%97" aria-hidden="true"></a> アクセストークンの取得</h2>
Gyazo APIを使うにはアクセストークンが必要です。以下の手順で取得します。
Gyazoのアプリケーション管理ページにアクセスします。

 <iframe 
 class="hatenablogcard" 
 style="width:100%;height:155px;max-width:680px;" 
 src="https://hatenablog-parts.com/embed?url=https://gyazo.com/oauth/applications" 
 width="300" 
 height="150" 
 frameborder="0" 
 scrolling="no">
 </iframe> 
 
「New Application」をクリックします。
<img src="https://i.gyazo.com/65e10bef33e17a7884bd9f01c33212ec.png" alt="Image from Gyazo" />
以下の入力フォームが表示されます。
<img src="https://i.gyazo.com/1835bafe6b9a19cbcf3f81d2112d205e.png" alt="Image from Gyazo" />
<ul data-line="19" class="code-line">
<li data-line="19" class="code-line">Name：アプリケーションの識別名です。自分がわかる名前を入力してください（例：<code>cli-upload</code>）</li>
<li data-line="20" class="code-line">Callback URL：OAuth認証後のリダイレクト先URLです。CLIから使う場合は認証フローを使わないので、<code>http://localhost</code> と入力しておけば問題ありません</li>
</ul>
登録が完了すると、アプリケーション一覧に追加されます。作成したアプリケーションを選択してください。
<img src="https://i.gyazo.com/824154c89cf8db11856c348f52d46545.png" alt="Image from Gyazo" />
アプリケーションの詳細ページが表示されます。「Your Access Token」セクションの「Generate」ボタンをクリックします。
<img src="https://i.gyazo.com/f04f895d6262cdbd3f84a77fa3bc4d93.png" alt="Image from Gyazo" />
アクセストークンが発行されます。このトークンをコピーして保存してください。
<img src="https://i.gyazo.com/6a70b210ef0d24f18d9720addb5fced3.png" alt="Image from Gyazo" />
<h2 id="%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%81%B8%E3%81%AE%E8%A8%AD%E5%AE%9A" data-line="34" class="code-line"><a class="header-anchor-link" href="#%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%81%B8%E3%81%AE%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 環境変数への設定</h2>
トークンを環境変数に設定しておくと便利です。
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="38">export GYAZO_ACCESS_TOKEN="取得したトークン"
</code></pre></div>永続化する場合は <code>~/.zshrc</code> や <code>~/.bashrc</code> に追記してください。
<h2 id="curl%E3%81%A7%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89" data-line="44" class="code-line"><a class="header-anchor-link" href="#curl%E3%81%A7%E3%81%AE%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89" aria-hidden="true"></a> curlでのアップロード</h2>
画像ファイルをGyazoにアップロードするには、以下のコマンドを実行します。
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="48">curl -i "https://upload.gyazo.com/api/upload?access_token=$GYAZO_ACCESS_TOKEN" \
 -F "imagedata=@./screenshot.png"
</code></pre></div><code>-F "imagedata=@ファイルパス"</code> でアップロードする画像を指定します。
<h2 id="%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%81%AE%E7%A2%BA%E8%AA%8D" data-line="55" class="code-line"><a class="header-anchor-link" href="#%E3%83%AC%E3%82%B9%E3%83%9D%E3%83%B3%E3%82%B9%E3%81%AE%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> レスポンスの確認</h2>
アップロードが成功すると、JSON形式でレスポンスが返ってきます。
<div class="code-block-container"><pre class="language-json"><code class="language-json code-line" data-line="59">{
 "image_id": "abcdef123456",
 "permalink_url": "https://gyazo.com/abcdef123456",
 "thumb_url": "https://thumb.gyazo.com/thumb/abcdef123456",
 "url": "https://i.gyazo.com/abcdef123456.png",
 "type": "png"
}
</code></pre></div>Markdownで使う場合は <code>url</code> フィールドの値を使います。
<div class="code-block-container"><pre class="language-markdown"><code class="language-markdown code-line" data-line="71">![Image from Gyazo](https://i.gyazo.com/abcdef123456.png)
</code></pre></div><h2 id="%E3%82%B7%E3%82%A7%E3%83%AB%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E5%8C%96" data-line="75" class="code-line"><a class="header-anchor-link" href="#%E3%82%B7%E3%82%A7%E3%83%AB%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E5%8C%96" aria-hidden="true"></a> シェルスクリプト化</h2>
頻繁に使う場合はスクリプト化しておくと便利です。
<div class="code-block-container"><div class="code-block-filename-container">gyazo-upload.sh</div><pre class="language-bash"><code class="language-bash code-line" data-line="79">#!/bin/bash
if [ -z "$1" ]; then
 echo "Usage: gyazo-upload.sh &lt;image_path&gt;"
 exit 1
fi

curl -s "https://upload.gyazo.com/api/upload?access_token=$GYAZO_ACCESS_TOKEN" \
 -F "imagedata=@$1" | jq -r '.url'
</code></pre></div>このスクリプトを使うと、画像のURLだけが出力されます。
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="92">./gyazo-upload.sh screenshot.png
</code></pre></div>実行すると <code>https://i.gyazo.com/xxxxx.png</code> のようなURLが返ってきます。

Gyazo APIでコマンドラインから画像をアップロードする