Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

単位をあやつる

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
640
ブラウザのシェアと傾向と対策 2018改
Avatar for もりてつ m_n_t_p
0
430
ブラウザのシェアと傾向と対策2018
Avatar for もりてつ m_n_t_p
0
200
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
1.1k
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
Avatar for もりてつ m_n_t_p
1
1.1k
CSS Talk vol.2 Flexbox予告編
Avatar for もりてつ m_n_t_p
0
160

Other Decks in Technology

See All in Technology
Driving AI Adoption Using In-House GPUs to Serve Qwen
Avatar for po3rin po3rin
2
480
Oracle Cloud Infrastructure IaaS 新機能アップデート 2026/6 - 2026/8
Avatar for oracle4engineer oracle4engineer
PRO
0
150
多層防御と最⼩権限で実現する、安全なAIエージェント設計パターン
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
260
From Vanilla Kubernetes to a Batteries-Included Platform: Developer Experience at 1,300+ Clusters
Avatar for yosshi_ yosshi_
0
680
作り直せるコードは迅速に 作り直せないDBは慎重に - AI時代のプロダクトエンジニアが「判断の不可逆性」で開発速度を変える話
Avatar for kinosuke01 kinosuke01
0
300
Adaptive Warehouse を今すぐ導入すべき理由と迷ったときの判断基準
Avatar for あれ __allllllllez__
0
170
AI 駆動 Terraform 開発/SRE_BizReach_MIXI_2
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
3
2k
OpenTelemetry eBPF Instrumentationの舞台裏 / Behind the Scenes of OpenTelemetry eBPF Instrumentation
Avatar for ymotongpoo ymotongpoo
3
990
Deploying a Full-Stack Bun-Native Framework on Cloudflare Workers
Avatar for daiki7nohe 7nohe
0
130
あるけみー式LTスライド作成術
Avatar for Ryotaro Harada alchemy1115
1
170
Where Is JetBrains AI Heading- — Central CLI, Air Alpha, and the Agentic Development Stack
Avatar for Daisuke Masuda x5gtrn
PRO
0
150
AIに丸投げしないトイル削減 / Eliminating Toil Without Leaving It All to AI
Avatar for kohbis kohbis
4
1.1k

Featured

See All Featured
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
370
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
240
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
331
25k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
310
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
380

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