$30 off During Our Annual Pro Sale. View Details »

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

Masahiko Sakakibara
November 23, 2018
0
780

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.2k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
360
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
480
Capacitor4_release
rdlabo
0
590
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
110
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
98
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.6k
NestJSを活用したREST APIサーバ/REST_API_SERVER_BY_NESTJS
rdlabo
0
1.4k

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Agile that works and the tools we love
rasmusluckow
328
21k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
2
250
Making Projects Easy
brettharned
116
5.9k
The Power of CSS Pseudo Elements
geoffreycrofte
73
5.4k
The Cost Of JavaScript in 2023
addyosmani
45
6.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Six Lessons from altMBA
skipperchong
27
3.5k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.7k
The Language of Interfaces
destraynor
154
24k

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