$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same a...
Search
もりてつ
November 26, 2019
Programming
0
580
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
2019年11月26日に行われたUX JAM in OSAKA 02でのLT「PC同様の情報量と使い勝手をモバイルで確保するために」のスライドです。
もりてつ
November 26, 2019
Tweet
Share
More Decks by もりてつ
See All by もりてつ
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
m_n_t_p
0
1.1k
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
390
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
170
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
190
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1.2k
単位をあやつる
m_n_t_p
2
980
グリッドレイアウト これまでとこれから
m_n_t_p
1
1k
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
990
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
150
Other Decks in Programming
See All in Programming
WebRTC と Rust と8K 60fps
tnoho
2
1.9k
スタートアップを支える技術戦略と組織づくり
pospome
8
16k
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
tosuri13
6
300
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
hasibirok0
0
230
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
350
愛される翻訳の秘訣
kishikawakatsumi
1
310
[SF Ruby Conf 2025] Rails X
palkan
0
490
AIコーディングエージェント(Manus)
kondai24
0
160
エディターってAIで操作できるんだぜ
kis9a
0
700
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
bicstone
1
1.2k
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
8
2.2k
開発に寄りそう自動テストの実現
goyoki
1
740
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
Fireside Chat
paigeccino
41
3.7k
Why Our Code Smells
bkeepers
PRO
340
57k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
RailsConf 2023
tenderlove
30
1.3k
Scaling GitHub
holman
464
140k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Transcript
1$ಉ༷ͷใྔͱ͍উखΛ ϞόΠϧͰ֬อ͢ΔͨΊʹ גࣜձࣾάϥουΩϡʔϒ Ӭฏ ɹ69+".JO04","
69+".JO04"," ༰ w ࣗݾհ w 1$͔ΒϞόΠϧ w ϞόΠϧͰͷऩΊํ w
ࠓޙͷలɺ՝ w ·ͱΊ
69+".JO04"," ࣗݾհ w Ӭฏ Γͯͭ w גࣜձࣾάϥουΩϡʔϒ ϓϩϞʔγϣϯ౷ׅຊ෦
ϓϩμΫτ։ൃ෦ ϑϩϯτΤϯυεϖγϟϦετ w ిػϝʔΧʔˠιϑτΣΞϝʔΧʔˠݱ৬ w ੜɿ݄ w झຯɿίϯτϥόεɺήʔϜɺύζϧɺFUD ˠࠓʂ
69+".JO04"," 1$͔ΒϞόΠϧ ۙϞόΠϧʹΑΔΞΫηε͕1$Λ্ճΔ
69+".JO04"," 1$͔ΒϞόΠϧ ɹޗഐʬΘ͕͍ʭೣͰ͋Δɻ໊લ·ͩແ͍ɻ ɹͲ͜ͰੜΕ͔ͨͱΜͱݟʬ͚Μͱ͏ʭ͕͔ͭ͵ɻ ԿͰബ҉͍͡Ί͡Ίͨ͠ॴͰχϟʔχϟʔٽ͍͍ͯͨ ࣄ͚ͩهԱ͍ͯ͠Δɻޗഐ͜͜Ͱ࢝Ίͯਓؒͱ͍͏ ͷΛݟͨɻ͔͋͠ͱͰฉ͘ͱͦΕॻੜͱ͍͏ਓ ؒதͰҰ൪ʛᘑѱʬͲ͏͋͘ʭͳछͰ͋ͬͨͦ͏ͩɻ ͜ͷॻੜͱ͍͏ͷ࣌ʑզʑΛัʬ͔ͭ·ʭ͑ͯࣽʬʹʭ
ͯ৯͏ͱ͍͏Ͱ͋Δɻ͔ͦ͠͠ͷ࣌Կͱ͍͏ߟ ͳ͔͔ͬͨΒผஈڪ͍͠ͱࢥΘͳ͔ͬͨɻͨͩ൴ ͷঠʬͯͷͻΒʭʹࡌͤΒΕͯεʔͱ্࣋ͪ͛ΒΕͨ࣌ ɹޗഐʬΘ͕͍ʭೣͰ ͋Δɻ໊લ·ͩແ͍ɻ ɹͲ͜ͰੜΕ͔ͨͱΜͱݟ ʬ͚Μͱ͏ʭ͕͔ͭ͵ɻ ԿͰബ҉͍͡Ί͡Ίͨ͠ ॴͰχϟʔχϟʔٽ͍͍ͯ ͨࣄ͚ͩهԱ͍ͯ͠Δɻ ޗഐ͜͜Ͱ࢝Ίͯਓؒͱ ͍͏ͷΛݟͨɻ͔͋͠ ͱͰฉ͘ͱͦΕॻੜͱ͍ ͏ਓؒதͰҰ൪ʛᘑѱʬͲ ͏͋͘ʭͳछͰ͋ͬͨͦ ͏ͩɻ͜ͷॻੜͱ͍͏ͷ ࣌ʑզʑΛัʬ͔ͭ·ʭ͑ ͯࣽʬʹʭͯ৯͏ͱ͍͏ Ͱ͋Δɻ ใΛݟΔखஈ1$͔ΒϞόΠϧ ςΩετɿʮޗഐೣͰ͋ΔʯՆᕸੴ ੨ۭจݿΑΓ
69+".JO04"," 1$͔ΒϞόΠϧ ʲσʔλͷྫʳ ϓϩٿυϥϑτձٞ ྺࢦ໊બखҰཡ IUUQTTQBJBKQCBTFCBMMOQCESBGUBSDIJWF σʔλͷҰཡΛϞόΠϧͰ֬ೝ͍ͨ͠
69+".JO04"," 1$͔ΒϞόΠϧ ͦͷ··ೖΕΑ͏ͱ͢Δͱ ʜʜવೖΓΒͳ͍ ແཧΓॖখ͢Δͱ ʜʜಡΊͳ͍
69+".JO04"," 1$͔ΒϞόΠϧ ใྔͱ͍উखม͑ͣʹ σʔλͷҰཡΛϞόΠϧͰ֬ೝ͍ͨ͠ ʜʜͲ͏͢Δʁ
69+".JO04"," ϞόΠϧͰͷऩΊํ )5.-$44ͷͰ࣮ݱ ํ๏͍Ζ͍Ζ͋Γ·͕͢ ࠓճදతͳͷͭΛհ͠·͢
69+".JO04"," ϞόΠϧͰͷऩΊํ ํ๏ᶃɿ ߦ·ͨྻͣͭղɺදࣔ͢Δ ౡ Ґ খԂɹւే Ґ ౡɹᰜଠ
Ґ ྛɹߊଡ Ґ தਆɹ Ґ ాதɹ๏ Ґ ਖ਼ᬋɹ༏ Ґ Ӌ݄ɹོଠ 1$ˠEJTQMBZUBCMFͳͲ ϞόΠϧˠEJTQMBZqFYͳͲ
69+".JO04"," ϞόΠϧͰͷऩΊํ ํ๏ᶄɿ ࠨͷྻΛݻఆͯ͠ԣεΫϩʔϧ ࠨݻఆˠ ྻΑΓӈଆ εϫΠϓͰԣεΫϩʔϧ w ࠨͱӈଆͰ
ίϯςϯπΛׂ w ӈଆʹ PWFSqPXYϓϩύςΟͰ εΫϩʔϧઃఆ
69+".JO04"," ϞόΠϧͰͷऩΊํ ͲͪΒ͕ྑ͍͔ʁ ˠσʔλྔ࣍ୈ ౡ Ґ খԂɹւే Ґ ౡɹᰜଠ
Ґ ྛɹߊଡ Ґ தਆɹ Ґ ాதɹ๏ Ґ ਖ਼ᬋɹ༏ Ґ Ӌ݄ɹོଠ ͋·Γଟ͘ͳ͍߹ ˠߦྻ͝ͱʹղ ଟ͍߹ ˠࠨݻఆԣεΫϩʔϧ
69+".JO04"," ϞόΠϧͰͷऩΊํ ϘπʹͳͬͨҊ ԣํͷεϫΠϓ࣌ ˠࠨΛݻఆ ॎํͷεϫΠϓ࣌ ˠ্Λݻఆ
69+".JO04"," ϞόΠϧͰͷऩΊํ ϘπʹͳͬͨҊ Ұݟྑͦ͞͏ͩͬͨͷͷʜʜ ࣼΊʹಈ͍ͯ͠·͍҆ఆͤͣ ։ൃதͷஈ֊Ͱ ϝϯόʔͷධ͕͍·͍ͪ
69+".JO04"," ࠓޙͷలɺ՝ $44ͷਐԽ QPTJUJPOTUJDLZ ߦྻ͝ͱʹղ͢ΔํࣜͰ ಛʹ༗ޮ ʁ εΫϩʔϧ͢Δͱ ݻఆ͞ΕΔ
ը໘αϯϓϧɿ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$44QPTJUJPO4UJDLZ@QPTJUJPOJOH
69+".JO04"," ࠓޙͷలɺ՝ ࠓޙͷ ϓϩδΣΫτͰͷ ՝ $+.ɺϢʔβϏϦςΟςετͳͲ 69ͷπʔϧΛ׆༻͢Δମ੍ͷཱ֬ ςετɺϨϏϡʔͷମ੍ Ϧιʔε
ෆ ʮϞόΠϧϑΝʔετʯͷҠߦଅਐ ʮ1$Ͱදࣔ͞Ε͍ͯΔͷΛऩΊΔʯͰͳ͘ ·ͣʮσʔλΛεϚϗʹऩΊΔʯ͜ͱ͔Βߟ͑Δ
69+".JO04"," ·ͱΊ w )5.-$44ͷ࣍ୈͰϞ όΠϧͰ1$ಉ༷ͷใྔͱ ͍উखΛ֬อͰ͖·͢ w ํ๏͍Ζ͍Ζ͋Γ·͕͢σʔ λྔͳͲʹԠͯ͡దͳํ๏
Λબͼ·͠ΐ͏ w ୲ऀؒϢʔβʔͷϨϏϡʔ ํ๏ݕ౼ɺஅࡐྉͱͯ͠ ॏཁͰ͢
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ IUUQTTQBJBKQ