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
Lean UX with AngularJS @Wantedly
Search
Takayuki Imai
March 21, 2015
Technology
5
970
Lean UX with AngularJS @Wantedly
Leanな開発でも諦めないこと
Takayuki Imai
March 21, 2015
Tweet
Share
More Decks by Takayuki Imai
See All by Takayuki Imai
React Native - ネイティブ開発の覚醒 -
imaimiami
4
2.2k
非エンジニアのためのAngularJS - 非実在美少女デザイナーに捧ぐ -
imaimiami
8
6.1k
(注) 私はこのiOSアプリを作っていません - HTML5 新たなる希望- #tritonjs
imaimiami
6
2.4k
爆速でGECKO BOARDらしき何かを作る。 #jsオジサン
imaimiami
2
1.6k
Other Decks in Technology
See All in Technology
オブザーバビリティの Primary Signals
onk
PRO
0
530
[2024年3月版] Databricksのシステムアーキテクチャ
databricksjapan
7
1.9k
TransitGatewayの基礎
toru_kubota
0
230
XSS using dirty Content Type in cloud era
flatt_security
2
1k
Data and AI Governance: Existing Challenges and Emerging Trends
scotthsieh825
0
140
【SORACOM UG】(2024年度版) SIMってなんだ? ~セルラー通信がつながる仕組み、解説します~
soracom
PRO
0
190
コンパウンドスタートアップのためのスケーラブルでセキュアなInfrastructure as Codeパイプラインを考える / Scalable and Secure Infrastructure as Code Pipeline for a Compound Startup
yuyatakeyama
3
1.8k
CSSDAY 2024
kevinshallvari
0
180
Let's get started with Ruby && Rails Tips
sinsoku
0
190
次世代Web認証「パスキー」 / mo-zatsudan-passkey
nkzn
22
13k
NLP2024 参加報告LT ~RAGの生成評価と懇親戦略~ / nlp2024_attendee_presentation_LT_masuda
taro_masuda
1
190
コードを書く隙間を見つけて生きていく技術/Findy 思考の現在地
fujiwara3
23
4.6k
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
43
9.7k
Docker and Python
trallard
33
2.7k
In The Pink: A Labor of Love
frogandcode
137
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
What's new in Ruby 2.0
geeforr
336
31k
Designing Experiences People Love
moore
135
23k
A Philosophy of Restraint
colly
195
16k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
16k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Designing for humans not robots
tammielis
247
25k
Transcript
Lean UX with AngularJS Takayuki IMAI ΤϯδχΞ / ΥϯςουϦʔגࣜձࣾ
Takayuki IMAI @imaimiami Engineer, Wantedly, Inc. WebͷαʔόʔαΠυɺϑϩϯτΤϯυͷ։ൃɺUI/UXͷઃܭ
None
ϏδωεSNS
ֶੜΠϯλʔϯ ΞϓϦ/WEBϙʔλϧ
ελʔτΞοϓͷ ։ൃεϐʔυ
ΠϯλϥΫγϣϯʹͩ͜ΘΒͳ͍ ଥڠ࣭ͨ͠ ٘ਜ਼ʹͳΔ͜ͱʁ ເʹऴΘΔϓϩτλΠϐϯά
ngAnimateʹΑΔΠϯλϥΫγϣϯ ࠶ར༻ՄೳͳDirective ٘ਜ਼ʹ͠ͳ͍ʂํ๏ Component basedͳϓϩτλΠϐϯά
ngAnimateʹΑΔΠϯλϥΫγϣϯ ࠶ར༻ՄೳͳDirective ࠓ͓͢͠Δ͜ͱ Component basedͳϓϩτλΠϐϯά
࠶ར༻Մೳͳ Directive
None
None
None
None
ਝͳ࣮ ࣭ͷߴ͍ίϯϙʔωϯτ ϢʔβʔͷظΛཪΒͳ͍ ౷Ұ͞ΕͨUI
ngAnimateʹΑΔ ΠϯλϥΫγϣϯ
εΩϧλά
ϢʔβʔؒΞΫγϣϯ
CSSͷΈͰಈ͖Λࢦఆ .ng-enter .ng-hide-remove .ng-enter-active .ng-leave-active .ng-hide-enter .ng-leave
ϑΟʔυόοΫදݱʹΑΔڭҭ αʔϏεͷੈք؍
Component basedͳ ϓϩτλΠϐϯά
None
ݱ࣮తͳઃܭ ݱ࣮తͳϓϩτλΠϐϯά
None
มߋͷ߅ײΛͳ͘͢ ϨΰͷΑ͏ͳϓϩτλΠϐϯά
·ͱΊ
Component baseͳϓϩτλΠϐϯά ࠶ར༻ՄೳͳDirective ngAnimateʹΑΔΠϯλϥΫγϣϯ
μΠφϛοΫͳϓϩτλΠϐϯά ౷ҰతͳUIͷਝͳ࣮ ࠶ݱੑͷ͋ΔϦονͳUX
ͪͳΈʹɺνʔϜͰ։ൃͯ͠·͢
ฐࣾJ04ΤϯδχΞ મ౬͕͖
ΤϯδχΞืूͯ͠·͢ʂ IUUQTXXXXBOUFEMZDPNQSPKFDUT
͋Γ͕ͱ͏͍͟͝·ͨ͠