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
73
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
500
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
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
640
JavaにおけるNull非許容性
skrb
2
2.6k
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
140
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
270
Change Managerを活用して本番環境へのセキュアなGUIアクセスを統制する / Control Secure GUI Access to the Production Environment with Change Manager
yuj1osm
0
100
データベースの負荷を紐解く/untangle-the-database-load
emiki
2
500
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
2
220
遷移の高速化 ヤフートップの試行錯誤
narirou
6
1.1k
実は強い 非ViTな画像認識モデル
tattaka
2
1.2k
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
350
クラウドサービス事業者におけるOSS
tagomoris
4
1k
"TEAM"を導入したら最高のエンジニア"Team"を実現できた / Deploying "TEAM" and Building the Best Engineering "Team"
yuj1osm
1
140
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
The Language of Interfaces
destraynor
156
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Music & Morning Musume
bryan
46
6.4k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
How STYLIGHT went responsive
nonsquared
98
5.4k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Scaling GitHub
holman
459
140k
What's in a price? How to price your products and services
michaelherold
244
12k
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