プログラミング実務未経験の元リクルート営業が、Railsで顧客管理アプリを作成
共有すること
① プログラミング未経験でも、Railsで短期間でWebアプリを作成できる
②「あったら良いなあ」と思っていたアプリを自分に作れるようになると、自信に繋がる
作成したアプリ:顧客管理アプリ
###《どんなアプリ?》
どのスタッフが、どんな方法で、いつクライアントと接触したか管理するアプリ
###《このアプリでどんな課題を解決できるか?》
1.営業活動量を可視化できる
グラフで営業活動量を可視化することで、
電話・メール・アポイントが、どう売り上げに繋がったのか客観的に理解できる。
→ どう営業活動を行えば効率的に成果を挙げられるか、逆算できる。
2.外出先からも利用可能
Webを閲覧できる環境があれば、社内・社外そしてPC・タブレット・スマホからアクセス可能
→ 事務作業時間・勤務時間の削減
→ 顧客に向かう時間の増大
利用した技術
Ruby
役割:サーバーサイドで動くプログラミング言語。わかりやすく最近人気。
Rails
役割:Rubyで作られたフレームワーク。Webアプリを作成することが可能。
jQuery
役割:アプリに動きを与える
BootStrap
役割:CSS/JavaScript/jQueryのライブラリ
Chartkick
役割:Rails上でグラフを表示するために利用
BCRypt
役割:ログイン時に必要なパスワードの暗号化に利用
その他
制作費用: ¥0-.
制作日数:約10日
このアプリを作る上で、身につけた技術
正規表現
条件に合わない数字の文字列は、電話番号として登録させない。
validates :telephone,{presence:true,uniqueness:true,format:/\d{2,5}-\d{1,4}-\d{4}/}
(メールアドレスも同様)
validates :email,{format:{with:/\A[\w+\-.]+@[a-z\d\-.]+\.[a-z]+\z/i}}
検索機能の実装
特定の語句と合致するデータを取得し、一覧表示。
(参考資料:[Ruby/Rails]Gemを利用せずに検索機能を実装する方法)
グラフの導入
Chartkickを利用して、数値を可視化
コード
GitHubでコードを公開しています。
モデル
Staffモデル
自社スタッフの名前・メールアドレス・パスワードを管理
Column | Data type |
---|---|
name | String |
String | |
password_digest | String |
Customerモデル
顧客の担当者名・会社名・連絡先・住所を管理
Column | Data type |
---|---|
name | String |
company | String |
String | |
tel | String |
address | String |
Contactモデル
自社スタッフが顧客と、いつ・どういった方法で・どんな内容の接触をしたかを管理
Column | Data type |
---|---|
staff_id | Integer |
customer_id | Integer |
contact_day | Date |
contact_way | String |
memo | text |
contacted_staff_id | Integer |
備考
このアプリのデータベースにある名前・電話番号・メールアドレス・会社名・住所は、全てダミーです。
アプリを作成した感想
プログラミング未経験でも、勉強すればアプリを作成できる。
作りたいものをアプリとして形にしたのは、自信になった。