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

単位をあやつる

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for もりてつ もりてつ
July 22, 2017
Technology
2
990

 単位をあやつる

2017年7月22日「CSS Talk vol.4」でのセッション「単位をあやつる」のスライドです。

Avatar for もりてつ

もりてつ

July 22, 2017
Tweet

More Decks by もりてつ

See All by もりてつ
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
Avatar for もりてつ m_n_t_p
0
1.1k
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
Avatar for もりてつ m_n_t_p
0
600
ブラウザのシェアと傾向と対策 2018改
Avatar for もりてつ m_n_t_p
0
400
ブラウザのシェアと傾向と対策2018
Avatar for もりてつ m_n_t_p
0
180
40代からのフロントエンドエンジニアリング Ver.3
Avatar for もりてつ m_n_t_p
0
190
Vue.jsトリビア(Vue.jsのコードネーム)
Avatar for もりてつ m_n_t_p
0
1.2k
グリッドレイアウト これまでとこれから
Avatar for もりてつ m_n_t_p
1
1k
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
Avatar for もりてつ m_n_t_p
1
1k
CSS Talk vol.2 Flexbox予告編
Avatar for もりてつ m_n_t_p
0
150

Other Decks in Technology

See All in Technology
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
460
日本の85%が使う公共SaaSは、どう育ったのか
Avatar for たけだ taketakekaho
1
150
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
Avatar for capytan capytan
6
2.7k
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
Avatar for ktykogm 0gm
0
900
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
Avatar for SansanTech sansantech
PRO
2
370
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.8k
Contract One Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
13k
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
180
生成AI時代にこそ求められるSRE / SRE for Gen AI era
Avatar for ymotongpoo ymotongpoo
5
3.2k
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.5k
All About Sansan – for New Global Engineers
Avatar for Sansan, Inc. sansan33
PRO
1
1.3k

Featured

See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.5k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
0
55
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
110
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k

Transcript

  1. FN WX ୯ҐΛ ͋΍ͭΔ $445BML7PM  ৿Ӭ఩ฏ QY  SFN

  2.  ࠓճͷ಺༰ $445BMLWPM w ͸͡Ίʹʜʜ w $44Ͱ࢖͏୯Ґ w σϞ 

     w DBMDͷొ৔ w ϨεϙϯγϒରԠ w σϞ   w ·ͱΊ

  3.  ࣗݾ঺հ w ৿Ӭ఩ฏ ΋Γͯͭ  w גࣜձࣾάϥουΩϡʔϒ
 ϓϩμΫτ։ൃνʔϜɹΤϯδχΞ $445BMLWPM

  4.  ࠓճͷ಺༰ $445BMLWPM w ͸͡Ίʹʜʜ w $44Ͱ࢖͏୯Ґ w σϞ 

     w DBMDͷొ৔ w ϨεϙϯγϒରԠ w σϞ   w ·ͱΊ

  5.  ୯Ґͱ͍͑͹ʜ $445BMLWPM w ௕͞ LNNDN  w ॏ͞ LHH

     w ༰ྔ MNMDD  ͳͲͳͲʜʜ

  6.  ୯Ґͱ͍͑͹ʜ $445BMLWPM ·ͨɺ མͱ͢ͱཹ೥͠·͢ɻ ˞࣮ࡍࢲ΋ճཹ೥͍ͯ͠·͢

  7.  ͜͜·Ͱ͸લϑϦɻ $445BMLWPM ࠓճ͸ $44Ͱ࢖͏୯Ґͷ࿩ Ͱ͢ɻ

  8.  ࠓճͷ಺༰ $445BMLWPM w ͸͡Ίʹʜʜ w $44Ͱ࢖͏୯Ґ w σϞ 

     w DBMDͷొ৔ w ϨεϙϯγϒରԠ w σϞ   w ·ͱΊ

  9.  $44Ͱ࢖͏୯Ґ w ϐΫηϧ୯Ґ w ը໘্ͷϐΫηϧ͕QY w جຊதͷجຊ $445BMLWPM QY

  10.  $44Ͱ࢖͏୯Ґ w ͜Ε΋Α͘࢖͍·͢ w ਌ཁૉʹର͢Δׂ߹ $445BMLWPM 

  11.  $44Ͱ࢖͏୯Ґ w จࣈ෼ͷߴ͞ w ྫ͑͹GPOUTJ[FQYͳΒFNQY w ΞϧϑΝϕοτʮ.ʯจࣈͷߴ͕͞ ༝དྷ $445BMLWPM

    FN

  12.  $44Ͱ࢖͏୯Ґ w WJFXQPSUXJEUIͷུ w $44Ͱొ৔ w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ͷ

    ෼ͷΛͱͨ͠୯Ґ $445BMLWPM WX දࣔྖҬ WX

  13.  $44Ͱ࢖͏୯Ґ w WJFXQPSUIFJHIUͷུ w $44Ͱొ৔ w Ϗϡʔϙʔτ දࣔྖҬ ͷߴ͞ͷ

    ෼ͷΛͱͨ͠୯Ґ $445BMLWPM WI දࣔྖҬ WI

  14.  $44Ͱ࢖͏୯Ґ w ϧʔτཁૉ IUNMཁૉ ͷϑΥϯτα ΠζΛͱͨ͠୯Ґ w $44Ͱొ৔ $445BMLWPM

    SFN

  15.  $44Ͱ࢖͏୯Ґ w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ɺߴ͞ ͷ͏ͪେ͖͍ํͷ෼ͷΛͱ͠ ͨ୯Ґ w $44Ͱొ৔

    $445BMLWPM WNBY

  16.  $44Ͱ࢖͏୯Ґ w Ϗϡʔϙʔτ දࣔྖҬ ͷ෯ɺߴ͞ ͷ͏ͪখ͍͞ํͷ෼ͷΛͱ͠ ͨ୯Ґ w $44Ͱొ৔

    $445BMLWPM WNJO

  17.  $44Ͱ࢖͏୯Ґ $445BMLWPM WNBY WNJO දࣔྖҬ WNBY WNJO දࣔྖҬ WNBY

    WNJO

  18.  $44Ͱ࢖͏୯Ґ ଞʹ΋͍Ζ͍Ζ͋Γ·͕͢ɺ ར༻ස౓͸ ଟ෼ গͳ͍ͱࢥ͍ ·͢ͷͰׂѪ͍ͨ͠·͢ɻ $445BMLWPM

  19.  ࢖༻্ͷ஫ҙ w Ϗϡʔϙʔτ දࣔ ྖҬ ͷ෯ɺߴ͞͸ εΫϩʔϧόʔ΋ ؚΈ·͢ $445BMLWPM

    WX WI දࣔྖҬ WI WX

  20.  ࢖༻্ͷ஫ҙ w *&&EHFʹඇରԠ
 ͳ͔ͥWNJO͸ରԠ $445BMLWPM WNBY

  21.  ࠓճͷ಺༰ $445BMLWPM w ͸͡Ίʹʜʜ w $44Ͱ࢖͏୯Ґ w σϞ 

     w DBMDͷొ৔ w ϨεϙϯγϒରԠ w σϞ   w ·ͱΊ

  22.  σϞ  IUUQTDPEFQFOJPU@NPSJOBHBQFO7,ZXYX $445BMLWPM

  23.  ࠓճͷ಺༰ $445BMLWPM w ͸͡Ίʹʜʜ w $44Ͱ࢖͏୯Ґ w σϞ 

     w DBMDͷొ৔ w ϨεϙϯγϒରԠ w σϞ   w ·ͱΊ

  24.  DBMDͷొ৔ ྫ͑͹ʜʜ ʮ͜ͷEJWͷ෯͸਌ཁૉͷʹ͍ͨ͠ ͚ͲɺCPSEFS͕͋ΔͷͰͦͷ෼ͷϐΫη ϧΛҾ͍ͨ෯ʹ͍ͨ͠ʯ ͱ͍͏೰Έ $445BMLWPM

  25.  DBMDͷొ৔ w ҧ͏୯ҐΛՃݮ৐আͰ͖Δ w $44Ͱొ৔ $445BMLWPM DBMD

  26.  DBMDͷొ৔ $445BMLWPM ઌ΄Ͳͷྫͩͱʜʜ EJW ਌ཁૉͷ CPSEFSࠐΈ CPSEFSMFGU QY CPSEFSSJHIU

    QY EJW\ XJEUIDBMD QY  CPSEFSTPMJEQYHSBZ ^

  27.  ࠓճͷ಺༰ $445BMLWPM w ͸͡Ίʹʜʜ w $44Ͱ࢖͏୯Ґ w σϞ 

     w DBMDͷొ৔ w ϨεϙϯγϒରԠ w σϞ   w ·ͱΊ

  28.  ϨεϙϯγϒରԠ ྫ͑͹ w ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ࣌ $445BMLWPM " " ը໘෯QY ˣ

    GPOUTJ[FQY ը໘෯QY ˣ GPOUTJ[FQY

  29.  ϨεϙϯγϒରԠ Α͘࢖͏ํ๏ɿ$44.FEJB2VJSJFT $445BMLWPM TBNQMF\ GPOUTJ[FQY ^ !NFEJBTDSFFOBOE NBYXJEUIQY \

    TBNQMF\ GPOUTJ[FQY ^ ^

  30.  ϨεϙϯγϒରԠ Α͘࢖͏ํ๏ɿ$44.FEJB2VJSJFT $445BMLWPM TBNQMF\ GPOUTJ[FQY ^ !NFEJBTDSFFOBOE NBYXJEUIQY \

    TBNQMF\ GPOUTJ[FQY ^ ^ !NFEJBTDSFFOBOE NBYXJEUIQY \ TBNQMF\ GPOUTJ[FQY ^ ^ !NFEJBTDSFFOBOE NBYXJEUIQY \ TBNQMF\ GPOUTJ[FQY ^ ^ ࡉ͔͘ࠁΈ͗͢Δͱ ίʔυ͕ΧΦεʹ

  31.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $445BMLWPM " " ը໘෯QY ˣ GPOUTJ[FQY

    ը໘෯QY ˣ GPOUTJ[FQY

  32.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $445BMLWPM ը໘෯ɿQYͷ࣌ˠQY ը໘෯ɿQYͷ࣌ˠQY ը໘෯͕ QY૿Ճ ˣ

    GPOUTJ[F͕ QY૿Ճ

  33.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $445BMLWPM ը໘෯͕ QY૿Ճ ˣ GPOUTJ[F͕ QY૿Ճ

    ը໘෯͕ QY૿Ճ ˣ GPOUTJ[F͕ QY૿Ճ ը໘෯ͷ WX

  34.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $445BMLWPM ը໘෯ɿQYͷ࣌ˠQY ը໘෯ɿQYͷ࣌ˠQY ը໘෯͕ QYͷ࣌Λܭࢉ QY

  35.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠDBMDΛ࢖ͬͯॊೈʹมԽͤ͞Δ $445BMLWPM ը໘෯͕QYͷ࣌ɺGPOUTJ[F͸QY ը໘෯͕QY૿Ճ͢Δ͝ͱʹ GPOUTJ[F͕QY ը໘෯ͷˠWX ૿Ճ

    GPOUTJ[FDBMD QY WX

  36.  ϨεϙϯγϒରԠ ը໘෯ʹԠͯ͡GPOUTJ[FΛม͍͑ͨ ˠ͔͠͠ຖճܭࢉ͢Δͷ͸໘౗ $445BMLWPM

  37.  ϨεϙϯγϒରԠ ͱ͍͏͜ͱͰ $445BMLWPM ࡞ͬͪΌ͍·ͨ͠

  38.  ࠓճͷ಺༰ $445BMLWPM w ͸͡Ίʹʜʜ w $44Ͱ࢖͏୯Ґ w σϞ 

     w DBMDͷొ৔ w ϨεϙϯγϒରԠ w σϞ   w ·ͱΊ

  39.  σϞ  IUUQTDPEFQFOJPU@NPSJOBHBGVMMXRXRE9 $445BMLWPM

  40.  σϞ  ࣾ಺Ͱ౰࣌ίʔσ Οϯάۀ຿Λ͍ͯͨ͠ 8͘Μ Ծ໊ ʹ࢖ͬͯ΋Βͬͨͱ͜Ζ $445BMLWPM ͜Εੌ͍͡Όͳ͍Ͱ͔͢ʂ

    ΊͬͪΌ࢖͑Δ΍ ͳ͍Ͱ͔͢ʔʂʂ ͚ͬ͜͏සൟʹ࢖͍ͬͯ·ͨ͠ɻ

  41.  ϨεϙϯγϒରԠ ଟ෼͜ͷखͷܭࢉπʔϧɺهࣄ͸ ωοτͰ୳ͤ͹͍Ζ͍Ζ͋Γ·͢ $445BMLWPM IUUQTXFCTFNBOUJDTVLUPPMTSFTQPOTJWFGPOUDBMDVMBUPS 'MVJESFTQPOTJWFGPOUDBMDVMBUPS

  42.  ࠓճͷ಺༰ $445BMLWPM w ͸͡Ίʹʜʜ w $44Ͱ࢖͏୯Ґ w σϞ 

     w DBMDͷొ৔ w ϨεϙϯγϒରԠ w σϞ   w ·ͱΊ

  43.  ·ͱΊ $445BMLWPM w $44Ͱ࢖͏୯Ґ͸͍Ζ͍Ζ͋Γ·͢ w DBMDͰෳ਺ͷ୯ҐΛ૊Έ߹Θͤͯܭࢉ͢Δ͜ͱ ͰϨεϙϯγϒରԠ΋ॊೈʹߦͳ͑·͢ w Ϧιʔε͸ωοτ্ʹ͍Ζ͍Ζ͋ΔͷͰௐ΂ͯ

    ษڧ͠ɺܭࢉํ๏Λ೺Ѳͯ͠୯ҐΛࣗ༝ࣗࡏʹ ૢΓ·͠ΐ͏ w ෼Ͱ࡞ͬͨπʔϧͰ΋ͦͦ͜͜໾ʹཱͪ·͢

  44. ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ