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

単位をあやつる

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
420
ブラウザのシェアと傾向と対策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
160

Other Decks in Technology

See All in Technology
Agile and AI Redmine Japan 2026
Avatar for Kenji Hiranabe hiranabe
4
550
Agentic AI 時代のテスト手法: Kiro とはじめるプロパティベーステスト (AWS Summit Japan 2026 | DEV212)
Avatar for Hiroki Yamazaki ymhiroki
0
120
AIで政治は変わるのか？ — 中高生と考えたAI時代の民主主義（東海高校サタデープログラム）
Avatar for 須田英太郎 eitarosuda
0
210
そこにあるから地図ができる～位置を示す"モノ"を愉しむ～ - Interface 2026年6月号GPS特集オフ会 / interface_202606_GPS_offline
Avatar for sakaik sakaik
1
140
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
Avatar for KAKEHASHI kakehashi
PRO
1
290
週末にループ・エンジニアリングの理解を深めるためのスライド
Avatar for 長津孝輔 nagatsu
0
700
From Prompt Engineering to Loop Engineering
Avatar for shibuiwilliam shibuiwilliam
1
300
PostgreSQL 19 新機能概要 OSC Hokkaido 2026
Avatar for Noriyoshi Shinoda nori_shinoda
0
260
「勝手に広まる」人気 AI エージェントを爆速で作ろう！（AWS Summit Japan 2026講演資料）
Avatar for みのるん minorun365
PRO
10
2.7k
事業会社は今こそSWEを高給で雇ってWebシステムを内製しよう
Avatar for 岡部匡志 masaokb
0
110
ClaudeCodeの公式Memory Architecture
Avatar for 長津孝輔 nagatsu
0
120
CVE-2026-20833_脆弱性対応とAES 化について
Avatar for Jun1214 jukishiya
0
290

Featured

See All Featured
Side Projects
Avatar for Sacha Greif sachag
455
43k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
1
52k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.4k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.2k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
65
56k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
260
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k

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