Instagram埋め込みHTML取得用のmacアプリを作りました

program macos

注意事項

  • 完全に動作無保証です。何かしら損害などがあっても保証いたしかねます。
  • macOS専用です。WindowsやLinuxでは動きません。（Linuxの方は 最下部「解説」の一文をターミナルで流すと同じことができると思います）
  • AppleScript初心者が10分で作りました。ソースコードは汚いです。 *1

ダウンロード・ソースコード

github.com

何故作ったか

はてブロもinstagram連携機能がありますが、

  • 見た目が公式ではない
  • 複数枚写真/動画の投稿でも1枚めのみ表示される
  • 動画の比率がおかしい

ので、公式埋め込みHTMLを簡単に取得するために自分でAppleScriptで作りました。

※中級者〜向けかもです。

動作条件

以下のツールがインストールされていることが前提です。

  • curl
    URLからデータを取得するために使ってます。
    おそらく標準でインストールされているはずです。
  • jq
    取得したデータはJSONのため、解析に使っています。
    brewだと brew install jq でインストールできます。
  • tidy
    HTML整形のために使っています。
    brewだと brew install tidy-html5 でインストールできます。

Input

Instagramの写真ページのURL。

https://www.instagram.com/p/BcplAT_l6BA みたいな感じです。

Output

成功すると、クリップボードに埋め込み用HTMLがコピーされます。
はてブロのHTML編集で貼り付けるなり、どこかのWebページに埋め込むなりご自由にお使いください。

解説

以下のシェルコマンドを実行しているだけです。

/usr/bin/curl -s "https://api.instagram.com/oembed/?url=https://www.instagram.com/p/BcplAT_l6BA" | /usr/local/bin/jq -r ".html" | /usr/local/bin/tidy -i -utf8 -w 0 -xml -ashtml

*1:そういえば初めてdaily log以外の記事を書いた…