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
720
クロスプラットフォーム開発環境のすゝめ
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
900
コミット前に Lintチェックしませんか?
zucky_zakizaki
2
740
令和からはじめよう!!ブログとフロントのお勉強
zucky_zakizaki
0
120
自分を成長させる! / Grow yourself / #engineers_lt
zucky_zakizaki
0
260
コミュニティでの学びを社内に循環させる / Learning the community inside the company
zucky_zakizaki
2
1.4k
悩みにBarはいかが?
zucky_zakizaki
2
690
Barのすすめ(お酒の効能から考える)draft版
zucky_zakizaki
1
310
野毛で呑んでがやがやしようぜ!!〜初級編〜
zucky_zakizaki
0
1.7k
「登壇やLTを始めてみたい」方の 背中を押してみたい
zucky_zakizaki
0
2.1k
Other Decks in Programming
See All in Programming
生成AI、実際どう? - ニーリーの場合
nealle
0
140
Google I/O recap web編 大分Web祭り2025
kponda
0
2.9k
Claude Code と OpenAI o3 で メタデータ情報を作る
laket
0
130
DataformでPythonする / dataform-de-python
snhryt
0
180
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
12
2.7k
#QiitaBash TDDで(自分の)開発がどう変わったか
ryosukedtomita
1
370
React 使いじゃなくても知っておきたい教養としての React
oukayuka
18
5.8k
Introduction to Git & GitHub
latte72
0
110
LLMOpsのパフォーマンスを支える技術と現場で実践した改善
po3rin
8
960
Nuances on Kubernetes - RubyConf Taiwan 2025
envek
0
180
JetBrainsのAI機能の紹介 #jjug
yusuke
0
210
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
590
Featured
See All Featured
KATA
mclloyd
32
14k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Site-Speed That Sticks
csswizardry
10
780
The Cult of Friendly URLs
andyhume
79
6.5k
Done Done
chrislema
185
16k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Documentation Writing (for coders)
carmenintech
73
5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Docker and Python
trallard
45
3.5k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
770
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։ൃऀ͔ΒਓؾʂཁνΣοΫʂ
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠