Ruby
HTML
CSS
JavaScript
Rails

[Ruby/Rails]プログラミング実務未経験の元リクルート営業が、Railsで顧客管理アプリを作成した件

プログラミング実務未経験の元リクルート営業が、Railsで顧客管理アプリを作成

スクリーンショット 2018-01-18 14.13.10.png

共有すること

① プログラミング未経験でも、Railsで短期間でWebアプリを作成できる
②「あったら良いなあ」と思っていたアプリを自分に作れるようになると、自信に繋がる

作成したアプリ:顧客管理アプリ

スクリーンショット 2018-01-18 13.49.09.png

《どんなアプリ?》

どのスタッフが、どんな方法で、いつクライアントと接触したか管理するアプリ

《このアプリでどんな課題を解決できるか?》

1.営業活動量を可視化できる

グラフで営業活動量を可視化することで、
電話・メール・アポイントが、どう売り上げに繋がったのか客観的に理解できる。

→ どう営業活動を行えば効率的に成果を挙げられるか、逆算できる。

2.外出先からも利用可能

Webを閲覧できる環境があれば、社内・社外そしてPC・タブレット・スマホからアクセス可能

→ 事務作業時間・勤務時間の削減
→ 顧客に向かう時間の増大

利用した技術

Ruby

役割:サーバーサイドで動くプログラミング言語。わかりやすく最近人気。

Rails

役割:Rubyで作られたフレームワーク。Webアプリを作成することが可能。

jQuery

役割:アプリに動きを与える

BootStrap

役割:CSS/JavaScript/jQueryのライブラリ

Chartkick

役割:Rails上でグラフを表示するために利用

BCRypt

役割:ログイン時に必要なパスワードの暗号化に利用

その他

制作費用: ¥0-.
制作日数:約10日

このアプリを作る上で、身につけた技術

正規表現

条件に合わない数字の文字列は、電話番号として登録させない。

models/customer.rb
  validates :telephone,{presence:true,uniqueness:true,format:/\d{2,5}-\d{1,4}-\d{4}/}

(メールアドレスも同様)

models/customer.rb
validates :email,{format:{with:/\A[\w+\-.]+@[a-z\d\-.]+\.[a-z]+\z/i}}

検索機能の実装

特定の語句と合致するデータを取得し、一覧表示。
(参考資料:[Ruby/Rails]Gemを利用せずに検索機能を実装する方法)

グラフの導入

Chartkickを利用して、数値を可視化

コード

GitHubでコードを公開しています。

モデル

Staffモデル

自社スタッフの名前・メールアドレス・パスワードを管理

Column Data type
name String
email String
password_digest String

Customerモデル

顧客の担当者名・会社名・連絡先・住所を管理

Column Data type
name String
company String
email 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

備考

このアプリのデータベースにある名前・電話番号・メールアドレス・会社名・住所は、全てダミーです。

アプリを作成した感想

プログラミング未経験でも、勉強すればアプリを作成できる。
作りたいものをアプリとして形にしたのは、自信になった。