Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Mac 技術情報

「Gyazo」と「Gyamblr」を更にブロガー最適化する方法

投稿日:


Gyazo and Gyamblr
かなり、話題に乗り遅れてると思うのですが、[mi]みたいもん!で「Gyazo」なるソフトウェアがあり、Tumblr.に一発でポストできる「Gyazo tumblr OSX(Gyamblr?)」なるものまである事を知りました。

ということで、そもそも「画像の楽々アップロードツール」として作られたGyazoのアップロード先をtumblrにしてしまったのが、Gyamblrなわけです。

via: tumblrに一発でスクリーンショットを送るGyamblr!:[mi]みたいもん!

ローカルマシンのキャプチャーが一瞬でwebにUPされる快適さ。
これはヤバい。超便利っす。
で、Gyamblrを作られた方のページにソースがのってたので、更に自分が使いやすいようにハックしてみた。

Gyazoった後にすぐ、ブログ記事に貼付けられるようにするハック

Gyazo
まずは、本家Gyazoにちょっとした工夫をしてみた。

アップロードした画像のURLはクリップボードにコピーされます。

via: Gyazo

という便利な機能があるのですが、ブログ書く場合は大体画像を貼り付ける事になるのでIMGタグまで作っちゃいたいのです。
※オレがMT3ユーザだからってのもある。WYSIWYGエディタ使ってる人は関係無いかも。
まずは編集するソースファイルの場所までいかなければいけません。
ソースは普通には見えないので、gyazo.appのところで「control+クリック」で「パッケージの内容を表示」します
Gyazo step1
さらに「/Contents/Resources」とすすんでいくと、「script」というファイルがあるのでそれが対象です。
Gyazo step2
修正部分は 54行目 あたり

system "echo #{url} | pbcopy"

この行で、クリップボードにURLをコピーしてるんだけど、コピーする文字列を下記のように整形した

system "echo \"<a href=\\\"#{url}\\\" target=\\\"_blank\\\"><img src=\\\"#{url}\\\" alt=\\\"\\\" /></a>\ncaptured with <a href=\\\"http://gyazo.com/\\\" target=\\\"_blank\\\">Gyazo</a>.\" | pbcopy"

つまり、こんなHTMLがコピーされるように。

<a href="{URL}" target="_blank"><img src="{URL}" alt="" /></a>
captured with <a href="http://gyazo.com/" target="_blank">Gyazo</a>.

実際はってみる。

captured with Gyazo.
あとは、ブログのエントリーフォームにペーストしておしまい。
早っ!
一応、まんま上書きできるようにスクリプトファイル置いときます。
script.gyazo.txt

Gyazo tumblr OSX(Gyamblr)をGyazoと共存させる

Gyazo tumblr OSX
今度はGyamblrですが、1個目のハックでGyazo自体がかなり便利になったので、スクリプト上書きしてtumblr専用にしちゃうのもったいない。
つ−わけで、
・GyazoをコピってGyamblrを別のアプリにする
・ついでに区別つくようにGyamblrアイコンつくる
・Gyamblrしたあと、終わったんだかなんだか分からないのでtumblr画面とか開く
ってことをしてみました。
まずは、「gyazo.app」をコピーして「gyamblr.app」というファイル名で保存。
ソースの開き方はgyazoのハックの時と一緒なので省略。
Gyamblr copy
で、以下のファイルを「script」ファイルに上書きして、33-37行目くらいの設定を自分のものに変更。
script.gyamblr.txt
 - email = ‘自分のtumblr email’
 - password = ‘自分のtumblr パスワード’
 - next_url = ‘ポスト後に遷移したいURL’;
next_url普通に「Dashboard」(http://www.tumblr.com/dashboard)でいいのかも
あと、gyazoアイコンにtumblrファビコンを合成してみたので、それをgyamblr.app以下「/Contents/Resources」の「appIcon.icns」に上書き。
gyamblr.appIcon.icns
※著作権的に大丈夫かな?
で、Dockにでも放り込んでおけばいいんじゃね?
Gyazo Dock

今後期待したいこと

Tumblr用があるんだからTwitterと連携もできるなぁと思ったり。
モバツイもサムネイル化対応してるみたいだし。

そして、今回、gyazoで生成されたURLをtwitterにpostすると、movatwitterでは自動的にサムネイルと携帯に最適化した縮小画像を表示するようにしました。

via: F’s Garage:簡単に画面キャプチャをアップできるgyazoにmovatwitterが対応

だれか、作らないかなぁ。(Ruby分からん)
(2008/01/19 02:00追記)
添付したscriptファイルがなぜかちゃんとダウンロードできなかったので、置き場所変えました。
script.gyazo.txt
script.gyamblr.txt
gyamblr.appIcon.icns
(2008/02/19 19:20追記)
Twitterにポストするversionは結局自分で作りました。
「Gyazotter for Mac OSX」GyazoでキャプってそのままTwitterにポスト

「Gyazo on Twitter RSS」TwitterにGyazoを張り付けているPostをダラ見するpipes
「Gyazotter for Mac OSX」GyazoでキャプってそのままTwitterにポスト

-Mac, 技術情報

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

MacBookのメモリを4GBに増設

先日、開発環境構築の手順を公開しましたが、ローカルサーバとしての使い方とは別に、VMを立ち上げたり、最近PHP開発に使えそうか試しているeclipseを起動していたり、はたまた動画を見たりしてマシンを …

MacBook不調でジーニアスバー行ってきた

先週の金曜日、会社帰りにAppleStore銀座のジーニアスバーに駆け込んできました。 今回の目的は、以前MacBook (13-inch, Aluminum, Late 2008) のメモリを8GB …

明日はCakePHPカンファレンス東京に参加します

明日は、PHPのフレームワークで注目を集めているCakePHPのカンファレンスが開催されます。 近年、注目の高まっているWEBアプリケーション開発フレームワーク『CakePHP』を題材とした国内初のカ …

パンダとペンギンとZenbackキーワーズ

さて、なかなか更新できない当ブログですがGoogle Analyticsでのアクセス解析は定期的に行なっています。記事を追加していないので仕方ないのですが、PV/UUともに下がりっぱなしの状態なのです …

no image

MacbookのPhotoshop。Elementsにする?それともExpress?

昨日、”Windows版”のPhotoshop Elements 6が発売開始したようですね。 アドビ システムズは一般向け画像編集ソフトの「Adobe Photoshop E …

スポンサードリンク

スポンサードリンク