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.5k
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
290
How to publish Sakura icons-set on Cacoo
esukei
1
2k
Tries for creating a UXD culture
esukei
1
1.7k
Learning Ember CLI
esukei
4
850
Other Decks in Technology
See All in Technology
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
wooootack
1
210
With Devin -AIの自律とメンバーの自立
kotanin0
2
940
TypeScript 上達の道
ysknsid25
23
5k
「育てる」サーバーレス 〜チーム開発研修で学んだ、小さく始めて大きく拡張するAWS設計〜
yu_kod
1
210
会社もクラウドも違うけど 通じたコスト削減テクニック/Cost optimization strategies effective regardless of company or cloud provider
aeonpeople
2
410
SAE J1939シミュレーション環境構築
daikiokazaki
1
200
20250728 MCP, A2A and Multi-Agents in the future
yoshidashingo
1
160
robocopy の怖い話/scary-story-about-robocopy
emiki
0
420
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
230
少人数でも回る! DevinとPlaybookで支える運用改善
ishikawa_pro
5
1.9k
大規模イベントを支える ABEMA の アーキテクチャ 変遷 2025
nagapad
5
570
AIに全任せしないコーディングとマネジメント思考
kikuchikakeru
0
300
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
GitHub's CSS Performance
jonrohan
1031
460k
Raft: Consensus for Rubyists
vanstee
140
7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Speed Design
sergeychernyshev
32
1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
For a Future-Friendly Web
brad_frost
179
9.8k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
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 ׀劍䖉ְֻׁ