AUSGANG SOFT

CoffeeScriptを使ってTitaniumでiPhoneアプリを作る

2011-01-06T14:59:55Z

最近、まわりでCoffeeScriptがすごいという声が。

CoffeeScriptって？

Javascriptを洗練させてPythonやRubyライクな文法で書ける言語。
コンパイルするとクロスブラウザでJS Lintも通るJavascriptになるというもの。
某WebベースのTwitterクライアントも、JS部分はこれで書いてるとか。

CoffeeScript - sappari wiki
https://sites.google.com/site/sappariwiki/coffeescript

CoffeeScriptについては、日本語だと、ここがよくまとまってます。

さっそく、CoffeeScritptを入れて、Titaniumの最初のコード(プロジェクトを新規作成するとできるやつ)をCoffeeScriptで書きなおしました。

https://gist.github.com/764343

JSファイルにコンパイルして、Titaniumでビルド。ドキドキ。
ちゃんと動きました！かなりすっきり書ける印象。

で、CoffeeScriptのコンパイルを前回のTitaniumのビルドを簡単にするスクリプトに組み込んでみる。

https://gist.github.com/767905

これでスクリプトを叩けば、自動的にCoffeeScriptがコンパイルされて、iPhoneアプリがビルドされる。

CoffeeScript -> JavaScript -> (Titanium) -> ObjectiveC

というすごい階層構造に。
CoffeeScriptで書いてて、たまに生成されたJSを見るとJavascriptが低レイヤーのアセンブラのように思えますｗ

クラス化してみる

Titanium公式のカプセル化は若干使いにくいので、どうしようかなぁと思ってたのですが、CoffeeScriptはクラスも使えるらしい。

https://gist.github.com/767545

さきほどのサンプルコードをクラスを使って書き直してみました。
ちょっと冗長かもしれないけど。。
まだ理解が浅いですが充分使えますね。

個人的には、thisをクロージャーやイベントリスナーに渡せるFunction bindingがあるのが便利。
functionを書かなくていいのも。これでタイポから解放される？

https://gist.github.com/767613

実際にコンパイルで生成されたJSはこんな感じ。

変数は最初にまとめて定義されていて、bindやfor ~ of などに使われる関数も定義されてます。
jQueryなどのライブラリを読み込むのと違って、必要なコードしか生成されないので、パフォーマンス的にもよさそう。
クラスはJSのprototypeベースのクラス化をわかりやすく使えるというかんじ。

ということで、CoffeeScriptかなりいいかも。

各エディタ向けの入力支援ツール

defunkt/coffee-mode - GitHub
https://github.com/defunkt/coffee-modeemacs
emacs使いの人はここ。

kchmck/vim-coffee-script - GitHub
https://github.com/kchmck/vim-coffee-script
Vim使いの人はここ。

jashkenas/coffee-script-tmbundle - GitHub
https://github.com/jashkenas/coffee-script-tmbundle
最近、Macに乗り換えてTextMate使いになったので、これを入れた。

Vim-users.jp - Hack #164: JavaScript開発環境その2 CoffeeScriptを使う
http://vim-users.jp/2010/07/hack164/

非常にマニアックな考察がされていますw
今回の記事は、UjihisaくんからCoffeeScriptすごいよ！と教えてもらったのがきっかけで書きました。

Thanks. Ujihisa!

TitaniumのコードをGUIなしでエディタからすばやくbuildする on Ruby

2011-01-06T13:42:13Z

そろそろiPhoneアプリに手を出そうということで、最近、話題になっているTitaniumを使って、JavascriptでiPhoneアプリを作ってみています。

titanium-mobile-doc-ja - Project Hosting on Google
http://code.google.com/p/titanium-mobile-doc-ja/

日本のTitaniumの情報はここが詳しい。

http://tidocs.com/mobile/latest/

リファレンスは↑が公式より探しやすくてGood

ただ、しばらく開発してみると、毎回Titanium Developerからビルドするのが面倒。
JS開発におけるオートリロードみたいな方法はないものか？

TitaniumのコードをGUIなしでエディタからすばやくbuildする - はこべにっき
http://d.hatena.ne.jp/hakobe932/20101125/1290694032

あったー。hakobe++

ただ、CPANをインストールしてライブラリを入れないといけないのがperl使いじゃない人には若干面倒。

そこで、なにも入れなくてもいいRubyで書き直してみました。

https://gist.github.com/764505

使い方はまったく同じ。

Titaniumのプロジェクトフォルダにbuild.rbを置いて、ターミナルから

ruby build.rb

サーバーが立ち上がるので、http://127.0.0.1:9090/run を叩けば、buildが始まります。
ターミナル上でログを見ることができます。

Ruby初心者なので、わりと適当だと思います。
Macで動作確認してます。Windowsで動かすには若干変更が必要かも。

エディタから呼び出す方法は、それぞれやり方があると思うのですが

キーボードで呼び出せてどのエディタでも使える方法。

Automator->"アプリケーション"->"シェルスクリプトを実行"->"curl http://127.0.0.1:9090/run"

でアプリを作って、"rebuild_titanium"などと名前を付けて保存。Spotlightで呼び出して実行するだけ。
キーボードだけで操作できて快適になります。

Spotlightのショートカットは個人的には使いにくいので、LaunchBarをCommand+Spaceで呼び出すようにしています。
LaunchBar、慣れれば使いやすいのでオススメです。

Twitterのおすすめユーザーを手軽に消す方法 for Google Chrome

2010-08-08T02:31:12Z

Twitterの「おすすめユーザー」がうっとおしいので消したいという話があったので、Google Chrome限定ですが、簡単なスクリプトを書いてみました。

hide_recommended_users.user.js

Google Chrome で↑のリンクをクリックすると

↑のような表示がでるので続行を押して、インストールを選んでください。

この機能を解除するには、Chromeの拡張機能管理画面でアンインストールしてください。

簡単につくったので、「おすすめユーザー」が最初一瞬表示されてしまいますが、ご容赦を。

いま熱い！図書館ライフハックツール＆サービス 12選

2010-04-13T12:18:16Z

全国4300館の蔵書検索ができるカーリルが公開されて、まわりが「図書館！図書館！」言うので、

「なんか最近、図書館熱いよね。」「図書館をもっと便利に使いたい。」

ってことで、図書館関連の便利な、おもしろいツール＆サービスを12個選んでみました。

1．野田市立図書館

http://www.library-noda.jp/index.html

まず目に付くのが各種ブラウザ用の検索プラグイン。

新着雑誌記事速報にGoogle AJAX Feed API使ってたり、新着図書のRSSがあったり。

公共の図書館ですが、新しい技術を積極的に取り入れてます。

2．図書館活用便利ツール - 読書学 -図書館徹底活用-

http://www.dokushogaku.com/tools

さいたま市図書館限定ですが、新刊のTwitter Bot にAmazon上で図書館の蔵書をチェックできる各ブラウザ用のユーザースクリプトがあります。

こういう便利なのがもっと多くの図書館で使えるものがあるといいですよね。

3．図書犬

http://s.tadafumisato.com/tosyoken/

Amazon上で蔵書情報を確認できる各図書館用のGreasemonkeyスクリプトを生成してくれるサービスです。

対応図書館も多く、大学図書館にも対応していて、なかなか実用的です。

4．Shizuku 2.0

http://www.shizuku.ne.jp/

本を対象にしたつぶやきサービス。

少し前からクローズドベータに入っています。

少しわかりにくいところもありますが、

本についてつぶやくというのはおもしろい。

可能性を感じさせるサービスです。

サービス名のShizkuはジブリ映画「耳をすませば」から来てるとか。

普通のホームページですが、そこに込められた熱量が半端じゃないサイトをひとつ。

5．東京図書館制覇！

http://www.tokyo-toshokan.net/

この情報量。ひとりで運営されてるとは思えないくらい圧倒的。

ランキング＆リスト東京図書館制覇！

http://tokyo-toshokan.net/ranking/index.htm

このランキングとか手作業で作ってるのですか！？という感じです。

モバイル系はどうでしょうか？

6．Android アプリ　Libraroid - 図書館予約 -

http://d.hatena.ne.jp/libraroid/

Amazonの検索結果から設定した図書館の蔵書情報を調べることができるアプリです。

対応図書館は少ないですが、モバイル系の図書館アプリとしてかなり早くからでていました。

対応図書館と言えば、先日カーリルがAPIを公開して、全国各地の図書館の蔵書情報を利用したアプリケーションを作ることが可能になりました。

7．「図書館検索」を作ってみた。

http://www.luck-of-wise.com/archives/2010/03/555/

そのカーリルのAPIを使ったAndroidアプリがリリースされてました。

県による図書館検索、現在地による図書館検索、ISBNによる書籍検索、ISBNによる蔵書検索などが可能です。

アイコン募集中みたいです。

だが、しかし。Andoroidを持ってない><

じゃあ、iPhone用はないの？

ありました。

8.すぐカーリル

http://sugucalil.appspot.com/

GPS情報を登録して、Amazonの検索ができ、検索結果から近くの図書館の蔵書情報を見ることができます。

Safari上で動きます。

とてもシンプルだけど使える！

9.Libron - 無料で本が読めるライフハック

http://libron.net/

Amazon上で図書館の蔵書情報をチェックできるGreasemonkeyスクリプトとChromeエクステンション。

これもカーリルのAPIを使ってLibron2.0登場。

もともと、多くの人が協力して、各地の図書館に対応していましたが、今回のバージョンアップで一気に対応図書館が増えました。

いっぽう同じAPIを使いAmazonに対応してるものながら、この発想はなかったわ。と思ったのがこのスクリプト。

10.Amazonの書籍Linkにカーリル(図書館検索)のもくっつけるgrasemonkey「Add_calil's_link_to_amazon's_link」

http://d.hatena.ne.jp/Koonies/20100404/

Add_calil_s_link_to_amazon_s_link

Amazonへのリンクすべてにカーリルへのリンクを追加しています。

他にもSkypeについてた電話番号ぽい数字すべてにSkypeへのcall:リンクをつけるブラウザ拡張みたいに

ISBNっぽい数字すべてにリンクをつけることができるとおもしろいかもしれませんね。

11.Calil for NDL

http://calil.jp/doc/api_sample.html

こちらはカーリル公式のGreasemonkeyスクリプト、Chromeエクステンション。

国立国会図書館の蔵書検索に、Amazonの書影と各地の図書館の蔵書情報を表示する機能を追加するもの。

サンプルですが、国立国会図書館の職員さんも見て驚いたとか。

カーリルAPIコンテストは4月20日までらしいです。

12.Next-L Enju

http://wiki.github.com/nabeta/next-l/

最後はいまベンダー系ばかりの図書館システムに一石を投じるオープンソースの図書館システム。

こういうのが普及したら、各図書館のAPIなども公開可能になってより便利なサービスが生まれてくるんじゃないかなぁと思います。

おわりに

最後に「これはとてもいい文章。」と、おすすめされたので。

図書館の自由に関する宣言

http://www.jla.or.jp/ziyuu.htm

図書館をインターネットに置き換えても読めてしまいますね。

ああ、そういえば大学の時に図書館学を取っていたのでした。

いまになって再びこの文章に出会うのはなにか不思議な感じがします。

駆け足で書きましたが、いかがだったでしょうか？

他にもおもしろいサービスがあればぜひ教えてください！

はてなブックマークに追加　 Twitterでつぶやく

ページのタイトルとURLをクリップボードにコピーするChromeエクステンション

2010-04-04T12:47:45Z

久しぶりの更新です。

FirefoxからChromeに移行する際に、ネックだったのが、FireBugがないことと、RakuCopyやCopyUrl+に相当するページのタイトルとURLをクリップボードにコピーしてくれる機能拡張が見当たらないことでした。

そこで、他の機能拡張を参考にしながら簡単なものを作って、しばらく使っていました。

普通に使えてるので公開することにしました。

One Key Copy - Google Chrome extension gallery
https://chrome.google.com/extensions/detail/pjbanhcnijokhfehelpnnfofgfjkbeml

CキーでページのタイトルとURLをクリップボードにコピーします。
キーは固定です。

コピーするとページの右上にcopiedと表示がでます。

テキストエリアにある場合は、テキスト入力に干渉しないように動作しないようになっています。

Skypeなどのチャットや、Twitterでurlをつぶやきたいときに使うと便利です。

Gyazoの履歴を紙Copiで管理するためのAHKスクリプト

2010-02-02T11:12:19Z

Gyazoは、Skypeチャットなどでの意思疎通や、Webサイトのプロトタイプ作成などに非常に便利なのですが、履歴が取れないので、以前にとったスクリーンショットを見たいときに困ることがしばし。

簡単なAutoHotKeyスクリプトで、履歴を紙copiで管理できるようにしてみました。

Windows限定です。

このスクリプトはクリップボードを監視して、gyazoのurlであれば、紙Copiの管理するディレクトリにあるhtmlファイルに追記します。
HTMLにGyazoイメージが表示されるので、内容を一目で確認できます。（当たり前だけど重要）
人からもらったGyazoも、URLをコピーするだけで取り込めます。

htmlファイルのパスなどは、お使いの環境にあわせて変えてください。

ファイルはなければ自動的に作られます。

紙Copiの編集機能を使えば、不要なGyazoの削除も可能です。

しばらく使ってみての感想。

ただ履歴をとるだけなのであまり整理には向いてない。Gyazo単位で分類・管理できれば・・・。

そういうのやるならAirアプリでクリップボード監視して、Gyazoを分類・管理できたりするGyazoCopiを作るといいのかも。

Amazon Product Advertising API の電子署名にすべりこみで対応した

2009-08-12T03:30:18Z

2005年から提供しているamazieは、PHPとAmazonAPIのXSLを使った方法で情報を取っているのですが、
昨日の10時から、テスト的な停止で見事に止まってしまってました。

Amazon Web Services Developer Community : 【重要】Product Advertising API - サービスメンテナンス（旧サービスの一時的な停止）のお知らせ
http://developer.amazonwebservices.com/connect/ann.jspa?annID=477

誰だ、XSLは署名送れないから大丈夫とか言ってたのは。＞というかそれを鵜呑みにした自分がわるい。

で、急いで対処方法を検索してみたところ、

[PHP] Amazon Product Advertising API で認証付きリクエストを送る方法まとめ - RinGoon POP!!
http://ringoon.jp/2009/05/09/memo-amazon-product-advertisin.html

こんなありがたいライブラリを提供してくださる方が。
これ使えば、ほとんど従来のままでいけますね。

ところがどっこい、うちのサーバーでは、ライブラリに必要な hash_hmac 関数が使えない。
インストールを試みるも、コンパイルエラーで挫折。

しょうがないので、他の方法を探したところ、

Product Advertising API用PukiWikiプラグイン - IMHO
http://d.hatena.ne.jp/mokehehe/20090526/productadvertisingapi

こちらにジャストミートな情報が。
これを使って動作することを確認しました。

その他、パラメーターにアソシエイトＩＤをくっつけてたらリクエストがとおらないとか。

&AssociateTag=associate_id

↑はつけてはいけない。

Amazon Product Advertising API 電子署名とXSLTのまとめ - web2.0的ラボ
http://www.web2-labo.com/amazon_product_advertising_api.html

もやしさんのところで紹介されていた、リクエストURL「http://ecs.amazonaws.jp/onca/xml～」のドメイン部分を、「http://xml-jp.amznxslt.com/onca/xml～」に変更したら、表示されるようになりました。

↑は本当。現時点では、http://ecs.amazonaws.jp/では署名が違うと言われてしまう。

IndexをBlendedにすると結果が返ってこないなど、まだ不明な点も。

とりあえず対応できたけど、いまさらのこの仕様変更はつらい。
Amazonは、サーバーにかかる負荷、コストを削減したいのかな～。
よほど不正なリクエストが多いのか？普通に使っている人が迷惑をこうむらない方法はなかったのか？

なお、オープンソースソフトウェアでの利用については、tDiaryの作者でもある、ただただしさんが、

Amazon Web Services Developer Community : OSSからの認証利用について ...
http://developer.amazonwebservices.com/connect/thread.jspa?threadID=32142&tstart=0

Amazon API認証のPROXYを書いたよ(AmazonのAPI認証導入はOSSに対する挑戦だよなぁ(4)) - ただのにっき(2009-06-19)
http://sho.tdiary.net/20090619.html#p01

素晴らしいつっこみと対応をされてます。

Kanasan.js Greasemonkey チュートリアル読書会に行ってきた

2009-02-23T02:45:20Z

遅すぎですが、あけましておめでとうございます。

タイトルどおり読書会に行ってきました。

今回のKanasan.jsは「Greasemonkey チュートリアル」読書会。

これは行かざるを得ない。

直前までけるかどうかわからず、前日に定員ぎりぎりの30人目に申し込み参加。

一気読みすげー。13:30～19:00くらいまで。

かなりの熱気でした。

会議室に30台もPCがあるんだもんね。

久しぶりの勉強会。

かなかプログラミング話についてくのが大変。

Greasemonkey の歴史など。

unsafeWindowが導入された経緯はこの辺り

Greasemonkeyの共通な落とし穴を避ける - minghaiの日記
http://d.hatena.ne.jp/minghai/20080101

本編と関係ないけどLingr上でのヒアドキュメント談義がおもしろかった。

ujihisa@会場
Q: JSにはヒアドキュメントがない?
A: ない
ヒアドキュメントってすごく大事だと思う

deguchi @会場
@ujihisa ヒアドキュメントの代わりになるものならあるよ
var text = <>
hoge
hige
</>
E4Xが実装されてるブラウザ限定だけど

ujihisa@会場
!

deguchi @会場
もちろんIEにはない！

ujihisa@会場
xmlリテラル的な感じ
scalaの
「またIEか」

repeatedly@会場
何かamachangの記事で見た記憶が > <>

ujihisa@会場

><><

37to@会場
これは便利

ujihisa@会場
><
↑amachangリテラル

yuya@会場
これは魚 ><>

37to@会場
innerHTMLにまるごと入れる時に、楽に出来る

ujihisa@会場
魚リテラル

hakobe
innerHTMLへの代入こわい

yuya@会場
ウオドキュメント

ujihisa@会場
ウオドキュメント

ウオドキュメント誕生の瞬間。

よくみたら正面のテーブルは、一人を除いて全員リンゴマーク。

Mac率の異常に高い勉強会だった。

最後のほうはemobileの回線速度がスローダウン。

6台近く接続されていて、それを30人でシェアしたり、ustreamしたり。

一通り読み終わった後、各自の作っているGreasemonkeyを紹介するという時間がとられて、発表させてもらった。

これまで作ったGreasemonkeyスクリプトまとめ
http://a-h.parfe.jp/einfach/archives/2006/1213180001.html

Googleイメージ、画像を回して

バターになるグリモンがスゴイ！

バターです。
http://www.kiy0taka333.sakura.ne.jp/scripts/guruguruimages.user.js

今日、はじめてGreasemonkey書く人が発表。これはスゴイｗ

便利ツールcoconutsfineのインストールはこちらから http://gist.github.com/68420

Greasemonkeyについて話せる場があるというのはあまりなくて、

かなり調子に乗って、いろいろ出してしまって、少し反省気味。

でも、多少脱線しても、ちゃんと本筋に戻しつつ、運営されててよかった。

Lingrのチャットも、先に読み終わったり、疲れてきた人の気分転換な場になってて、勉強会の運営スタイルとしてうまくなってるなーと思いました。

久々緊張して疲れたけど、とてもいい刺激をもらいました。
37toさんはじめ、スタッフのみなさんお疲れ様でした！

Google Chrome で Livedoor Reader のピンを快適に開く UserJavaScript

2008-09-19T14:20:33Z

Chrome（愛称ちょろめ）がメインブラウザになってしばらくになります。

Greasemetalのおかげで、Firefoxからの移行を決意。

とても快適なのですが、不満点がひとつ。

Livedoor Readerで、ピンをたてた記事をまとめて開こうとすると、ポップアップブロックにひっかかって、タブで表示されません。解除する設定もなく、これはストレスフル。

ちょうど Greasemetalがバージョンアップして、GM_openInTab ファンクションをサポートしていたので、window.openを上書きして、ピンをタブで開けるようにする UserJavaScript を書いてみました。

ldrfixpinopen.user.js

とっても短いっす。

これで思う存分、タブを開きまくれます。

Greasemetal version 0.2以降必須。

開発者の方に感謝。

追記

タイミングやキャッシュによって、スクリプトが読み込まれてないときがあるみたいなので、読み込まれたらLDRのロゴに＋を追加するようにしました。

↑こんな表示になっていれば有効になっています。

おまけ Chrome関連のメモ

・おすすめユーザースクリプト

Greasemetal, GreaseKit で使える UserJavaScript (自作中心)

http://d.hatena.ne.jp/os0x/20080916/1221578886

ほとんどここに網羅されてる。まとまっていて、すばらしい。

Greasemonkey - Google のラジオボタン押したら検索

もリファクタしてもらってる！！

ありがとうございます。

Out of Sync - スペースキーで LDR っぽいスクロールを実現する Greasemonkey スクリプト
http://d.hatena.ne.jp/nagaton/20060831/1156993415

スペースキーでページをスクロールする人にはおすすめ。

・マウスジェスチャー

マウ筋で設定。

閉じたタブを開きなおすショートカットは、Ctrl+Shift+T。

・キャッシュのクリア

右上の設定アイコン→閲覧履歴の消去→キャッシュにチェックを入れて→閲覧履歴の消去を実行。

・Windows2000でChromeを使う

Google Chrome (BETA) を Windows 2000 で

http://blog.livedoor.jp/blackwingcat/archives/139405.html

Chrome起動時の警告をなくす(Win2000)

http://blog.livedoor.jp/blackwingcat/archives/149216.html

Skype Washerから紙Copi Net に保存

2008-08-21T08:08:43Z

前回につくったSkypeのチャットログを整形するツール、SkypeWasher に紙CopiNet へ保存する機能を追加しました。

save to kami ボタンで、ログを整形して紙Copi Net に送ります。
最近、紙Copi Netにiframeでテキスト中のURLを開いてくれる機能が追加されたので、組み合わせると便利です。

Skype Washer　スカイプのチャットログを読みやすく

2008-08-16T23:36:22Z

これはなに？

Skypeのチャットを日常的に使っているのですが、とても不便なことがあります。
やりとりの内容を残しておきたいと思って、選択してコピーすると、読みづらいテキストになってしまうことです。
これを、必要なときは、手作業で整えたり、テキストエディタで置換したり。
かなり手間なので、Skypeのチャットログをきれいに整形してくれる（洗う）ツールを作りました。

skype washer
http://a-h.parfe.jp/skypewasher/

例)
変換前

[2008/08/11 13:23:58] deguchisの発言: 飲み会の場所どうしよ？
[2008/08/11 13:23:59] nektixeの発言: うまい魚食べたいね。
[2008/08/11 13:24:02] nektixeの発言: どこかない？
[2008/08/11 13:24:29] deguchisの発言: それだったら
[2008/08/11 13:24:30] deguchisの発言: まんまや　和坐(マンマヤ　ワザ)/ホットペッパー.jp
http://www.hotpepper.jp/A_20100/strJ000020882.html
[2008/08/11 13:24:31] deguchisの発言: ここオススメ。
[2008/08/11 13:24:33] deguchisの発言: 日本海から直送の魚を食わせてくれる。

変換後

飲み会の場所どうしよ？
うまい魚食べたいね。
どこかない？
それだったら
まんまや　和坐(マンマヤ　ワザ)/ホットペッパー.jp
http://www.hotpepper.jp/A_20100/strJ000020882.html
ここオススメ。
日本海から直送の魚を食わせてくれる。

特徴

・Javascriptのみで動作するので、動作が軽く、情報漏洩の危険性がありません。
・洗うのと同時にクリップボードにコピーできます。

使い方

sourceに貼り付けて、wash!ボタンを押すだけです。

ブックマークして、必要なときに呼び出してお使いください。
とても簡単な作りなのでローカルに保存しても動作します。

今後の予定

・紙Copi Net への取り込み機能
→ 追加しました

読みやすいテキストに整形する機能は、本来Skypeに標準でついていて欲しい機能です。
なので、独自機能として、紙Copi Netに送ることで、保存・管理・検索が容易にできれば便利かもと思ってます。

どうぞ、ご利用ください。

Googleの検索結果をバックグラウンドタブで自動的に開くGreasemonkey

2008-07-17T08:14:00Z

久しぶりにGreasemonkeyスクリプトを書いてみました。

browseboost.user.js

若干わかりにくいですが、Googleで検索すると検索結果をバックグラウンドのタブ（赤線）で自動的に開きます。

開くページの数はスクリプト先頭の

OPENLIMIT

で変更可能。
デフォルトは2つ。

思いつきは、検索結果の最初の2つくらいはよく開くんじゃないかということ。
昔、Fasterfoxというリンクを先読みする拡張が、サーバーに負荷をかけるということで批判されてたけど、２つくらいなら許されるんじゃないかと。

GM_xmlhttpRequest でHTMLだけ先読みを試みるも、どうも体感的に先読みになってないっぽいので、GM_openInTab で表にこないタブに開いておくことにしました。
マウスでタブ切り替え、ワンキーでタブを閉じるとかできるようにしてる環境では便利かもです。

このスクリプト、LDRize のSITEINFOを共用することが出来ると思います。
いろんなページでタブ開きまくることになるので、便利かどうかはやってみないとわからないけど。
要望があればつけてみます。

ボタン一発で部分スクリーンショット

2008-06-23T00:01:24Z

Gyazoが便利すぎる。
Skypeでやりとりする際に、「この部分、レイアウト崩れている」「こんなデザインでどうか？」などと伝えるのにウチでは使われまくっている。

Gyazoは、範囲選択→画像化→アップロード→URLをクリップボードにコピー、を一括してやってくれるので、声や文章では伝えられない部分をすぐに共有できて便利。

なんだけど、たまにイラストレーター上にサイトのモックアップを作るときに、単にクリップボードにコピーするだけでよい場合も。

そういうシンプルなソフトがないか探してみたけどなさげ。

既存のスクリーンショットツールのコマンドラインオプションでできないか、探してみると、WinShot＋AutoHotKeyでやってる人がいたー。

ホットキー一発で WinShot でスクリーンショットを撮る
http://moewe.xrea.jp/log/2005_09.html#d20050912

参考にさせてもらって、Gyazoに近い設定にした。

PrintScreen::Run, C:\Program Files\WinShot\WinShot.exe -Copy -Rectangle -Close

地味に便利。

若干、Gyazoと選択の操作感が違うので最初戸惑うけど、拡大鏡みたいなプレビューも出るのでドット単位で選択できてよい。

bluewindでファイルランチャー

2008-06-21T06:42:19Z

毎日の作業で特定のフォルダにある同じ拡張子のファイルを開くことが多いので、その作業を簡単にできないかなぁと思っていたところ、bluewindとバッチファイルを組みあわせることで、できそうだったのでやってみました。

例えば、C:\hoge\jsにあるjsファイルを開きたい場合、以下のようなバッチファイルを書いて

@echo off
start C:\hoge\js\%1.js

bluwindのコマンドとして設定します。

あとは、

js common

とコマンドのあとにファイル名だけを打てばOK。
bluewindの入力補完や履歴機能が使えるので、使うほどに直感的にファイルを開くことができます。（最初少し慣れも必要）

※バッチファイルではなく、Explorerにパラメータを渡す形式でも可能なのですが、XPだと毎回セキュリティダイアログがでて、うっとおしいので、この方法にしました。

Tips

コマンドの設定画面で、高度な設定>入力時のパラメータにキーワードを使う
をOFFにしておくと、コマンドと同名のファイルがあってもちゃんと開いてくれます。

コマンドの履歴は
設定画面からは999件までしか設定できません。

これでは多用するときに、ファイル名が履歴から消えてたりするので、不便です。
そこで、設定ファイルを直に書き換えることで履歴の数を増やします。

インストールフォルダの
bluewind.ini
HistoryCount
の数値を書き換えます。

例えば3000件くらい。
HistoryCount=3000

特に重くもならないので、履歴の数に不満を感じたら設定するとよいでしょう。

この方法、数ヶ月使ってますが、ウチの場合はMVCフレームワークのビュー、ヘルパーファイルだったり、Javascript、CSSファイルを開くのに重宝しています。

おまけ

ついでにファイルのgrep検索をbluewindからできるようにしたいと思って調べたところ

for /R %%i in (*.html) do echo %%i && findstr /N %1 %%i
pause

というバッチでできることが判明。

でも、いまいち使い勝手がよくないので、秀丸のgrep検索をコマンドライン呼び出ししてみることにしました。

@echo off
"C:\Program Files\Hidemaru\Hidemaru.exe" /gCwRUo,"C:\hoge\view\*.html",%1

これでなんとかいけそう。
パラメーターは秀丸のヘルプ＞起動オプションを参照。

追記：
この記事を書いてから、bluewindはもともと、ファイルランチャー的な機能があることを知った。

MetLog：便利なコマンドライン型ランチャー「bluewind」
http://megalo.jp/metlog/2006/12/091724.html

たとえば、よく参照ようなディレクトリ(C:\Documents and Settings\ユーザー名\My Documents とか)を例えば「mydoc」キーワード登録しておくと、
notepad mydoc
といった感じでmydocを打つと、その後ろに、ちゃんと配下のファイルが自動補完されます。

うおお、まったく求めていたものと同じ機能だorz
よく下調べしましょう。
ただ、少し負け惜しみ的に書いておくと、↑の方法だと、コマンド後の補完の開始に、￥を押すか、カーソルキーの右を押さないといけないので、若干使いにくい。
バッチファイルを使う方法は、スペースを押してファイル名を入れるので、若干キー入力のロスが少なくて済みます。
毎日、使うものなので、まぁ、ほんの少しラクなのもけっこう大事。こんな方法もあるよということで。

prototype.js でタブ切り替え(複数表示版)

2008-02-22T09:00:32Z

prototype.js でタブ切り替え - AUSGANG SOFT
http://a-h.parfe.jp/einfach/archives/2006/1012175043.html

に、同じページで複数タブを表示できるようにならないか？
というご要望をいただきました。l

もともと１つしかタブがない想定なので、大幅な改造が必要。
いい機会なので、作ってみました。

サンプル
http://a-h.parfe.jp/einfach/archives/tabSample.html

CSSもJavascriptも↑のファイル内に書いています。

変更点

複数タブに対応

ページ末尾の

new TabMaker('tab');
new TabMaker('menu');

↑という指定で、複数のタブを作っています。
サンプルを参考にHTML、CSSもそれぞれの名前で指定してください。
逆にいうと、デザインを別々にすることができます。

document.getElementsByClassName の使用をやめました。
ページによっては非常に重いという指摘をいただいていたので、必要ないようにしてみました。

ページの読み込みを待たずに、タブ表示を行うようにした。
タブのHTMLの直後にタブ表示をする処理をいれることで、読み込むを待つ必要をなくしています。

要望をいただいたgontaさんに感謝です。