Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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
160
WordPress 管理をラクにする
WP-CLI
Avatar for YAT yat8823jp
3
6k
タブレットファーストと マルチデバイスUI
Avatar for YAT yat8823jp
3
980
チームビルディングコミュニケーション
Avatar for YAT yat8823jp
2
960
Tablet-first thinking - タブレットファーストの考え方
Avatar for YAT yat8823jp
3
160
design and typography
Avatar for YAT yat8823jp
1
170
フォントの基礎をおさらいしよう
Avatar for YAT yat8823jp
0
240
WordPressの テーマ開発フローを ブログに書いたお話
Avatar for YAT yat8823jp
0
200
テーマチェックのすすめ
Avatar for YAT yat8823jp
1
1.2k

Other Decks in Design

See All in Design
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
310
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
540
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
430
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
780
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
240
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
2.6k
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
810
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
230
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
1
1.4k
第18回サイゼミ
Avatar for LW lw
1
3.8k
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
270
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k

Featured

See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
500
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
170
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
3
360
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
190
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
1
3.6k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Between Models and Reality
Avatar for mayunak mayunak
3
280

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