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
260
How to publish Sakura icons-set on Cacoo
esukei
1
1.8k
Tries for creating a UXD culture
esukei
1
1.7k
Learning Ember CLI
esukei
4
840
Other Decks in Technology
See All in Technology
効率的な技術組織が作れる!書籍『チームトポロジー』要点まとめ
iwamot
2
200
OPENLOGI Company Profile for engineer
hr01
1
18k
機械学習を「社会実装」するということ 2025年版 / Social Implementation of Machine Learning 2025 Version
moepy_stats
3
370
チームが毎日小さな変化と適応を続けたら1年間でスケール可能なアジャイルチームができた話 / Building a Scalable Agile Team
kakehashi
1
170
プロダクトの寿命を延ばすためにエンジニアが考えるべきこと 〜バージョンアップってなんのためにやるのか〜 / Strategies for product longevity
kaonavi
0
100
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
3
1.7k
20240522 - 躍遷創作理念 @ PicCollage Workshop
dpys
0
310
KMP with Crashlytics
sansantech
PRO
0
130
Alignment and Autonomy in Cybozu - 300人の開発組織でアラインメントと自律性を両立させるアジャイルな組織運営 / RSGT2025
ama_ch
1
2.1k
カップ麺の待ち時間(3分)でわかるPartyRockアップデート
ryutakondo
0
100
今年一年で頑張ること / What I will do my best this year
pauli
1
190
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
kubode
0
160
Featured
See All Featured
Become a Pro
speakerdeck
PRO
26
5.1k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Optimising Largest Contentful Paint
csswizardry
33
3k
Bash Introduction
62gerente
610
210k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
GitHub's CSS Performance
jonrohan
1030
460k
The Pragmatic Product Professional
lauravandoore
32
6.4k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
5
200
Six Lessons from altMBA
skipperchong
27
3.5k
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 ׀劍䖉ְֻׁ