Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

タブレットファーストと マルチデバイスUI

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for YAT YAT
August 10, 2019
Design
260
4

タブレットファーストと マルチデバイスUI

Adobe XDUG 大阪でお話した「タブレットファーストと マルチデバイスUI」です。前回のスライドより少しボリュームアップしています。

Avatar for YAT

YAT

August 10, 2019

More Decks by YAT

See All by YAT
slide-なごデvol4-YAT
Avatar for YAT yat8823jp
0
170
WordPress 管理をラクにする
WP-CLI
Avatar for YAT yat8823jp
3
6k
タブレットファーストと マルチデバイスUI
Avatar for YAT yat8823jp
3
1k
チームビルディングコミュニケーション
Avatar for YAT yat8823jp
2
1k
Tablet-first thinking - タブレットファーストの考え方
Avatar for YAT yat8823jp
3
170
design and typography
Avatar for YAT yat8823jp
1
180
フォントの基礎をおさらいしよう
Avatar for YAT yat8823jp
0
250
WordPressの テーマ開発フローを ブログに書いたお話
Avatar for YAT yat8823jp
0
210
テーマチェックのすすめ
Avatar for YAT yat8823jp
1
1.3k

Other Decks in Design

See All in Design
Frontier
Avatar for Renny Wang rwang05
0
340
日経電子版を支えていく Kasane Design System
Avatar for Taito Tanaka taitotnk
0
410
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.9k
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1.1k
東京都市大学 都市生活学部×一般社団法人オープン企画イベント　「誰もがデザイナーである」とはどういうことか？ 【エツィオ・マンズィーニ氏 特別来日・基調講演】
Avatar for Kimura Atsunobu a2k
1
140
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
1
630
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
Avatar for AccessInnovations accessinnovations
0
210
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
Avatar for sekig(ojiee) sekiguchiy
0
200
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
Avatar for Muture muture
PRO
0
260
【2026】ポートフォリオ_大坪明日香
Avatar for tsubo52 tsubo52
0
120
いいUIとは？初心者向けに事例をもとにUIデザインを分解
Avatar for 原 佑一｜クリエイティブディレクター yuichi_hara7
13
7k
Design_Harness_and_Loop.pdf
Avatar for 長津孝輔 nagatsu
0
110

Featured

See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
480
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
6.1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
550
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.9k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
2
2k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
260
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k

Transcript

  1. None

  2. λϒϨοτϑΝʔετͱ ϚϧνσόΠε6*

  3. :"5 σβΠϯίϛϡχςΟ
 ʮσβΠϯϑϩϯτʯओ࠵ ϑϦʔϥϯε σβΠφʔσϕϩούʔ :"5ͷCMPHΛӡӦ

  4. :"5ͷ#MPH

  5. None
  6. None
  7. None
  8. None
  9. None
  10. None

  11. ࢓ࣄ಺༰ w αΠτͷઃܭɾσβΠϯ w 69σβΠϯ w ϑϩϯτΤϯυɺόοΫΤϯυ w 8PSE1SFTT w

    ϥΠςΟϯά w ࣸਅࡱӨ w 6*σβΠϯ w ϚʔΫΞοϓɾίʔσΟϯά w αʔόʔαΠυ w ίϯαϧςΟϯά w ηϛφʔɺΠϕϯτओ࠵ w ಈըࡱӨɾฤू

  12. "EPCF9%ͷϑΣʔζ w αΠτͷઃܭɾσβΠϯ w 69σβΠϯ w ϑϩϯτΤϯυɺόοΫΤϯυ w 8PSE1SFTT w

    ϥΠςΟϯά w ࣸਅࡱӨ w 6*σβΠϯ w ϚʔΫΞοϓɾίʔσΟϯά w αʔόʔαΠυ w ίϯαϧςΟϯά w ηϛφʔɺΠϕϯτओ࠵ w ಈըࡱӨɾฤू

  13. λϒϨοτϑΝʔετʁ

  14. ͜Μͳ͜ͱͳ͍Ͱ͔͢ʁ

  15. λϒϨοτͷσβΠϯ͕ͳ͍ w εέδϡʔϧͷ౎߹ w ༧ࢉͷ౎߹ w λϒϨοτϢʔβʔ͕গͳ͍

  16. λϒϨοτϢʔβʔ͕গͳ͍

  17. ༧૝͞ΕΔݟղ ࢖͍ͮΒ͍ εϚʔτϑΥϯͰॆ෼ ͔ͬ͠ΓݟΔͳΒ1$

  18. ͦͷઌΛߟ͑Δ w λϒϨοτͰ͸࢖͍ͮΒ͍ͩΖ͏ͱ͍͏ϢʔβʔͷԱଌ w ෳ਺ਓͰݟΔࡍʹλϒϨοτ͸རศੑ͕ߴ͍ w Ͳ͏͍͏৔ॴͰͦͷαʔϏεΛར༻͢Δͷ͔

  19. ௚ײతͳ6*Λ ߟ͑ͯΈΑ͏ σϞ

  20. w ΩʔϘʔυΛ࢖͏λΠϛϯάͰ΋λοϓͰ͖Δ΋ͷΛ༻ҙ͢Δ w ͳΔ΂͘νΣοΫϘοΫε΍ϥδΦϘοΫεͳͲΛ༻ҙ͢Δ w ਺ࣈೖྗʹมΘΔ෺Λߟ͑Δ

  21. ϨεϙϯγϒϞʔυ ΢Οϯυ΢Մม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ ઃఆύωϧ

  22. ϨεϙϯγϒϞʔυ ΢Οϯυ΢Մม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ

  23. None

  24. ࢖͏γʔϯΛ૝ఆ͢Δ

  25. None
  26. None
  27. None

  28. ϚϧνσόΠεΛߟ͑΍͍͢

  29. ϚϧνσόΠεΛߟ͑΍͍͢

  30. ϒϨʔΫϙΠϯτ w J1BE.JOJ w J1BE w J1BE w J1BE w

    J1BE w J1BE"JS w J1BE"JS w J1BE1SP Y w J1BE1SP w J1BE"JS ੈ୅ w J1BE1SP w J1BE1SP Y Y Y

  31. ϒϨʔΫϙΠϯτ w J1IPOF4&
 ϥϯυεέʔϓ Y ΋͘͠͸

  32. ϒϨʔΫϙΠϯτ https://qiita.com/tomohisaota/items/f8857d01f328e34fb551 ࢀߟʹ J1IPOFJ1BE"QQMF8BUDIղ૾౓ ը໘αΠζ ૣݟද2JJUB https://hashimotosan.hatenablog.jp/entry/2019/05/28/164834 ϨεϙϯγϒσβΠϯͷϒϨΠΫϙΠϯτͷਖ਼ղ͸͜Εͩͬͨ<࠷৽൛>

  33. ·ͱΊ w Ϣʔβʔ͕গͳ͍͚ͩͰ൑அ͍͍͔ͯ͠͸Α͘ߟ͑Δ w λονσόΠε޲͚ͷ6*͸1$Ͱ΋༏Ґ w ֤σόΠεʹΑͬͯϢʔβʔͷγʔϯ͸ҟͳΔ w ϨεϙϯγϒͷࠩҟΛߟ͑΍͍͢

  34. λϒϨοτϑΝʔετ ͓͢͢ΊͰ͢

  35. 6*ͷࢀߟʹ https://www.tripadvisor.jp/ τϦοϓΞυόΠβʔ https://www.expedia.co.jp/ ΤΫεϖσΟΞ

  36. ࠂ஌ DESIGNFRONT

  37. σβΠϯϑϩϯτ wσβΠϯ͕޷͖ wσβΠϯʹڵຯ͕͋Δ ͦΜͳਓୡ͕ू·ΔίϛϡχςΟ

  38. σβΠϯϑϩϯτ IUUQTEFTJHOGSPOUDPOOQBTTDPNFWFOU

  39. GBDFCPPLϖʔδ IUUQTXXXGBDFCPPLDPNHSPVQTEFTJHOGSPOU

  40. ͝ਗ਼ௌ༗೉͏͍͟͝·ͨ͠ @yat8823jp wp.yat-net.com ブログ

  41. None