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
740
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
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
300
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
420
Capacitor4_release
rdlabo
0
580
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
91
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
89
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.7k
JavaScriptとSwift&JavaをつなげるCapacitorと、これからのWeb Frontend/Linking JavaScript with Swift&Java, And the future of Web Frontend.
rdlabo
0
3.4k
NestJSを活用したREST APIサーバ/REST_API_SERVER_BY_NESTJS
rdlabo
0
1.4k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
24
3.2k
Thoughts on Productivity
jonyablonski
64
4.1k
Visualization
eitanlees
139
14k
Producing Creativity
orderedlist
PRO
340
39k
Designing the Hi-DPI Web
ddemaree
276
34k
How STYLIGHT went responsive
nonsquared
93
5k
Creatively Recalculating Your Daily Design Routine
revolveconf
214
11k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
Design by the Numbers
sachag
277
18k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
Statistics for Hackers
jakevdp
792
220k
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