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
430
フジテックの情報システム戦略とアプリ内製化 / 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
800
企業向けバックエンドサービス「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
コンテナをたくさん詰め込んだシステムとランタイムの変化
makihiro
1
120
採用事例の少ないSvelteを選んだ理由と それを正解にするためにやっていること
oekazuma
2
1k
fs2-io を試してたらバグを見つけて直した話
chencmd
0
220
tidymodelsによるtidyな生存時間解析 / Japan.R2024
dropout009
1
730
17年周年のWebアプリケーションにTanStack Queryを導入する / Implementing TanStack Query in a 17th Anniversary Web Application
saitolume
0
250
複雑な仕様に立ち向かうアーキテクチャ
myohei
0
170
range over funcの使い道と非同期N+1リゾルバーの夢 / about a range over func
mackee
0
110
From Translations to Multi Dimension Entities
alexanderschranz
2
130
フロントエンドのディレクトリ構成どうしてる? Feature-Sliced Design 導入体験談
osakatechlab
8
4.1k
たのしいparse.y
ydah
3
120
【re:Growth 2024】 Aurora DSQL をちゃんと話します!
maroon1st
0
770
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
66
4.5k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
510
Code Reviewing Like a Champion
maltzj
520
39k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Speed Design
sergeychernyshev
25
670
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
GitHub's CSS Performance
jonrohan
1030
460k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
Navigating Team Friction
lara
183
15k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
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システム構築不要です。 当初思っていたよりも簡単に早く作れました。 みなさんもいかがでしょうか。 ࠷ޙʹ