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
ブラウザのシェアと傾向と対策2018
Search
もりてつ
October 16, 2018
Technology
0
160
ブラウザのシェアと傾向と対策2018
2018/10/16「JAM plus #3」でのセッション「ブラウザのシェアと傾向と対策 2018」のスライドです。
もりてつ
October 16, 2018
Tweet
Share
More Decks by もりてつ
See All by もりてつ
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
m_n_t_p
0
1.1k
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
560
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
380
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
180
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1.1k
単位をあやつる
m_n_t_p
2
960
グリッドレイアウト これまでとこれから
m_n_t_p
1
970
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
970
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
140
Other Decks in Technology
See All in Technology
AWSで始める実践Dagster入門
kitagawaz
1
740
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
190
なぜテストマネージャの視点が 必要なのか? 〜 一歩先へ進むために 〜
moritamasami
0
240
エンジニアが主導できる組織づくり ー 製品と事業を進化させる体制へのシフト
ueokande
1
100
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/06 - 2025/08
oracle4engineer
PRO
0
110
💡Ruby 川辺で灯すPicoRubyからの光
bash0c7
0
120
Generative AI Japan 第一回生成AI実践研究会「AI駆動開発の現在地──ブレイクスルーの鍵を握るのはデータ領域」
shisyu_gaku
0
330
Rustから学ぶ 非同期処理の仕組み
skanehira
1
150
未経験者・初心者に贈る!40分でわかるAndroidアプリ開発の今と大事なポイント
operando
5
750
【NoMapsTECH 2025】AI Edge Computing Workshop
akit37
0
230
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
wadayusuke
5
1.1k
データ分析エージェント Socrates の育て方
na0
6
2.2k
Featured
See All Featured
It's Worth the Effort
3n
187
28k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A better future with KSS
kneath
239
17k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
A designer walks into a library…
pauljervisheath
207
24k
Typedesign – Prime Four
hannesfritz
42
2.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Transcript
ϒϥβͷγΣΞͱͱରࡦ Ӭฏ Γͯͭ +".QMVT
+".QMVT ࠓճͷ༰ w ͡Ίʹ w ϒϥβγΣΞ 1$ฤ w
*&ͷݱࡏͷγΣΞͱαϙʔτঢ়گ w 1$ͷϒϥβରԠΛͲ͏͖͔͢ w ϒϥβγΣΞ εϚϗฤ w "OESPJEͱJ04ɺͦΕͧΕͷόʔδϣϯผγΣΞ w εϚϗͷϒϥβରԠΛͲ͏͖͔͢ w ·ͱΊ
+".QMVT ࣗݾհ ˒ Γͯͭ Ӭฏ ˒ גࣜձࣾάϥουΩϡʔϒ ϓϩμΫτ։ൃνʔϜΤϯδχΞ
˒ ిػϝʔΧʔ ˠιϑτΣΞϝʔΧʔ ˠ݄͔Βݱ৬ ˒ ྸɿࡀ ˒ झຯɿίϯτϥόεɺύζϧɺήʔϜ ˒ ͖ͳͷɿϥʔϝϯɺᰤࢠɺ'MFYCPY ˒ 5XJUUFSɿ!N@O@U@Q
+".QMVT ͡Ίʹ ϒϥβԿΛ ͍ͬͯ·͔͢ʁ
+".QMVT ϒϥβͷγΣΞ ੲ*&ׂ͕ΛΊ͍ͯͨ࣌͋ͬͨ ʜʜࠓͲ͏ͳͷ͔ʁ ʁ
+".QMVT ϒϥβͷγΣΞ ༷ʑͳௐࠪػ͕ؔσʔλΛൃද͍ͯ͠Δ ࠓճ4UBU$PVOUFS ΞΠϧϥϯυ ͷ σʔλΛࢀর͠·͢ IUUQHTTUBUDPVOUFSDPN
+".QMVT 1$ͷϒϥβγΣΞ શੈք ݄ $ISPNF 'JSFGPY *&
4BGBSJ
+".QMVT 1$ͷϒϥβγΣΞ ຊ ݄ $ISPNF 'JSFGPY *&
4BGBSJ
+".QMVT εϚϗͷϒϥβγΣΞ ຊͰ*&͕ڧ͔ͬͨ ͔͠͠ɺ݄ʹ $ISPNF͕ٯస ࠩͲΜͲΜ։͍͍ͯΔ
+".QMVT *&ͷݱࡏͷࠃγΣΞ ͔͠͠ͳ͕Βɺ͍·ͩʹγΣΞ ͔͕ͨɺ͞ΕͲ 8FCαΠτ੍࡞8FCΞϓϦ։ൃͰ ࠷৽8FCٕज़ͷେΛ αϙʔτ͍ͯ͠ͳ͍ *&ͷαϙʔτΛܧଓ͖͔͢ʁ ˞*&͕ɺ*&Ҏલ͕
+".QMVT *&ͷαϙʔτΛܧଓ͖͔͢ ֖ͳ͍͜ͱΛݴͬͯ͠·͏ͱ έʔεόΠέʔε ʜʜͳͷͰ͕͢ɺ*&ΛΔ͜ͱʹΑͬͯ ؆୯ʹ͑ΔΑ͏ʹͳΔٕज़͕ ֨ஈʹ૿͑·͢ ݮʹܨ͕Δ߹ʂ
+".QMVT *&ΛΕ͑Δ)5.- UFNQMBUFλά <table id="producttable"> <thead> <tr> <td>UPC_Code</td> <td>Product_Name</td>
</tr> </thead> <tbody> <!-- 必要に応じて既存のデータをここに含められます。 --> </tbody> </table> <template id="productrow"> <tr> <td class="record"></td> <td></td> </tr> </template>
+".QMVT *&ΛΕ͑Δ$44 $44(SJE-BZPVU ৽༷ main{ display: grid; grid-template-columns: 100px
100px 100px; grid-template-rows: 100px 100px; gap: 6px; } w *&ͩͱϕϯμʔϓϨϑΟοΫεΛ͚ͭͯ͞Βʹ چ༷ͷಡΈସ͕͑ඞཁ ˞"VUPQSJpYFSΛ௨ͤҰԠมՄೳ͕ͩ ɹͻͱख͔͔ؒΔˍίʔυ͕૿͑Δ
+".QMVT *&ΛΕ͑Δ+BWB4DSJQU &4Ҏ߱ w MFUDPOTU w Ξϩʔؔ w DMBTTߏจ
FUDʜ
+".QMVT *&ͷαϙʔτΛܧଓ͖͔͢ அࡐྉ w 8FCαΠτΛӾཡ8FCΞϓϦΛ༻͢Δ٬ ˠݹ͍γεςϜΛ͍ͬͯΔϢʔβʔ͕ଟ͍͔ʁ w 8FCαΠτ8FCΞϓϦͰ͏ػೳԿ͔ ˠઌʹड़ͨػೳΛ͍͍͔ͨ൱͔ʁ
w ఏڙ͍ͯ͠ΔαΠτͷӾཡσʔλΛ֬ೝ͢Δ ˠ(PPHMF"OBMZUJDTͰϒϥβͷσʔλΛղੳ ɹεϚϗ͕ଟ͍ͳΒόοαϦΔͷҰͭͷख
+".QMVT εϚϗͷϒϥβγΣΞ શੈք ݄ $ISPNF 6$#SPXTFS 4BGBSJ
+".QMVT εϚϗͷϒϥβγΣΞ ຊ ݄ 4BGBSJ $ISPNF
+".QMVT εϚϗͷϒϥβγΣΞ w ࠃʹΑͬͯେ͖͕͘มΘΔ w ઌਐࠃ4BGBSJ͕ɺ৽ڵࠃ$ISPNF͕ڧ͍ w ͨͩ͠ɺຊ΄Ͳ4BGBSJ͕ڧ͍ࠃଞʹͳ͍
w ٯʹΠϯυͰ4BGBSJͷγΣΞ
+".QMVT εϚϗͷϒϥβαϙʔτ ߟ͑ํ $ISPNFͱ4BGBSJ͚ͩͰߟ͑ΔͳΒ ϒϥβผΑΓ 04ͷόʔδϣϯผͰ ߟ͍͑ͯ͘΄͏͕ྑ͍
+".QMVT εϚϗͷ04όʔδϣϯผγΣΞ "OESPJE IUUQTEFWFMPQFSBOESPJEDPNBCPVUEBTICPBSET ·Ͱɿ ɿ Ҏ߱ɿ ݄·Ͱͷؒ
+".QMVT 04όʔδϣϯผαϙʔτ "OESPJE w ·Ͱ9Ҏ߱ͷஈ֊Ͱϒϥβͷ ͕มΘ͖͍ͬͯͯΔ w ·Ͱͷʮ"OESPJEඪ४ϒϥβʯ͕Ͱഇ ࢭɺ$ISPNF͕σϑΥϧτʹ
w Ͱ8FC7JFXίϯϙʔωϯτ͕04͔ΒΓ ͞ΕΔ
+".QMVT 04όʔδϣϯผαϙʔτ "OESPJE w ·Ͱͷඪ४ϒϥβͩͱ 'MFYCPYϕϯμʔϓϨϑΟοΫε͕ඞཁ $44(SJE-BZPVU͕αϙʔτ͞Ε͍ͯͳ͍
&4͕μϝ w Ҏ߱Ͱ͋Ε$ISPNFΛ࠷৽൛ʹ͓͚ͯ͠ͳ ͍ͣ w ͨͩ͠ɺ8FC7JFX͕04͔ΒΓ͞Ε͍ͯͳ͍ ͨΊͦͪΒΛ͏߹ཁҙ ·Ͱͷαϙʔτൣғಉ༷ͱߟ͑ͯྑ͍
+".QMVT εϚϗͷ04όʔδϣϯผγΣΞ J04 IUUQTEFWFMPQFSBQQMFDPNTVQQPSUBQQTUPSF ·Ͱɿ ɿ ɿ
+".QMVT 04όʔδϣϯผαϙʔτ J04 w 'MFYCPYɿ·ͰϕϯμʔϓϨϑΟοΫεඞ ཁɺҎ߱ͳ͠ w $44(SJE-BZPVUɿ·Ͱର֎ͳͷͰҙ w
&4ɿҎ߱Ͱαϙʔτ
+".QMVT Ͳͷόʔδϣϯ·Ͱαϙʔτ͖͔͢ அࡐྉˠ݁ہ1$ͱಉ͡ w 8FCαΠτΛӾཡ8FCΞϓϦΛ༻͢Δ٬ ˠݹ͍04Λ͍ͬͯΔϢʔβʔ͕ଟ͍͔ʁ w 8FCαΠτ8FCΞϓϦͰ͏ػೳԿ͔ ˠઌʹड़ͨػೳΛ͍͍͔ͨ൱͔ʁ
w ఏڙ͍ͯ͠ΔαΠτͷӾཡσʔλΛ֬ೝ͢Δ ˠ(PPHMF"OBMZUJDTͰ04ͷσʔλΛղੳ
+".QMVT ·ͱΊ w ϒϥβͷγΣΞɺόʔδϣϯผγΣΞʑมԽ ͍ͯ͠Δ w ϒϥβɺόʔδϣϯʹΑͬͯͲͷΑ͏ͳٕज़Λα ϙʔτ͍ͯ͠Δ͔ΛϦαʔν͓ͯ͘͠ඞཁ͋Γ w
ͲͷϒϥβɺόʔδϣϯΛαϙʔτ͢Δ͔ͷஅ త֬ʹ͍ͬͯ͘ඞཁ͕͋Δ w ϢʔβʔઢͰߟ͑·͠ΐ͏
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ