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

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

Masahiko Sakakibara
November 23, 2018
0
790

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
Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
140
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.3k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
370
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
490
Capacitor4_release
rdlabo
0
590
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
110
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
110
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k
JavaScriptとSwift&JavaをつなげるCapacitorと、これからのWeb Frontend/Linking JavaScript with Swift&Java,
And the future of Web Frontend.
rdlabo
0
3.6k

Featured

See All Featured
The World Runs on Bad Software
bkeepers
PRO
66
11k
BBQ
matthewcrist
85
9.4k
Fireside Chat
paigeccino
34
3.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
870
A Modern Web Designer's Workflow
chriscoyier
693
190k
Adopting Sorbet at Scale
ufuk
74
9.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
3
360
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Designing Experiences People Love
moore
139
23k
Optimising Largest Contentful Paint
csswizardry
33
3k

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