Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Capacitorが広げるWebの可能性 / capacitor_web
Search
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
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
64
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
190
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / 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
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
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Faster Mobile Websites
deanohume
306
31k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Site-Speed That Sticks
csswizardry
4
380
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
9
440
Building Adaptive Systems
keathley
40
2.4k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Speed Design
sergeychernyshev
27
790
Transcript
Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ දཧࣄɹࡗݪণ 8FCΞϓϦΛ/BUJWFΞϓϦʹ͢Δ $BQBDJUPS͕͛Δ8FCͷՄೳੑ
ࣗݾհ ࡗݪণ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ ݚڀॴදཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 *POJD+BQBOද *POJDίΞίϯτϦϏϡʔλʔ
<1SPEVDU>UJQTZT
<1SPEVDU>SBCJGZ$%/ FYBNQMFDPNDBUKQH E FYBNQMFDPNDBUKQH E
<1SPEVDU>SBCJGZ$%/
$POUSJCVUF ionic-team/ionic ionic-team/starters ionic-team/ionic-cli
$BQBDJUPS
5IF/BUJWF#SJEHFGPS$SPTT1MBUGPSN8FC"QQT 888 )5.-ΞϓϦ $BQBDJUPS
w ʮΞϓϦʯͱ͍͏8FC7JFXΛͬ ͯɺ-PDBMͷ8FCαΠτΛදࣔ w /BUJWFػೳʹΞΫηε͢ΔͨΊͷ "1*͕ར༻Ͱ͖Δ )5.-ΞϓϦͷΈ
%FTJHO(VJEFMJOF
%FTJHO(VJEFMJOF
*POJD'SBNFXPSL
4JOHMF1BHF"QQMJDBUJPO
3FBDU/BUJWF/BUJWF4DSJQUͱͷҧ͍
3FBDU/BUJWF/BUJWF4DSJQUͷΈ
)5.-ΞϓϦͷྺ࢙ χυϏࣾɺ1IPOFHBQϦϦʔε ΞυϏ͕χυϏΛങऩ 1IPOFHBQΛ"QBDIFࡒஂʹدʢ"QBDIF$PSEPWBʣ
"EPCF1IPOF(BQ "EPCF1IPOF(BQ#VJME .POBDBʢΞγΞϧࣾʣ 7J[J"QQTʢ7J[J"QQTࣾʣ *#..PCJMF'JSTU1MBUGPSNʢ*#.ࣾʣͳͲ (PPHMFɺ18"ߏΛൃද
"QBDIF$PSEPWB
"QBDIF$PSEPWBͷ՝ όʔδϣϯ ϓϥάΠϯ σβΠϯ ։ൃεϐʔυ
*POJDUFBNͷ͔Μ͕͑Δ͍͖͞ΐ͏ͷ$PSEPWB ࣍ੈ$PSEPWBʮ$BQBDJUPSʯ
$BQBDJUPSͷಛɹDPSFQMVHJOT
$BQBDJUPSͷಛɹ؆୯ʹ/BUJWF࿈ܞ Cordova → Cordova Plugin → Obj-c/Java → Native API
Capacitor → Swift/Kotlin → Native API
$BQBDJUPSͷಛɹ/BUJWF6*4IFMM /BUJWFͱ8FC7JFXͷ༥߹ .JYJOH/BUJWF6*BOE8FCXBDSPTTQMBUGPSN6*
$BQBDJUPSͷಛɹ18"&MFNFOUT $BNFSBHFU1IPUP .PEBMTBMFSU
w OQNґଘʢೋॏཧ͔Βͷग़ʣ w $PSEPWBϓϥάΠϯαϙʔτ $BQBDJUPSͷಛɹͦͷଞ
)5.-ΞϓϦ͘ͳ͍ɻ͚Ͳ͘ͳ͍ɻ https://vimeo.com/55486684
w UBQBCMFΛ͚ͭͣʹEJWʹΫϦοΫΠϕϯτ w "OHVMBSͰ+*5ίϯύΠϧ w ࣮ػͰͳ͘ΤϛϡϨʔλʔͰಈ࡞֬ೝ w )5.-ΞϓϦ͕͍ͳΒɺϒϥβ͔ΒΞΫηε͢Δ8FC ͍ͯ͢͜ͱʹͳΔݱঢ়ͱ1SPHSFTTJWF8FC"QQT ࣮ϛεͰʮ)5.-ΞϓϦ͍ʯͱצҧ͍ʁʂ
1SPHSFTTJWF8FC"QQT wϞόΠϧͷར༻࣌ؒ૿Ճ wεϚϗΞϓϦͷ৽نΠϯετʔϧ ʢϲ݄ʣ w͔ͭεϚϗΞϓϦ501͕ಠ wεϚϗΞϓϦʹൺͯɺ8&#ഒͷτϥϑΟοΫ w͍Ζ͍Ζͳ8&#ʹ๚͞ΕΔ
1SPHSFTTJWF8FC"QQT ΞϓϦΛར༻͢ΔͷʹɺϢʔβ ̍ɽΞϓϦετΞʹભҠͯ͠ ̎ɽΞϓϦΛΠϯετʔϧͯ͠ ̏ɽΞϓϦΛىಈ͠ͳ͍ͱ͍͚ͳ͍
)5.-ΞϓϦΛલ͖ʹ mobile remains the killer platform, and web is the
future.
5IF/BUJWF#SJEHFGPS$SPTT1MBUGPSN8FC"QQT 888 )5.-ΞϓϦ $BQBDJUPS
None