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
プライベートプロダクト戦略 - フロントエンドカンファレンス沖縄 / private_product_frontend
rdlabo
3
3.6k
GitHubをCMSとして使う話/ using_github_as_CMS
rdlabo
0
250
JavaScriptから デバイスの力を100%引き出すための Web APIとCapacitor入門 / power_from_javascript
rdlabo
0
350
Capacitor4_release
rdlabo
0
560
Web技術で稼ぐため選択肢を俯瞰しよう/options_to_earn_web_technology
rdlabo
0
85
Ionicモバイルアプリ制作入門/get_started_with_ionic
rdlabo
0
86
JavaScript から デバイスの力を 100%引き出すための Capacitor と Angular でのはじめかた。
rdlabo
2
1.6k
JavaScriptとSwift&JavaをつなげるCapacitorと、これからのWeb Frontend/Linking JavaScript with Swift&Java, And the future of Web Frontend.
rdlabo
0
3.3k
NestJSを活用したREST APIサーバ/REST_API_SERVER_BY_NESTJS
rdlabo
0
1.3k
Other Decks in Technology
See All in Technology
テストプロセスで大事にしていること #jasstnano
makky_tyuyan
0
130
ChatGPT for IT Service Management (IT Pro)
dahatake
2
160
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
150
人間の尊厳、幸福、アクセシビリティ / 第116回「WEB TOUCH MEETING」アクセシビリティSP
nulabinc
PRO
2
180
Garoon 開発チーム / Garoon development team
cybozuinsideout
PRO
2
2.9k
2024/4/26 コンピュータ歴史博物館解説告知
toshi_atsumi
0
200
AIQ株式会社 エンジニア向け会社紹介資料
aiqlab
0
370
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
700
Four keys改善の取り組み事例紹介
sansantech
PRO
3
230
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
110
OpenTelemetry を使ったトレースエグザンプラーの活用 / otel-trace-exemplar
k6s4i53rx
2
640
Algyan イベント振り返り
linyixian
0
190
Featured
See All Featured
Debugging Ruby Performance
tmm1
70
11k
Building Effective Engineering Teams - LeadDev
addyosmani
27
1.8k
Bash Introduction
62gerente
604
210k
How to Ace a Technical Interview
jacobian
272
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
119
38k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
Design by the Numbers
sachag
274
18k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
No one is an island. Learnings from fostering a developers community.
thoeni
14
2.1k
Raft: Consensus for Rubyists
vanstee
132
6.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Rails Girls Zürich Keynote
gr2m
91
13k
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