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

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

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

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

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

IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSTJOHMFQIQ

IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSQBHFQIQ

IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSTJOHMFQIQ

IUUQTHJUIVCDPN8PSE1SFTTUXFOUZTFWFOUFFOCMPCNBTUFSQBHFQIQ

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

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

HFU@UFNQMBUF@QBSU TMVH OBNF

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

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

BEE@pMUFS   TOPX@NPOLFZ@HFU@UFNQMBUF@QBSU@BSHT   GVODUJPO BSHT \   
<  TMVHTMVH   OBNFOBNF   WBSTWBST   >    SFUVSOBSHT  ^ 

BEE@pMUFS   bTOPX@NPOLFZ@HFU@UFNQMBUF@QBSU@TMVH`   GVODUJPO OBNF WBST \   
EJWDMBTTlGPPz  ͍͋͏͓͑  EJW  QIQ  ^      

ΧελϚΠβʔϑϨʔϜϫʔΫ

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`

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 ^

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`

VTF*ODa81@$VTUPNJ[FS@'SBNFXPSLa4UZMF 4UZMFSFHJTUFS bI` bDPMPSbHFU@UIFNF@NPE bIFBEFS@UFYUDPMPS`

MJHIUFO\ DPMPSMJHIUFO ^ EBSLFO\ DPMPSEBSLFO
^ SHCB\ DPMPSSHCB ^

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`

CUO\ CPSEFSDPMPS ^ QSJNBSZCUO\ !FYUFOECUO ^

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`>

ςʔϚΞοϓσʔτ"1*

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

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

8PSE1SFTTςʔϚ ߋ৽͕͋Γ·͢Α ߋ৽͠·͢ Ͱ͸࠷৽൛ͷ[JQΛͲ͏ͧ λά෇ίϛοτ ίϛοτ͕͔͋ͬͨΒ  ςετϏϧυΛཔΉ ໰୊ͳ͍͔Β  [JQΛϦϦʔε (JU)VC
5SBWJT$* ࣗαʔόʔ "1*ͷϨεϙϯεͱ  [JQΛอଘ (JU)VCͷ[JQ͸ফ͢

͓·͚

MJOFIFJHIU

MJOFIFJHIU GPOUTJ[F IBMGMFBEJOH IBMGMFBEJOH

@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; } }

/* จࣈαΠζͱͦΕʹԠͨ͡࠷దͳline-height */ @include _font-size-line-height(16px); /* margin */ @include _margin-bottom(1);
/* padding */ @include _padding(.5);

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

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

More Decks by Takashi Kitajima

Other Decks in Technology

Featured

Transcript