ジョナサンブログ

iPhone、iPad mini、カメラ、ガジェット、福岡の美味しいもの、愛犬ジョナサンなどをメインに書き綴ってます。

ブックマークレットを使わずに「Vine」の動画をブログに貼り付ける方法

Vine blog

気軽に動画を撮ってシェアできるVineがとにかく楽しい。
日常の一コマを切り取ってアップしまくってるのだが、この感覚はInstagramを始めた頃にちょっと似ている気がする。

Vine最大の特徴は撮影時間が最長6秒だという事。表示速度でストレスを感じさせない長さはTwitterだけではなくブログに貼るのにも最適だと思う。


Twitterに投稿されたVine動画のブログ貼り付け用コードを出力してくれるブックマークレット『Vineit』が便利 | NANOKAMO BLOG

正直、こちらの記事を読んでVineを使う気になった訳なのだが、せっかく撮った動画…特にジョナサン動画はブログにも使っていきたい。
ジョナサンブログだけに!笑

貼り付けコード取得のブックマークレットを提供されてる「Vineit」というサイトでは、残念ながらiPhoneからブックマークレット登録することは出来ないかった。
普段、ほとんどiPhoneでブログを書いているので何とかiPhoneから…と思っていたら、NANOKAMO BLOGの記事内に素晴らしいヒントが書かれてあった。

なにがありがたいってiframeのURLが元のVineのページのURLに「/card」を付けるだけというのが分かったのがありがたいw これでいいんだ!

なるほど。これは本当にありがたい!


そんな訳でiPhoneからでもVine動画をブログに貼る方法を紹介したい。

TextExpanderを使うのが一番楽!

もうそのままなのだが、TextExpanderでスニペット登録しておけば省略語を入力するだけで貼り付けコードが完成する。


2013 02 14 21 03 16

まずTextExpanderでこのようなスニペットを登録する。

[code padlinenumbers="3"]
<iframe src="%clipboard/card" width="435" height="435"></iframe>
[/code]


Tweetbotなどで自分のツイートを表示し、VineからTwitterに投稿されたツイートを長押ししてコピーする。



2013 02 14 21 03 04

するぷろ等のTextExpander対応ブログエディタで ,vi と入力するだけで、貼り付けコードが生成される。ブックマークレットよりも速くて簡単だ。







↑こんな感じにブログに貼り付ける事が可能だ。


まとめ

RSSリーダーで見ると何も表示されないのがネックなのだが、Vine動画のサムネイル画像を取得出来れば何とかクリア出来そうな気もする。

iPhoneだけで貼り付けコード取得と書いたが、実はMacでもTextExpanderがインストールされていればこの方法は使える。
むしろ、ブックマークレットを使うよりも速いかもしれない。





Vine - Make a scene 1.0.5(無料)
カテゴリ:ソーシャルネットワーキング,写真/ビデオ
販売元:Vine Labs, Inc.(サイズ:6.6MB)

TextExpander 1.2.7(\450)
カテゴリ:仕事効率化
販売元:SmileOnMyMac, LLC(サイズ:2.6MB)

Tweetbot ― 個性派Twitterクライアント (for iPhone) 2.7.1(\250)
カテゴリ:ソーシャルネットワーキング,ライフスタイル
販売元:Tapbots(サイズ:11.7MB)

TextExpander for Mac 3.4.2(\3,000)
カテゴリ:仕事効率化,ユーティリティ
販売元:SmileOnMyMac, LLC(サイズ:5.2MB)

Tweetbot for Twitter 1.1.1(\1,700)
カテゴリ:ソーシャルネットワーキング,ユーティリティ
販売元:Tapbots(サイズ:4.8MB)