ET withwithをまとめて解説

Posted on | 2009/10/19 22:34:37

ここ数日怒涛のように作って来たET withwithなるアプリですが、実際のサイトは僕の仕事の情報が既に多数入力されているのであれなので、キャプチャ見ながらどんな感じかちょっと解説しようと思います。技術的な話はなるべく少なくなるようにします。

トップ画面

トップ画面では直近の20件のログが一覧表示されます。上部にある「Pick」は絞り込み機能、「Search」はキーワード検索機能です。テーブル左の「ビジネス」や「ET」をクリックすると、それぞれ絞り込んだ一覧画面にリンクしています。

新規投稿画面

新規の登録はカテゴリとクライアントをプルダウンで選んで、その他の項目をフィールドに入力し、時間を選ぶというスタイルです。作業が終わったタイミングで入力する時は、今の時間がデフォルトなので、そのまま「Submit」しちゃえばよいです。

カテゴリ / クライアント管理画面

上はカテゴリの管理画面ですが、クライアントも同様です。自由に追加、編集、削除することが可能です。

キーワード検索機能

右上の入力フィールドにキーワードを入れて「Search」してやると検索が可能です。「Client」と「Title」と「Content」を検索対象にしています。

絞り込み機能

これがちと難渋したのですが、カテゴリとクライアント、それに期間を組み合わせて絞り込みができます。上の例は10月13日から10月17日までの期間に行われたETの業務、ということになりますが、期間だけ、カテゴリだけで絞り込みもできますし、全部の条件を組み合わせて絞り込むことも可能です。

日付の入力はjQuery UI Datepickerでカレンダーが表示されるのでラクチンです。

iPhone版

iPhoneで使いやすいように、デザインをCSSでカスタマイズしています。やはり業務はあったその場でログを記録したいですから、iPhone対応は必須でした。

iPhoneでレイアウトし易いことを前提としてWEB版のコードの書き方を工夫しました。すっきり見れると思います。

iPhoneのホーム画面からこんなアイコンで起動します。うちのロゴがいい感じです。

とまあ、偉そうに書いていますが、5日くらいで作ったアプリなので、独自部分はそんなに多くないです。CakePHPというフレームワークとjQueryというライブラリに大いに助けられていて、僕のようなノン・プログラマーでも何とかそれなりになったみたい、という感じです。ゆっくり時間をかけて取り組んでみたい気もしますが、なかなか三十路手前でここからプログラミングの世界にどっぷり浸るというのもあまりリアリティないと思っていますが、最低限のものは作れるんだな、ということが確認できたので良かったです。

後はやっぱり今色々便利なWEBサービス出てきてますが、自分の業務の性質に最適なツールって必ずしも出揃っているわけじゃないと思うんですよね。たまたま今回、僕にとって必要なツールがシステム的にシンプルで、開発環境も優しいものが普及していて、インターネット上に簡単なものを作るのには十分な情報がたくさんあった、から役に立ちそうなものが作れたんだと思います。勉強になったし、ちょっとこれから色々これを使ってまた試行錯誤を続けていきたいなあと思っています。

• 

  意外と知らない、「ヒトリシゴト」。案外、愉快で、楽しいです。気軽に読める、ビジネスエッセイ。

• 

  プランナー、加藤康祐のブログ、kosukekato.com : the idea espressoに掲載したコラム、2006/7/20「歴史は作られている」から2010/5/23「行為が流通するプラットフォームに新しい時代を感じる」を一冊の本にしました。

• 

  今話題のInstagramを使った写真集です！あなたもInstagramするきっかけになれば！68点の写真を収録。