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
Creating a UI Design culture
Search
Satoru Kawahara
September 05, 2014
Technology
2
2.3k
Creating a UI Design culture
インフラ企業で働くフロントエンドエンジニアの挑戦(編集版)
デブサミ関西 2014 B4セッション発表資料 #kansumiB4
Satoru Kawahara
September 05, 2014
Tweet
Share
More Decks by Satoru Kawahara
See All by Satoru Kawahara
本当に必要ですか?そのステージング環境〜Web制作を Docker でちょっと便利にしよう〜
esukei
1
250
How to publish Sakura icons-set on Cacoo
esukei
1
1.8k
Tries for creating a UXD culture
esukei
1
1.6k
Learning Ember CLI
esukei
4
830
Other Decks in Technology
See All in Technology
Automated Promptingを目指すその前に / Before we can aim for Automated Prompting
rkaga
0
110
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
430
生成AIの強みと弱みを理解して、生成AIがもたらすパワーをプロダクトの価値へ繋げるために実践したこと / advance-ai-generating
cyberagentdevelopers
PRO
1
180
プロダクト成長に対応するプラットフォーム戦略:Authleteによる共通認証基盤の移行事例 / Building an authentication platform using Authlete and AWS
kakehashi
1
150
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
24
6.8k
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
170
Amazon FSx for NetApp ONTAPを利用するにあたっての要件整理と設計のポイント
non97
1
160
【若手エンジニア応援LT会】AWSで繋がり、共に成長! ~コミュニティ活動と新人教育への挑戦~
kazushi_ohata
0
180
初心者に Vue.js を 教えるには
tsukuha
5
390
国土交通省 データコンペ参加者向け勉強会
takehikohashimoto
0
110
プロダクトエンジニアが活躍する環境を作りたくて 事業責任者になった話 ~プロダクトエンジニアの行き着く先~
gimupop
1
480
グローバル展開を見据えたサービスにおける機械翻訳プラクティス / dp-ai-translating
cyberagentdevelopers
PRO
1
150
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
363
19k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Writing Fast Ruby
sferik
626
61k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Six Lessons from altMBA
skipperchong
26
3.5k
The Art of Programming - Codeland 2020
erikaheidi
51
13k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Rails Girls Zürich Keynote
gr2m
93
13k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
Transcript
#kansumiB4 !%FWFMPQFST4VNNJU,BOTBJ 屎⾱鋙 ؎ٝؿٓ⟰噟ד⫴ֻ ؿٗٝزؒٝسؒٝآص،ך 䮋䨌 箟꧊晛
#kansumiB4 כׄח ֿךأٓ؎سך鋅倯
#kansumiB4 ַֿ֮ג6*رؠ؎ٝח《 穈הծְֲֲֿֿהַָ֮ ׃זְծהְֲ罋ח ؿٗٝزؒٝسؒٝآص،6*رؠ؎ش٦ך倯פ
#kansumiB4 ؿٗٝزؒٝسؒٝآص،6*رؠ ؎ش٦כְֲֲֿֿה䙼גְ ַ׃זְծהְֲ罋ח ך➭ךؒٝآص،ך倯פ
#kansumiB4 荈䊹稱➜
#kansumiB4 屎⾱鋙 !FTVLFJ ַכ ׁה 荈䊹稱➜
#kansumiB4 ؿٗٝزؒٝسؒٝآص، 6*رؠ؎ش٦ 荈䊹稱➜
#kansumiB4 ֻׁך714؝ٝزٗ٦ٕػطٕך 6*رؠ؎ٝؿٗٝزؒٝس涪 ⚺ח䬐䔲 荈䊹稱➜
#kansumiB4 ˖ ؿٗٝزؒٝس涪橆㞮ך何㊣ ˖ 6*رؠ؎ٝ䩛岀ך何㊣ 荈䊹稱➜
#kansumiB4 穗娖 荈䊹稱➜
#kansumiB4 㢳䷐繟遭㣐㷕 䞔㜠رؠ؎ٝ㷕猰 䞔㜠رؠ؎ٝ؝٦أ 荈䊹稱➜
#kansumiB4 ؐؑـⵖ⡲⠓爡 荈䊹稱➜ ؐؑـ؟؎زⵖ⡲ 8FC؟٦ؽأך涪٥麊㌀
#kansumiB4 8FCرؠ؎ش٦ה׃גⰅ爡 "DUJPO4DSJQU⳿勻رؠ؎ش٦ ؟٦غ؟؎س鍗رؠ؎ش٦ ر٦ةإٝة٦חⰅֿה֮رؠ؎ش٦
תחرؠ؎ֽׅٝוקרؒٝآص، 荈䊹稱➜ 肔剅ֹך㢌⻉
#kansumiB4 ! ! ! 涪鿇؎ٝة٦ؿؑ؎أ鏣鎘䬐䔲 荈䊹稱➜
#kansumiB4 ֻׁךٖٝةٕ؟٦غ 㹑⠗
#kansumiB4 ֻׁך㼔欽؟٦غ 㹑⠗
#kansumiB4 ֻׁך714 㹑⠗
#kansumiB4 ֻׁךؙٓؐس 㹑⠗
#kansumiB4 ر٦ةإٝة٦ 㹑⠗
#kansumiB4 暟椚ַؙٓؐسתד 䌴䎢ֻ䪔ֲ*5؎ٝؿٓ⠓爡 㹑⠗
#kansumiB4 䮋䨌ך
#kansumiB4 Ⰵ爡䖓٠剢ְֻד714؝ٝزٗ٦ٕػطٕ ךٔصُ٦،ٕ周⟝ח⸇ 䮋䨌ך714؝ٝزٗ٦ٕػطٕךٔصُ٦،ٕ
#kansumiB4 714ず㡦䱸竲ׅٗ٦ٕؕطحز ٙ٦ؙ䱸竲堣腉䲿⣘ 堣腉鷄⸇ 䮋䨌ך714؝ٝزٗ٦ٕػطٕךٔصُ٦،ٕ
#kansumiB4 ˖ ؟٦غ♧鋮ׅ ˖ أ؎حثך鷄⸇ꤐ♧鋮 ˖ ؟٦غהأ؎حثך䱸竲 ؝ٝزٗ٦ٕػطٕח鷄⸇
#kansumiB4 䮋䨌ך714؝ٝزٗ٦ٕػطٕךٔصُ٦،ٕ ˖ הה؟٦غ〴ך邌爙٥乼⡲䟝㹀ׁגְך ˖ ֿך歗ך䒀ꞿ简♳דך⥜姻כꨇ׃ְ
#kansumiB4 䮋䨌׃ֿה 䮋䨌ך714؝ٝزٗ٦ٕػطٕךٔصُ٦،ٕ
#kansumiB4 ˖ הִ֮׆תדך荈ⴓך䠬鋙ד 6*رؠ؎ٝ涪װג 䮋䨌ךהִ֮׆עאַג
#kansumiB4 עאַ㠖ך 䮋䨌ךהִ֮׆עאַג
#kansumiB4 6*رؠ؎ׅٝ 俑⻉ָזְ 䮋䨌ך6*رؠ؎ׅٝ俑⻉ָזְ
#kansumiB4 תדך 714؝ٝزٗ٦ٕػطٕ 6*رؠ؎ٝ 䮋䨌ך6*رؠ؎ׅٝ俑⻉ָזְ
#kansumiB4 㹋鄲ׅ堣腉ָ⳿䲧ֲ 䎢㜠㹑⠗ך鿇縭ךرؠ؎ش٦ח涪岣 㸣䧭׃)5.-$44ذٝفٖ٦ز⻉ ⟃꣬כؒٝآص،ָ䗳銲ח䘔ׄג⡲䧭 䮋䨌ך6*رؠ؎ׅٝ俑⻉ָזְ
#kansumiB4 ˖ رؠ؎شָ؝٦ت٦חזָ ˖ ر؟؎ٝךך䊨侧ָ⼧ⴓ《 גְזְ ˖ ⢪ְװְׅך⡲הְֲ鋔挿ד ך6*رؠ؎ָٝ遤גֹגְזְ ♶⼧ⴓזرؠ؎ٝ
䮋䨌ך6*رؠ؎ׅٝ俑⻉ָזְ
#kansumiB4 ˖ ٔٔ٦أ䖓ך⥜姻כקהוזְ ˖ ♶Ⱗさֶ㉏ְさׇזוָ֮ה չ㼎Ⳣպׁ ˖ 6*رؠ؎ٝך⥜姻ָ〳腉זךכ 倜堣腉ٔٔ٦أךة؎ىؚٝך 䮋䨌ך6*رؠ؎ׅٝ俑⻉ָזְ
♶⼧ⴓז何㊣
#kansumiB4 فٗآؙؑز鸐׃ג 䮋䨌ך6*رؠ؎ׅٝ俑⻉ָזְ
#kansumiB4 ˖ 劤颵涸דזְ䭷䶯ָ㢳ְ ˖ ⠓陽⚥ח⥜姻ⰻ㺁ָ寸㹀ׁ ˖ 6*رؠ؎ٝךㅷ颵顑⟣罏ך♶㖈 䮋䨌ך6*رؠ؎ׅٝ俑⻉ָזְ ♶⼧ⴓז鐰⣣
#kansumiB4 㠖ך 䮋䨌ךהִ֮׆עאַג
#kansumiB4 ؿٗٝزؒٝس涪 ً؎ٝך➂ְָזְ 䮋䨌ךؿٗٝزؒٝس涪ً؎ٝך➂ְָזְ
#kansumiB4 תדך 714؝ٝزٗ٦ٕػطٕ ؿٗٝزؒٝس涪 䮋䨌ךؿٗٝزؒٝس涪ً؎ٝך➂ְָזְ
#kansumiB4 ˖ ך儗ղדؒٝآص،ָָלג⡲ ˖ 㸣䧭䖓כקרًٝذشٝأך 䮋䨌ךؿٗٝزؒٝس涪ً؎ٝך➂ְָזְ
#kansumiB4 ˖ 濼鋅ָ襳琎ׁחְֻ ˖ 䪮遭ָ刿倜ׁגזְ ˖ ؿٗٝزؒٝسؒٝآص،鋔挿ד أزٖأך֮涪橆㞮 ♶⼧ⴓזظؐعؐ 䮋䨌ךؿٗٝزؒٝس涪ً؎ٝך➂ְָזְ
#kansumiB4 穠卓 䮋䨌ךהִ֮׆עאַג 㠖חעאַזָծװֽװג
#kansumiB4 ˖ ⢪ְװׁׅծהְֲ鋔挿ך㼪Ⰵ ˖ ה״ֻ⳿勻כ׆ 䮋䨌ךהִ֮׆עאַג
#kansumiB4 䮋䨌ך 6*رؠ؎ٝؿٗٝزؒٝس涪何㊣ׅ
#kansumiB4 䮋䨌׃ֿה 䮋䨌ך
#kansumiB4 ˖ ٌتٝז6*رؠ؎ٝ䩛岀ך㼪Ⰵ ˖ ٌتٝזؿٗٝزؒٝس涪橆㞮ך⡲䧭 䮋䨌ך
#kansumiB4 ˖ 6*رؠ؎ׅٝ俑⻉ אֻ 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 ˖ ⽃秪ח䩛岀ٌتٝחֽׅדכ 劤颵涸ז何㊣ָ遤ִזְ ˖ 䩛岀ך何㊣遤ֲחծזך何 ㊣ָ䗳銲זךַծהְֲ椚鍑׃ג ֲ䗳銲ָ֮ 俑⻉ך䗳銲䚍 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 倯ꆙ㔿 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 ⢪ְװְׅ؝ٝزٗ٦ٕػطٕ 䲿⣘ׅך6*رؠ؎ٝ ״״ְ6*رؠ؎ٝךךؿٗ ٝزؒٝس涪 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ رؠ؎ٝה涪ךꟼ⤘䚍
#kansumiB4 6*رؠ؎ٝך䕵ⶴה䗳銲䚍 鏮ִ 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 ˖ ِ٦ؠָ؟٦ؽأⵃ欽ׅꥷח鍗 ך ˖ ؟٦ؽأך⢪ְ䩛ծ⢪ְ䗰㖑 ⡦رؠ؎ٝ׃גְךַ 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 ˖ 6*رؠ؎ٝ׃ַה遤ֲֿהח ״ًٔحز ˖ ➙䖓ךؙٓ؎،ٝز橆㞮ך㢌⻉鋅 䰘ִ6*رؠ؎ٝך䗳銲䚍 וֲ׃ג䗳銲זךַ 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 ˖ 涪ؿٗ٦ך♧橆ה׃ג6*رؠ؎ٝ 穈Ⰵ ˖ 堣腉הずׄ״ֲח⥜姻何㊣遤ֲ וך״ֲחرؠ؎ׁٝץַֹ 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 6*رؠ؎ٝ♳ך椚歋 ד䠐鋅ְֲ 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 ˖ 6*رؠ؎ٝך錁挿ַ䠐鋅ֿׅה ָ֮ծהְֲ钠陎䭯גֲ ˖ 6*رؠ؎ٝ♳ך隁זְه؎ٝزָ֮ ծהְֲ钠陎䭯גֲ 6*رؠ؎ٝך钠濼 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 椚鍑ׁ鐰⣣䭷垥ד 爙ׅ 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 ˖ չرؠ؎ٝ♳ך椚歋պ呎䬿䭯ג 铡僇ׅ ˖ 〳腉זꣲ㹏錁涸זر٦ة欽䠐ׅ 6*رؠ؎ٝך鋔挿ךⰟ剣 䮋䨌ך6*رؠ؎ׅٝ俑⻉אֻ
#kansumiB4 6*رؠ؎ٝ䩛岀ך㼪Ⰵ 䮋䨌ך
#kansumiB4 ˖ ل٦ػ٦فٗزة؎ؾؚٝ ˖ ⹛⡲ٌׅحؙ ˖ ِ٦ؠذأز 䮋䨌ך6*رؠ؎ٝ䩛岀ך㼪Ⰵ
#kansumiB4 ˖ ״傍ְ媮ꥡַ㸣䧭䕎䟝㹀׃ رؠ؎ָٝ⳿勻 ˖ 㹋ꥷך涪ָ㨣תח6*رؠ؎ٝ ♳ך㉏겗ָ涪鋅דֹ ل٦ػ٦فٗزة؎ؾؚٝךⵃ挿 䮋䨌ך6*رؠ؎ٝ䩛岀ך㼪Ⰵ
#kansumiB4 ˖ 㹋鄲ח״㹋騧涸זِ٦ؠذأز 遤ִ ˖ 䟝⫷⸂ח걾זְⰟ剣 ˖ 鐰⣣嗚鎢ָ䗳銲ז皘䨽ך搊挿 כׇֹׁ 䮋䨌ך6*رؠ؎ٝ䩛岀ך㼪Ⰵ
⹛⡲ٌׅحؙך䗳銲䚍
#kansumiB4 ˖ ⢪ְװׁׅ㹏錁涸ח庠 ِ٦ؠذأزך⸬卓 䮋䨌ך6*رؠ؎ٝ䩛岀ך㼪Ⰵ
#kansumiB4 ؿٗٝزؒٝس涪橆㞮ך 剑黝⻉ 䮋䨌ך
#kansumiB4 ˖ 3&45GVMז"1*⚥䗰חծؿٗٝز ؒٝسהغحؙؒٝس毙זꟼ⤘ח ׅ 䮋䨌ךؿٗٝزؒٝس涪橆㞮ך剑黝⻉ 圓䧭ךⴓꨄ
#kansumiB4 ˖ ٗ٦ٕؕךؿٗٝزؒٝس涪橆㞮 ♳ד؟٦غ⹛ַׇ״ֲחׅ ˖ ٗ٦ٕؕ؟٦غ♳ח"1*ٌحؙ⡲ ˖ ְײذأز橆㞮ח籬ָזְד 涪ָדֹ״ֲחׅ "1*ٌحؙ؟٦غ
䮋䨌ךؿٗٝزؒٝس涪橆㞮ך剑黝⻉
#kansumiB4 ˖ غحؙؒٝسך涪罏כ"1*ח꧊⚥ דֹ ˖ "1*ך涪㸣✪䖉׆חؿٗٝز ؒٝس涪鹌 ˖ 6*رؠ؎ٝך何㊣遤ְװְׅ 顑⟣ךⴓ鍑
䮋䨌ךؿٗٝزؒٝس涪橆㞮ך剑黝⻉
#kansumiB4 穠卓 䮋䨌ךؿٗٝزؒٝس涪橆㞮ך剑黝⻉ 俑⻉ךꅕ䧭ծ䩛岀ך何㊣׃
#kansumiB4 ˖ 6*رؠ؎ׅٝ䗳銲䚍ך钠濼 ˖ 涪ؿٗ٦ך♧橆ה׃גך6*رؠ؎ٝ ˖ 6*رؠ؎ٝ䩛岀ך⸬桦⻉ ˖ ؿٗٝزؒٝسغحؙؒٝس倯ך 涪橆㞮ך剑黝⻉
˖ 俑⻉٥䩛岀㼪Ⰵך湱⛦⸬卓 䮋䨌ךؿٗٝزؒٝس涪橆㞮ך何㊣
#kansumiB4 ˖ ״⢪ְװְׅ ؝ٝزٗ٦ٕػطٕך䲿⣘פ ٔٔ٦أתדֲ׃לֶֻ䖉ְֻׁ
#kansumiB4 ַֿך䮋䨌
#kansumiB4 ˖ 䚍腉ך葺ְ؟٦غ䲿⣘ׅ ˖ 䗳銲ז堣腉䲿⣘ׅ ˖ 㸜㹀涸ח麊欽ׅ 傀㶷ך⣣⦼ ַֿך䮋䨌
#kansumiB4 ˖ Ⰻ⡤錁䭯؟٦ؽأرؠ؎ٝ ˖ ״㹋ꥷךِ٦ؠח娄״ 6*رؠ؎ٝ ˖ 竰竲涸ז何㊣ ؿٗٝزַㅷ颵崞ַׅ䮋䨌 ַֿך䮋䨌
#kansumiB4 ِ٦ؠ⚥䗰ח罋ִ ؟٦ؽأך䲿⣘ 湡垥כ ַֿך䮋䨌
#kansumiB4 ׀劍䖉ְֻׁ