【WEBアプリデモ】GASで営業管理ツールを作った話

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

提供されている営業案件管理ツールが使いづらすぎて、自分がほしい機能だけを盛り込んだオリジナル営業案件管理ツールを作った話を共有しようと思います。

例のごとく、開発言語はGoogle Apps Scriptですが、アイディア次第で本当にいろいろなものを作成できるのがこの言語のいいところですね。しかも、それが無料ですぐに開発できるとなれば使わない手はありません。

さて、今回のアプリですが、元々は案件情報とGoogleカレンダー、Googleタスク、Slackを組み合わせたシステムとなっております。ただし、GoogleタスクやSlackへの通知機能などは不特定多数の方に共有することができないので、本記事で紹介するアプリではその機能を使えない状態にしてあります。

営業をやっていたり、フリーランスで仕事を受けていたりすると、複数の担当者と打ち合わせをして案件を進めていく必要が出てきますが、どの顧客といつどんな話をしたのかや、今後喉用なタスクをこなさなければならないのかなど、忘れないように管理していく必要が出てきます。私の記憶力は全く優秀ではありませんので、複数案件を頭で記憶することなど不可能ですので、このアプリにメモを記載してどんな話をして今後何をしなければならないのかを管理しています。

スポンサーリンク

『アプリリンク』

営業管理ツール By Google Apps Script

カレンダーリンク(アプリから予定が入っていく様子が確認できます)

元々のアプリの使い方ですが、箇条書きで簡単に説明すると下記の通りです。

  1. 顧客企業名や担当者を登録
  2. 担当者に紐づく案件情報を入力して案件登録
  3. 予定やタスクを登録
  4. 予定が完了したら話した内容などをメモとして登録

簡単に書くと基本機能はこれだけです。

予定の登録時には自動的にGoogleカレンダーに顧客情報と予定の内容がイベントとして登録されます。そのため、Googleカレンダーを操作して予定を作成したり住所を入力する必要がありません。このアプリを開発する前に提供されていた営業案件管理ツールでは、カレンダーと連動していないので、同じ内容をカレンダーと営業案件管理ツールに別々に記載する必要がありました。また、住所などの顧客情報は管理ツールの奥底に保存されているので、コピペするのも大変です。

タスク登録時には、Googleタスクに自動的にタスクが作成されます。GoogleタスクもGoogleカレンダー上で確認できますので、個人的には管理がかなり容易になりました。

そして、物忘れのひどい私が一番重宝している機能はリマインダー機能です。タスクとして登録する際には締切日を設定するのですが、その締切日まで3日を切ると毎日3回、Slackに顧客情報とともにやらなければならないことを記載したメッセージリマインダーが送られてきます。タスク完了になるまで送られてきますので、とてもうざったいです。うざったいので、タスクやらなければならないという気分にさせられるわけですね。

『アプリのインターフェイス』

【初期画面】

初期画面

【案件登録された状態の画面】

案件登録時のイメージ

【顧客データの登録画面】

顧客登録画面

【案件登録画面】

案件登録画面

【タスク登録画面】

タスク登録画面

【営業履歴の登録画面】

営業履歴の登録画面

登録画面の項目名には私の独特の表現などが書いてあるので、なんの事を言っているのかわからないと思いますが、スプレッドシートでこの部分は制御していますので、簡単に項目の追加や項目名変更などを行うことができます。

【アプリ設定用スプレッドシート】

設定シート

『アプリの操作方法』

  1. 顧客登録ボタンをクリックして顧客を登録します。
  2. 顧客登録がされれば、企業名に文字を入力すると部分一致でオートコンプリート機能で企業名リストが出てきます。
  3. 営業案件を登録する場合は、+マークが表示されているなにもないスペースをクリックします。
  4. 表示された営業案件登録フォームに内容を入力し、登録ボタンをクリックします。
  5. タスクの登録は案件作成後にタスクをクリックします。
  6. 営業活動を登録する場合は営業活動をクリックします。

その他、顧客削除ボタンは企業名を入力してクリックするとその顧客を削除できます。

担当者削除ボタンは複数担当者が登録されている企業でクリックすると選択されている担当者が削除されます。

電話番号検索ボタンをクリックして電話番号を入力すると登録済みの顧客の中から一致する電話番号の担当者情報が表示されます。

営業案件を削除する場合は、案件タイトル上でクリックすると削除できます。(マウスオーバーすると赤色にタイトルエリアが変化します)

『アプリの説明』

アプリケーションにアクセスできるユーザー: 誰でも
アプリケーションの実行者: 開発者アカウント(管理人のアカウント)

アプリは誰が実行しても開発者が実行するように設定されています。そのためアプリを使用する上で、利用者のアカウントへアプリからアクセス許可を求めることはありません。

開発者アカウントに共有されていない情報にはアクセスすることができませんので、利用者のアカウントに保存されている情報にはアクセスすることはありません。

データはデモ用のデータになりますので、アプリは好きなように操作していただいて構いません。

『コード構成』

  1. コード.gs(サーバーサイドGAS)
  2. body.html(クライアントサイドHTML)
  3. CSS.html(クライアントサイドCSS)
  4. Javascript.html(クライアントサイドJavascript)
  5. TaskManagement.gs(Googleタスクとの連携処理が記載されている)
  6. SlackAPI.gs(Slackへの通知処理が記載されている)

※実際のコード名は任意のコード名で問題ありません。

『コードの内容』

希望があれば共有します。

『開発難易度』

★★★☆☆

開発にはGoogle Apps Script、HTML、CSS、Javascriptの知識が必要です。CSSやJavascriptは他のページからのコピペで対応できる部分もありますが、記載内容の意味がわかれば自分用にカスタマイズできると思います。

今回はGoogle Advanced Servicesの中から、Tasksを有効化し、タスク作成や更新、削除処理を追加してあります。また、Slackと連携ができるようにSlackAPIを利用しています。(どちらもデモアプリでは対象部分をコメントアウト)

『拡張性』

アイディアさえあれば、自分用に他のシステムと連携させて拡張性を持たせることができます。

『まとめ』

今回は、Google Apps Scriptでいくつかのシステムを連携させてみました。GASではこのようにシステム間の連携をさせることもできますので、非常に拡張性が高くいろいろなことができることがおわかりいただけたかと思います。本アプリは自分がラクをするためだけに開発したシステムなので、あまりかゆいところに手が届くシステムにはなっていないかもしれませんが、自分としては使いやすいので、開発してよかったと思っています。みなさんもなにか開発したら共有してもらえたら嬉しいですね。

SNSでもご購読できます。

商標および、登録商標について

Googleおよび、Googleロゴおよび、Googleドライブおよび、Googleドキュメントおよび、Googleフォトおよび、Googleスプレッドシートおよび、Googleサイトおよび、GoogleスライドおよびGmailおよび、Googleマップおよび、Googleタスクおよび、Google WorkspaceはGoogle LLCの登録商標です。

本サイトのコンテンツはいかなる場合においても、Googleから公式に提携及び承認されているわけではありません。

 

 

コメント

  1. たけし より:

    初めてコメントさせていただきます。
    製造業で働いており業務効率化のためにGASを勉強しています。
    ペーパーレス化を進めるためにGASのウェブアプリの勉強をしたいと思っております。
    今回管理者様が作成されたWEBアプリはちょうど私が勉強したいと思っていたものでした。
    そこで、いきなりで申し訳ございませんが、コードの共有をお願いできないでしょうか。
    私の私的勉強用として使用させていただきたいです。

    1. admin より:

      たけしさん

      コメントありがとうございます。
      入力頂いたメールアドレスにコードやスプレッドシートなどを共有しました。

      確認よろしくお願いします。

  2. サカグチ より:

    身近なツールを使って顧客管理を行うことを検討しているなかで、管理者様のこのページにたどり着き、一気に拝読させていただきました。
    まさにこの方法なら実現できるのではと思い、ぜひとも管理者様のコードで勉強させていただきたいのですが、コードの共有をお願いできますでしょうか。
    是非とも宜しくお願いいたします。

    1. admin より:

      サカグチさん

      コメントありがとうございます。
      記入いただいたメールアドレス宛にスクリプト共有しました。

      1. サカグチ より:

        早速にありがとうございます。
        共有いただいたコードを分析しながら勉強させていただきます。

  3. とんとん より:

    はじめまして!コメント失礼します。
    家族がコロナの影響で在宅ワークを始めたのですがパソコン初心者でスプレッドシートやExcelの操作でとても苦戦しているので、こちらの営業管理ツールに似たようなものを作成してみたいと考えています。
    そこで、よければ管理人様のコードを参考にさせていただきたいのですが、コードをいただくことはできますでしょうか?
    また、アプリの操作で登録や編集した内容はスプレッドシートにも反映されますか?

    1. admin より:

      とんとんさん

      コメントありがとうございます。

      アプリ操作で登録や編集した内容はスプレッドシートに反映されますが、少し変わったデータの入れ方をしているので、その部分は変更していただく必要があると思います。

      スクリプト共有いたしますが、入力されたアドレスがGmailではないので、スクリプトURLを頂いたメールアドレス宛に送ります。

      アクセス権限のリクエストを送っていだければと思います。

      1. admin より:

        とんとんさん

        メールアドレス不明でメールが戻って来てしまいました。正しいメールアドレスを入力していただければ再送します。

  4. はっつ より:

    はじめまして、はっつと申します。自分も最近GASとhtmlの組み合わせで入力フォームの勉強をしています。複数の入力する部分をぜひ参考にさせていただきたいので自分もコードを共有させていただけないでしょうか?みなさんに便乗する形のお願いになってしまい不躾で申し訳ありませんがよろしくお願いします。

    1. admin より:

      はっつさん

      コメントありがとうございます。
      入力してもらったGmailアドレスにファイルを共有しました。

      ご確認よろしくお願いします。

      1. はっつん より:

        早速にありがとうございます、見られました。とってもありがたいです!参考にさせていただきます。重ねてありがとうございました!

  5. やまもと より:

    はじめまして。山本と申します。
    いま、介護ケアマネ業務のタスク管理をするために、GASのお勉強をはじめたのですが、情報が少なく、いろいろと検索しているうちに、こちらのブログに辿り着きました。
    GASでこのようなアプリができるということがわかり、とても参考になりました。

    私も自身の管理アプリを作るために、管理者様のコードをお勉強用に使わせていただけないでしょうか??何も提供できるものがなく申し訳ないのですが、よろしくお願いいたします。

    1. admin より:

      山本さん

      コメントありがとうございます。
      頂いたメールアドレスにアクセス権限を付与しましたので確認よろしくお願いします。

      1. やまもと より:

        早速のご連絡、ありがとうございます!こんなコードが書けるなんて、エンジニアさんでないことが信じられないです。。GASの講師とかもできそうですね!とても参考になるコードをシェアしていただき、ありがとうございます。こちらを参考に、自分も業務に役立つGASアプリ開発頑張ってみます^^

  6. admin より:

    山本さん

    そこまで言って頂けて光栄です。なんだか照れますね(笑)

    実は以前にGASのレクチャーや家庭教師的な感じでコードのレビューや書き方アドバイスなどもやった事はありますね。

    自分がGASを勉強している時に、特に意識してやっていた事がありまして、少額でもいいから自分の責任でGASでの開発案件を受注しようということでした。
    CrowdworksやLancersなどで案件を獲得するのですが、お金をもらってやる仕事としての取り組む姿勢と自分で勉強するだけの時では取り組み方に自分の中では明らかな違いがありました。

    自分だけではやり方わからないから諦めようと出来るところでも仕事として受注してしまうと自分が諦めたことで迷惑をかけてしまう人がいるという状況になるので、答えをどうにかして探さなきゃ!という状況が作れたことが大きかったなと今となっては思います。やっぱり調べるときの必死さがかなり変わってくるんですよね(笑)

    今ではそんな危機的な状況になるようなことはありませんが、自分が逃げられない状況をわざと作ってみるというやり方で短期間で無理やり成長せざるを得ない環境にしたのが良かったと思っています。

    コメントがちょっと長くなりすぎているので、この辺で切りますね。

    もしもっと聞きたいことがあれば問い合わせフォームかメールアドレス宛にメッセージいただければと思います!

  7. KEI より:

    はじめまして。KEIと申します。家族経営の小さな会社で働いており、業務効率化のためにGASを目下勉強中です。ブログの記事は大変わかりやすく、参考にさせていただいております。
    本アプリもぜひとも参考にさせていただきたく、よろしければコードを共有させていただけないでしょうか。宜しくお願いします。

    1. admin より:

      KEIさん

      コメントありがとうございます。
      コードを共有しましたのでご確認よろしくお願いします。

      業務効率化につながれば幸いです。

      1. KEI より:

        コードの方、ありがとうございました。勉強させていただきます。

  8. 澤田 より:

    はじめまして。
    澤田と申します。

    当方、営業職として顧客管理ツールの作成方法を勉強中でございます。

    管理者様のツールでは
    顧客管理や案件管理等、まさに私がやりたいことが実現できるものでした。

    勉強の為に、もしよろしければ管理者様の
    コードやスプレッドシートを共有していただけないでしょうか。

    よろしくお願いいたします。

    1. admin より:

      澤田さん

      はじめまして
      興味を持っていただきありがとうございます。

      営業だとどうしても担当者や案件の管理など必要になりますよね。
      私がこのツールを自分用に作った背景は利用しているSFAとカレンダーが連携していなかったりリマインダー通知が来なかったりするため、二度手間やタスク忘れなどが起きたためでした。

      澤田さんが解決したい課題は恐らく私の課題と全く同じわけではないと思いますので、共有したコードを参考に自分用のオリジナル顧客管理システムを作ってみてください。

      先程入力していただいたGmailアドレスにファイルを共有しましたので、確認よろしくお願いします。

      引き続きよろしくお願いします。

  9. 大辺 より:

    初めまして
    大辺と申します。
    営業職のサポートをするために、現在顧客管理ツールの作成・構築の勉強をしております。

    自分で構築している中で、履歴登録等うまく表現できない部分があり、調べていたところ、管理者様の際とにたどり着きました。

    ぜひ管理者様のコードを参考に自分でも構築してみたいのですが、
    スプレットシートとコードを共有していただけないでしょうか。

    よろしくお願いいたします。

    1. admin より:

      大辺さん

      コメントありがとうございます。
      先程スプレッドシートとスクリプトを共有しました。

      確認よろしくおねがいします。

      1. 大辺 より:

        共有ありがとうございます。参考にさせていただきます。

  10. キムラ より:

    業務効率の改善をはかるため、現在GASの勉強をしています。
    今回顧客管理のツールをGASで作成できないかと
    例を探していたところこちらのブログにたどり着きました。
    もしよろしければご参考にさせていただきたく、
    私も管理者様のコードを共有していただくことは可能でしょうか。
    よろしくお願い申し上げます。

  11. admin より:

    キムラさん

    コメントありがとうございます。
    コードを共有しました。

    顧客管理ツールは皆さんニーズがありそうですね。
    サードパーティ製のアプリなどは様々ありますが、自分が求める理想のツールってないですよね。

    サンプルコードを参考により良いものを開発していただければと思います。

    1. キムラ より:

      早速の共有ありがとうございました!
      参考にさせていただきます!

  12. okamoto takashi より:

    お世話になっております
    良ければコードを共有していただくことは可能でしょうか。
    よろしくお願いいたします。

    1. admin より:

      okamotoさん

      コメントありがとうございます。
      先ほどコードを共有しました。
      メール通知が届いているかと思いますので、そこからファイルにアクセスをお願いします。

  13. 簗瀬 未来 より:

    管理者様
    はじめまして。簗瀬と申します。
    社内で顧客管理ツールをどうにかしたいと動き出しておりまして、
    まさにこちらにご記載のような機能を実装したいと考えております。
    お手数をおかけしますが、
    スプレットシートとコードを共有していただけないでしょうか。

    何卒よろしくお願いいたします。

    1. admin より:

      簗瀬さん

      コメントありがとうございます。
      ファイルを共有しました。
      一定期間後に共有を停止しますので、ファイルをコピーして使ってください。

      確認よろしくお願いします。

  14. アツ より:

    はじめまして。
    現在学校法人で業務効率化の仕事をしております。

    アプリの構成が非常にわかりやすく、とても勉強になるページでした。
    ぜひ参考にさせていただきたいのですが、
    コードとシートを共有していただくことは可能でしょうか。
    お手数をお掛けいたしますが、よろしくお願いいたします。

    1. admin より:

      アツさん

      コメントありがとうございます。
      先程ファイルを共有しました。

      コピーしてお使いください。

  15. 中島 より:

    はじめまして!
    とてもおもしろそうなシステムですね!
    ぜひ参考にさせていただきたいのですがコードを共有して頂いても宜しいでしょうか、

    お手数をおかけします。

    1. admin より:

      中島さん

      コメントありがとうございます。
      コードを共有しました。

      一定期間後共有を解除しますので、コピーしてお使いください。

      1. 中島 より:

        申し訳ございません、メールアドレスをGoogleアカウントに登録していないアドレスで申請してしまったせいでアクセス権限がありませんとのエラーが出てしまいました…..
        再度正しいメールアドレスを入力しましたのでお手数ですが再共有お願いいたします

        1. admin より:

          中島さん

          共有し直しましたので、ご確認ください。

  16. 宮崎 より:

    お世話になります。宮崎と申します。
    顧客管理とは少し異なりますが、同様のシステム構築の為、勉強中でぜひコードを拝見したく、ご連絡いたしました。
    お手数おかけいたしますが、共有していただいてもよろしいでしょうか?

    よろしくお願いいたします。

    1. admin より:

      宮崎さん

      コメントありがとうございます。
      ファイルを共有しましたので、ご確認ください。

      どのようなシステムを構築しているのか気になりますね。今後の参考のためによかったら教えていただけると嬉しいです。

  17. 宮川 より:

    はじめまして。宮川と申します。
    零細企業で事務をしており、wordpressやチャットワーク、スプレッドシート、GAS、dokuwikiなどを利用して社内の管理業務の構築をしてきました。営業の案件管理をGASで出来ないかとインターネットの海をさまよっていたところ、こちらの記事にたどり着きました。
    独学でやってきたため、通常業務をしながらの開発に限界を感じています。笑
    入力の仕方なども含めて、理想のアプリだったのでシートとコードを共有していただけると幸いです。
    これからも色々な情報を公開してくださいることを楽しみにしております。

    1. admin より:

      宮川さん

      コメントありがとうございます!
      コードとシートを共有しました。

      私も宮川さんと同じように独学で通常業務をしながらやっていた時もあるので、大変さはよく分かります。

      色々うまく行かないこともあるかと思いますが、分からないことがあればまたご相談くださいね。

      1. 宮川 より:

        早速のご返信とご対応をありがとうございます!
        嬉しいお言葉もありがとうございます。
        色々と試してみます。
        困った際には、お言葉に甘えてご相談させていただきますm(_ _)m

      2. 宮川 より:

        一通り触らせていただきました!
        このシステム、本当に凄いです。自社の項目に合わせて活用させていただきます♪

        アプリの方にアクセス制限かけたいのですが、現在個人毎にGoogleの無料アカウントでの運用をしているので、良い方法がないか検索してみようと思います。

  18. admin より:

    宮川さん

    コメントありがとうございます!
    表示項目は簡単に変更できるようになっていますので、自社用にスプレッドシートのデータを入れ替えて使ってもらえればと思います。

    アクセス制限ですが、自社社員だけアクセスさせたいのであれば、簡単なログイン機能を自前で開発するか、Firebaeというシステムと連携させることでGoogle認証などをさせることができるようになります。

    有料のGoogle Workspaceアカウントがあればもっと簡単に制限はかけられるのですが、月額数百円はユーザー数分かかってしまいますね。

    1. 宮川 より:

      ご返信ありがとうございます!
      零細企業なので、なかなか一人数百円のランニングコストを認めてもらえず悲しいです。笑
      Firebaeは初耳なので調べてみます!
      アドバイスありがとうございますm(_ _)m

      1. 宮川 より:

        検索してみたところFirebaseですかね??
        模索してみます!

  19. admin より:

    はい、そうです。
    タイプミス申し訳ない。

  20. タカハシ より:

    はじめまして高橋と申します。
    現在、SFAを既に使用していますが、帯に短し襷に長しといった具合であまりフィットしていませんでした。GASを勉強中なこともあり、なにか良い方法はないかと調べておりましたところこちらのページにたどり着きました。
    ぜひとも参考にさせていただきたく共有していただけますでしょうか。
    何卒よろしくお願いします。

    1. admin より:

      タカハシさん

      コメントありがとうございます。
      SFAは現状業務に合わないことありますよね。
      私も自分のやり方に合わず、使いづらかったので自分が欲しい機能を実装してみたのがこのツールを作った理由です。

      コードを共有しましたので、参考にお使いください。

  21. タカハシ より:

    早々のご対応ありがとうございます。
    頑張って勉強します。
    これからも更新されるのを楽しみに(勉強)させていただきます。
    ありがとうございました。

  22. タイで奮闘中 より:

    はじめまして。
    私は製造業で働いているのですが、現在業務効率化をGASでできないかと試行錯誤中です。
    日々の生産状況・問題点を簡単に記録できるシステムをなんとか作ろうとしていますが、
    いろいろと無駄が多く、作り変えの繰り返しです。
    こちらで紹介されているシステムがすごく洗練されていて、
    参考にさせていただきたいと思っています。
    可能であれば、シートとコードを共有していただけないでしょうか。

    1. admin より:

      タイで奮闘中さん

      コメントありがとうございます。

      自分用に作ったものなので、洗練されているなんて恐れ多いですが、お役に立てそうでありがとうございます。

      先程関連ファイルを共有しましたので、コピーしてお使いください。

      1. タイで奮闘中 より:

        早速共有していただきありがとうございます!
        参考にさせていただきます。

  23. 近々独立予定 より:

    はじめまして
    20人程度の映像制作会社でバックオフィスをまとめるのにGASを勉強中です。
    no codeツールも色々試したのですが、GASが使えると幅が出せたらと思っています。
    ぜひとも参考にさせていただきたく共有していただけますでしょうか。
    何卒よろしくお願いします。

    1. admin より:

      近々独立予定さん

      はじめまして、コメントありがとうございます。
      先程関連ファイルを共有しましたので、コピーしてお使いください。

      ノーコードツールも最近色々出てきていますが、私もいまだにGASをいじっております。

      最初に触ったときはこんなに長く関わることになるとは思ってなかったんですけど振り返ってみて初めて気づきますね。

コメントを残す

*