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
840
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
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
570
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
290
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
390
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.7k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
530
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
590
Capacitor4_release
rdlabo
0
660
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
150
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
150
Featured
See All Featured
Visualization
eitanlees
150
16k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
330
Prompt Engineering for Job Search
mfonobong
0
140
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
54
48k
Paper Plane
katiecoart
PRO
0
45k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
180
Context Engineering - Making Every Token Count
addyosmani
9
580
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
74
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
0
270
Ruling the World: When Life Gets Gamed
codingconduct
0
120
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