ベッドで寝たい（泊り込み三日目･･･orz）。

さて二転三転、七転八倒、朝令暮改なcheck*padのマイナーリニューアルですが、またしてもいくつか変更。これでなんとか落ち着いて欲しい・・・。

では早速いくつかご報告。

■ 項目の編集方法をどうするか？

項目の編集について。なんか気持ち悪いと評判だったEdit-In-Placeを経て、ダブルクリックで編集にしてみたのですが、個人的には気持ちよかったのですが、利用者からは次のような声が聞かれました。

• ダブルクリックは直感的でないから初心者には使いにくいかも。
• Safariで動かない。
• IE5.5で動かない（5.5っすか･･･）。
• 高機能なブラウザの一部では「ブラウザ上でダブルクリック」に機能を割り当てることができて、それとバッティングする。

な、なるほど・・・。というわけで、これらを考慮しつつ、美しさを保ちつつも死守したかったのは次の二点。

• Ajaxを使い画面遷移なく更新。言い方を変えると項目を編集したあとにトップに戻らないように（← とっても重要！）。
• できれば[編集][x]のようなメニューは普段は隠しておきたい。

そこで現在の結論。

『マウスオーバーすると[編集][x]が現れ、そこから操作可能。』

また、コードもすっきりさせてあまり複雑なことをしないようにしたので今度はSafariなどでも大丈夫なはず・・・（今日の午前中にテスト予定。そろそろMac買うか？？）。

↑ マウスオーバーしたところでのみ編集メニューが登場。

い、いかがっすかね？

■ あきやんのブックマークレットに対応

今回のリニューアルで使っている人が多いことが判明したあきやんの「check*pad に今見ているページ追加する」ブックマークレットですが、あきやんとチャットしつつ解決しました。コードにちょろりと細工を。僕自身も使っているので便利になったかと。あきやん、ありがとう！

■ バグ修正

いくつかのバグを修正。

• 「更新履歴を確認する」で文字化けする問題を解決（ご指摘いただいた皆様、ありがとうございます！ただ過去の履歴は文字化けしたままです・・・ごめんなさい。これからの履歴は文字化けしません。）
• 項目の中に「&」、「’」があるとおかしくなる問題を解決（ご指摘いただいた皆様、ありがとうございます！）。ちなみにSQL Injection対策抜けではなくて、JavascriptのEncodingの問題でした。

■ コピーライティングの修正

「ホーム」で現れる「リスト一覧の操作」のメニューが意味不明だったのでわかりやすく書き換えました。「リストの並び替え、保存」というのはわかりにくいので二つのメニューに。「上位2リストで項目の振替」も日本語的に意味わかんないのでこれも変更。すっきりしました。

↑ こっちの方がわかりやすいですね。

■ 残っているバグ・・・

長めのリストがコピーできないという問題もご指摘いただきましたが、こちらは現在修正中。もうちょっとだけお待ちくださいね・・・。

■ 謝辞

本日はこんなところで。いかがですかね・・・。たくさんのコメント、トラックバック、感謝です！

また昨日「dblclickを使えばいいのでは？」とおっしゃってくれたonozatyさん、ありがとうございました。上記のような理由で結局ダブルクリックを今回は採用できなかったのですがとっても勉強になりました！今後ともどうぞよろしくお願いいたします！

それにしてもメルマガやブログとは違ったダイナミズムがありますね。システム開発って。

ユーザー2万人を超えて（今2,2000人超えた・・・）緊張しますが、基本、僕自身が楽しむ方向で！（それでいいのか、という声もありそうですが基本は・・・ということで）。

それから（last but definitely not the least）、あきやんにはまたしてもコードのレビューからアドバイスまで夜遅くまでお付き合いいただき感謝の言葉もないっす。ありがとう！また（女子と）呑みにいきましょう！

本日はこれにて！今日は不具合がないことを祈る・・・。

またしてもSidefeedの赤松さんの新サービス、ktkr。先日の合宿の成果物。ずっと待っていたのですがようやくリリースということで速攻レビュー。個人的にはすでに愛用中。

↑ このサービスが僕の習慣を変えた！

一言でいうと「あとで読む」問題を解決するサービスです（「あとで読む」といって結局読まない症候群）。

操作は簡単で、「あとで読む」ページをBookmarklet一発でキャプチャ、そのまま瞬速でメールしてくれる、という、それだけのウルトラシンプルサービスです。

シンプルかつユースフルかつワンダフルです。昨日から使い始めてもう戻れません。

なぜこれがいいか？

このサービスがいいのはつまり、「未読、既読操作はお気に入りのメーラーでやってね」という点です。

ソーシャルブックマークでタグを活用して未読・既読管理している人もいるでしょうが、面倒でたまりません（タグつけるの面倒、チェックするのも面倒）。

ただメールは別です。みなさんはどうかわかりませんが、「メールはタスクとして処理しましょ」的な僕としてはメールの一通一通を実に普通に未読・既読管理しています。

↑ 百式ネタなんかも使い慣れたメーラーで簡単管理！

これを使い始めてから、気になるページはどんどん自分のメーラーに放り込んで、あとでブログに書くなり読むなり、捨てるかなりするようにしました。ちなみにこのサービスで送信されるメールの件名には[あとで]がついているのでフィルタリングも簡単。

また、既読・未読管理どころか、フラグを立てたり、優先度をつけたり、件名を編集してメモをつけたり、フォルダーで分類したりとやりたい放題！しかも今まで慣れまくったメーラーのインターフェース！

登録は無料！（いい時代だぁ、・・・が、開発者としては微妙ｗ）、自分のメアドをいれればBookmarklet用のアドレスを一発で発行してくれます。

↑ 我が家に新しいお友達が増えました。

また使うときにクリック一発！というのもかなり好感触です。確認ダイアログも何も出ません。かわりに画面が一瞬フラッシュします（ページによっては一瞬遅延しますが気になりません、僕は）。

合宿のときに「ひょっとしてメモを付けたい人がいるかも」という意見が出たのですが、よくよく考えたらBecky!の場合、件名を修正できるので問題なし！（他のメーラーの方はどうなのかしらん）。

あ、それから忘れちゃいけないこのサービスの利点のいくつかを最後に。

「メーラーでいつでも全文検索可能」（だってHTMLメールだもの。しかもローカル保存なのでリンク切れなし！）

「メールで送られてくるのでオフラインでも参照可能！」

「メールだからアイデアメーリングリストなんか作ってURLを転送じゃなくて、サイトをまるごと転送なんてのも可能！」

さまざまな情報管理のスタイルがあるので万人向けかどうかわかりませんが、シンプルツールが好きな僕としてはまりました。もう手放せません。

いやぁ、すごいなぁ、赤松さん・・・僕もどんどんリリースしたい。

» 「あとで.cc」を使ってみる！

気になるところは速攻で修正しちゃえ、ということで昨日に続きいくつか修正。つか、家に帰ってねぇ・・・。

■ なるほど！Edit-In-Placeはダブルクリックで！

「Edit-In-Place、微妙だったし・・・」ということで元に戻すべくガシガシと深夜作業をしていたらonozatyさんからトラックバックをいただく。

今は、onclickでEdit-In-Placeが出来るようになってますが、ondblclickにするのも手かと思います。（via ■[JavaScript]Edit-In-Placeの対象テキストに、アンカーリンクが含まれている場合）

おー、目から鱗！

早速シングルクリックではなくて、ダブルクリックで編集可能なように変更。リンクがあるときはリンクを外す感じでダブルクリックしていただけるとそのまま編集できます。

個人的にかなり気に入ったのですがいかがですかね？最初ちょっと迷うかもしれませんが、使い始めたらかなり使いやすいと思うのですが・・・。一応リスト詳細画面に注意書き入れておきました。

元の[編集][x]リンクにも直してみたのですがなんかやっぱりごちゃごちゃするので・・・フォームの堅さ（感覚的なものですが・・・）もいい感じですよね。

しばらくこちらで運用してみますかね。onozatyさん、ありがとうございました！感謝感激！

■ 公開リストのバグ

公開リストでURLが自動リンクされていないというバグがありました。修正済み。Yoshさん、ご指摘ありがとうございました！

■ モーニングリストの名言配信を選択可能に

モーニングリスト、やっぱり微妙かなと思い始めたので選択制にしました。今のところはデフォルトで配信される方向で。「設定変更」のところで名言を配信しないように設定できますです。

↑ こんな感じで選択可能にしました。今のところデフォルトでON。

取り急ぎ以上です。また他にもあればご連絡くださいね。

それから携帯で「簡単ログインできました！」とのお知らせが続々と。良かった・・・。

さて今朝の更新に伴ういろいろ。

三時間仮眠しました。すっきり。

そんなことは、どうでもいい。

さて、いくつかご報告。

■ Edit-In-Placeが微妙な件について

URLがうまくクリックできない、コピペがうまくいかない、なんだかいやだ、という具合に不評な（…orz）「Edit-In-Place」ですがみなさんのおっしゃるとおりですね。

ちょっと「Ajaxっぽいのがいいよねぇ病」に陥っていました。反省。近日中に元に戻す方向で。

ただマウスで「ふぉぉぉん」ってハイライトされるのは気分がいいのでそれは残しつつ、あとAjax使って画面遷移もない方向で。

あくまで編集、削除をリンクで行う感じにしましょう（ちなみに鉛筆とか消しゴムのアイコンはあまり好きくないので[編集][x]な感じになる予定）。

直すのにちょっと時間がかかるのでもちょっとお待ちください。今週中にはなんとか。

■ さりげなく直したバグもろもろ

ちょろちょろとバグがあったので（修正後、直接FTPという暴挙で）修正したいくつかについて。

• 公開リストで未達成項目が達成項目と同じになっていたバグを修正（ナマケモノさん、ありがとうございました）
• リスト名を短く表示されていたバグを修正（ubilogさん、ご指摘ありがとうございました！）
• リスト詳細画面で「他のリストへ」の並び順がおかしかったバグを修正（まいるどきゃっとさん、勘違いではなく、速攻で直させていただいたのです！感謝！）
• 今朝のモーニングリスト配信、数時間分停止していたバグを修正。明日からは配信されます（a_ajiさん、ご迷惑をおかけしました）

他にもあればお教えくださいませ。

■ モーニングリストへ名言配信の件について

微妙・・・という意見もありますが、自分で使ってみて意外とよかったのと、何人かに好評なのでしばらく様子をみます。

シンプル、ではないですよね。でもなんかいいかな、と。

■ モバイル版について

エラー報告ページをつけたおかげでようやく「なんでログインできないか」がわかってきました。なるほど、最初からこうすればよかった・・・。

ただ、それでも対応できない機種があるのは事実です・・・。対応できていない方、どうにも、ごめんなさい。実機を全部揃えるわけにもいかず・・・これについては本当、申し訳ないです。資金とかあればなんとかなるのでしょうが・・・。

でもブログ上で「簡単ログインできるようになりました！」的なエントリーをしていただいている方もいらっしゃって嬉しい限り。ありがとうございます。

さて今日も徹夜でいっとこうかなぁ。

check*padのもろもろの細かいメンテがあるのですが、友人からメッセでおもしろかったので衝動的にエントリー。決して現実逃避ではない。

百式2.0。なーる、そうだったのか・・・。

読み込むとかなりいい感じ。『会社の上司が百式2.0とか言ってて「意味わかってんのかな」と思う』って・・・ｗ

ジェネレータです。好きな2.0作れますよ。御社名、自分の名前等で試すと良さげですな。

会議の一発ネタにいいかも・・・。さりげなく生成後ページのタイトルが「○○進化論」ｗ

リニューアルに伴うデータの不整合ですが、復旧しました。データの不整合ではなくて、「ホーム」画面に現れるリストの表示設定に誤りがありました。

急に「ホーム画面」にたくさんのリストが現れてびっくりした方もいらっしゃるかと思いますが、以前のcheck*padでは30日以上更新されていないリストが自動的に「しばらく更新していないリスト」に移動されていたのですが、今回のリニューアルに伴い、それらのリストを「リスト保存エリア」に移動させました。

今後は「完了したリスト」も「しばらく更新していないリスト」もご自身で明示的に「保存エリア」に移動させないと「ホーム画面」からは消えないようになっていますのでご了承ください。

だ、大丈夫ですよね・・・。

それにしてもリンク問題（項目のリンクをクリックすると編集ボックスが開いてしまう点・・・）はちょっと悩ましい・・・しばしお待ちください。

リニューアルに伴う処理でデータの不整合がおきていました。現在メンテナンス中です。大変申し訳ありません・・・。午前10時ごろ復帰予定です。もうしばらくお待ちください。

さてcheck*pad。バグつぶしが（多分）終わったのでようやくバージョンアップ。いろいろあります。長文になりますが、興味のある方はどうぞ。

さていろいろ機能を充実させたのですが、その前に・・・。

■ ユーザー2万人突破！

おかげさまでたいした宣伝もしていないのにユーザー数2万人を超えました（本当は先月に・・・今21,000人ぐらい）。ありがとうございます。

今までの推移は以下のとおり。

まだまだ発展途上ですが、アルファブロガーじゃなくて、アルファギークに選ばれるようにがんばります。

さて、では今回の機能変更について。たくさんあります。

■ Edit-in-Placeの実装

まずはEdit-In-Placeの実装です。Ajaxです。項目の追加、編集がその場でできるようになりました。

わかりやすいところではFlickrみたいになった、ということでしょうか。マウスオーバーでハイライト、クリックで編集開始です。気持ちいいっす（僕的に）。

↑ こういうやつね（下記の24waysより拝借・・・）

なお、実装にあたっては昨年のいかしたクリスマス企画、24ways.orgより「Edit-in-Place with Ajax」を参考にしました。

↑ 素敵な小技がたくさん。2005年12月1日から24日間限定で毎日更新してました。

今までは項目を追加すると画面をリフレッシュするので一番上まで戻っちゃいましたが（ほんと、使いにくかったですね・・・ごめんなさい）、このAjax化でそんなことなくなりました。長いリストを作っている人には便利かと。

■ リスト一覧画面での並び替え、保存について

要望が多かったリスト一覧画面での並び替えを実装しました。例によってドラッグ＆ドロップです。

また以前はリストが全部終了したり、しばらくいじってなかったりするとホーム画面から自動的に消えていましたが、今回から手動で「リスト保存画面」へ移動させるようにしました。

並べ替えの画面で「リスト保存エリア」にいれておけばホーム画面では表示されないようになります。あまり使わないリストはこちらへ移動させておけば使い勝手が良いかと。

↑ どうですかね。

■ 項目の振り替え機能

要望の多かった「リスト間での項目振り替え機能」も実装しました。もちろんドラッグ＆ドロップ。

ただちょっと（＝かなり）遅くなるので、ホーム画面で表示される上位二つのリスト間だけでの振り替えにしています。振り替えしたい人はあらかじめ上位二つにくるように対象となるリストを並べ替えてから使ってください。

速度的に様子を見ながら全リスト間（もしくは上位二つではなくて五つとか）での振り替えに対応していきたいと思います。

↑ これでだいぶ使い勝手がよくなったか、と。

■ モーニングリストに名言配信開始

ちょっと微妙かもしれませんが、モーニングリストに名言を入れることにしました。モーニングリスト、いいのですが、同じ内容だと見なくなるんですよね・・・（僕だけ？）。名言があれば毎朝楽しみになるかな、と。

反響を見ながらもしかしたら取り外すかもしれませんが・・・どうですかね。

■ モバイル版エラー通知ページ

一部機種で問題があるモバイル版なのですが、エラー通知ページを作りました。うまく行かない人はこちらで情報を送信していただけると助かります・・・。

またもちろん今回のバージョンアップでバグつぶしをしたので以前までうまく行かなかった人は試してみてください（なかなか実機がなくて試せなくてごめんなさい）。

↑ ログイン画面の一番下に入り口があります。

■ バナー広告（試験的に）販売開始

リスト詳細画面、ホーム画面に現れるトップバナーの販売を開始してみます。何事も実験ということで・・・。というか、ほら、維持費が・・・（涙）。

ユーザー数、21,000人＋。ページビューは3/26-4/2の一週間の実績で33万PV（Ajax化により激減の可能性あり・・・）、ユーザープロフィールは推測のみ（シンプルなシステムを目指しているのでデータとってない・・・）、という条件でもよろしければ、ですが。

詳しくは「広告掲載について」をご覧ください。ご興味のある企業様はそのページにあるメールアドレスまでお問合せくだされば、と。できればcheck*padを使っていただいている企業様だと話しが早いかなと・・・。

また落ち着いてきたら特集ページみたいなのとからんだ広告ページ展開もしていきたいですね。

■ 細かいけど重要な達成項目の削除について

リスト詳細画面で出てくる「達成した項目を一括削除する」ですが、いままでは「一週間以上前に達成した項目を一括削除」でしたが、やっぱり達成した項目は達成時期にかかわらずいっぺんに削除するようにしました。こっちのほうがわかりやすいですよね。

↑ 達成時期にかかわらず達成したものは一気に削除するように変更。

■ その他

その他細かい点もろもろ。

• フッターにこのブログへのリンクを貼りました。このぐらいのさりげなさがちょうどいいかな、と。
• 「check*padバージョンアップによる機能ダウンについて」で予告したもろもろの機能廃止。
• 海外で使っている人もいるので、タイムゾーンの実装をしました（時差って1時間単位かと思っていましたが、時差3.5時間なんてのもあるんすね・・・知らなかった）。多くの人には関係ないかもしれませんが、いずれ国際化する布石として・・・。
• 公開リスト画面で自分に編集権限があれば「このリストを編集する」リンクを表示させるようにしました（CTさん、ご提案ありがとうございました！）
• チェック項目の個別並び替え画面ではリアルタイムに並び替え順序が反映されるようになりました。それに伴い、「並び替え終了」リンクを廃止しました。
• リスト詳細画面で「U」キーが使えるようにしました。画面トップまでずずずと戻れます。
• リスト詳細画面での「チェック項目を自分にメールする」ですが、未達成項目のみメールするようにしました。どっちがいいですかね・・・これもちょっと様子見。

■ 現在の悩み

チェック項目にURLが含まれると自動リンクが貼られるのですが、そのリンクをクリックすると同時に編集画面が開いてしまふ・・・。むー、まぁ、これはこれでいいか・・・。どうでしょ？

今回は以上です。さてだいたいの機能は抑えたので今のところ、企画としては以下のとおりでしょうか。

» check*pad企画室

それよりは次のサービスですな・・・日々精進なり。

YouTube見すぎて眠い。

—

さてYouTubeがなんだか盛り上がっていますが、その一方で「アップするだけじゃなくて編集もウェブでできるよん」系も盛り上がっている模様。

JumpCutとか、Grouperとか、Eyespotとかですな。

以前映像編集に手を出したことがあるのでその大変さ（時間食いすぎ）は知っているのですが、MashUp系コンテンツが流行しているので映像のMashUpもそろそろ出始めるかもしれませんね。（「衝撃的映像10連発」とかね）

さてそんな流れの中、個人的に注目しているのが、「Deep Tagging」というコンセプト。Motionboxというステルス系サービスが採用しているらしいのですが（TechCrunchで知った）、なんだか次世代っぽいので最初に言ってみるテスト。

このDeep Tagging、映像にTagを付ける技術なのですが、おもしろいのは「この映像のここからここまではこのTagで、こっからここまではこのTag」という風に付けられる点。

↑こういうことらしい（TechCrunchより拝借）

こうすることによって長～い映像のどこが[これはひどい]のか、[重要]なのか、[便利]なのかが一目瞭然＆一発アクセスできるようになるということらしい。

たしかに映像の場合は前後のつながりを保持しつつ、どの場面がどういうコンテクストなのか知ることができたら便利ですね。見るほうにもやさしいし。ユーザー視点なコンセプトです。

またMashUpもしやすいですよね（「キュートな子猫100選」とかすぐできそうだ）。そうなると映像界隈ももりあがりそうです（YouTubeとかダークっぽいやつじゃなくて・・・）。

将来的には映像へのURLにタグがついた形で直接アクセスできるようになったりするのですかね。

http://some.domain/hoge.avi?252 （252秒目から直接再生）

http://some.domain/hoge.avi?tag=lifehacks （lifehacksでDeep Taggingされたものから再生）

とかか？

映像時代のRESTフルというか、URIというかはどうなっていくんでしょうかね。そこらへんに映像系アプリケーション普及へのヒントがあるのではないかと思ったり思わなかったり。

同様に音声や画像、ひょっとしたらテキストなんかでもDeep Taggingできるものが現れるかもしれませんね。画像とテキストのDeep Taggingは微妙だな、今、思ったけど。

まとまりのないエントリーになってしまった・・・。まぁ、いいですかね、こういうのも。

たまには衝動的にエントリー。

920のパーツから作られた精妙な模型をつくっちゃった人がいるみたいです。6年かけた力作。ちなみに920もパーツがあって、それぞれの手に101ずつ使われている模様。手ってすごいですな。なお、金色だからとりあげたわけではないアルヨ。

すごくない？下のサイトにはいろんなポーズが載っています。

» Artists in Metal? Mark Ho