Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フジテックの情報システム戦略とアプリ内製化 / fujitec_mobile-app_in-h...
Search
AppPot
September 07, 2017
Programming
0
420
フジテックの情報システム戦略とアプリ内製化 / fujitec_mobile-app_in-house_development
2017/09/07 モバイルファースト時代の攻めのシステム内製化戦略にて、フジテック株式会社情報システム部 小庵寺良剛様講演資料。
AppPot
September 07, 2017
Tweet
Share
More Decks by AppPot
See All by AppPot
Monaca ✕ AppPotエンタープライズモバイルアプリ開発体験講座 / Monaca-AppPot-database-connector-handson
apppot
0
310
企業向けバックエンドサービスAppPotを使ったモバイルアプリの高速開発手法 / Enterprise App development methods by AppPot
apppot
0
220
AppPotで企業向けアプリの開発はこう変わる!/ Change Apps development style by AppPot
apppot
0
1.3k
ReactとバックエンドサービスAppPotで学ぶモダンWebアプリケーション入門
apppot
1
290
企業向けバックエンドサービスAppPotのご紹介 for Monacaパートナー勉強会 / Backend Service for Enterprise "AppPot"
apppot
0
430
Swift3とバックエンドサービスを使ったサーバーレスな企業向けiOSアプリの開発手法 / Swift3 iOS App Development Method
apppot
0
790
企業向けバックエンドサービス「AppPot」を使ったUX駆動開発 / UX Driven Development by Backend service AppPot
apppot
0
210
AngularJSとバックエンドサービスAppPotで作る業務システム入門(Short Ver.)
apppot
0
120
AngularJSとバックエンドサービスAppPotで作る業務システム⼊⾨
apppot
0
1.1k
Other Decks in Programming
See All in Programming
ローコードSaaSのUXを向上させるためのTypeScript
taro28
1
610
現場で役立つモデリング 超入門
masuda220
PRO
15
3.2k
Macとオーディオ再生 2024/11/02
yusukeito
0
370
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
230
タクシーアプリ『GO』のリアルタイムデータ分析基盤における機械学習サービスの活用
mot_techtalk
4
1.4k
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
9
3.3k
レガシーシステムにどう立ち向かうか 複雑さと理想と現実/vs-legacy
suzukihoge
14
2.2k
CSC509 Lecture 09
javiergs
PRO
0
140
EventSourcingの理想と現実
wenas
6
2.3k
Outline View in SwiftUI
1024jp
1
320
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
350
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
170
Featured
See All Featured
Designing for Performance
lara
604
68k
Raft: Consensus for Rubyists
vanstee
136
6.6k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
Documentation Writing (for coders)
carmenintech
65
4.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Done Done
chrislema
181
16k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Transcript
ϑδςοΫͷใγεςϜઓུͱΞϓϦԽ
ࣗݾհ খ҇ࣉ ྑ߶ ʢ͋͜Μ͡ Α͔ͨ͠ʣ • େࡕἚࢢग़ʢ࣮Ո݉ۀՈʣ • ৽ଔͰϑδςοΫೖࣾ •
୲γεςϜ डཧʢCOBOLʣ㱺ߪങཧʢDelphiʣ㱺 தࠃͷੜ࢈ཧγεςϜಋೖʢDelphiʣ • ݱ୲ۀ ෦ͷاըɾӡӦཧɺDBαʔόཧɺ ։ൃج൫උͳͲʢGitHubͷಋೖΛਪਐதʂʣ
ϑδςοΫגࣜձࣾ ʲۀʳɿ19482݄9 ʲۀऀʳɿࢁ ਖ਼ଠ ʲࣄۀ༰ʳɿঢ߱ػͷݚڀɾ։ൃɾൢചɾੜ࢈ɾਾɾ อकɾվम ʲදऀʳɿࢁ ߴҰ
ຊͷຊࣾɺΤϨϕʔλ ɺݚڀɾ։ൃڌ ϏοάΠϯάˏ࣎լݝ
डੜ࢈
ਾ࡞ۀ
อकཧ
ੈք25ͷࠃͱҬͰࣄۀ׆ಈΛల։த ւ֎ 6,000ਓ ຊࠃ 3,000ਓ
ϑδςοΫITجຊతͳߟ͑ํ 現場現物・DevOps クラウドファースト モバイルファースト
現場現物・DevOps • まず、現場に⾜を運ぶ • 現場を観察し、現場に溶け込む ⇒ そこから、現場のお役⽴ちを考える。 • システム開発で終わりではない。 • 実際に使ってもらい効果が出るまでフォロー
ΫϥυϑΝʔετ
ϞόΠϧϑΝʔετ • 社⽤スマホを全⾯導⼊(ガラケー廃⽌) ◦ Googleとの親和性から、Android端末を採⽤ ◦ 先⾏でBYODを利⽤、効果を全社員に拡⼤ • BYODの希望者は全員許可。上司の許可は不要。 ◦ 強制ではなく希望者への利⽤許可。⾃⼰責任。 ◦ 利⽤者数:1017名(約3分の1) • サブノートとしてChromebookを活⽤。 ◦ 数秒で起動、充電⻑持ち(約1⽇) ◦ Googleサービス利⽤に最適
ैདྷͷPC൛γεςϜͷ՝ • 使える場所が限定される。 PCが設置されている場所しか使えない。 • 起動に時間が掛かる。 モバイルPCは持ち運び不便、起動遅い。 • 作業場所の確保が必要。 座って使うので⼀定の作業スペースが必要。
εϚϗͳΒɺ͍ͭͰɺͲ͜Ͱɺखܰʹ͑Δ • すぐに使える。 軽量、コンパクト。すぐに取り出して使える。 • どこでも使える 常時ネット接続。現場・客先で利⽤可能。 • ⼿軽に使える。 ⽚⼿でも、⽴った状態でも使える。
ΑΓଟ͘ͷࣾһʹγεςϜΛʂ ֎ۈࣾһ ʢӦۀɺ ϑΟʔϧυʣ ۈࣾһ ʢཧ෦ɺ ʣ ैདྷͷPC൛γες Ϝͷओͳར༻ऀ ϞόΠϧΞϓϦͳΒ
֎ۈࣾһؚΊͨ શࣾһ͕ར༻Ͱ͖Δɻ ࣾͷैۀһൺ
ϞόΠϧΞϓϦ։ൃπʔϧબఆ ։ൃπʔϧ͍ͬͺ͍͋Δɻબࢶ๛ʂ Good News Bad News ͰɺܾΊखʹ͚ܽΔɻ ্͔࢘ΒͷΞυόΠε
։ൃπʔϧͷಋೖཁ݅ • 1ͭͷϓϩάϥϜιʔεͰෳσόΠεͷΞϓϦΛ ։ൃͰ͖Δ͜ͱʢϋΠϒϦουΞϓϦରԠʣ • ϞόΠϧ͚ͷϢʔβΠϯλʔϑΣΠεΛ։ൃ͢Δ ͷʹద͍ͯ͠Δ͜ͱ • HTML5ɺJavaScriptɺjQueryͳͲσϑΝΫτελϯ μʔυͷٕज़Λ͑Δ͜ͱ
• ࣮ػΛͬͨσόοά͕Ͱ͖Δ͜ͱ • ֶशίετ͕͘؆୯ʹ͑Δ͜ͱ
େखͷύʔτφʔ༷͔Βͷ͝ఏҊ All in One Ͱศརʂ ͚ͩͲɺ ϞόΠϧΞϓϦ։ൃܦݧͳ͘ɺ අ༻ରޮՌ͕͖ͬΓಡΊͳ͍ঢ়گͰ ಋೖʹ౿ΈΕͳ͍ɻ 㱺ॳظࢿগͳ࢝͘Ί͍ͨɻ
• 無料でお試し ◦ ブラウザからユーザ登録 ◦ クラウド版の開発環境(IDE)使える ◦ サンプルアプリ豊富 ◦ 実機でデバッグ(Monacaデバッガ)できる ちょっとやってみた。
⇒⼦どもに⾒せたら、かなりウケた!「お⽗さんすごい」
None
ϞόΠϧΞϓϦ͔Βࣾαʔόʹͭͳ͍͗ͨɻ Monacaでスマホで動くアプリは開発できる。 ⇒次に、社内DB、ファイルサーバ、グループウェアに つなぎたい。 Internet ݕࡧ݁Ռ ͍߹Θͤ
ϞόΠϧΞϓϦ͔Βࣾαʔόʹͭͳ͍͗ͨɻ アプリからの要求を受けるWebシステムを 個々に構築する必要あり。⇒スキル・⼯数不⾜。無理。 γεςϜ։ൃ γεςϜ։ൃ γεςϜ։ൃ
• ⾯倒なWebシステム構築不要。 • パラメータ(接続先IP、ユーザ、SQLなど)を 設定するだけで、社内DB、サーバと連携可能。
APIઃఆͷΈ APIઃఆͷΈ APIઃఆͷΈ AppPotಋೖ
さらに、 • ユーザ認証(GoogleApps連携も可) • スマホへのプッシュ通知 • アプリのログ取得 などもAPIで簡単に利⽤できる。
Internet ݕࡧ݁Ռ ͍߹Θͤ
ݱࡏͷϞόΠϧΞϓϦ։ൃڥɿશମਤ ʢࣾωοτϫʔΫʹઃஔʣ ΞϓϦ৴ ɾΞϓϦͷσόΠεͷ৴ ɾσόΠεཧ MDM/MAM πʔϧ Webαʔό (Apache) ʢDMZʹઃஔʣ
ΞϓϦ։ൃ Internet ݕࡧ݁Ռ ͍߹Θͤ
ग़ۈ ϞόΠϧΞϓϦ։ൃࣄྫ-1 ▪ػೳ ɾग़ۈɺୀۈ࣌ࠁɺٳՋొ ɾݱ୲ऀͷ࡞ۀ࣌ؒใࠂ ▪ར༻ऀɿ1,715໊ (8݄ݱࡏɺҎԼͷࣄྫಉ͡ʣ ▪ޮՌ ɾϑΟʔϧυ୲ऀͷߦؼਪਐɺ ۀݮ
ϞόΠϧΞϓϦ։ൃࣄྫ-1 ΄΅ӈݞ্͕ΓͰར༻ऀ૿ Ճɻશࣾһͷ15%͕ར༻த શࣾһʹ͓͚Δར༻ऀɺར༻
ϞόΠϧΞϓϦ։ൃࣄྫ-1 ݱͷਾ୲ऀʹݶΕɺ ରऀͷ68%͕ར༻த ݱਾ୲ऀʹ͓͚Δར༻ऀɺར༻
ަ௨අਫ਼ࢉ ▪ػೳ ɾ֎ग़ͨ͠ࡍͷަ௨අΛొ ɾICΧʔυ͔ΒͷಡΈऔΓʹରԠ ▪ར༻ऀɿ656໊ ▪ޮՌ ɾ֎ग़ઌͰަ௨අొɺؼࣾޙ࡞ۀෆཁ ɾొޡΓɾ࿙Εͷࢭ ϞόΠϧΞϓϦ։ൃࣄྫ-2
ަ௨අਫ਼ࢉʢICΧʔυಡΈऔΓʣ ϞόΠϧΞϓϦ։ൃࣄྫ-2
ϞόΠϧΞϓϦ։ൃࣄྫ-2 ΞϓϦϦϦʔεޙ̐ϲ݄Ͱɺ શަ௨අਫ਼ࢉͷ11ˋͰར༻த PC൛ γεςϜ ϞόΠϧ ΞϓϦ ɾICΧʔυ࿈ܞͰར༻ऀ֦େΛࢦ͢ ɾݱ୲ऀΛத৺ʹීٴ׆ಈΛਪਐத
δϣϒݕࡧγεςϜ ▪ػೳ ɾࣾडɺೲೖ݅ͷ֤छใݕࡧ ɾGoogle MAPͷਤ্ʹ݅දࣔ ɾਤ໘ใͷӾཡʹରԠ ▪ར༻ऀɿ669໊ ▪ޮՌ ɾ֎ग़ઌ͔Β݅ใΛਤ໘ؚΊͯ ͍ͭͰݕࡧՄೳ
ɾGoogle MAP࿈ܞͷϧʔτݕࡧʹΑΓ ݱɾ٬ઌ๚ʹ༗ޮ׆༻ ϞόΠϧΞϓϦ։ൃࣄྫ-3
δϣϒݕࡧγεςϜʢਤ໘Ӿཡʣ ϞόΠϧΞϓϦ։ൃࣄྫ-3
؆қిா ▪ػೳ ɾઢిɺ෦՝ɺ৬ݕࡧ ▪ར༻ऀɿ1,252໊ ▪ޮՌ ɾࣾ֎͔Βࣾһʹి͢Δࡍʹ׆༻ ʢಛʹใɺӦۀ୲ऀʹධʣ ϞόΠϧΞϓϦ։ൃࣄྫ-4
ݱࣸਅΞοϓϩʔυ ▪ػೳ ɾݱͷࣸਅΛࡱӨࣾ͠γεςϜʹ Ξοϓϩʔυ ▪ར༻ऀɿ427໊ ▪ޮՌ ɾؼࣾޙͷ࡞ۀෛ୲ݮ ɾϦΞϧλΠϜͷใڞ༗ ϞόΠϧΞϓϦ։ൃࣄྫ-5
δϣϒΧϧςϏϡʔΞ ▪ػೳ ɾอकݕ࣌ʹ͓͚ΔݱใΛӾཡ ▪ར༻ऀɿ815໊ ▪ޮՌ ɾݱ͔ΒอकରػثͷใΛऔಘ ɾࣄલ४උʢࢿྉҹͳͲʣͷෛ୲ݮ ϞόΠϧΞϓϦ։ൃࣄྫ-6
GoogleεΫϦϓτ࿈ܞ • AppPotܦ༝ͰϞόΠϧ͔Β GoogleεΫϦϓτΛͬͯɺ ࣾDBͷใΛऔಘͰ͖Δɻ ϞόΠϧΞϓϦ։ൃࣄྫ-7 ϚΫϩͰ ࣄલʹఆظ࣮ߦ ɾ࠷৽Ͱͳ͍ ɾେྔσʔλग़ྗ
εΫϦϓτ͔Βɺ AppPotܦ༝Ͱ ϦΞϧλΠϜʹ࣮ߦ ɾϦΞϧλΠϜͷใ ɾͦͷͰඞཁͳͷऔಘ ैདྷ (Excel) ࠓޙ (Google)
Google Hangout ChatΞϓϦ࿈ܞʢ։ൃதʣ ϞόΠϧΞϓϦ։ൃࣄྫ-8 ▪ػೳ ɾνϟοτ͔ΒΩʔϫʔυೖྗ ɹ㱺Ωʔʹ֘͢ΔσʔλΛදࣔ ྫʣ ɾID 1234
㱺 ֘ऀͷใදࣔ ɾJob ABC1234 㱺 ֘δϣϒදࣔ ▪ࠓޙͷల։ ɾΩʔࢦఆͷ୯७ͳݕࡧ༻ͱͯ͠ɺ ΞϓϦΑΓظͰ։ൃՄೳ ɾχʔζൃ۷͠ɺར༻֦େਤΔ ɾ׳ΕΕɺ40͋Εઃఆྃʂ
ϞόΠϧΞϓϦ։ൃࣄྫ-8 ▪Έ νϟοτ͔ΒΩʔϫʔυೖྗ ↓ AWS API GatewayΛ௨ͯ͡ɺ Lambda ↓ Lambda͔ΒAppPotΛܦ༝ͯ͠ɺ
ࣾDBͷใΛऔಘ ↓ DynamoDBʹ֨ೲͯ͠ɺ νϟοτʹ݁ՌΛදࣔ
͜Ε͔Βͷల։ • 現場作業をスマホで完結! ◦ 現場で使える便利ツールを整備。 ◦ 直⾏直帰、時短を実現 ◦ 「モバイルファースト」から「モバイルオンリー」へ • 「スマホ」をフル活⽤! ◦ 進化するスマホの機能(⾳声認識、AIなど)を アプリからフル活⽤。 ◦ 新たな働き⽅、業務改⾰を提案。
• Monaca + AppPotを使ったサンプルソースの公開 ◦ 社内DBとの連携(参照、登録、更新、削除) ◦ データの⼀覧表⽰ ⇒ データ選択して登録 ◦ ユーザ認証 ⇒これらのソース公開されていれば、最初の⼀歩が すぐに始められる。
ཁࣄ߲
• Webシステム開発の知識を使って、 モバイルアプリを作れます。 • 初期費⽤少なく始められます。 • ⾯倒な開発ツールのインストール作業、 受け側のWebシステム構築不要です。 当初思っていたよりも簡単に早く作れました。 みなさんもいかがでしょうか。 ࠷ޙʹ