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
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same a...
Search
もりてつ
November 26, 2019
Programming
630
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
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
430
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
190
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
200
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1.2k
単位をあやつる
m_n_t_p
2
1k
グリッドレイアウト これまでとこれから
m_n_t_p
1
1.1k
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
1k
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
160
Other Decks in Programming
See All in Programming
What's New in Android 2026
veronikapj
0
260
運用ダッシュボードの設計を誰も教えてくれないのだけどみなさんどうしてるんですか? - チームに監視するという文化を根付かせるための第一歩を踏みたい -
satoshi256kbyte
1
120
SlackアプリとLambdaの 連携を構築した話
pawn_4_s
1
120
数百円から始めるRuby電子工作
tarosay
0
150
Lean は証明の正しさを確認するためだけのツールって思ってませんか?
inoueasei
1
160
型も通る、synthも通る、それでも危ない 〜AIのCDKの権限とコストを機械で検証する〜 / It Passes Type Checks, It Passes Synth Checks, but It’s Still Risky — Automatically Verifying Permissions and Costs in AI’s CDK —
seike460
PRO
1
550
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
rick_ds
0
560
jsmini JavaScript Engine を作ってみた話
yosuke_furukawa
PRO
0
320
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
920
Apache Hive: そしてCloud Native Lakehouseへ
okumin
1
230
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
180
Claude Code全社展開のためにやったことn選~プラグイン302個・コミッター271人を支えるために~
kenchan
5
1.5k
Featured
See All Featured
Faster Mobile Websites
deanohume
310
32k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
370
Code Review Best Practice
trishagee
74
20k
Automating Front-end Workflow
addyosmani
1369
210k
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
480
Done Done
chrislema
186
16k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Prompt Engineering for Job Search
mfonobong
0
400
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
280
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
290
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