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
Webの未来を切り開くIonic Framework/wep-pwa-ionic-framework
Search
Masahiko Sakakibara
August 06, 2017
Technology
1
1.1k
Webの未来を切り開くIonic Framework/wep-pwa-ionic-framework
Masahiko Sakakibara
August 06, 2017
Tweet
Share
More Decks by Masahiko Sakakibara
See All by Masahiko Sakakibara
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
74
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
210
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
4.3k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
390
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
510
Capacitor4_release
rdlabo
0
600
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
120
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
110
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.8k
Other Decks in Technology
See All in Technology
急成長する企業で作った、エンジニアが輝ける制度/ 20250227 Rinto Ikenoue
shift_evolve
0
180
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
140
[OpsJAWS Meetup33 AIOps] Amazon Bedrockガードレールで守る安全なAI運用
akiratameto
1
120
手を動かしてレベルアップしよう!
maruto
0
240
Qiita Organizationを導入したら、アウトプッターが爆増して会社がちょっと有名になった件
minorun365
PRO
0
150
Potential EM 制度を始めた理由、そして2年後にやめた理由 - EMConf JP 2025
hoyo
2
2.9k
Pwned Labsのすゝめ
ken5scal
2
520
LINE NEWSにおけるバックエンド開発
lycorptech_jp
PRO
0
320
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
190
LINEギフトにおけるバックエンド開発
lycorptech_jp
PRO
0
380
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
160
大規模アジャイルフレームワークから学ぶエンジニアマネジメントの本質
staka121
PRO
3
1.3k
Featured
See All Featured
A Philosophy of Restraint
colly
203
16k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Scaling GitHub
holman
459
140k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Rails Girls Zürich Keynote
gr2m
94
13k
Adopting Sorbet at Scale
ufuk
75
9.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
A Tale of Four Properties
chriscoyier
158
23k
Bash Introduction
62gerente
611
210k
Git: the NoSQL Database
bkeepers
PRO
428
65k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
520
Transcript
Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯݚڀॴ දཧࣄɹࡗݪণ 8FCͷະདྷΛΓ։͘*POJD'SBNFXPSL
ࣗݾհ ࡗݪণ Ұൠࣾஂ๏ਓϦϨʔγϣϯσβΠϯ ݚڀॴදཧࣄ Ұൠࣾஂ๏ਓΤϦΞɾ ΠϊϕʔγϣϯɾΞϥΠΞϯε$50 ञॲ͔͖͞ ళओ ຊͷϋογϡλά #ionic_jp
#cybozutech
)5.-ΞϓϦΛͭ͘ΔͨΊͷશ෦ ೖΓϑϨʔϜϫʔΫ w "OHVMBSʢ(PPHMFʣ͕ w λεΫϥϯφʔɺϥΠϒϦϩʔυ ͳͲͷ૯߹։ൃڥ͕σϑΥϧτ Ͱ༻ҙ͞Ε͍ͯͯ w $PSEPWBɺ18"ʹσϑΥϧτରԠ
w #PPUTUSBQͷΑ͏ͳ6*ίϯϙʔω ϯτΛ࣋ͪ *POJD'SBNFXPSLͱ
ςοΫϑΟʔυʢ0QFO8FC5FDIOPMPHZ$PSQʣ
)JCFFʢ&YDJUF+BQBO$P -UEʣ
.D%POBMET5ÛSLJZFʢ"OBEPMVʜ-UEŞUJʣ
$ npm install -g ionic cordova <= Ionicをはじめる準備(CLI) $ ionic
start ProjectName <= プロジェクトを作成 $ ionic serve <= 開発開始 ͡Ίํ
<֮͑ํ>VTFDBTF͔ΒֶͿ$POQPOFOUT IUUQJPOJDUFBNHJUIVCJPJPOJDDPOGFSFODFBQQXXX
͞Βʹ JPOJDDPSEPWBCVJMEJPTcBOESPJE w εϚϗΞϓϦͱͯ͠Մೳ w ϦιʔεͰෳΞϓϦϦϦʔ ε w J5VOFT4UPSF(PPHMF1MBZ 8JOEPXT1IPOF
w &MFDUSPOͰίϯύΠϧ͢Δͱ σεΫτοϓΞϓϦɻ $PSEPWBͰ8FCΛεϚϗΞϓϦ
͜͜·Ͱɺ*POJDʹ͋Γ·ͨ͠ΑͶɻ
ɺ)5.-ͰΞϓϦΛͭ͘ΔͷͰͳ͘ )5.-͕ΞϓϦʹͳΔ࣌Ͱ͢ɻ
ΦϑϥΠϯͰͷදࣔʢΩϟογϡදࣔʣ w ࣗͰνΣοΫ͓ͯ͠ؾʹೖΓʹೖΕ͓ͨ ళใΛग़ઌͰݟ͢ w ిंͷதͰϒϥβόοΫͨ͠ॠؒʹτϯ ωϧʹೖͬͨ w ʰΠϯλʔωοτଓ͕͋Γ·ͤΜʱ ͨΓલʁ
σϞ IUUQTBJSBSFBJBKQ 18"Ͱ8FCΛΞϓϦԽ
1VTI௨ ࢈ܦ৽ฉΛ͡Ίͱͯ͠ଟ͘ͷେखϝσΟ Ξ'BDFCPPL5XJUUFSͳͲ͕͢Ͱʹ࣮ ɻϒϥβͰ1VTI௨͕ૹΕ·͢ɻ ͦͷଞ w ΞϓϦͱͯ͠Πϯετʔϧ ʢ5XJUUFS-JUF.#ҎԼͰىಈ ࣌ؒΞοϓʣ w
(14ͷߴਫ਼ิ 18"Ͱ8FCΛΞϓϦԽ
ىಈ͍ΜͰ͠ΐʁ (PPHMFݕࡧͰͪΌΜͱಡΈࠐΜͰ͘Εͳ͍ͷͰ 0(1λάͱ͔ͪΌΜͱಈ͔ͳ͍ΜͰ͠ΐʁ 4BGBSJͱ͔"QQMFͰಈ͔ͳ͍ͷͰ 18"͍ͬͯ·͍ͪ͡Όͳ͍ͷʁ
w *POJD͔Β!*POJD1BHF͕ಋೖɻ$PNQPOFOUTຖʹ.PEVMFΛׂ ͯ͠Ԇϩʔυ w ಉ࣌ʹ%PDVNFOUT͔Β%FFQ-JOL͕ͳ͘ͳͬͨɻ w *POJD$-*ͷJPOJDHͰσϑΥϧτͰ.PEVMFׂͯ͠ੜ w ࠓޙํޓͰ͑Δ͚Ͳɺকདྷతʹ!*POJD1BHFΛΘͳ͍ͷ όουϊϋʹͳΓͦ͏
w ͳͷʹͳ͔ͥσϑΥϧτςϯϓϨʔτະͩ!*POJD1BHFඇରԠ 18"ͬͯىಈ͍Ͱ͠ΐʁ
18"ͬͯىಈ͍Ͱ͠ΐʁ
18"ͬͯىಈ͍Ͱ͠ΐʁ
18"ͬͯىಈ͍Ͱ͠ΐʁ
(PPHMFݕࡧͰͪΌΜͱಡΈࠐΜͰ͘Εͳ͍Ͱ͠ΐʁ
(PPHMFݕࡧͰͪΌΜͱಡΈࠐΜͰ͘Εͳ͍Ͱ͠ΐʁ
w QSFSFOEFSJPΛ͏͜ͱͰରԠ Մೳɻ w ؆୯ʹ͍͏ͱɺSPCPU͕͖ͨ࣌ͩ ͚ϨϯμϦϯάࡁΈίϯςϯπ Λฦ͢Έɻ/FUMJGZΛ͏ͱ ແྉͰ͑ΔΑɻ w "OHVMBSͷ.FUB"1*Ͱ.FUBΛ
ॻ͖͑·͢ w W͔Β443ʹσϑΥϧτରԠ ͢Δ͔ΒͬͱָʹͳΓͦ͏ 0(1λάͱ͔ͪΌΜͱಈ͔ͳ͍Ͱ͠ΐʁ
0(1λάͱ͔ͪΌΜͱಈ͔ͳ͍Ͱ͠ΐʁɿ࣮ࣄྫ
4BGBSJͱ͔"QQMFͰಈ͔ͳ͍ͷͰ
<֮͑ํ>$PNQPOFOUT"1*ΛͲ͏ͬͯ͏͔ IUUQJPOJDGSBNFXPSLDPNEPDTDPNQPOFOUT
<֮͑ํ>࠷ͰΞϓϦΛϦϦʔεͯ͠ΈΔ IUUQJPOJDXQDPN
<֮͑ํ>*POJD81DPNΛࢼ͢ΞϓϦXQQPDLFU IUUQTQPDLFUJPOJDXQDPN
ʮԶͷՇ͕ՄѪ͍ʯͷJ04"OESPJEΞϓϦ࣌ؒͰϦϦʔε ެ։ॳʹόζͬͯؒͰສ17ɻઌिɺ/),ʹͱΓ͋͛ΒΕͨʮԶՇʯ
w લɺ8PSE1SFTTΛ֮͑Δ͚ͩͰ Ҋ݅୯ՁສҎ্େ͖͘ͳͬͨ w ֶशίετ͕ʂͱ͍ͬͯͨ)5.-ίʔ μʔ͕Ͳ͏ͳ͔ͬͨ͝ଘͷ௨Γ w 8FCΞϓϦɺJ04ΞϓϦɺ"OESPJEΞ ϓϦΛผʑʹͭͬͨ͘߹ͷίετ ʁ"MMJO0OFͰͭͬͨ͘ΒҊ݅୯
Ձʁ w ʮ৽͍ٕ͠ज़ʯͰͳ͘ʮ͔Δٕज़ʯ Ͱ͋ΔՄೳੑ ୈೋͷ8PSE1SFTTʹͳΔ͔
w ͜ͷؒͰωΠςΟϒ։ൃ ͔Βݮগ w εϚʔτΥονͷ։ൃऀ͕ ͍ΔΒ͍͠ w "84ΑΓ'JSFCBTFͷํ͕Α͘ ΘΕ͍ͯΔʢϓογϡ௨Ͱ ɺͱʣ
w .JDSPTPGUͷ։ൃͨ͠7JTVBM 4UVEJP$PEF͕τοϓγΣΞ w *POJDΛબΜͩਓɺ6*ίϯϙʔ ωϯτͷσβΠϯ͕ؾʹೖͬͯ Δ w 8FC։ൃऀ͕ϞόΠϧΞϓϦ։ ൃऀͱҠߦͯ͠Δ *POJD%FWFMPQFS4FSWFZ ϑΥʔϥϜͰ$44ͷ࣭Λ͢ΔͬͯΔɻ
w TMBDLͷΦʔϓϯνϟϯωϧʢIUUQTJPOJDTMBDLDPNʣ͋Δͷ Ͱɺ͍࢝ΊͯΘ͔Βͳ͍͜ͱ͋ͬͨΒϔϧϓٻΊΒΕ·͢ w ฐࣾͰ*POJDTVQQPSUQSPHSBN͡Ί·͢ɻϦϑΝΫλϯάΦϓγϣ ϯ͢Δ༧ఆɻҊ݅ಋೖʹٕज़తʹΜͰΔํ͓͍߹ΘͤԼ͍͞ w ࠙ձͰͰɺฉ͍ͯԼ͍͞ɻ ฉ͘ɺͰऴΘΒͳ͍ͨΊʹ
None