Hatena::ブログ(Diary)

大西日記 - はてなダイアリー このページをアンテナに追加 RSSフィード

2011年05月17日(火曜日)

はてなブックマーク Chrome アプリ を Macのアプリケーションに登録する

f:id:onishi:20110517154356p:image:right

chrome ウェブストア日本語版がリリースされて、はてなブックマークアプリも出ましたね!

公式 Chrome ウェブアプリ「はてなブックマーク」を公開しました - はてなブックマーク日記 - 機能変更、お知らせなど

でもMacではデスクトップアプリへのショートカットを作ったりはできないようです。ちょっと残念ですね。

この機能は WindowsLinux 上の Google Chrome でのみご利用いただけます。

http://www.google.com/support/chrome_webstore/bin/answer.py?hl=ja&answer=95710&topic=1212375

というわけで、はてなブックマークアプリMacアプリケーションに登録する方法をご紹介します。

利用するのはMac OS Xに標準で付属されるAutomatorというアプリです。Automatorを使うと一定のワークフローを登録して簡単にアプリを作成できます。

Automator 起動

アプリケーションフォルダから Automator を起動しましょう。ウィザードが表示されます。

f:id:onishi:20110517152704p:image

ワークフローを選びましょう

シェルスクリプトを登録

f:id:onishi:20110517152706p:image:w300

アクションのライブラリから「シェルスクリプトを実行」を選びましょう

シェルスクリプトを記述

シェルは(何でもいいですが) /bin/sh を選択

open -a Google\ Chrome.app http://b.hatena.ne.jp/viewer

を登録します。

f:id:onishi:20110517153927p:image

open -a はアプリケーションを開くMac独自のコマンドですね。

保存

f:id:onishi:20110517152707p:image

ファイルメニューから保存しましょう。デフォルトではフォーマットが「ワークフロー」になっていますが、

f:id:onishi:20110517152708p:image

これを「アプリケーション」に変更して保存します。これだけでアプリケーションが作れるんですね!Automator偉い!

f:id:onishi:20110517152709p:image

アイコン変更

これでアプリケーションはできました。

f:id:onishi:20110517151639p:image

でもアイコンがAutomatorデフォルトなのでちょっとつまんないですね。

適当な画像にアイコンを差し替えましょう。ここではサンプルに http://b.hatena.ne.jp/images/bookmark.ico を使っていますが、もうちょっと高解像度なものを探したいですね。

f:id:onishi:20110517151812p:image

アイコンをプレビューで開いて「編集」>「全てを選択」して「編集」>「コピー」します。

f:id:onishi:20110517153400p:image

次に、作成したアプリFinderで「情報を見る」で表示される左上のアイコンをクリックします。

f:id:onishi:20110517151735p:image

アイコンの周りが青く光った感じになりますね。ここで「編集」>「ペースト」で画像が差し替わります!わかりづらい!

f:id:onishi:20110517151904p:image

これで完成です。できた .app は /Applications に置いたりDockに登録するといいです!

なお、アプリの実行には Google Chrome が必要です!

投稿したコメントは管理者が承認するまで公開されません。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

Hatena 東北地方太平洋沖地震義援金の受付