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
1k
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
550
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
370
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
940
グリッドレイアウト これまでとこれから
m_n_t_p
1
950
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
960
CSS Talk vol.2 Flexbox予告編
m_n_t_p
0
140
Other Decks in Technology
See All in Technology
データ基盤からデータベースまで?広がるユースケースのDatabricksについて教えるよ!
akuwano
3
130
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
2
7.3k
ビジネス職が分析も担う事業部制組織でのデータ活用の仕組みづくり / Enabling Data Analytics in Business-Led Divisional Organizations
zaimy
0
130
Glacierだからってコストあきらめてない? / JAWS Meet Glacier Cost
taishin
1
170
AI専用のリンターを作る #yumemi_patch
bengo4com
6
4.3k
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
170
AWS認定を取る中で感じたこと
siromi
1
190
FOSS4G 2025 KANSAI QGISで点群データをいろいろしてみた
kou_kita
0
400
American airlines ®️ USA Contact Numbers: Complete 2025 Support Guide
airhelpsupport
0
390
SEQUENCE object comparison - db tech showcase 2025 LT2
nori_shinoda
0
150
インフラ寄りSREの生存戦略
sansantech
PRO
5
1.6k
United airlines®️ USA Contact Numbers: Complete 2025 Support Guide
unitedflyhelp
0
330
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Side Projects
sachag
455
42k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
740
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
4 Signs Your Business is Dying
shpigford
184
22k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
The World Runs on Bad Software
bkeepers
PRO
69
11k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Making Projects Easy
brettharned
116
6.3k
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 ϢʔβʔઢͰߟ͑·͠ΐ͏
ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ