新WebPadのデザインを起こしてみた

ほとんどダウンロードされてませんがWebPadというCGIを公開してます。

WEBPAD β2.0

WEBPAD β2.0

WebPadとは何かっつーとオンライン上のメモ帳。それだけ。しかもバグを直さず放置しているという体たらく。でも実は結構お気に入りのCGIだったりする。ちょうどAjaxを勉強してるときに作ったやつで、保存の時だけAjaxというよくわからない構造になっていたりする。それを今のスキルで作ったらこんな風になりました。

やはり以前よりは格段にユーザビリティに対する鼻が利くようになったと自分でも関心しますね。現在のWebPadはselectタグをそのまま使っているのでかなりイマイチ感が否めないが、今の私ならliとlabelとradioを使うだろう。そのほうが自由度も高くなるし、何よりも見やすい。アクティブや非アクティブ時の表現が自由になるからだ。うん。素晴らしい。

そしてリストは右に持っていくだろう。なぜならスクロールバーがセパレータと被ってちょっと不恰好だからだ。スクロールバーはやはり右側にあるべきだ。

その他の部分は基本的には既存のものでも別にいいような気がする。なにせ既存のWebPadはモロにiTunesのインターフェースをパクッている。どう見てもiTunesだ。これはいかんともし難い。

そして既存のものはタイトル欄があるが、タイトル欄は省いて本文の1行目をタイトルとして自動認識させる事で、フォーカスを変更する手間が省けるだろう。さらにはリストのクリックでテキストエリアにフォーカスを当てればユーザビリティはもっと改善する。

インクリメンタルサーチも既存のものはJavascriptで無理やり行っているが、Ajaxで行えばもっと精度を上げられる。レスポンスはちょっぴり落ちるかもしれないけど。

あとやはり実装したい機能としてはキーボードショートカットだろう。とにかく極限までユーザビリティを追求したい。とは言ってもメモ帳の域をでないわけだが。今の私なら過去のWEBPADを大きく越えられる。それは私が成長したゆるぎない証だ。こんなに嬉しい事はない。

ともあれ改善点は目白押しだ。しかし初代WebPadは和田のスキル向上に大きく寄与した思い入れの強いプログラムだ。つたない知識で一生懸命組み上げた記憶がある。とにかく色んな技術を詰め込んだ記憶がある。それを今のスキルで行ったならば。想像するだけでワクワクする。WebPadを作ったのが2006年11月13日。2年半前くらい。その間にもWebのテクノロジは加速し続け、私もそれなりに技術が向上した。

やはり自分の作りたい物を作るというのは何にせよ楽しいものだ。

WebPadをご愛用いただいている数少ないユーザの皆様。
たぶん近いうちにバージョンアップするんでどうぞよろしく。

WEBPAD β2.0

WEBPAD β2.0

280 / 1082 2009-06-06 11:20:02 / 入力時間 9分
ポレポレ
ポレポレさんWebPad、先日、ダウンロードさせていただきました。とても便利なツールだと思います。愛用させてもらってます。もっとインターフェイスのデザインが良ければ、、、と、タダで使わせてもらっるクセに、贅沢なことを考えていたら、この記事を拝見したので、とても嬉しかったです。楽しみにしております。
和田
和田さん>ボレボレさま
うふっ!昔作ったやつなのでデザインはご容赦ください…。なんとかがんばって年内には!?と思っておりますので首的なものを長めにした感じで待機していただけると非常にアレでナニです…。
新規コメント出力エリア
新着情報ここまで

和田憲幸の広告

BTOパソコン
www.pc-take.com自作PCやBTOパソコンの事ならシューマイが美味しい神奈川県は横浜のPC-takeにお任せください。
事業再生のSTP
www.s-tp.jp経営が苦しい、そんなときはSTPに経営相談や経営コンサルティングをご依頼ください。
ドライフラワー卸売り
www.coretrading.co.jpドライフラワーやプリザーブドフラワーの業務用卸売りならコアトレーディング。
通話録音装置 ネイクス
www.neix.co.jp通話録音装置や通話録音システムのことならネイクス。
インプラント 東淀川区上新庄
www.higashi.ne.jp東淀川区上新庄でインプラントや矯正歯科ならひがし歯科で決まり!
吉野川 ラフティング
www.safari-g.com四国は吉野川でラフティングやハイドロスピード、キャニオニングと言えばサファリだよね。
ホームページ制作 アルバイト
next-level.bizホームページ制作、Webデザイナーのアルバイト、SOHOのことはネクストレベルまでご相談ください。
札幌 美容室 アイウィル
www.aiwill.jp札幌市中央区で美容師をお探しの際はアイウィルまでお越しください。
WEBLOGS6.1.0
www.synck.jpこのブログはシンクテクニカのウェブログでつくられています
札幌 ホームページ制作
www.synck.com札幌でホームページ制作やWebアプリケーション制作ならシンクグラフィカへ。
iPhoneで内線電話
www.smartgate.biziPhoneやAndroidから内線電話が無料でかけれる。
新潟リフォーム
www.neohouse.jp新潟で注文住宅とリフォームはネオハウス。