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
330
企業向けバックエンドサービス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
460
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
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
260
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
840
20250708_JAWS_opscdk
takuyay0ne
2
120
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
450
Goで作る、開発・CI環境
sin392
0
260
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
280
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
3
470
PicoRuby on Rails
makicamel
2
140
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
What's new in AppKit on macOS 26
1024jp
0
140
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
500
技術同人誌をMCP Serverにしてみた
74th
1
680
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
700
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Visualization
eitanlees
146
16k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Agile that works and the tools we love
rasmusluckow
329
21k
How STYLIGHT went responsive
nonsquared
100
5.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
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システム構築不要です。 当初思っていたよりも簡単に早く作れました。 みなさんもいかがでしょうか。 ࠷ޙʹ