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
Capacitorが広げるWebの可能性 / capacitor_web
Search
Masahiko Sakakibara
November 23, 2018
0
810
Capacitorが広げるWebの可能性 / capacitor_web
Node学園祭2018登壇資料です。
https://nodefest.jp/2018/schedule.html#conference-2-6
Masahiko Sakakibara
November 23, 2018
Tweet
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
120
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
270
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.4k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
420
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
530
Capacitor4_release
rdlabo
0
610
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
130
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
120
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k
Featured
See All Featured
For a Future-Friendly Web
brad_frost
177
9.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
13
840
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Designing for Performance
lara
608
69k
Agile that works and the tools we love
rasmusluckow
329
21k
Building an army of robots
kneath
305
45k
Visualization
eitanlees
146
16k
Scaling GitHub
holman
459
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.4k
Navigating Team Friction
lara
185
15k
Making the Leap to Tech Lead
cromwellryan
133
9.3k
Transcript
Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ දཧࣄɹࡗݪণ 8FCΞϓϦΛ/BUJWFΞϓϦʹ͢Δ $BQBDJUPS͕͛Δ8FCͷՄೳੑ
ࣗݾհ ࡗݪণ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ ݚڀॴදཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 *POJD+BQBOද *POJDίΞίϯτϦϏϡʔλʔ
<1SPEVDU>UJQTZT
<1SPEVDU>SBCJGZ$%/ FYBNQMFDPNDBUKQH E FYBNQMFDPNDBUKQH E
<1SPEVDU>SBCJGZ$%/
$POUSJCVUF ionic-team/ionic ionic-team/starters ionic-team/ionic-cli
$BQBDJUPS
5IF/BUJWF#SJEHFGPS$SPTT1MBUGPSN8FC"QQT 888 )5.-ΞϓϦ $BQBDJUPS
w ʮΞϓϦʯͱ͍͏8FC7JFXΛͬ ͯɺ-PDBMͷ8FCαΠτΛදࣔ w /BUJWFػೳʹΞΫηε͢ΔͨΊͷ "1*͕ར༻Ͱ͖Δ )5.-ΞϓϦͷΈ
%FTJHO(VJEFMJOF
%FTJHO(VJEFMJOF
*POJD'SBNFXPSL
4JOHMF1BHF"QQMJDBUJPO
3FBDU/BUJWF/BUJWF4DSJQUͱͷҧ͍
3FBDU/BUJWF/BUJWF4DSJQUͷΈ
)5.-ΞϓϦͷྺ࢙ χυϏࣾɺ1IPOFHBQϦϦʔε ΞυϏ͕χυϏΛങऩ 1IPOFHBQΛ"QBDIFࡒஂʹدʢ"QBDIF$PSEPWBʣ
"EPCF1IPOF(BQ "EPCF1IPOF(BQ#VJME .POBDBʢΞγΞϧࣾʣ 7J[J"QQTʢ7J[J"QQTࣾʣ *#..PCJMF'JSTU1MBUGPSNʢ*#.ࣾʣͳͲ (PPHMFɺ18"ߏΛൃද
"QBDIF$PSEPWB
"QBDIF$PSEPWBͷ՝ όʔδϣϯ ϓϥάΠϯ σβΠϯ ։ൃεϐʔυ
*POJDUFBNͷ͔Μ͕͑Δ͍͖͞ΐ͏ͷ$PSEPWB ࣍ੈ$PSEPWBʮ$BQBDJUPSʯ
$BQBDJUPSͷಛɹDPSFQMVHJOT
$BQBDJUPSͷಛɹ؆୯ʹ/BUJWF࿈ܞ Cordova → Cordova Plugin → Obj-c/Java → Native API
Capacitor → Swift/Kotlin → Native API
$BQBDJUPSͷಛɹ/BUJWF6*4IFMM /BUJWFͱ8FC7JFXͷ༥߹ .JYJOH/BUJWF6*BOE8FCXBDSPTTQMBUGPSN6*
$BQBDJUPSͷಛɹ18"&MFNFOUT $BNFSBHFU1IPUP .PEBMTBMFSU
w OQNґଘʢೋॏཧ͔Βͷग़ʣ w $PSEPWBϓϥάΠϯαϙʔτ $BQBDJUPSͷಛɹͦͷଞ
)5.-ΞϓϦ͘ͳ͍ɻ͚Ͳ͘ͳ͍ɻ https://vimeo.com/55486684
w UBQBCMFΛ͚ͭͣʹEJWʹΫϦοΫΠϕϯτ w "OHVMBSͰ+*5ίϯύΠϧ w ࣮ػͰͳ͘ΤϛϡϨʔλʔͰಈ࡞֬ೝ w )5.-ΞϓϦ͕͍ͳΒɺϒϥβ͔ΒΞΫηε͢Δ8FC ͍ͯ͢͜ͱʹͳΔݱঢ়ͱ1SPHSFTTJWF8FC"QQT ࣮ϛεͰʮ)5.-ΞϓϦ͍ʯͱצҧ͍ʁʂ
1SPHSFTTJWF8FC"QQT wϞόΠϧͷར༻࣌ؒ૿Ճ wεϚϗΞϓϦͷ৽نΠϯετʔϧ ʢϲ݄ʣ w͔ͭεϚϗΞϓϦ501͕ಠ wεϚϗΞϓϦʹൺͯɺ8&#ഒͷτϥϑΟοΫ w͍Ζ͍Ζͳ8&#ʹ๚͞ΕΔ
1SPHSFTTJWF8FC"QQT ΞϓϦΛར༻͢ΔͷʹɺϢʔβ ̍ɽΞϓϦετΞʹભҠͯ͠ ̎ɽΞϓϦΛΠϯετʔϧͯ͠ ̏ɽΞϓϦΛىಈ͠ͳ͍ͱ͍͚ͳ͍
)5.-ΞϓϦΛલ͖ʹ mobile remains the killer platform, and web is the
future.
5IF/BUJWF#SJEHFGPS$SPTT1MBUGPSN8FC"QQT 888 )5.-ΞϓϦ $BQBDJUPS
None