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
810
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
130
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
290
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.4k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
430
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
540
Capacitor4_release
rdlabo
0
610
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
130
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
130
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Site-Speed That Sticks
csswizardry
7
580
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
71
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.6k
GraphQLとの向き合い方2022年版
quramy
46
14k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The World Runs on Bad Software
bkeepers
PRO
68
11k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
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