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

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

Avatar for YAT YAT
August 10, 2019
Design
4
240

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

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

Avatar for YAT

YAT

August 10, 2019
Tweet

More Decks by YAT

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

Other Decks in Design

See All in Design
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
590
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
Avatar for Aki spring_aki
4
330
Saudade typeface
Avatar for Tiago Porto tiagoporto
0
330
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
130
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
1.7k
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
150
UXとUIの違いを自分の言葉で表現する： UX DAYS TOKYO
Avatar for Mizunashi Mana mizunashi_mana
0
220
Crisp Code inc. ブランドガイドライン
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
200
Light My Fire/ハートに火をつけるコミュニティ
Avatar for kgsi kgsi
1
140
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.7k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.6k
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
690

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
It's Worth the Effort
Avatar for 3n 3n
185
28k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
189
11k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
50
5.5k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
35
6.8k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
55
5.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k

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