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

単位をあやつる

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
Meshy Proプラン課金した
Avatar for henjin0 henjin0
0
240
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
Avatar for 高棹大樹 daitak
0
310
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
380
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
Avatar for usanchuu usanchuu
3
430
プロポーザルに込める段取り八分
Avatar for ShoheiMitani shoheimitani
0
160
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.5k
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか？
Avatar for Makky12 smt7174
3
140
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
280
Mosaic AI Gatewayでコーディングエージェントを配るための運用Tips / JEDAI 2026 新春 Meetup! AIコーディング特集
Avatar for GENDA genda
0
150
Deno・Bunの標準機能やElysiaJSを使ったWebSocketサーバー実装 / ラーメン屋を貸し切ってLT会! IoTLT 2026新年会
Avatar for you（@youtoy） you
PRO
0
290
茨城の思い出を振り返る ～CDKのセキュリティを添えて～ / 20260201 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
170

Featured

See All Featured
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
72
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
97
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
210
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
140
Done Done
Avatar for chrislema chrislema
186
16k

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. ऴ ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ