Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Capacitorが広げるWebの可能性 / capacitor_web

Masahiko Sakakibara
November 23, 2018
0
760

Capacitorが広げるWebの可能性 / capacitor_web

Node学園祭2018登壇資料です。
https://nodefest.jp/2018/schedule.html#conference-2-6

Masahiko Sakakibara

November 23, 2018
Tweet

More Decks by Masahiko Sakakibara

See All by Masahiko Sakakibara
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.1k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
340
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
460
Capacitor4_release
rdlabo
0
580
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
100
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
90
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.5k
NestJSを活用したREST APIサーバ/REST_API_SERVER_BY_NESTJS
rdlabo
0
1.4k

Featured

See All Featured
A Modern Web Designer's Workflow
chriscoyier
692
190k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
37
6.8k
Infographics Made Easy
chrislema
239
18k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
What's in a price? How to price your products and services
michaelherold
243
11k
Thoughts on Productivity
jonyablonski
67
4.2k
Optimising Largest Contentful Paint
csswizardry
31
2.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.7k
The Cost Of JavaScript in 2023
addyosmani
43
5.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
6
230
How to train your dragon (web standard)
notwaldorf
87
5.6k

Transcript

  1. Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ
 ୅දཧࣄɹࡗݪণ඙ 8FCΞϓϦΛ/BUJWFΞϓϦʹ͢Δ $BQBDJUPS͕޿͛Δ8FCͷՄೳੑ

  2. ࣗݾ঺հ ࡗݪণ඙ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ
 ݚڀॴ୅දཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ
 ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 *POJD+BQBO୅ද
 *POJDίΞίϯτϦϏϡʔλʔ

  3. <1SPEVDU>UJQTZT

  4. <1SPEVDU>SBCJGZ$%/ FYBNQMFDPNDBUKQH E FYBNQMFDPNDBUKQH E

  5. <1SPEVDU>SBCJGZ$%/

  6. $POUSJCVUF ionic-team/ionic ionic-team/starters ionic-team/ionic-cli

  7. $BQBDJUPS

  8. 5IF/BUJWF#SJEHFGPS$SPTT1MBUGPSN8FC"QQT 888 )5.-ΞϓϦ $BQBDJUPS

  9. w ʮΞϓϦʯͱ͍͏8FC7JFXΛ࢖ͬ ͯɺ-PDBMͷ8FCαΠτΛදࣔ w /BUJWFػೳʹΞΫηε͢ΔͨΊͷ "1*͕ར༻Ͱ͖Δ )5.-ΞϓϦͷ࢓૊Έ

  10. %FTJHO(VJEFMJOF

  11. %FTJHO(VJEFMJOF

  12. *POJD'SBNFXPSL

  13. 4JOHMF1BHF"QQMJDBUJPO

  14. 3FBDU/BUJWF/BUJWF4DSJQUͱͷҧ͍

  15. 3FBDU/BUJWF/BUJWF4DSJQUͷ࢓૊Έ

  16. )5.-ΞϓϦͷྺ࢙ ೥  χυϏࣾɺ1IPOFHBQϦϦʔε ೥  ΞυϏ͕χυϏΛങऩ  1IPOFHBQΛ"QBDIFࡒஂʹد෇ʢ"QBDIF$PSEPWBʣ ೥

     "EPCF1IPOF(BQ  "EPCF1IPOF(BQ#VJME  .POBDBʢΞγΞϧࣾʣ  7J[J"QQTʢ7J[J"QQTࣾʣ  *#..PCJMF'JSTU1MBUGPSNʢ*#.ࣾʣͳͲ (PPHMFɺ18"ߏ૝Λൃද

  17. "QBDIF$PSEPWB

  18. "QBDIF$PSEPWBͷ՝୊ όʔδϣϯ ϓϥάΠϯ σβΠϯ ։ൃεϐʔυ

  19. *POJDUFBNͷ͔Μ͕͑Δ͍͖͞ΐ͏ͷ$PSEPWB ࣍ੈ୅$PSEPWBʮ$BQBDJUPSʯ

  20. $BQBDJUPSͷಛ௃ɹDPSFQMVHJOT

  21. $BQBDJUPSͷಛ௃ɹ؆୯ʹ/BUJWF࿈ܞ Cordova → Cordova Plugin → Obj-c/Java → Native API


    Capacitor → Swift/Kotlin → Native API

  22. $BQBDJUPSͷಛ௃ɹ/BUJWF6*4IFMM /BUJWFͱ8FC7JFXͷ༥߹ .JYJOH/BUJWF6*BOE8FCXBDSPTTQMBUGPSN6*

  23. $BQBDJUPSͷಛ௃ɹ18"&MFNFOUT $BNFSBHFU1IPUP .PEBMTBMFSU

  24. w OQNґଘʢೋॏ؅ཧ͔Βͷ୤ग़ʣ w $PSEPWBϓϥάΠϯαϙʔτ $BQBDJUPSͷಛ௃ɹͦͷଞ

  25. )5.-ΞϓϦ͸଎͘͸ͳ͍ɻ͚Ͳ஗͘͸ͳ͍ɻ https://vimeo.com/55486684

  26. w UBQBCMFΛ͚ͭͣʹEJWʹΫϦοΫΠϕϯτ w "OHVMBSͰ+*5ίϯύΠϧ w ࣮ػͰ͸ͳ͘ΤϛϡϨʔλʔͰಈ࡞֬ೝ w )5.-ΞϓϦ͕஗͍ͳΒɺϒϥ΢β͔ΒΞΫηε͢Δ8FC ͸͢΂ͯ஗͍͜ͱʹͳΔݱঢ়ͱ1SPHSFTTJWF8FC"QQT ࣮૷ϛεͰʮ)5.-ΞϓϦ͸஗͍ʯͱצҧ͍΋ʁʂ

  27. 1SPHSFTTJWF8FC"QQT wϞόΠϧͷར༻࣌ؒ͸૿Ճ܏޲ wεϚϗΞϓϦͷ৽نΠϯετʔϧ
 ͸͸ʢϲ݄ʣ w͔ͭεϚϗΞϓϦ͸501͕ಠ઎ wεϚϗΞϓϦʹൺ΂ͯɺ8&#͸ഒͷτϥϑΟοΫ w͍Ζ͍Ζͳ8&#ʹ๚໰͞ΕΔ

  28. 1SPHSFTTJWF8FC"QQT ΞϓϦΛར༻͢ΔͷʹɺϢʔβ͸ ̍ɽΞϓϦετΞʹભҠͯ͠
 ̎ɽΞϓϦΛΠϯετʔϧͯ͠
 ̏ɽΞϓϦΛىಈ͠ͳ͍ͱ͍͚ͳ͍


  29. )5.-ΞϓϦΛલ޲͖ʹ mobile remains the killer platform, and web is the

    future.

  30. 5IF/BUJWF#SJEHFGPS$SPTT1MBUGPSN8FC"QQT 888 )5.-ΞϓϦ $BQBDJUPS

  31. None