webpad2.0ができるまで(1)
webpad2.0の開発風景をHD画質でお楽しみ下さい。あと骨格はおおむねできましたね。
2009-06-20 21:37:20
入力時間 / 14:02
webpad2.0のデザインは前回大体形になっていたので今回はそれをHTMLにコーディングしてJavascriptとCGIで動きを付けるとこまでをやりました。3時間くらいかな?この出来栄えたるや自分でも過去最高の満足度。こういう気持ちいいUIに仕上がると本当に気持ちい。これはプログラム書く人間にしか絶対知りえない愉悦ですよね。メモ帳という単一機能のシンプルなアプリではありますが、このインターフェースだけは本当に自分でも秀逸だなと自分で自分を褒めております。えらいえらい。
キーボードショートカットもつけてみましたね。CTRLキーをトリガにするとMacなどでうまくいかなかったのでALT+でショートカット化。ALT+Nで新規作成、ALT+Sで保存といった具合。Macの場合はCOMMAND+ALT+になるみたい。これは新しいキーボードからかな?
あとはこのデザインにalertやconfirmを使うと美観が損なわれるのでカスタムダイアログを使っております。DELETEする時に見る事がでけるよ。左上には保存されたか未保存かを示すシグナルもつけたし和田的には大満足でございます。あ~楽しかった。楽しすぎてやらなきゃいけないこと忘れちゃったよ・・・。
あとはダウンロードとメール送信とログイン機能と検索機能を付ければ公開できるかしら。
他に実装しようと思ってる機能は文字コード変換とかタイマーで自動保存とか細かいとこですね。何かご希望・ご要望があればどしどしコメントをくださいな。
ということで久々に充実&優雅な土曜日を過ごすことができました。
P.290