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
1k
2

 単位をあやつる

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

Avatar for もりてつ

もりてつ

July 22, 2017

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
620
ブラウザのシェアと傾向と対策 2018改
Avatar for もりてつ m_n_t_p
0
410
ブラウザのシェアと傾向と対策2018
Avatar for もりてつ m_n_t_p
0
190
40代からのフロントエンドエンジニアリング Ver.3
Avatar for もりてつ m_n_t_p
0
200
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
世界の中心でApp Runnerを叫ぶ FINAL
Avatar for つくぼし tsukuboshi
0
230
CyberAgent YJC Connect
Avatar for shimayuu shimaf4979
1
150
Digital Independence: Why, When and How
Avatar for Wannes Rams wannesrams
0
280
ファインディの事業拡大を支える 拡張可能なデータ基盤へのリアーキテクチャ
Avatar for Noriaki Hiraki hiracky16
0
870
AI駆動開発で生産性を追いかけたら、行き着いたのは品質とシフトレフトだった
Avatar for Koichiro Matsuoka littlehands
0
370
巨大プラットフォームを進化させる「第3のROI」
Avatar for Recruit recruitengineers
PRO
2
2.4k
Cortex Codeのコスト見積ヒントご紹介
Avatar for Yosuke Katsuki yokatsuki
0
150
UIライブラリに依存しすぎないReact Native設計を目指して
Avatar for Takahiro Kato grandbig
0
190
「SaaSの次の時代」に重要性を増すステークホルダーマネジメントの要諦 ～解像度を圧倒的に高めPdMの価値を最大化させる方法～
Avatar for KAKEHASHI kakehashi
PRO
3
3.7k
エージェントスキルを作って自分のインプットに役立てよう
Avatar for Yuta Matsumura tsubakimoto_s
0
540
小さいVue.jsを30分で作る
Avatar for Hal hal_spidernight
0
140
Scovilleモバイルエンジニア募集中.pdf
Avatar for Julien Rudin julienrudin
0
150

Featured

See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
240
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
190
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
280
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.9k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
100
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
6
630
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
570
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
1
2.6k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
190

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