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

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

Masahiko Sakakibara
November 23, 2018
0
800

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
72
Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
200
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.3k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
380
JavaScriptから デバイスの力を100%引き出すための
Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
500
Capacitor4_release
rdlabo
0
600
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

Featured

See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
360
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
A Tale of Four Properties
chriscoyier
158
23k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k

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