ZERO-CODE

WWDCお疲れ様でした。
早速ですが、Safari4の正式版がリリースされました！でも、1Passwordがまた使えない…。

前にSafari4 betaの時に無理矢理動かす方法をご紹介いたしましたが、それと同じ様にしてインストールすることが可能です！

再度ご紹介いたしますと、

1. 念のため最新版の 1Passwordをインストール
2. 1Password.app を右クリックして、「パッケージ内容を表示」を選択
3. Contents/Resources/SupportedBrowsers.plist をProperty List Editor, mi, JEdit Xなどのエディタで開く
4. <key>Safari</key>の下にある<string>5528.16</string>を、<string>5530.17</string>に書き換える
5. Safariを終了
6. 1Passwordを起動し、「環境設定」の「Browsers」を選択し、Safariアイコンの横にあるチェックボックスを一度外す。
7. 外したチェックボックスをもう一度入れ直す

細かな部分では上手く動作しないかもしれませんが、とりあえずパスワードの入力は出来ます！

iMac 24 inchにしてからというもの、ディスプレイが少し高く目線が上向きになってしまい、ちょっと目に良くない状況が続いておりましたが、今日ついにモニターアームを設置し、問題解決致しました！

購入したモニターアームは上海問屋さんがAmazonで出品していた、2関節アームです。

上海問屋 シングルモニターアーム（2関節モデル） DN-ARM192

これを２つ購入し、サブモニターにしていたApple Cinema Display 20 inchにも設置。

設置にあたって、VESAマウントアダプタキットというのが必要になるのですが、在庫が豊富で適当なお店が見あたらなかったため、WebのApple Storeにて直接購入しました。

VESAマウントアダプタキット (24インチ iMac&LED Cinema Display用)
Cinema Display VESA マウントアダプタキット
そして、この様なレイアウトに！

なんかサイバーな香りが・・・

また、モニターアームをご利用の方にAppleからもれなくすてきなオブジェが付いてきます。

抽選で2名の方にプレゼント！（嘘

ふ〜。疲れた。今日はこの辺で！
週末はえｘぺさんのロゴ制作などに取りかかります！！

【追記】ダンボーがなんかすごく良い感じで写っているのはわざとではありませんｗ

時々開発を進めているGoogleReader plus Hatenaの久々のアップデートです。

先日当ブログでも書いたように、MOONGIFTさんに紹介して頂いたので、ブックマークコメントやブログなどでの色々とご意見を頂きました。

その中で「スターが付いたらもっといいのに」というのを見て、今回は「はてなスター」を表示する機能を付けました。

ファイルはGoogle Codeで公開中です。

まだ、記事の一覧（本文を表示しないモード）では、スターは表示されなかったり、カラースターの挙動がおかしいなどの問題は残っていますが、とりあえず動作いたします。

是非、ご利用ください。

お久しぶりです。最近全く更新できていない当ブログですが、ちょっと気になってGoogle Analyticsを見たら異常にアクセス数が上がっていたので、何かと思ったら、MOONGIFTさんでGoogle Reader plus Hatenaをご紹介頂いておりました。

MOONGIFT: » Googleリーダーとはてなブックマークを使う人は「Google Reader plus Hatena」:オープンソースを毎日紹介.

記事にはダウンロード版は上手く動作していないとのご指摘が･･･。
今晩あたりに早速修正を行いたいと思います。

多分今ソース見たら前の自分を殴りたくなるんだろうな･･･ｗ

引用元: 新人プログラマーがプロのプログラマーとして独り立ちするための7つの条件 – ハックルベリーに会いに行く

とっても共感できたので、TrackBack支援。
全く同じ様なことを日々思っている。

俺なりの感覚を少し書いてみる

その1「プログラマーであることに誇りを持たない」

プログラマーははっきりとした形がある世界の職人ではなく、むしろ形のないところに形をこさえるようなものだから、誇りを持つのはかえって邪魔になるし危険だということを語られた。プログラマーは、プログラマーであることに誇りを抱いた瞬間に停滞が始まるのだという。

「過去に誇りを持たない」っていうのに近いかもしれない。
日々、自分自身「あれが出来たらすごいなぁ･･･」とか、思っているけど実際自分でそれが出来る様になった時その瞬間は「俺スゲー！格好いい！！やべぇ！！」と思うが、すぐに「出来て当然だろｊｋ」となる。

自分よりもすごい人は腐るほど居て、過去の自分の憧れに自分自身がなったことに永遠と満足してたら、もうその人は先に進めなくなる。

日々いろいろな事に「新しい憧れ」を抱くことで、少しずつ自分の目標を立てているという感じだろうか。
あとは、過去の自分の書いたコードに満足しない。もっと良い方法があるのではないかと日々模索するという意味も。
数ヶ月前に書いたコードなんてのはもう見るのも恥ずかしいことが多々あります・・・

その2「常に手抜きを考える」

全文を読む

wp.Vicuna Ext.を使っていたのですが、元となるwp.Vicunaが最近新しくなったのに合わせてwp.Vicuna Ext. Customが新しく公開されています（３つとも作者が違う）。

2009.3にwp.VicunaのCSSファイル（スキン）のみがアップデートされた際既に、当サイトではアップデートを行っていて、一部wp.Vicuna Ext.の機能が動作しなくなっていたのですが、今回のwp.Vicuna Ext. Customでそれも改善されます（作者様に感謝）。

但し、残念なことにwp.Vicuna Ext.の拡張機能であったVicuna Adaptorプラグインの一部の機能などが動作しなくなってしまたので（プラグインの再インストールでもダメだった･･･）。PHPは全くと言っていいほど分からなかったので少し手間取ったりしましたが、２つのソースを比較して、それらへの対応も済ませました。

今回はそれらのまとめです。

ソーシャルブックマークリンク

ソーシャルブックマークへのリンク系を表示出来る様にするには、各ページの記事タイトル下のタグ一覧の次に、<?php the_tags('<li class="tags">', ' | ', '</li>'); endif; ?>を追加。

<div class="entry">
　<ul class="info">
　　<li class="date"><?php the_time(__('Y-m-d (D) G:i', 'vicuna')) ?></li>
　　<li class="category"><?php the_category(' | ') ?></li><?php if (function_exists('the_tags')) :
　　<?php do_action('entry_info'); ?>
　　<?php the_tags('<li class="tags">', ' | ', '</li>'); endif; ?>
　　<?php edit_post_link(__('Edit', 'vicuna'), '<li class="admin">', '</li>'); ?>
　</ul>

はてなブックマークコメント

はてなブックマークのコメントを表示させる場合は、comments.phpの110行目あたりにある

　　　</div><!-- end div#comment -->
<?php endif;
　　　if ($trackpingCount > 0 || 'open' == $post->ping_status) : ?>

を

　　　</div><!-- end div#comment -->
<?php endif; ?>
<?php do_action('comments_footer'); ?>
<?php if ($trackpingCount > 0 || 'open' == $post->ping_status) : ?>

とする。

Tag cloudのclass

デフォルト設定そのままでは無くウイジェットの表示項目を入れ替えている（ウイジェット設定を使っている）場合、Tag cloudにクラスなどが適応されなく、CSSでのフォントサイズ・色などの制御が出来なくなっていました。

これは、functions.phpに下記のコードをくわえることで機能する様になります。

/**
* Display a widget of tag clouds.
*/

function vicuna_widget_tag_cloud($args) {
　extract($args);
　$options = get_option('widget_tag_cloud');
　$title = empty($options['title']) ? __('Tag Cloud', 'vicuna') : $options['title'];
　echo $before_widget;
　echo $before_title . $title . $after_title;
　vicuna_tag_cloud();
　echo $after_widget;
}
wp_register_sidebar_widget('tag_cloud', __('Tag Cloud', 'vicuna'), 'vicuna_widget_tag_cloud');

同時に色々な部分を修正しているので、もしかしたら上手く動作しないかもしれません。そう言う場合はコメントください。

以前ご紹介させて頂いた、入力モードの視認性（三階ラボさん）の元の記事をきっかけとして、三階ラボさんとcockscombさんのコラボレーションによってすばらしいアプリケーションが登場しました！

メニューバーの色や、Dock上のアイコン、マウスカーソルなどに現在の入力モードを表し、右上の入力モードを見る時よりも数倍現在の入力モードを把握しやすくするアプリケーションです。

紹介ページ：三階ラボ | 入力モード視認アプリ ImageUp
ダウンロード：ImageUp

現在サポート対象は「ことえり」となっていますが、日本語入力は「ATOK」・英語は「U.S.」の入力モードを使用している私の環境でも現在の所問題なく動作しています（インストール→ソフト起動後、一度「言語環境設定」で入力モードの設定をいじったりすると動作します。通常は一度ログアウトすることで動作する様になるとおもいます）。

使い心地はまだ慣れていないためか、癖で右上の入力モードに目が行ってしまいますが、24inchのiMacで目線が画面中央にあっても十分入力モードを把握出来ます。是非、英字キーボードユーザーの方には使って頂きたいアプリケーションです。

今後もバージョンアップを行っていく予定とのことですので、心から応援させて頂きたいと思います！

前回「Hatena bookmark anywhere to GoogleReader」という名前で配布を始めたGoogleReaderにはてなブックマークコメントを表示するユーザースクリプトですが、名前を変更してバージョンアップしました！

Google Reader plus Hatena

今回のバージョンアップは細かな部分の修正と、ブックマース登録数の表示機能の追加です。

覚えたてのJavaScriptの為大量の修正が入っています。以前よりも動作が安定しました。
特にGreaseKit(Safari)版では、JSONPを利用しているため隣の記事のブックマークコメントを拾ってくる事などが発生していましたが、JSONPを埋め込む毎にユニークなグローバル変数を使用する様にすることで、そう言ったことが無くなりました。

その他修正内容

• スタイルシート
  Google readerに合わせて少し修正しました。
• ブックマーク登録数の表示
  ブックマーク登録数の表示が可能になりましたが、この機能をオフにするには直接スクリプトを修正する必要があります。
• ブックマーク読み込み中アニメーション
  今回からブックマーク読み込み中のアニメーションを表示する様になりました。
• 再読み込み機能
  「HatenaB」のリンクを再度クリックすることで、ブックマークを再度読み込むようになりました

また、デフォルトではタグ付けのみのブックマークは表示しない様になっております。
現在開発途中ですが、今後タグ付けも表示する機能を盛り込む予定です。

ダウンロード
今回からダウンロードはGoogle Codeから行える様にしました。下記ページよりダウンロードしてください。

http://code.google.com/p/gr-puls-hatena/

追記：
前回のスクリプトをインストールしている場合は、今回のスクリプトを入れても上書きされないので、手動でアンインストールしてください。

はてなユーザーはブログのコメント欄よりも、はてなブにコメントを書くことが多い。それを見るために新しいウインドウを開くのがとても面倒だったので、GoogleReaderの画面に直接表示するスクリプトを書きました！

FireFoxのアドオン「Greasemonkey」又は、Safari(WebKit)のプラグイン「GreaseKit」を使用して、GoogleReaderで今見ている記事のフッター部分にはてなブのコメントを表示するスクリプトです。

スクリプトの大半は「hatana_bookmark_anywhere.js」というブログのコメント欄の下などに、はてなブのコメントを表示するスクリプトを使用しています。
なので簡単に作れるかと思ったんだけど、JavaScript初心者の俺には一晩では終わらなかった･･･ orz
（普段javascriptライブラリに頼っていたからXPathとか初めて使った）

使い方

１，GoogleReaderで「はてなブ」のコメントを表示したい記事を表示させます。このとき記事の回りの枠が太く濃い青になっていればOKです。なっていない場合記事の本文をクリックすると、枠が濃い青なります。
２，キーボードで「h」キーを押す。
以上で記事の最後にはてなブのコメントが表示されます（実際のコメントより少しタイムラグがあるようです）。
上手く太枠にならない場合は、次の記事を表示するショートカット「j」キーや、前の記事を表示する「k」キーで上手くフォーカスする記事を変えてみてください。

Greasemonkey、GreaseKitのインストール

Greasemonkey、GreaseKitをインストールしてない人は下記のページを参考にインストールしてください。

• Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ | Google Mania – グーグルの便利な使い方
• GreaseKit | Macの手書き説明書

Hatena bookmark anywhere to GoogleReaderのインストール

Greasemonkey又はGreaseKitをインストールした上で、下記のアドレスにアクセスすると、インストールダイアログが表示されます。
「Hatena bookmark anywhere to GoogleReader」Greasemonkey版（FireFox）
「Hatena bookmark anywhere to GoogleReader」GreaseKit版（Safari）

※アドオン・ブラウザ共に最新バージョンでのテストしか行っていないので、場合によってはエラーが多発するかもしれません（Safari4,FireFox3）。
※テスト環境では英語版のGoogleReaderを使用してます。上手く動かない場合「設定」→「言語」→「English」で動くかもしれません。

最後に

デバッグ用にconsoleLogと言う関数にエラーを吐き出したりする様になっています。
コメントアウトで外してありますが、必要があればスクリプトの一番最後にありますので、解除してください。

まだまだJavaScriptは勉強不足で余分な部分とか、不安定要素が沢山あるかもしれません。
少しずつバージョンアップしていきたいと思います。

Macで英字キーボードを使っている人なら誰しもが思うこと

「今日本語入力モードか？それとも英語？」
「とりあえず打ってみる」
「ああ、英語だった・・・」

20inch以上のディスプレイを使っていると、特に目を右上まで持って行くのが面倒だったり。

そんななか、三階ラボさんの「三階ラボ | 入力モードの視認性」という記事を見つけました。
要するに「目立たないなら目立たせれば良い！」ということです。

三階ラボさんの記事では EGBRIDGE のが例に上がっていますが、EGBRIDGE は販売が終わり、アップデートもされなくなってしまったので、自分は ATOK を使用しています。なので、ATOK の入力モードアイコンを変更しました！

真似て作ったので、ほとんど一緒（なのになんかださい・・・）。

変更の仕方は、適当に 21 x 16pxのアイコンをTIFFで保存し、下記のパスに保存するだけ。

/Library/Input Methods/ATOK21.app/Content/Resources/

ちなみに、Photoshop TIFFでレイヤー情報が入っていたりしても全然平気です。

確かに見やすくなったけど、それでもやっぱり見えない。文字入力カーソル(?)が日本語の場合太いとか出来れば一番良いだけど、それって出来るのかな？