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

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

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

More Decks by Masahiko Sakakibara

See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
92
Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
240
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.4k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
400
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
520
Capacitor4_release
rdlabo
0
600
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
120
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
120
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k

Featured

See All Featured
Code Review Best Practice
trishagee
67
18k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Practical Orchestrator
shlominoach
187
10k
Automating Front-end Workflow
addyosmani
1369
200k
A Tale of Four Properties
chriscoyier
158
23k
Facilitating Awesome Meetings
lara
53
6.3k
Testing 201, or: Great Expectations
jmmastey
42
7.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Faster Mobile Websites
deanohume
306
31k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k

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