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
480
フジテックの情報システム戦略とアプリ内製化 / 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
340
企業向けバックエンドサービスAppPotを使ったモバイルアプリの高速開発手法 / Enterprise App development methods by AppPot
apppot
0
250
AppPotで企業向けアプリの開発はこう変わる!/ Change Apps development style by AppPot
apppot
0
1.4k
ReactとバックエンドサービスAppPotで学ぶモダンWebアプリケーション入門
apppot
1
310
企業向けバックエンドサービスAppPotのご紹介 for Monacaパートナー勉強会 / Backend Service for Enterprise "AppPot"
apppot
0
470
Swift3とバックエンドサービスを使ったサーバーレスな企業向けiOSアプリの開発手法 / Swift3 iOS App Development Method
apppot
0
890
企業向けバックエンドサービス「AppPot」を使ったUX駆動開発 / UX Driven Development by Backend service AppPot
apppot
0
230
AngularJSとバックエンドサービスAppPotで作る業務システム入門(Short Ver.)
apppot
0
140
AngularJSとバックエンドサービスAppPotで作る業務システム⼊⾨
apppot
0
1.1k
Other Decks in Programming
See All in Programming
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
segadevtech
3
960
Microsoft Orleans, Daprのアクターモデルを使い効率的に開発、デプロイを行うためのSekibanの試行錯誤 / Sekiban: Exploring Efficient Development and Deployment with Microsoft Orleans and Dapr Actor Models
tomohisa
0
210
tool ディレクティブを導入してみた感想
sgash708
1
150
開発チーム・開発組織の設計改善スキルの向上
masuda220
PRO
13
7.1k
decksh - a little language for decks
ajstarks
4
21k
Scale out your Claude Code ~自社専用Agentで10xする開発プロセス~
yukukotani
9
2.6k
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
実践 Dev Containers × Claude Code
touyu
1
240
MLH State of the League: 2026 Season
theycallmeswift
0
160
kiroでゲームを作ってみた
iriikeita
0
180
Nuances on Kubernetes - RubyConf Taiwan 2025
envek
0
190
CSC305 Summer Lecture 04
javiergs
PRO
1
100
Featured
See All Featured
Faster Mobile Websites
deanohume
309
31k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Become a Pro
speakerdeck
PRO
29
5.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
A Modern Web Designer's Workflow
chriscoyier
695
190k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
What's in a price? How to price your products and services
michaelherold
246
12k
BBQ
matthewcrist
89
9.8k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
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システム構築不要です。 当初思っていたよりも簡単に早く作れました。 みなさんもいかがでしょうか。 ࠷ޙʹ