最近はてなは合宿しているのか？

さて、それはそうと「今年の目標は毎月開発合宿」なのでまたまた行ってきました。

メンツは先日FreshReaderをリリースしたばかりのサイドフィードの赤松さん、みんなの就職活動日記のいとまささん、そして諸事情により名前が明かせないMr. X（そう書けと言われたｗ）と僕の4名です。

今回行ってきたのは千葉の土善旅館。赤松さんの車でかっとばして到着。

↑ 思ったより大きな施設でした。古い建物と比較的新しい棟が隣接。接客も人情味あふれていて大満足。

↑ 一泊二食付で六千円代という価格・・・すごい。

いつものとおり場所選定は「無線LAN 温泉」のキーワードで絞り込みました。接続はまったく問題なし、温泉は24時間入りたい放題。

さらにまわりにはまったく何もなし。コンビニも歩いて15分ほど離れています。篭もって開発するには最適な環境です。

さらに今回はうれしいことに17.5畳の和室がとれました。広っ！机も多く出してもらい、さらに！さらに！うれしいことに座椅子付！

前回和室で作業をしていて腰が痛くなったのでこれはうれしい！最初からテンションあがりまくりです。

↑ 広いぞ・・・万年床でもさらにスペーシャス。素晴らしいのはこの座椅子でした・・。

これで一泊二食六千円代は安すぎる・・・。

■ 開発突入！

さて開発の方は毎度のことながら各々で。到着と同時に休みも取らずにセットアップ、そのまま作業に突入です。今回も平均就寝時間は3時ぐらい。夜中が一番生産性高いですね。もちろん酒は一滴もなし。

さてその成果ですが、僕は結論から言うと80点ぐらい。

今回はcheck*padから離れて新しいツールを作ってみたのですがどうもピンと来ない・・・。

みんなにも見てもらいましたが意味なくajaxとか使ったところに驚かれたりして（そんなところにゃツールの価値はない・・・）、ちと意図したところが見えにくかったかな、と反省。

↑ いまいちぴんと来なかった試作品（の片鱗）。恥ずかしいのでモザイクで。

ただまぁ、動くは動くので自分でしばらく使ってみます。チューニングしていないので激遅ですが・・・。便利は便利だと思うのですがいまいちシンプルじゃないのですよね・・・。

なお、他の方々はもう何を言っているかわからないぐらい技術的な話をしまくっていて肩身が狭い感じではありました（笑）。

ただ技術だけでなく、皆さんの狙いが素晴らしかったですね。「おー、そう来たかー」というものばかりでした。

メンテナンスコストがかからず、流行に左右されず、検索エンジンにもフレンドリー、かつ、それをベースにいろんなサービスが考えられる・・・やっぱ考えるところが違うなぁ。ただただ感心。ここで詳しく言えないのがつらい。

ただ結構話が大規模なのでサービスインまではちと時間がかかりそうでしたね。出来たらすぐ使いたいものですけどね。

赤松さんはFreshReaderをさらに改良。かなりいい感じです。すでに自分でかなり使い込んでいるので要望いいまくりでしたｗ。かなり使いやすくなるのでは。次回バージョンアップが楽しみです（公式発表の前に試用させてもらおうっと）。

さてだらだら書いても仕方がないので今回も良かった点＆次回へのメモをば。

■ 良かった点！

• 座椅子最高。和室ではこれが必須ですね。次回予約時に確認することにしよう。背もたれのおかげでだいぶ疲れが軽減されました。
• 前回は3名、今回は4名。車の関係でこれ以上はちょっと無理っぽいですが、やっぱり3名より4名の方が良かったです（個人的に）。お互いのノウハウシェアも半端なかったですね。
• 上記に関連して、便利ツール＆コマンド情報もかなり入手できました。4名いるとそれぞれのやり方がシェアできていいですね。
• 前回の反省を活かして今回は目標を貼り出すためのピンを持参。壁に「今日までに○○をやる！」と書いておくといい感じでした。
• あまり頻繁にやってもどうかと思いますが、ある程度見せられるものができたらお互いに見せ合うのはやっぱりいいですね。その反応を見て自分の仮説がどれだけ正しかったのか（もしくは間違っていたか）、気がついたことが何度もありました。
• 24時間温泉はやっぱり良かった！息抜き＆眠気覚ましになりました。次回もこの方向で。
• 周りにまったく何もない環境だったのでコンビニに行くのもおっくうで逆に良かったです。ちょっとお茶をして2時間外出・・・などはやっぱり避けたいですよね。
• やっぱり生産性がすごい。普段こんなにまとまった時間、作業をすることはありません。作り上げたものは80%でしたが、作業効率から言えば普段の300%、いや、500%でしょうか。他の人ががんばっている姿を横目に見ながら「眠くなってる場合じゃねぇ！」と思えるこの合宿は続けていきたいですね。
• 教えてもらった便利ツール、便利サイトはその場でWikiに登録。前回と比べて余裕が出てきたのでメモもきちんと取れるようになりました。メモ重要。
• 帰りの車の中は「質問コーナー」でかなり勉強になりました。作業中は相手に遠慮してあまり聞けませんが、帰りの車の中は作業ができるわけでもないのでかなりナレッジがシェアできました。帰りはいつも質問コーナーにしよっと。

■ 次回へ向けて！

• やっぱり合宿は仕込が一番重要だと気づきました。合宿中はひたすら作業と割り切り、コンセプトは事前に詰めに詰めまくり、部品も必要なものを事前に作っておくぐらいがちょうどよいかと。今回は前回うまく行ったのでなんとなく「なんとかなるさ」気分で来てしまった・・・。
• 合宿所の近くに着くとなんとなくお菓子などを買い込んでしまうのですが、やっぱりお菓子はよくない（個人的に）。今度は果物なんかを近くの八百屋で買おうっと。
• 座椅子最高でした。今度の合宿所を予約するときはあるかどうか聞こう。なければ持っていくのも悪くない。
• 細かいですが、今回あまり写真をとれませんでした。合宿しながらレポートのポイントを列挙しておいて写真を随時とろうっと。壁に貼り出した目標とか、買いすぎたおかしとか撮ればよかった。こういう細かいノウハウを貯めていきたいですね。
• 帰りの車は質問コーナーに決めました。作業中に聞きたいことはメモしておこっと。
• またしてもローカル開発環境が整えられなかったので次回こそは・・・。赤松さんには「今回の合宿の目的はローカル開発環境を整える、でもいいと思いますよ」といわれたぐらい生産性が違うっぽい・・・。むー。

さてさて、今回はこんなところですかね。ご一緒させていただいた皆様、ありがとうございました。もちろん二月も行きますよ。今度はどこへ行こうかな、と。いや、それよりも何を作るべきか、ですね。

↑ 帰りに銚子に寄っておすし食べてきました。おいしかった。お皿微妙だったけどｗ。

さて先日の開発合宿での赤松さんの成果、FreshReaderが本日リリースということなので速攻レビュー。

» FreshReader

α版から試用させてもらい、現在数週間使っています。それまではBloglinesを使っていましたが1日でスイッチ。個人的なニーズにあっているのでかな～り快適に使っています。

↑ こんな感じ。

さてこのFreshReader、いわゆるRSSリーダーですが、その特徴は以下のとおり。

■ 自分のサーバーにインストール！

自分でサーバーにインストールして使うサーバー型RSSリーダーです。どの端末からでもチェックOK！僕のように複数端末からチェックしたり、海外からでもチェックしたい人におすすめ。

■ ちょっぱや！

自分のサーバーにインストールするので他のユーザーとリソースを共有して遅くなることがありません。Bloglinesなどに比べてちょっぱや！これがスイッチした最大の理由。最高！

↑ どうしても、というときは手動でも最新記事を取得可能。

■ スイッチは一瞬で！

当然ですが他のRSSリーダーからまとめてFeedを移行可能。OMPLで一発でBloglinesから移行できました。

■ ユーザー間で情報源共有

イントラネット内での利用を想定しているので、一つのサーバーにインストールすれば複数ユーザーで利用可能です。さらにユーザー間でFeedのやりとりなどもできます。社内での情報源共有に役立ちそうですね。

■ ブックマークレットもあります

ブックマークレットも当然用意してあります。ワンクリックで気に入ったブログを登録可能です。らくちん。

■ freshfeedと連動

複数のブログ検索エンジンの検索結果をRSSで知らせてくれるFreshfeedと連動。気になるキーワードを速攻チェックできます。

↑ 気になるキーワードは速攻登録。

■ 既読記事も再度表示

「過去1時間に取得した記事を表示」「今日取得した記事を表示」などのメニューがあり、既読の記事をもう一度読み返したいときにすごく便利。Bloglinesだと既読の記事がすぐ表示されなくなってしまうので・・・。

↑ 細かいですが個人的にかなり便利。

■ 純国産

国産なので日本語にも柔軟に対応！Bloglinesだとタイトルが長いブログの記事が表示されないとかあるので・・・。

■ その他

突然パイプを持ったおじさんが現れてメンテナンス中・・・と言われることがなくなる（そういうときに限って急いでいたりする・・・）。

主にBloglinesとの比較をしてみましたが、中央管理のサーバー型RSSリーダーを使っていて「なんか最近おそいなー」と思っている方にはおすすめです。

ただ、そうはいってもいくつか気になる点もありますのでそちらも挙げておきます。まだβ版なので今後改善していくとは思いますが。

■ 多少の技術力が必要

サーバーにインストールしなくてはいけないので多少の技術力が必要です。詳しいお友達にインストールさせて、それに便乗するのが良いでしょうｗ。

■ UIもうちょい

正直なところ、UIで多少迷いがちなところがあります。現在、友人の特権で「僕が作るならこういうUIにします・・・」と提案中ｗ。採用してくれるといいなぁ。

■ バージョンアップ

手動でバージョンアップしないといけないのは面倒な人には面倒かも。

といったところでしょうか・・・。個々人の判断になりますが、僕としてはもう手放せないツールに・・・。はやく誰かに言いたかったので今日はいとうれし。

よろしければ使ってみてくださいな。イントラネットで使うのが一番正しいでしょうね。

さーて、次の合宿で赤松さん何つくるんだろう・・・。というか僕も・・・。

check*padで並び替えが簡単にできることによって今までしたかったことができるようになったのでちとご紹介。

みなさんは多分「今日やること」みたいなリストを作られていると思うのですが、だんだんその中の項目で重要度が分かれてくるはずです。

ただ、だからといってリストを分けるのも面倒です（項目の振り分け機能早くつくりたい・・・）。

というわけで、階層をつけたいだとか、バブルマップのように重要度を大きさで表せたりだとか、タグをつけられたりだとかといった要望が出てきているのだと思います（ど、どれもちとむずいです。今のシンプル指向だと）。

それはそれで有効だと思うのですが個人的にうまく使っているのが項目のいくつかを「区切り線」にしてしまう方法。

たとえば次のような感じです。

↑この画面は並び替え画面（リスト詳細画面横から「並び順[個別]」でいけます。

このように「▲必ずやる！」「▲できたらやる！」などをリスト中に組み入れておけば重要度が一目瞭然です。

また昨日から並び替えもぐにゅぐにゅ簡単にできるようになったので操作も面倒じゃなくなりました。

もうお気づきの方も多いかもしれませんが、一応個人のノウハウをシェアするのがLifehacksということで。是非お試しあれ！

さて昨日からはじめているcheck*pad応援キャンペーンですが、「単品で販売してほしい！」という要望が雨あられなのでそのようにしましたです（ただ、セットの方がお得な感じです）。

確かに逆の立場だったらそちらの方がお手軽ですね。check*pad、応援してもいいよ、という素晴らしき方はよろしければご検討くださいませ。

check*padのバージョンアップもがしがしやっていきますね。今月末には合宿を予定中。今年は毎月合宿するぞ、と。

それにしても携帯対応が悩ましい・・・実機がないとなかなか大変ですね。携帯関連、もうすこしお待ちくださいませ・・・。というか、実機をもって集まる、という会を企画したいと思ったり思わなかったり・・・。

まず忘れずに言っとこう。「あきやん、いろいろありがとう！」

さて、それはそうと、check*pad、マイナーバージョンアップです（気分はメジャーバージョンアップ）。

2点＋1点ほど。

■ 並べ替えがDrag & Dropで実現！

前からやりたかった並べ替えのところのユーザービリティ向上ですが、

» http://demo.script.aculo.us/ajax/sortable_elements

などを参考にDrag & Dropでの並び替えを導入完了。かなり使いやすくなったのではないでしょうか。リスト詳細画面の右側、並び順 [個別]のところからいけます。

↑ 感動のDrag & Dropでの並び替え！

これが実現できたときはすっっごく感動！。オフィスに遊びに来ていたあきやんと4時間ほど悩みましたがなんとかクリア。いい感じです。是非使ってみてください。

なお、好きに並べ替えたあとに「並べ替え終了」リンクをクリックしないと変更は反映されません。これ、ユーザビリティ的に大丈夫かな、わかるかな、大丈夫ですよね？

■ データのExport機能

以前miyagawaさんが言っていた「Your Data is Your Data」が昔から気になっていたのでデータのExport機能を追加。

check*padを使わなくなった人もそのデータは欲しいですものね。共有情報はExportされませんが、チェックリストの情報は自分が登録したメアドに送付できるようにしました。「設定変更」の右下からいけます。

↑ 「設定変更」画面の右下からどうぞ。

なお、あとで使いやすいように一応Wiki記法にのっとって処理してみました。ご活用くださいませ。

■ 細かいバグつぶし

あとは細かいバグをちらりほらりとFIX。

• 昇順、降順で並び替えるときに一応Alert出すように設定。
• FireFoxでデザインが崩れるバグを修正。
• 終了したリストにメールで項目を追加したときに、リストが終了したままになっていたので修正。
• その他、とても人に言えないバグ修正。

それから、実はもう一つ機能を作ったのですが、リリースしてから遊んでいたらちょっと不安になったのでひっこめた機能があります。

■ （近日公開予定）ランダムなリストにジャンプする機能

公開リストのページで「他の公開リストにランダムにジャンプする機能」をつけてみました。ボタンを押せば次々に他のユーザーが作った公開リストを見ることができます。

↑ こんな機能ですが、すぐ閉じちゃいました。近日再開予定。

これはこれで「お、他の人はこんな風にcheck*padを使っているのかぁ」と楽しかったのですが、「む、これって本当に公開してていいのか？」なるものもちょっとあったのであわてて閉じることに。

まぁ、公開リストと言っているので大丈夫だとは思うのですが、念のため二、三日告知してからリリースしたいと思います。だ、だいじょうぶですよね？？気になる方は公開リストを今一度チェックしてもらえればと思います。

あと24日の午前3時にこちらの不手際でモーニングリストを配信してしまいました・・・大変申し訳ありませんでした。以後、このようなことがないように気をつけます・・・。

さて、今日はこんなところでご報告を終えたいと思います。check*pad応援キャンペーンも来月中旬ぐらいまで続けたいと思います。御申込いただいた方々、感謝です！よろしければ。

↑ 応援キャンペーンについてはこちらから。

さてcheck*padもいい感じに15,000ユーザー越えを達成しました。うれしい限りです。使っていていただいている皆様、ありがとうございます。

どうやら携帯対応が大きいようですね。いろいろ人の話を聞いていて思うのは「いいアイデアはパソコンの前では思いつかない」という事実ですね。

どうやらふっといいアイデアが思いつくのは移動中だとか、パソコンの前じゃないときが多いらしいです。個人的にも実感していますが。

check*padはふとした空き時間にアイデアを捉えるツールとして使っていただければうれしいです。

さて、それはそうと「check*pad応援キャンペーン」を始めることにしました。ええ、自作自演の応援キャンペーンです（サ、サーバー代が・・・）。

昨年末なんだかグッズ熱が高まり、「8ミニッツホワイトバンド」をつくったときについでにcheck*padのTシャツやら、さらに勢いあまってバブルマップのノートを作ってしまったのです。

その3点セットを今回販売することにしました。なお、応援キャンペーンなので応援したい度合いによって松竹梅コースで用意しました。値段はそれぞれ5千円、1万円、3万円なのですが、中身は一緒です。お好きなコースをお選びくださいませ。

↑ キャンペーンサイトはこちらから。

さてその3点セット、それなりに思い入れがありますのでもろもろご紹介。

1. check*pad Tシャツ

前々から作りたかったcheck*pad Tシャツです。モチーフとしては最近Ajax系のウェブでよく見かけるようになった「処理中･･･」のマークをあしらってみました。色は地味ですがグレーの2トーンで。

これを着ながら作業に没頭していただければと思います（笑）。なお、背中にもワンポイントでインディケーターのようなデザインを入れてみました。

↑ デザインはこんな感じ（上図の点線の枠線は入りません）

↑ 全体的にはこんな感じ

2. 8minutes ホワイトバンド

昨年の忘年会議で発表した8ミニッツホワイトバンドも同梱します。先日からずっとつけていますが、人に会うたびに「あ、それ、ホワイトバンドでしょ？」と間違えられまくりです。

が、そのたびに「いや、違うんだよ。これ、オリジナルでね、ここには『8分間』と書いてあってね、実はこれは・・・」とうんちくが披露できていい感じです（かな？）。これをつけてから人に話しかけられる頻度が増えたようなそうでないような。

ちなみに8ミニッツに関するうんちくは以下のような感じ。

電話、メール、メッセンジャーなどで、平均的なビジネスパーソンは3分ごとに仕事をさえぎられています。そして問題なのは、脳が創造性を発揮するには約8分間の準備時間が必要だという点です。

このバンドはその8分間を意識するために造られました。

とぎれがちな時間を取り戻してみませんか？

↑ こんな感じです。

3. バブルマップノート

以前提唱したToDo管理手法、バブルマップですが、調子にのってノートを作ってみました。レポート用紙形式なので一枚一枚はがして使っています。ここぞ、という作業日にはバブルマップいまだに活躍中です。自分がいやな仕事が何かを把握するのにもいいですね。

ま、正直なところ、普通の裏紙でも十分できるのですが、まぁ、気分で・・・このバブルマップノートも同梱させていただきます。

↑ ノート形式にしてみました。

あまり調子にのってはいけないと思い、100セット限定としました。というわけですのでcheck*padを応援したい！という方はよろしければ是非・・・。

↑ check*pad応援キャンペーンサイトはこちらから

さて高知のお話をもう一つ。高知から帰る前にお世話になった人に「是非高知城いってみてください」と言われたので行ってきました。

高知城自体もおもしろかったのですが（実はお城好き）、誘われ方も面白かった。

実は高知県では有名人の方や企業の方を「高知県観光特使」に任命しているらしいのです。そしておもしろいのは彼ら/彼女らが持っている名刺。なんと裏が観光施設の無料入場券になっているのです。

な～るほど。

おかげで高知城の天守閣も無料で入ることができました。こういう名刺いいですね。百式の名刺もイベント無料券付とかにして仲良くなりたい人には配ったりしようかな・・・。

↑ 高知県観光特使の名刺。裏が無料券になっています（クリックで拡大）。

ま、そんなわけで行ってきました。高知城。今、大河ドラマの舞台として有名ですね（功名が辻）。ドラマや小説を読んでから行ってみるとさらに楽しいのではないでしょうか。なお、功名が辻、昨日から読み始めたのですがひきこまれまくりです・・・千代様みたいな奥さん欲しい。

功名が辻〈1〉

posted with amazlet on 06.01.22

司馬 遼太郎
文藝春秋 (2005/02)
売り上げランキング: 1,610

Amazon.co.jp で詳細を見る

↑ はげしくおすすめ！

さてこの高知城ですが、3月まで「ユビキタス観光ナビゲーションシステム」が試行されています。いわゆるオーディオツアーのようなものですが、映像でも説明してくれたりして楽しかったです。

↑ 全体的なシステムはこんな感じ（こちらもクリックで拡大）

高知城を作る際にどんな技術が使われているのか、敵兵がせめてきたときにどう防衛するかの心理的な仕組みだとか、はては石垣に刻まれた謎の文字の話だとか・・・。

↑ 個人的に感心したのはここの部分の城のつくり。敵兵が攻めてきたときにどう防衛するか・・・心理的にかなり作りこまれています。是非行ってみてください。

もちろん山内家の歴史、千代様にまつわるエピソードなども満載です。それを聞いて功名が辻を読み始めたのですが、読んでから行くとさらに楽しめるでしょうね。

観光地はなんとなく早足でみちゃうタイプですが、こういうコンテンツがあるととってもためになりますね。

↑ 敷地内に設置された映像ナビゲーションシステム。映像は1分程度で作られており、さっと見られるようになっています。

↑ 音声プログラムを発信する赤外線の装置。ここに端末をかざすと音声が聞こえてきます。

↑ それぞれの場所でどんなプログラムがあるかはここの立て札でチェック。どれも数十秒～1分程度の手軽なコンテンツになっています。

ちなみにこれだけでも楽しかったのですが、ちょっと個人的に気に入ったのが、全体がスタンプラリーになっている点。

全部のスポットをまわるとアンパンマンで有名なやなせたかしさん（やなせさんは高知県出身）がデザインした「功名が辻」ストラップをもらえます。ここでしかもらえないレアものです。

3種類から選べるのですが迷いなく千代様をゲット。「功名が辻」読んでいたら惚れますよね・・・彼女。

そんなわけで3月末までですが、高知行かれる方はよろしければ是非試してみてください。多くの方に親切にしていただきました。楽しかったです、高知。また行きたい。

ちと所用があって高知県に行ってきました。楽しかったので個人的にメモ。

高知というか四国自体はじめて。東京を離れてきれいな空気をいっぱい吸い込んできました。リフレッシュ効果大です。

さて高知ではクイジングの弘中氏の紹介で「365日コロッケ」というユニークな試みをされているデリンベイクの細川さんにお会いしてきました。

↑ どうですか、この種類の多さ！あなたの好きなコロッケが絶対見つかる！

365種類のコロッケを作るという攻めのPR！でマスコミなどにも登場しています。こういうのを実行に移せるのがすごい。ここのトップページにはこれでもか！という感じで各種コロッケが紹介されているので是非見てみてください。見ているとかな～りおなか空いてきます。

細川さんとはいろいろお話させていただきましたが、やっぱり実際やっている人には苦労話があっておもしろい・・・。どのコロッケが作るのが大変だったとか、あのコロッケはまだ改良の余地があるだとか・・・（言っていいこととそうでないことの区別がつかないのでうまく書けん・・・）。

以前自分もデリンベイクでコロッケを買って揚げてみたのですがそのときは揚げ物したことがなくてかなり悲惨なことに・・・。

急に思いついてコロッケを揚げてみました。100%外食を自負する身としては揚げ物は初めての経験。案の定一回目は大失敗でした。変な煙が出て（温度あげすぎた）その煙を吸ったら僕の頭の中の「ヤバイ！」警報ががんがん鳴り出しました。でも二回目はうまく行きました。朝からコロッケおいしかった。

（以前の百式記事より・・・）

そんな話をしたら簡単に揚げられるアイテムを考案中とのこと。こちらも楽しみ。僕個人としてはレンジだけでつくれるコロッケ考えてくださいと無責任なことを頼んできました（苦笑いしていましたが考えてみる、とのこと）。

で、そんな細川さんには夜に地元高知のネットショップ関係の方をご紹介いただきました。総勢10名強。婦人服、紳士服、釣具、竹細工、日本酒・・・さまざまな商材をそれぞれが工夫して販売していらっしゃいます。現場の話はやっぱりおもしろかった。

すごいな、と思ったのはそうした人々がお互いにノウハウを共有しつつ四国から全国にビジネスを展開していることでした。ネットショップを使うようになって新しい市場にアクセスできるようになりましたが、同時に全国を敵に回すわけで、新しい悩みを抱えるようにもなります。

そのなかでもみんなで力をあわせて試行錯誤している姿がまぶしかったです。いろいろ根掘り葉掘りきいてしまった。楽天とYahoo!の違いとか、メルマガでどう工夫しているだとか、実際のところSEOはどうしているのか、だとか。とっても参考になりました。

ちなみにその日食事をしたのは「藤のや」。お魚が絶品の雰囲気のよいお店でした。有名なのは鰹の藁焼き。藁で焼くことによって変な味やにおいがつかずに素材の味を生かした「藁焼きタタキ」ができあがりました。「遠慮しないでくださいね」と言われたのでほんと、1/3ぐらい食べちゃいました。ごめんなさい。

» 「藤のや」の鰹の藁焼き（調べたら楽天で売ってた。こちらの方に詳しい説明あります）

他にもうまうまの料理、たくさんいただきました。そしていつものとおり呑みすぎました。全体的に高知の方、呑みすぎですｗ。でもうまかった。

↑ これでもか！の絶品魚料理・・・。

また高知を去る日は最後に細川さんの弟さんがやっているトンカツ屋、「かつ伸」に行ってきました。最近トンカツが各所で話題ですがここのトンカツもおいしかった。あれは女性にはたいへんな感じの量でしたね。肉厚です。お店の雰囲気も良くて今回はランチに行ったのですが夜にも行きたかった感じでした。

↑ ソースが豊富でいろんな味が楽しめました。

そんなわけで楽しい高知の夜でした・・・。いい感じです。

ちょっとメモ。

「Web2.0っぽいデザイン」というものが確立されつるあるかと思いますが、今回のcheck**padでもちょろっと使っています。

一つは最近よく見かけるようになったバッジ。星型のマークですね。

↑ この「beta」の部分。こういうのが簡単に作れます。

これ、最初はIllustratorで悪戦苦闘しながら作っていたのですがPhotoshopで簡単に作れた。チュートリアルがbartelme designにあったので興味のある方は覗いてみては。

» Creating Badges

» Creating Badges (Part 2)

あとは2.0っぽい壁紙ですね。ストライプ＋グラデーションというのが定番です。

↑ こういうやつ。

こちらはBackground Image Makerが有名ですね。ストライプを透明の背景で作った後にグラデーションの画像に重ねるといいかもですね。とっても便利。

» Background Image Maker

バッジの方もGeneratorとか誰かつくってくれるといいなぁ・・・。

さてcheck*pad、今回もちょろちょろマイナーバージョンアップを行いました。まだまだやりたいことはありますが（主に細かいところ･･･）こまめにリリースということで。

以下、簡単に主な変更点をご紹介。

■ 更新したら教えてくれる機能

今回もっとも実装したかったのはこの機能。共有リストを自分以外が更新したときにリストの横のアイコンが赤くなってくれます（岡野さん、ご提案ありがとうございました）。

↑ 自分以外が更新したらアイコンの「＋」が赤くなります。

最初はRSSとか吐こうかな、とも思ったのですがセキュリティの問題もあるし、誰もがRSSを使っているわけでもなさそうだ、ということでこういう形で。「更新されたらメールを飛ばす」という機能も考えたのですがそれはそれでうざそうだな･･･、と。このぐらいでいいんじゃないですかね。

■ ショートカットキーの実装

リストが長くなってくると項目を追加するのに画面をざざーっとスクロールしなくてはいけませんが、「A」キーで追加フォームへジャンプできるようにしました。リスト追加にも、チェック項目追加にも使えます。これでだいぶ使いやすくなったのでは。

↑ 「A」キー一発！でここまでジャンプ。

なお、実装にあたってはすばらしき記事満載の「最速インターフェース研究会」の「キー割り当て用ライブラリ」を使わせていただきました。とっても便利。ありがとうございます。

■ Effect.Fadeの実装

ちょっとかっこいいことをやろうと思ってscript.aculo.usのEffect.Fadeを実装。設定変更をしたりしたときに出るシステムメッセージをFadeで消すようにしました。ちょっとかっこいい。是非見てみてください。

↑ この緑のメッセージが徐々にフェードアウトして消えちゃいます！ブラボー。

今までFade Anything Techniqueを使っていたのですがこちらの方が画面から消えてくれるからいいですね。

しかし実装にかかったのは20分程度。すごい簡単だ・・・。Prototype.jsすご。次はajaxかな。

■ メールで複数項目追加

先日実装して好評な「メールで項目追加」機能ですが、一つのメールで複数項目追加できるようにしました。

本文に複数行書いておくと一行が一項目として追加されます。なお、空行があるとそれ以降は無視されますので署名とか入れている人は署名の前に一行空行を入れてください。

携帯メール用に作った機能ですが、これをPC版のメールに送っておいて普通のメールから一度にたくさん項目追加したい場合にも便利ですね。

■ 画面上部のレイアウト変更

画面上部のレイアウトをバナーが入るように変更しました。PVとかまだまだですが、広告とか入れたいなぁ、と思って･･･。最初は超知り合い系広告スペースになると思われｗ。とりいそぎ来週にちょこっと発表したいこともあり（たいしたことじゃないですけどね）。

↑ 来たれ広告主！（笑）

■ 細かいバグとか･･･。

• Operaで「私が次にすることは･･･」を表示させたときにレイアウトが崩れるバグを修正。
• メールで項目を追加するときにメールアドレスが「○○ <foo@hoge.com>」のようになっていると項目を追加できなかったバグを修正。
• トップページの画像（ログインしていないとき）を変更。なぜか「利用は無料ですか？」と聞かれることが多いので明記。
• モバイル版でパスワードを入力するときに「英字」モードになるように変更。
• モバイル版で表示されるリスト一覧をPC版と同じになるように変更
• モーニングリスト文末のURLを携帯に送信した場合、携帯用ページに飛ぶように変更

さて今回はこんなところで。なお、今回もろもろの機能実装にあたってcheck*padのHackとかをしてもらっているあきやんさんにとんでもなくお世話になりました。感謝感激！この場を借りてお礼を申し上げます。

なお、あきやんさんは昨年の忘年会議で出会うことができました。やっぱイベント良いですね。イベントもやらなくちゃ。

というわけであと残っているのは以下のような感じですかね・・・。いろいろご要望いただいていますが「なるべくシンプル」を目指していますのでグループウェアのようなことは多機能、高機能な感じの機能は実現が難しい状況です。どうぞご理解くださいませ・・・。

» check*pad企画室