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
クロスプラットフォーム開発環境のすゝめ
Search
zaki
February 18, 2018
Programming
0
680
クロスプラットフォーム開発環境のすゝめ
https://qiita.com/zaki_zaki/items/7fcd0fffef29e751e6e8
を社内LTした際のスライド
zaki
February 18, 2018
Tweet
Share
More Decks by zaki
See All by zaki
開発環境としての Python x Remote Container の使い道 / How to use Python x Remote Container as a development environment
zucky_zakizaki
0
810
コミット前に Lintチェックしませんか?
zucky_zakizaki
2
670
令和からはじめよう!!ブログとフロントのお勉強
zucky_zakizaki
0
110
自分を成長させる! / Grow yourself / #engineers_lt
zucky_zakizaki
0
230
コミュニティでの学びを社内に循環させる / Learning the community inside the company
zucky_zakizaki
2
1.3k
悩みにBarはいかが?
zucky_zakizaki
2
620
Barのすすめ(お酒の効能から考える)draft版
zucky_zakizaki
1
270
野毛で呑んでがやがやしようぜ!!〜初級編〜
zucky_zakizaki
0
1.6k
「登壇やLTを始めてみたい」方の 背中を押してみたい
zucky_zakizaki
0
2k
Other Decks in Programming
See All in Programming
開発効率向上のためのリファクタリングの一歩目の選択肢 ~コード分割~ / JJUG CCC 2024 Fall
ryounasso
0
370
レガシーな Android アプリのリアーキテクチャ戦略
oidy
1
170
Vue.js学習の振り返り
hiro_xre
2
130
Vue SFCのtemplateでTypeScriptの型を活用しよう
tsukkee
3
1.5k
破壊せよ!データ破壊駆動で考えるドメインモデリング / data-destroy-driven
minodriven
16
4.1k
カスタムしながら理解するGraphQL Connection
yanagii
1
1.2k
【Kaigi on Rails 2024】YOUTRUST スポンサーLT
krpk1900
1
250
現場で役立つモデリング 超入門
masuda220
PRO
13
2.9k
Nuxtベースの「WXT」でChrome拡張を作成する | Vue Fes 2024 ランチセッション
moshi1121
1
530
GitHub Actionsのキャッシュと手を挙げることの大切さとそれに必要なこと
satoshi256kbyte
5
390
Java ジェネリクス入門 2024
nagise
0
610
カラム追加で増えるActiveRecordのメモリサイズ イメージできますか?
asayamakk
4
1.6k
Featured
See All Featured
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
290
Product Roadmaps are Hard
iamctodd
PRO
48
10k
Music & Morning Musume
bryan
46
6.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
How to train your dragon (web standard)
notwaldorf
88
5.7k
GraphQLの誤解/rethinking-graphql
sonatard
66
10k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
Ruby is Unlike a Banana
tanoku
96
11k
Producing Creativity
orderedlist
PRO
341
39k
Git: the NoSQL Database
bkeepers
PRO
425
64k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
328
21k
Bash Introduction
62gerente
608
210k
Transcript
ΫϩεϓϥοτϑΥʔϜ ։ൃڥͷ͢ʍΊ
• ໊લɿ࡚ ༞थ • Twitterɿ@zucky_zakizaki • ಘҙͳ ‣ ݴޠʢC#ɺT-SQLʣ ‣
༷ͷམͱ͠ࠐΈ • ࠷ۙͷझຯ ‣ ϞόΠϧܥʢXamarinʣ ‣ WebܥʢCSSͷઃܭɺVue.jsʣ Ζ;͌ʔΔ
͜Μͳܦݧ͋Γ·ͤΜ͔ʁ ϞόΠϧΞϓϦͷษڧΛ࢝ΊΑ͏ͱͨ͠ํɾɾɾ
ελϯμʔυͳϞόΠϧΞϓϦ։ൃͬͯɾɾɾ ͲͪΒษڧ͍ͨ͠ *%&͕ҧ͏ ݴޠ͕ҧ͏ "1*͕ҧ͏ }
ͭ Β ͍ ͔͔࣌ؒΔ
None
ΫϩεϓϥοτϑΥʔϜ ։ൃڥ͕͓͢͢ΊͰ͢ ͦΜͳ͋ͳͨʹɾɾɾ
• ΫϩεϓϥοτϑΥʔϜ։ൃڥͱʁ • ωΠςΟϒΞϓϦͱϋΠϒϦουΞϓϦͷҧ͍ • ։ൃݴޠɺϑϨʔϜϫʔΫ ຊͳ͢͜ͱ
• ΫϩεϓϥοτϑΥʔϜ։ൃڥͱʁ • ωΠςΟϒΞϓϦͱϋΠϒϦουΞϓϦͷҧ͍ • ։ൃݴޠɺϑϨʔϜϫʔΫ ຊͳ͢͜ͱ
Android,iOSͳͲ ෳͷϓϥοτϑΥʔϜʹ ରͯ͠։ൃՄೳͳڥ Android,iOSͳͲ ෳͷϓϥοτϑΥʔϜʹ ରͯ͠։ൃՄೳͳڥ ΫϩεϓϥοτϑΥʔϜ։ൃڥͬͯͳʹʁ
lͳͲzͬͯʁ º • جຊAndroid×iOS • Windows, Linux, etc…ͷϓ ϥοτϑΥʔϜʹ͍ͭͯ ಉ͡ݴޠˍFWͰ։ൃ͕Մ
ೳ
04ݻ༗ʢ(14ɺΧϝϥɺFUDʜʣ 04ݻ༗ʢ(14ɺΧϝϥɺFUDʜʣ ը໘ʢϨΠΞτɺΠϕϯτॲཧʣ ϏδωεϩδοΫ ۩ମతʹʁ ڞ௨ݴޠ ίʔυڞ௨Խ ϓϥάΠϯ ݸผ࣮
ϝϦοτͱσϝϦοτ • σβΠϯɺϏδωεϩδοΫͷίʔυڞ༗Խ • OSݻ༗ʢGPSɺΧϝϥɺetc…ʣͷॲཧɺ ϓϥάΠϯʢ㲈ϥΠϒϥϦʣͰ࣮Մೳ
→ݸผ࣮΄ͲϨΠΞτΛࡉ͔͍͘͡Εͳ͍Մೳੑ͋Γ →ֶश࣮ͷ࣌ؒॖ →ֶश࣮ͷ࣌ؒॖ →֤ϓϥοτϑΥʔϜͷཧղඞཁ
w ΫϩεϓϥοτϑΥʔϜ։ൃڥͱʁ • ωΠςΟϒΞϓϦͱϋΠϒϦουΞϓϦͷҧ͍ • ։ൃݴޠɺϑϨʔϜϫʔΫ ຊͳ͢͜ͱ
ωΠςΟϒΞϓϦͱʁ ωΠςΟϒ"1* ΞϓϦέʔγϣϯ } ελϯμʔυͳ*%&ݴޠͰ ࡞ΕΔ
ϋΠϒϦουΞϓϦͱʁ ωΠςΟϒ"1* ΞϓϦέʔγϣϯ WebView } WebView σβΠϯΛ)5.-$44 ಈ࡞Λ+4ͰهࡌՄೳʂ
ωΠςΟϒΞϓϦͱϋΠϒϦουΞϓϦͷൺֱ ωΠςΟϒ ϋΠϒϦου ॲཧ ˕ J04̋ "OESPJE˛ σβΠϯ 04ґଘ ΄΅ڞ௨
ػೳ੍ ΄΅ͳ͠ ͋Γ 8FCࢿ࢈ͷ ྲྀ༻ ˛ ̋ ϋΠϒϦουͰiOS΄΅ͳ͠ Androidಈ࡞͕ॏ͘ͳΓ͕ͪ } } ϋΠϒϦουHTML/CSSͷσβΠϯ ͕దԠ͞ΕΔͨΊࠩҟ͕গͳΊ } ωΠςΟϒڥຖʹ͓࡞๏͕ҟͳΔ͕ جຊ੍ͳ͠ ϋΠϒϦουڥʹΑ੍ͬͯ͋Γ } ωΠςΟϒαʔόଆϩδοΫͳͲ ϋΠϒϦουσβΠϯؚΊ ྲྀ༻͍͢͠
• ॲཧͳΒωΠςΟϒΞϓϦɻΞχϝʔγϣϯͳͲॏ ͍ಈ࡞ແ͠ͳΒϋΠϒϦουΞϓϦͰՄ • Web։ൃऀͳΒɺϋΠϒϦουΞϓϦͷํ͕ೖ͢͠ ͦ͏ ωΠςΟϒΞϓϦͱϋΠϒϦουΞϓϦͷൺֱ
w ΫϩεϓϥοτϑΥʔϜ։ൃڥͱʁ • ωΠςΟϒΞϓϦͱϋΠϒϦουΞϓϦͷҧ͍ • ։ൃݴޠɺϑϨʔϜϫʔΫ ຊͳ͢͜ͱ
ͲΕ͚ͩछྨ͕͋Δͷʁ 1 2 3 4 5 6 7 8 9
10 11
ͲΕ͚ͩछྨ͕͋Δͷʁ 1 2 3 4 5 6 7 8 9
10 11 ͔ͳΓଟ͍ʂ ͷͰɺ
ͲΕ͚ͩछྨ͕͋Δͷʁ 1 2 3 4 5 6 7 8 9
10 11 ൈਮ͠·͢
ͲΕ͚ͩछྨ͕͋Δͷʁ 1 2 3 4 5 6 7 8 9
10 11
ಡΈํ βϚϦϯ छྨ ωΠςΟϒΞϓϦ ର *%& 7JTVBM4UVEJP 8JOEPXT .BD 3JEFS
ݴޠ $'9".- βϜϧ ࢿ࢈ .JDSPTPGU ֓ཁ
ಛ • Xamarin.Formsͱ͍͏։ൃख๏ͰɺϓϥοτϑΥʔϜ ݻ༗ʢGPSͳͲʣҎ֎ίʔυڞ௨ԽՄೳ • Visual Studio(ແঈ൛)ΛΠϯετʔϧ͢Δ͜ͱڥߏ ஙՄೳ • ϓϥοτϑΥʔϜݻ༗ػೳɺXamarin.Nativeͱݺ
ΕΔAndroid,iOSͷSDKΛബ͘ϥούʔͨ͠APIΛར ༻͢Δ͜ͱͰɺ100%࣮ݱՄೳ
ͦͷଞ • Xamarin֓ཁ - slideshare • Xamarin Overview - slideshare
• ࣄྫհ - XLSOFT༷ • Xamarin.Forms ೖ - XLSOFT༷ • ͔͖ͣͷXamarin.Forms ೖ - pdf
ಡΈํ ϦΞΫτɹωΠςΟϒ छྨ ωΠςΟϒΞϓϦ ର *%& ͳ͠ 7JTVBM4UVEJP$PEF"UPNFUDʜ ݴޠ )5.-$44+BWB4DSJQU
'83FBDU ࢿ࢈ 'BDFCPPL ֓ཁ
ಛ • React.jsΛϕʔεͱͨ͠ɺJavaScriptͰهड़Մೳͳ Android,iOSΞϓϦ։ൃ͚ͷڥ • npmίϚϯυΛ༻͍ͯʮcreate-react-native-appʯΛ Πϯετʔϧ͢Δ͚ͩͰڥߏஙՄೳ • ϓϥοτϑΥʔϜݻ༗ػೳɺReact NativeͷAPIͱ
࣮͍ͯͯ͠͠Δ༷ࢠ͕ͩɺແ͍߹ Android(Java)ɺiOS(Obj-C,Swift)ͷ࣮͕ඞཁ
ͦͷଞ • React NativeͰ࢝ΊΔΞϓϦ։ൃ - slideshare • create-react-native-appͷઆ໌ - ٕज़ϒϩά
• ωΠςΟϒϞδϡʔϧͷ࡞Γํ - ٕज़ϒϩά
ಡΈํ ίτϦϯɹωΠςΟϒ छྨ ωΠςΟϒΞϓϦ ର *%& $-JPO 9$PEF"OESPJE4UVEJP ݴޠ
,PUMJO ࢿ࢈ +FU#SBJOT ֓ཁ
ಛ • 2017ʹAndroidެࣜݴޠͱͳͬͨKotlinɺΫϩεϓ ϥοτϑΥʔϜʹಛԽͨ͠ݴޠʢͱ͍͏ΑΓFWʁʣ • IDECLion͕ϝΠϯ͕ͩɺ·ͩΫϩεϓϥοτ ϑΥʔϜ͚ͷϓϩδΣΫτ࡞Εͳ͍ • 2017͔ΒWindows /
iOS / WebAssembly·Ͱα ϙʔτରͱͳͬͨʢ͍͕͋Δʂʣ
ͦͷଞ • KotlinConf 2017 ·ͱΊ - ٕज़ϒϩά • Kotlin Enucation
Tools - Jet Brains༷ • Kotlin/NativeͰiOSΞϓϦΛ࡞ͬͯΈΔ - Qiita
·ͱΊ • C#(.Net / Mono)ܦݧऀͳΒXamarinɺ Web(ϑϩϯτ)ܦݧऀͳΒReactNative͕ೖͦ͢͠͏ →XamarinOSݻ༗ػೳ͕100%࣮ݱՄೳͳͷͰɺ ɹAndroidiOSͷSDKֶशͷͨΊͷπʔϧͱͯ͠ ɹ࢝ΊͯΑ͍͔ɻ ˠReactNativeɺReact.js→ReactNativeͱֶशͨ͠ํ͕
ɹεϜʔζʹೖͰ͖ͦ͏ɻ • Kotlin/Native·ͩߥΓ͚ͩͲɺJavaΛ༻͍ͯͨ͠ Android/Web։ൃऀ͔ΒਓؾʂཁνΣοΫʂ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠