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

Snow Monkey における私の技術的偏愛

Snow Monkey における私の技術的偏愛

341f9bfd1ef3b1f5f08eddac252f8c5f?s=128

Takashi Kitajima

February 09, 2019
Tweet

Transcript

  1. None
  2.  ϑϦʔϥϯε ϞϯΩʔϨϯν௕࡚   4OPX.POLFZͷ։ൃൢച  .881'PSNΞυΦϯͷൢച ΩλδϚλΧγ 

    !JOD
  3. None
  4. None
  5. ৴भ8PSE1SFTT.FFUVQJOদຊ ϞϯΩʔϨϯν
 ΩλδϚλΧγ!JOD 4OPX.POLFZʹ͓͚Δ
 ࢲͷٕज़తภѪ

  6. w ϨΠΞ΢τϏϡʔίϯτϩʔϥʔ w ςϯϓϨʔτಡΈࠐΈػೳͷ֦ு w ΧελϚΠβʔϑϨʔϜϫʔΫ w ςʔϚΞοϓσʔτ"1* ΞδΣϯμ

  7. ϨΠΞ΢τϏϡʔίϯτϩʔϥʔ

  8. IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSTJOHMFQIQ

  9. IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSQBHFQIQ

  10. IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSTJOHMFQIQ

  11. IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSQBHFQIQ

  12. IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSQBHFQIQ

  13.  $POUSPMMFSMBZPVU
 ϨΠΞ΢τϑΝΠϧͷࢦఆ ΧϥϜӈαΠυόʔFUD  $POUSPMMFSSFOEFS
 ϏϡʔϑΝΠϧͷࢦఆ DPOUFOUQPTUDPOUFOUQBHF

  14. ςϯϓϨʔτಡΈࠐΈػೳͷ֦ு

  15. HFU@UFNQMBUF@QBSU TMVH OBNF 

  16. VTF'SBNFXPSLa)FMQFS )FMQFSHFU@UFNQMBUF@QBSU TMVH OBNF WBST 

  17. VTF'SBNFXPSLa)FMQFS )FMQFSHFU@UFNQMBUF@QBSU TMVH OBNF WBST  σʔλΛ౉ͤΔ

  18. BEE@pMUFS 
 TOPX@NPOLFZ@HFU@UFNQMBUF@QBSU@BSHT 
 GVODUJPO BSHT \
  
 

    <
  TMVHTMVH 
  OBNFOBNF 
  WBSTWBST 
  >
  
 SFUVSOBSHT
 ^
 
  19. BEE@pMUFS 
 bTOPX@NPOLFZ@HFU@UFNQMBUF@QBSU@TMVH` 
 GVODUJPO OBNF WBST \
  


    EJWDMBTTlGPPz
 ͍͋͏͓͑
 EJW
  QIQ
 ^ 
  
 
 
  20. ΧελϚΠβʔϑϨʔϜϫʔΫ

  21. GVODUJPONZUIFNF@DVTUPNJ[F@SFHJTUFS XQ@DVTUPNJ[F \  XQ@DVTUPNJ[FBEE@TFUUJOH    IFBEFS@UFYUDPMPS 

      <    bEFGBVMU`b`    >    XQ@DVTUPNJ[FBEE@TFDUJPO    bNZUIFNF@OFX@TFDUJPO@OBNF`    <    bUJUMF`@@ b7JTJCMF4FDUJPO/BNF bNZUIFNF`    >    XQ@DVTUPNJ[FBEE@DPOUSPM    OFX81@$VTUPNJ[F@$PMPS@$POUSPM     XQ@DVTUPNJ[F     bIFBEFS@UFYUDPMPS`     <     bMBCFM`@@ b)FBEFS$PMPS` bNZUIFNF      bTFDUJPO`bNZUIFNF@OFX@TFDUJPO@OBNF`      bTFUUJOHT`bIFBEFS@UFYUDPMPS`     >      ^ BEE@BDUJPO bDVTUPNJ[F@SFHJTUFS` bNZUIFNF@DVTUPNJ[F@SFHJTUFS` 
  22. VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa'SBNFXPSL DPOUSPM'SBNFXPSLDPOUSPM   bDPMPS`   bIFBEFS@UFYUDPMPS`  

    <   bMBCFM`@@ b)FBEFS$PMPS` bNZUIFNF`   >  JG JT@DVTUPNJ[F@QSFWJFX  \  TFDUJPO'SBNFXPSLTFDUJPO    bNZUIFNF@OFX@TFDUJPO@OBNF`    <    bUJUMF`@@ b7JTJCMF4FDUJPO/BNF` bNZUIFNF`    >    DPOUSPMKPJO TFDUJPO  ^
  23. GVODUJPONZUIFNF@DVTUPNJ[F@DTT \  IFBEFS@DPMPSHFU@UIFNF@NPE bIFBEFS@UFYUDPMPS` b`    

    TUZMF  I\   DPMPS QIQFDIPIFBEFS@DPMPS   ^  TUZMF   QIQ ^ BEE@BDUJPO bXQ@IFBE` bNZUIFNF@DVTUPNJ[F@DTT` 
  24. VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa4UZMF 4UZMFSFHJTUFS   bI`   bDPMPSbHFU@UIFNF@NPE bIFBEFS@UFYUDPMPS` 

    
  25. MJHIUFO\ DPMPSMJHIUFO    ^ EBSLFO\ DPMPSEBSLFO  

     ^ SHCB\ DPMPSSHCB    ^
  26. VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa4UZMF VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa$PMPS 4UZMFSFHJTUFS   bMJHIUFO`   bDPMPSb$PMPSMJHIUFO b`

       4UZMFSFHJTUFS   bEBSLFO`   bDPMPSb$PMPSEBSLFO b`    4UZMFSFHJTUFS   bSHCB`   bDPMPSb$PMPSSHCB b`   
  27. CUO\ CPSEFSDPMPS ^ QSJNBSZCUO\ !FYUFOECUO ^

  28. VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa4UZMF BEE@BDUJPO   bJOD@XQ@DVTUPNJ[FS@GSBNFXPSL@BGUFS@MPBE@TUZMFT`   GVODUJPO \ 

     4UZMFQMBDFIPMEFS     bCUO`     GVODUJPO TFMFDUPST \     4UZMFSFHJTUFS TFMFDUPST bCPSEFSDPMPS`     ^     ^  4UZMFFYUFOE bCUO` <bQSJNBSZCUO`> 
  29. ςʔϚΞοϓσʔτ"1*

  30. 8PSE1SFTTςʔϚ XPSEQSFTTPSH ߋ৽͕͋Γ·͢Α ߋ৽͠·͢ Ͱ͸࠷৽൛ͷ[JQΛͲ͏ͧ ࠷৽൛ͷ[JQΛ
 Ξοϓϩʔυ

  31. 8PSE1SFTTςʔϚ ߋ৽͕͋Γ·͢Α ߋ৽͠·͢ Ͱ͸࠷৽൛ͷ[JQΛͲ͏ͧ λά෇ίϛοτ ίϛοτ͕͔͋ͬͨΒ
 ςετϏϧυΛཔΉ ໰୊ͳ͍͔Β
 [JQΛϦϦʔε (JU)VC

    5SBWJT$*
  32. None
  33. None
  34. 8PSE1SFTTςʔϚ ߋ৽͕͋Γ·͢Α ߋ৽͠·͢ Ͱ͸࠷৽൛ͷ[JQΛͲ͏ͧ λά෇ίϛοτ ίϛοτ͕͔͋ͬͨΒ
 ςετϏϧυΛཔΉ ໰୊ͳ͍͔Β
 [JQΛϦϦʔε (JU)VC

    5SBWJT$* ࣗαʔόʔ "1*ͷϨεϙϯεͱ
 [JQΛอଘ (JU)VCͷ[JQ͸ফ͢
  35. ͓·͚

  36. MJOFIFJHIU

  37. MJOFIFJHIU GPOUTJ[F IBMGMFBEJOH IBMGMFBEJOH

  38. None
  39. @function _vertical-rhythm($font-size, $coefficient: 1) { $between-lines : _strip-unit(_rem2px($_between-lines)); $base-line-height: _strip-unit(_rem2px($_base-line-height));

    $base-font-size : _strip-unit(_rem2px($_base-font-size)); $font-size : _strip-unit($font-size); $line-height: $font-size + ($between-lines * $coefficient); @if ($line-height < $font-size + ($between-lines * 2)) { @return _vertical-rhythm($font-size, ($coefficient + 1)); } @else { @if ($font-size % $base-font-size == 0 and $font-size > $base-font-size) { @return $line-height - ($between-lines / 2); } @return $line-height; } }
  40. /* จࣈαΠζͱͦΕʹԠͨ͡࠷దͳline-height */ @include _font-size-line-height(16px); /* margin */ @include _margin-bottom(1);

    /* padding */ @include _padding(.5);
  41. None