開発中のWebサービスについてのメモ

サービス概要

家族など小規模なグループでゆるくタスク管理をするためのサービスを作っています。

自分で登録したタスクを別のメンバーにやってもらうことができることが特徴です。

着想

仕事で使っているチケット管理システムをプライベート領域にも適用できないかと考えました。

本格的なチケットシステムは煩雑なので、登録するのはタスク名と期限、進捗管理は未完了、完了、保留の3つだけと、極力シンプルにしてみました。

開発の進捗

画面カンプなし、ワイヤーフレームから直接コーディングしてます。

HTMLが出来てないのはプロフィール編集画面とグループ管理画面ですが、コア部分ではないのでタスク機能がちゃんと実装できてからやります。

ユーザ登録まわりの機能はほぼ実装できたので、これからタスクの登録→一覧表示の実装に入ります。

これまでで難しかったところ(HTML/CSS編)

サービスの特性上、フォームを多用するしボタンやバッジも使うため、CSSでだいぶ悩みました。

命名規約とかCSS設計の大切さが身にしみました。今後そのあたりをちゃんと学んだら、しっかりリファクタリングして綺麗なソースにしたいです。

HTMLではひたすら余白の調整に苦労しました。ボックスモデルについてまだまだ理解が足りないですね。

一方でfloatなど配置系で悩むことは少なかったので、その点は勉強の成果を感じることが出来ました。

これまでで難しかったところ(機能実装編)

ログイン・ログアウトに関しては特に苦もなく実装できたのですが、新規ユーザ登録の部分で欲張ったため1週間くらい試行錯誤していました。

ユーザ個人にすべてのタスクが紐づくなら、登録もシンプルにできるのですが、サービスのコンセプトとしてグループに所属させなければいけません。

そこで、ユーザの基本情報を登録したあとにグループと紐付けるためのページを用意しました。

ここで既存グループに割り当てられたコードを入力して参加するか、新規にグループを作成することができるようにしました。

参加する場合はコード入力のフォームのみ表示、新規の場合はグループ名を入力してコードは自動生成されるようにしたかったので、別のページとして作ろうかとも思いましたがjavascriptで実装しました。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする