愛される管理画面の作り方

Sharing Issues Online #1 (Nov 6, 2020) 登壇資料
#sharing_Issues
https://smartcamp.connpass.com/event/191413/

Transcript

1. ɹɹɹ גࣜձࣾνʔϜεϐϦοτ Ѫ͞ΕΔ؅ཧը໘ͷ࡞Γํ How to make the admin screen Sharing Issues Online #1
2. ɹɹɹ ɹɹɹ ࣗݾ঺հ About me
3. ɹɹɹ ࣗݾ঺հ Akira Kuratani / ૔୩ জ ɹɹɹ@a_kuratani ɹɹɹTeamSpirit Inc. ɹɹɹService Development Div. ɹɹɹTSF Engineering Team / Director ɹɹɹPodcast(migration.fm)
4. ɹɹɹ ɹɹɹ ձࣾ঺հ Our company
5. ɹɹɹ ձࣾ঺հ すべての⼈を、創造する⼈に。 株式会社チームスピリット は、勤怠管理・経費精算・⼯数管理など従業員が⽇々 利⽤するアプリケーションをひとつのシステムにまとめ、出社から退社までの活 動を⼀元的に記録することで働き⽅を⾒える化し、創造的な時間を増やすことで ⽣産性向上を実現するサービス「TeamSpirit」を提供しています。 ミッション 個を強く。チームを強く。 ビジョン Mission Vision 1996年11⽉ 埼⽟県北本市に有限会社デジタルコースト（資本⾦3,000千円） を設⽴ 2008年4⽉ デジタルコースト株式会社へ組織変更 2010年6⽉ 株式会社セールスフォース・ドットコムとAppExchangeパート ナー契約を締結 2010年11⽉ 株式会社セールスフォース・ドットコムとOEMパートナー契約を 締結 2010年12⽉ 本店所在地を東京都千代⽥区麹町⼆丁⽬４番地へ移転 2011年10⽉ 株式会社セールスフォース・ドットコムと資本提携 2012年4⽉ 働き⽅改⾰プラットフォーム「TeamSpirit」のサービス提供を開 始 2012年9⽉ 商号を株式会社チームスピリットへ変更 2013年12⽉ 本店所在地を東京都中央区⼋重洲⼆丁⽬８番８号へ本店を移転 2013年12⽉ プロジェクト原価管理システム「TeamSpirit Leaders」のサー ビス提供を開始 2014年10⽉ 本店所在地を東京都中央区京橋⼆丁⽬５番18号へ本店を移転 2016年5⽉ salesforce.com, inc.より「Salesforce Gold ISV Partner」に認 定 2017年11⽉ シンガポール⼦会社、TeamSpirit Singapore Pte. Ltd.を設⽴ 2018年3⽉ salesforce.com, inc.より「AppExchange Premier Partner」に 認定 2018年8⽉ 東京証券取引所マザーズ市場に上場 2019年5⽉ セールスフォース・ドットコムより⽇本で唯⼀のAppExchange Premier Partnerに認定 株式会社チームスピリット TeamSpirit Inc. 〒104-0031 東京都中央区京橋⼆丁⽬5番18号 京橋創⽣館4階 設⽴︓1996年11⽉13⽇ 代表取締役︓荻島 浩司 沿⾰
6. ɹɹɹ MISSION ͢΂ͯͷਓΛ૑଄͢Δਓʹ ୭Ͱ΋Ͱ͖Δ܁Γฦ͠ͷ࡞ۀ͸AI΍ϩϘοτʹ೚ͤɺ ͢΂ͯͷਓ͕ʮ૑଄తͳ׆ಈʯʹूதͰ͖Δ؀ڥΛఏڙ͍ͨ͠ͱ͍͏૝͍͔ΒఆΊ·ͨ͠ɻ ͢΂ͯͷਓ͕૑଄ੑΛൃش͠ɺਓͷ਺͚ͩੈքΛม͍͑ͯ͘ɻ ͜Ε͕ɺࣄۀͷ໨తͰ͋Γࢲͨͪͷʮଘࡏҙٛʯͩͱࢥ͍ͬͯ·͢ɻ
7. ɹɹɹ ɹɹɹ ࣄۀ঺հ Our Service
8. ɹɹɹ ༷ʑͳػೳ͕࿈ܞͯ̍͠αʔϏεʹ౷߹ʂ 「TeamSpirit」シリーズは、業務遂⾏に必要なさまざま な事務作業を⼀体で処理できるクラウドシステム。これ までの作業の⼿間や時間を圧倒的に短縮し、働く⼈それ ぞれが本来の仕事に集中できる余裕を創出することで、 充実した仕事ができる環境を整えます。 勤怠管理 就業管理 経費精算 カレンダー ⼯数管理 電⼦稟議 SNS ダッシュボード マイナンバー管理 社員情報管理 シフト管理 プロジェクト 原価管理 なんと ⽉額 600円/1⼈ （50ライセンス、30,000円から） →料⾦表を⾒る P.5 マイナンバーエンジン TeamSpirit Leaders TeamSpirit HR ※オプション製品
9. ɹɹɹ ձࣾ঺հ 導⼊実績 Award 1350社 26万ID突破︕ 0 200 400 600 800 1,000 1,200 1,400 1,600 0 50,000 100,000 150,000 200,000 250,000 300,000 FY12 FY13 FY14 FY15 FY16 FY17 FY18 FY19 FY20Q 3 契約ライセンス数／社数の推移 株式会社セールスフォース・ドットコム 「AppExchange Partner of the Year 2019」受賞
10. ɹɹɹ ओͳػೳɿۈଵɾबۀ؅ཧ モバイル 出社打刻 勤務表で出退社情報や残業を確認 休暇情報の確認も 勤怠に関する各種申請も 打刻時間がリアルタイムにグラフ化 多様な打刻⽅法 PC ICカード ※オプション 休暇の残⽇数は︖ スマートドア ※オプション
11. ɹɹɹ ओͳػೳɿܦඅਫ਼ࢉ 出張・交際費などの事前申請 TBコーポレートソリューションズが提供する 出張⼿配サービス JʼsNAVI Jr. から⼿配可能（オ プション） Ekitanと連携した経路検索が可能。 交通費などの精算も簡単 仕訳出⼒データの作成 様々な給与計算ソフトと連携可能。
12. ɹɹɹ ओͳػೳɿ޻਺؅ཧ スライダーによる⼯数⼊⼒ ⼯数の⾒える化（ダッシュボード） 勤怠打刻による 実労働時間 ⼯数⼊⼒による 作業時間の合計 ⼊⼒された⼯数情報は⽉ごとに合計が⾒える他、 レポート・ダッシュボードを使い、さまざまな切り⼝でグラフィカル に⾒える化。
13. ɹɹɹ Salesforce ͱ͸ʁ ސ٬؅ཧʢCRMʣʗӦۀࢧԉʢSFAʣΛத৺ͱͨ͠Ϋϥ΢υΞϓϦέʔγϣϯ੡඼ ओͳ੡඼ Sales Cloud Marketing Cloud Experience Cloud Salesforce Platform ސ٬৘ใ؅ཧʹج͍ͮͨϦʔυ֫ಘʙ঎ஊʙड஫ͱ͍ͬͨ ӦۀϓϩηεΛࢧԉ͢ΔӦۀࢧԉπʔϧ Ϧʔυ֫ಘ΍ސ٬φʔνϟϦϯάΛ໨తͱͨ͠ ϚʔέςΟϯάΦʔτϝʔγϣϯπʔϧ ސ٬΍୅ཧళͳͲͷύʔτφʔΛର৅ͱͨ͠ ΧελϚʔαϙʔτίϛϡχέʔγϣϯπʔϧ ϊʔίʔυʗϓϩίʔυͰΞϓϦΛ։ൃͰ͖ΔϓϥοτϑΥʔϜ ։ൃͨ͠ΞϓϦ͸ϏδωεΞϓϦϚʔέοτͰൢചͰ͖Δ
14. ɹɹɹ ɹɹɹ Ѫ͞ΕΔ؅ཧը໘ͷ࡞Γํ How to make the admin screen
15. ɹɹɹ ɹɹɹ ؅ཧը໘͸։ൃ޻਺͕ ͔͔ΔΘΓʹར༻ऀ͕গͳ͍ The admin screen takes a lot of man-hours to develop, but not many people use it.
16. ɹɹɹ ɹɹɹ WHY ͳͥѪ͞ΕΔ؅ཧը໘͕ඞཁͳͷ͔ʁ Why do admin screen need to be loved?
17. ɹɹɹ ɹɹɹ WHYɹͳͥѪ͞ΕΔ؅ཧը໘͕ඞཁͳͷ͔ʁ ಋೖͷਪਐ෦໳͸؅ཧ෦໳ͷ͜ͱ͕ଟ͍ ؅ཧ෦໳͸؅ཧը໘ΛΑ͘ར༻͢Δ ؅ཧը໘ͷ࢖͍উख͸ಋೖਪਐͷಈػʹͳΔ ୲౰ऀҾ͖ܧ͕͗೉͍͠ͱղ໿ʹͭͳ͕Δ
18. ɹɹɹ ɹɹɹ WHAT ͲΜͳ؅ཧը໘͕Ѫ͞ΕΔͷ͔ʁ What kind of admin screen will be loved?
19. ɹɹɹ ɹɹɹ WHATɹͲΜͳ؅ཧը໘͕Ѫ͞ΕΔͷ͔ʁ ෆॆ଍ ॆ଍ ຬ଍ ෆຬ ຬ଍ײ ॆ଍ঢ়گ ङ໺Ϟσϧ Kano Model ෼͔Γ΍͘͢ ࢖͍উख͕ྑ͍ ັྗత඼࣭ ۀ຿ػೳ͕ ἧ͍ͬͯΔ Ұݩత඼࣭ ෆ۩߹͕ͳ͘ ҆ఆͯ͠ར༻Ͱ͖Δ ౰ͨΓલ඼࣭
20. ɹɹɹ ɹɹɹ PROBLEM ؅ཧը໘๊͕͑Δ໰୊ͱ͸ʁ What kind of admin screen will be loved?
21. ɹɹɹ ɹɹɹ PROBLEMɹ؅ཧը໘๊͕͑Δ໰୊ ᶃ ػೳ΍ઃఆ͕ଟ͘ɺ୳͖͠Εͳ͍ ᶄ ػೳ΍ઃఆ͕ͦΕͧΕ೉ղͰ͋Δ ᶅ ෳ਺ͷػೳ΍ઃఆ͕ؔ࿈͍ͯ͠Δ
22. ɹɹɹ ɹɹɹ 1st PROBLEM ػೳ΍ઃఆ͕ଟ͘ɺ୳͖͠Εͳ͍ Too many features and settings to find
23. ɹɹɹ ɹɹɹ 1st ػೳ΍ઃఆ͕ଟ͘ɺ୳͖͠Εͳ͍
24. ɹɹɹ ɹɹɹ 1st ػೳ΍ઃఆ͕ଟ͘ɺ୳͖͠Εͳ͍
25. ɹɹɹ ɹɹɹ 1st SOLUTION ؅ཧϝχϡʔʹݕࡧػೳΛ͚ͭΔ Add a search function to the admin menu
26. ɹɹɹ ɹɹɹ 1st ػೳ΍ઃఆ͕ଟ͘ɺ୳͖͠Εͳ͍ ؅ཧϝχϡʔʹݕࡧػೳΛ͚ͭΔ
27. ɹɹɹ ɹɹɹ 2nd PROBLEM ػೳ΍ઃఆͷͦΕͧΕ͕೉ղͰ͋Δ Each of the features and settings are difficult to understand
28. ɹɹɹ ɹɹɹ 2nd ػೳ΍ઃఆͷͦΕͧΕ͕೉ղͰ͋Δ ઃఆ߲໨໊͚ͩͰ͸ཧղͰ͖ͳ͍
29. ɹɹɹ ɹɹɹ 2st SOLUTION ӡ༻؍఺ͷઆ໌Λॆ࣮ͤ͞Δ Enhance the explanation of the operational viewpoint
30. ɹɹɹ ɹɹɹ 2nd ػೳ΍ઃఆͷͦΕͧΕ͕೉ղͰ͋Δ ϔϧϓϖʔδ΁ͷϦϯΫ ϙοϓΞοϓͰઆ໌දࣔ ஫ҙࣄ߲Λදࣔ ӡ༻؍఺ͷઆ໌Λॆ࣮ͤ͞Δ
31. ɹɹɹ ɹɹɹ 3rd PROBLEM ෳ਺ͷػೳ΍ઃఆ͕ؔ࿈͍ͯ͠Δ Multiple functions and settings are related
32. ɹɹɹ ɹɹɹ 3rd ෳ਺ͷػೳ΍ઃఆ͕ؔ࿈͍ͯ͠Δ ؅ཧϝχϡʔ ઃఆ̍ ػೳ̗ ઃఆ̎ ػೳ̖ ΍Γ͍ͨ͜ͱͱ؅ཧϝχϡʔ͕ରԠ͠ͳ͍ Ͳͷػೳ͕ؔ࿈͢Δʁ Ͳͷઃఆ͕ؔ࿈͢Δʁ Ͳͷॱ൪Ͱ࣮ࢪ͢Δʁ
33. ɹɹɹ ɹɹɹ 3st SOLUTION ΍Γ͍ͨ͜ͱ͔ΒḷΕΔ I can learn how to do it from what I want to do
34. ɹɹɹ ɹɹɹ 3rd ෳ਺ͷػೳ΍ઃఆ͕ؔ࿈͍ͯ͠Δ ΍Γ͍ͨ͜ͱ͔ΒḷΕΔ ؅ཧϝχϡʔ ઃఆ̍ ػೳ̗ ઃఆ̎ ػೳ̖ ΍Γ͍ͨ͜ͱ ɾ̛̖̦ ɾϔϧϓ ɾΨΠυ ɾϚχϡΞϧɹͳͲ
35. ɹɹɹ ɹɹɹ 3rd ෳ਺ͷػೳ΍ઃఆ͕ؔ࿈͍ͯ͠Δ ΍Γ͍ͨ͜ͱ͔ΒḷΕΔ
36. ɹɹɹ ɹɹɹ Ѫ͞ΕΔ؅ཧը໘ͷ࡞Γํ How to make the admin screen ·ͱΊ
37. ɹɹɹ ·ͱΊ ͳͥɺ؅ཧը໘͸Ѫ͞ΕΔඞཁ͕͋Δͷ͔ʁ ؅ཧը໘๊͕͑Δ໰୊ͱѪ͞ΕΔͨΊʹඞཁͳ͜ͱ ʢಋೖ࣌ʣ ɹɾಋೖਪਐऀʢ؅ཧ෦໳ʣ͕ࣾ಺ఏҊ͢ΔͨΊͷϞνϕʔγϣϯʹͳΔ ʢӡ༻࣌ʣ ɹɾ؅ཧ෦໳୲౰ऀ͕ҟಈɾୀ৬ͳͲͰมΘͬͨͱ͖ʹղ໿ཧ༝ʹͳΔ ػೳ΍ઃఆ͕ଟ͘ɺ୳͖͠Εͳ͍ ػೳ΍ઃఆ͕ͦΕͧΕ೉ղͰ͋Δ ෳ਺ͷػೳ΍ઃఆ͕ؔ࿈ͯ͠Δɹ ؅ཧϝχϡʔʹݕࡧػೳΛ͚ͭΔ ӡ༻؍఺ͷઆ໌Λॆ࣮ͤ͞Δɹɹ ΍Γ͍ͨ͜ͱ͔ΒḷΕΔɹɹɹɹ
38. ɹɹɹ ະདྷͷ͸ͳ͠ A I S A S Attention ஫໨ Interest ڵຯɾؔ৺ Search ݕࡧ Action ར༻ Share ڞ༗ ࣄྫൃද ίϛϡχςΟ ֶशαʔϏε FAQ ϝʔϧϚΨδϯ ׆༻ࣄྫू ͓͢͢Ί ػೳ঺հ ΨΠυɾ ϚχϡΞϧ ͍͔ʹ׆༻ͯ͠΋Β͏͔ʁ AISASϞσϧ ໰߹ͤ
39. ɹɹɹ ͓٬༷ࣗ਎ؾ෇͍͍ͯͳ͍Ձ஋ͷ૑଄ʹͩ͜ΘΔ • ϓϩμΫτϚωʔδϟʔ • ΤϯδχΞϦϯάϚωʔδϟʔ • ։ൃΤϯδχΞ WE’RE HIRING • QAΤϯδχΞ • ςΫχΧϧαϙʔτΤϯδχΞ ະདྷΛҰॹʹ૑଄͢Δϝϯόʔืूத
40. ɹɹɹ @a_kuratani ืूʹڵຯ͋ΔํDM͍ͩ͘͞ ͋Γ͕ͱ͏͍͟͝·ͨ͠
41. ɹɹɹ https://www.teamspirit.com/