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
460
フジテックの情報システム戦略とアプリ内製化 / 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
330
企業向けバックエンドサービスAppPotを使ったモバイルアプリの高速開発手法 / Enterprise App development methods by AppPot
apppot
0
240
AppPotで企業向けアプリの開発はこう変わる!/ Change Apps development style by AppPot
apppot
0
1.4k
ReactとバックエンドサービスAppPotで学ぶモダンWebアプリケーション入門
apppot
1
300
企業向けバックエンドサービスAppPotのご紹介 for Monacaパートナー勉強会 / Backend Service for Enterprise "AppPot"
apppot
0
460
Swift3とバックエンドサービスを使ったサーバーレスな企業向けiOSアプリの開発手法 / Swift3 iOS App Development Method
apppot
0
870
企業向けバックエンドサービス「AppPot」を使ったUX駆動開発 / UX Driven Development by Backend service AppPot
apppot
0
220
AngularJSとバックエンドサービスAppPotで作る業務システム入門(Short Ver.)
apppot
0
130
AngularJSとバックエンドサービスAppPotで作る業務システム⼊⾨
apppot
0
1.1k
Other Decks in Programming
See All in Programming
SwiftDataのカスタムデータストアを試してみた
1mash0
0
150
読書シェア会 vol.4 『ダイナミックリチーミング 第2版』
kotaro666
0
110
ComposeでのPicture in Picture
takathemax
0
140
設計の本質:コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
nrslib
10
3.8k
Browser and UI #2 HTML/ARIA
ken7253
2
180
一緒に働きたくなるプログラマの思想 #QiitaConference
mu_zaru
82
21k
オープンソースコントリビュート入門
_katsuma
0
130
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
910
最速Green Tea 🍵 Garbage Collector
kuro_kurorrr
1
130
Bedrock × Confluenceで簡単(?)社内RAG
iharuoru
1
130
The New Developer Workflow: How AI Transforms Ideas into Code
danielsogl
0
140
AIコーディングの本質は“コード“ではなく“構造“だった / The essence of AI coding is not “code” but "structure
seike460
PRO
2
450
Featured
See All Featured
Building an army of robots
kneath
305
45k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
34
2.2k
Code Reviewing Like a Champion
maltzj
523
40k
Faster Mobile Websites
deanohume
307
31k
Docker and Python
trallard
44
3.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
105
19k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Become a Pro
speakerdeck
PRO
28
5.3k
It's Worth the Effort
3n
184
28k
4 Signs Your Business is Dying
shpigford
183
22k
How STYLIGHT went responsive
nonsquared
100
5.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システム構築不要です。 当初思っていたよりも簡単に早く作れました。 みなさんもいかがでしょうか。 ࠷ޙʹ