2011/11/27

Backlog Connector for astah - astahプラグイン

背景
Backlog Connector for astahは「Cacoo Finder - ブラウザ拡張」と同様にMA7向けに、何か提供できるアプリ/サービスがないか考えてプライベートで開発したものです。
しかし、MA7の締め切りには間に合わなかったので、残念ながら応募はできませんでした。

Backlog Connector for astahとは
ソフトウェア設計支援ツール astah(旧JUDE) から、Backlogの課題を確認/作成/編集ができるastahプラグインです。astah community, UML, professionalの何れかにインストールして利用します。なお、プラグインはastahのバージョン6.5以上でないと利用できません。
ちなみに個人で作ったプロトタイプなので無保証でお願いします。
ご存知ない方のために紹介しますが、Backlogは、Cacooと同様にヌーラボが提供しているプロジェクト管理のためのサービスです。XML-RPCによる実装のAPIが公開されているので、astahプラグインからそのAPIをコールして利用しています。
プロジェクトページ

backlog-connector-for-astah

インストール
astahのインストールフォルダ/plugins に connector-backlog-x.x.x.jar ファイルをコピーしてastahを再起動します。 ※astahバージョン6.5以上のンストール この辺から各OS用のインストーラーをダウンロードして、実行します。 http://astah.change-vision.com/ja/product/astah-community.html
アンインストール
astahのインストールフォルダ/plugins から connector-backlog-x.x.x.jar ファイルを削除してastahを再起動します。
使用方法 プロトタイプレベルなので、Youtube動画をご覧いただければ十分です。 http://www.youtube.com/watch?v=kh61BBOTyRg
フィードバック
感想、要望、不具合などありましたら @shoito へツイートいただけると嬉しいです。

2011/11/01

astah Viewer Gadget - OpenSocial Gadget

背景
こちらも「Cacoo Finder - ブラウザ拡張」と同様にMA7向けに、何か提供できるアプリ/サービスがないか考えて開発したものです。

astah Viewer Gadgetとは
astah(旧JUDE)製品で作られた設計情報を見るためのOpenSocial Gadgetです。
astah Viewer Gadgetを使うことで、astahで描かれたUML、ER図、データフロー図、フローチャート、CRUD、要求図、マインドマップをOpenSocial対応インフラ上で見ることができます。
infoScoop OpenSourceをターゲットにしていますが、OpenSocial Gadgetの仕様に沿って作っているため、infoScoop以外にも、iGoogleでもご利用いただけます。


インストール
各OpenSocialインフラ上でガジェットの追加メニューから、ガジェットのURLとして下記を指定します。

Gadget URL

使用方法
  1. astah ViewerをinfoScoopやiGoogleなどのガジェットとして追加する
  2. astah(旧JUDE)製品で作られた.asta/.judeファイルをastah publishで公開する
  3. ガジェット設定のastah URLに.asta/.judeファイルのURLを入力する
    [例: http://p.astah.net/a/dademo]
フィードバック
感想、要望、不具合などありましたら @shoito へツイートいただけると嬉しいです。

Cacoo Finder - ブラウザ拡張

背景
毎年9月〜11月上旬にかけて開催されているMashup Awardsですが、今回で7回目(MA7)になります。
応募条件は、MA応募対象になっている数百あるWeb API/プラットフォームを一つ以上使ったアプリ/サービスです。
http://ma7.mashupaward.jp/outline?locale=ja

数百あってどのAPIを使ったものかと考えていたところ、良く使わせてもらっているヌーラボのCacooもAPIを提供していたので、それを使用したブラウザ拡張を作りました。

Cacoo Finderとは
Web上で図の作成&リアルタイムコラボレーションサービスCacooをブラウザでより簡単に使える、”非公式”のブラウザ拡張です。

Cacoo Finderでは、以下の機能をご利用いただけます。
  • Cacooで作った図の情報を確認
  • Cacooで作った図に簡単にアクセス
  • Cacooで新規に図の作成
  • 図のコメントを確認/追加


ダウンロード
Google Chrome用
https://chrome.google.com/webstore/detail/pcfedgjdgkacloiabdlghochjfmnalck?hl=ja

Firefox用
自動アップデート対応のため、一時的に非公開

Safari用
http://dl.dropbox.com/u/227786/app/safari/CacooFinder/CacooFinder.safariextz

使用方法
  1. 利用しているブラウザ用のファイルを上記URLからダウンロード/インストールします。
  2. ブラウザにCacoo Finderのボタンが追加されているので、それをクリックします。
  3. 初回実行時には、CacooのAPIキー入力フォームが表示されるので、APIキーボタンをクリックして、CacooのAPIキーを生成/コピーします。
  4. Cacoo FinderにCacooのAPIキーを設定すると、あなたの作成した図、または他のユーザーから共有されている図の一覧が表示されます。
  5. 図の一覧からは、素早く図を開く、各図のシートやコメントを確認する、コメントを書き込むなどの操作が可能です。
※ CacooのAPIキーを再作成した場合は、Cacoo FinderでAPIキーの再設定を行う必要があります。

ソースコード - GitHub
https://github.com/shoito/cacoo-finder-chrome-extension

※2013/01/23追記
ソースコードを公開していなかったことに気付いたので、CoffeeScript(JavaScript), LESS(CSS), Knockout.js(MVVM), Yeoman(Grunt)を利用して再構築し、GitHubに公開しました。
http://blog.air-life.net/2013/01/cacoo-findercoffeescript-less-knockout.html

フィードバック
感想、要望、不具合などありましたら @shoito へツイートいただけると嬉しいです。

2011/06/12

私の福井県立図書館の利用法

私は最寄り図書館の福井県立図書館に、隔週〜月イチくらいのペースで通っています。
貸し出し期間が2週間なので、隔週で行くことが多いですね。


大きな地図で見る

福井県立図書館に限らず、図書館には多くの本があり目的の本を見つけるのも一苦労ですし、いちいち図書館の検索システムで探すのも面倒だなと思ってました。

そんな中、Amazonのページから最寄りの図書館の蔵書を”自動で”検索できる便利なブラウザ拡張Libronの登場は、これぞ待ち望んでいたものでした。
LibronはChrome/Firefox/Safariに対応しているので、多くのユーザー環境で利用できます。

私の場合は、Chrome版のLibronと、Userscript(実質1行)を合わせて利用しています。

Chrome拡張 Libron
https://chrome.google.com/webstore/detail/fpfgglfemmnflnmjminpghmeiajcajoi

Userscript

// ==UserScript==
// @name 福井県立図書館予約システム利用支援スクリプト
// @namespace http://labs.shoito.me/userscripts/
// @description 福井県立図書館予約システムで、資料を受け取る館に「県図書」を設定
// @include https://www.library.pref.fukui.jp/cgi-bin/Sfkisyoc.sh
// ==/UserScript==
(function(){
document.getElementsByName('yukn')[0].value='01';
})();


このUserscriptが何をしているかというと、@descriptionにも書いているように、資料を受け取る館に「県図書」を設定しているだけです。
県立図書館のシステムで、この項目は「未選択」になっていて、いちいちマウスで「県図書」を選択しないと進めないので、私にとっては無意味な操作を繰り返さないといけなかったんです。
ドロップダウンメニューのこの操作を省略したおかげで、図書館予約システムのボタンのクリック操作だけで済むようになってます。

0. Amazonで気になる本を都度、欲しいものリストに追加しておく

1. Amazonの欲しいものリストページを開く

2. 目当ての本の「福井県立図書館で予約する」を選択する

3. 予約ボタンを選択する (ここから福井県立図書館の予約システム)

4. 利用カードの番号、パスワードの入力をする (ブラウザに記憶してあるので自動入力 - なんで毎回入力せにゃいかんのやろ)

5. 資料を受け取る館を選択して、予約ボタンを選択する (Userscriptが自動設定)

6. 2〜5を読みたい本の分だけ繰り返す

以前はAmazonの欲しいものリストから本当に読みたいものだけを、図書館の検索システムで検索して予約していた
んですが、Libronのおかげで簡単に図書館に本があることの確認もできるし、予約もできるようになりました。
おかげで、今は図書館のカウンターへ行って予約した本を受け取るだけと楽になってます。

Thanks Libron!

2011/06/05

UPGRADE JAPAN!!で話してきた | HTML5時代の技術の恩恵を受けるには

HTML5時代の技術、その恩恵を受けるにはどうすれば良いのか15分という短い時間ですが紹介させていただきました。
難しい内容もあったかもしれませんが、聞いてくださった皆さんが少しでもHTML5に興味を持って、調べたり、実際に使うきっかけになると嬉しいです。

HTML5やCSS3など、新しい技術を使おうにもInternet Explorer 6, 7, 8などの非モダンブラウザのことを考えると使用するのを躊躇してしまう現場もあると思います。
そんな現場でもHTML5やCSS3の利用を支援してくれるライブラリ群(Polyfill)をいくつか紹介しました。


※6/8(水)追記: セッションの内容を補完してくれる記事が本日公開されていました。
HTML5&CSS3入門 with HTML5 パック 第6回 Graceful DegradationとPolyfill
by 小山田 晃浩さん
http://www.adobe.com/jp/joc/devnet/dreamweaver/articles/html5pack_css3_part6.html

※6/9(木)追記: セッション中に省略したGraceful Degradation, Regressive Enhancement, Progressive Enhancementについての参考にどうぞ。
第16回HTML5とか勉強会 Progressive Enhancement
by 羽田野 太巳さん
http://www.html5.jp/blog/?p=503