ヒロフロお悩み相談会〜CSS編〜

ώϩϑϩ͓೰Έ૬ஊձ d$44ฤd ηοπϒʔϯ

ͲΜͳ$44ઃܭͯ͠Δʁ Ϋϥεͷ໋໊نଇ͸ʁ ͲΜͳSFTFUDTTΛ࢖ͬͯΔʁ ૉ๿ͳٙ໰ σΟεΧογϣϯ͠·͠ΐ͏ɻ

͍͍$44ͱ͸ʁ

͍͍$44ͷ৚݅ w ༧ଌ͠΍͍͢ w ࠶ར༻͠΍͍͢ w อक͠΍͍͢ w ֦ு͠΍͍͢ w
ϒϥ΢βؒͷࠩҟ͕ͳ͍

Ϧηοτ$44

&SJD.FZFS`Tl3FTFU$44z w ੈքͰ̍൪ར༻͞Ε͍ͯΔϦηοτ$44 w ։ൃ͕ࢭ·͍ͬͯΔ w )5.-Ͱ͸ഇࢭ͞ΕͯΔཁૉ΋ೖ͍ͬͯΔ w ٯʹ)5.-Ͱ௥Ճ͞Εͨཁૉ͸ೖ͍ͬͯͳ͍ w
IUUQNFZFSXFCDPNFSJDUPPMTDTTSFTFU

)5.-%PDUPS$443FTFU(FU5IF$PEF w &SJD.FZFS`Tl3FTFU$44zΛվྑ w )5.-ରԠ    w IUUQIUNMEPDUPSDPNIUNMSFTFU TUZMFTIFFU

:BIPP$443FTFU :6* w :BIPP͕։ൃ w ։ൃऴྃ    w IUUQTZVJMJCSBSZDPNZVJEPDTDTTSFTFU

OPSNBMJ[FDTT w )5.-ରԠ w ༗༻ͳϒϥ΢βͷελΠϧ͸࢒ͯ͋͠Δɻ w શͯΛϦηοτ͢ΔͷͰ͸ͳ͍ͷͰඳը͕ૣ͍    w IUUQTOFDPMBTHJUIVCJPOPSNBMJ[FDTT

SFTT w OPSNBMJ[FDTTΛվྑ w શͯͷཁૉʹCPYTJ[JOHCPSEFSCPYΛదԠ w σϑΥϧτͷϘλϯͷελΠϧΛ࡟আ    w IUUQTHJUIVCDPNGJMJQFMJOIBSFTSFTT

$44ઃܭ

00$44 w ίϯςφͱ಺༰ͷ෼཭ w ߏ଄ͱεΩϯͷ෼཭ w JEΛ࢖Θͳ͍ w อकੑɾ࠶ར༻ੑͷ޲্ 0CKFDU0SJFOUFE$44

ίϯςφͱ಺༰ͷ෼཭ EJWDMBTTDBUFHPSZ IΧςΰϦI EJW DBUFHPSZI\ dTUZMFd ^

ίϯςφͱ಺༰ͷ෼཭ EJWDMBTTlDBUFHPSZ@CPY IDMBTTDBUFHPSZΧςΰϦI EJW DBUFHPSZ\ dTUZMFd ^

ίϯςφͱ಺༰ͷ෼཭ w Ϋϥεͷ෇͍͍ͯͳ͍IͳͲͷ)5.-ཁૉ͸σϑΥ ϧτελΠϧΛ֬໿Ͱ͖Δ w DBUFHPSZͷ෇༩͞Εͨ)5.-ཁૉ͸ɺͦΕ͕I Ͱ͸ͳ͍ͱͯ͠΋ಉ͡ݟͨ໨Λఏڙ͢Δ͜ͱ͕Ͱ͖Δ

ߏ଄ͱεΩϯͷ෼཭ CUO\ XJEUIQY IFJHIUQY QBEEJOHQY DPMPS⒎G CBDLHSPVOEDPMPSG ^ ˡߏ଄ ˡߏ଄
ˡߏ଄ ˡεΩϯ ˡεΩϯ

ߏ଄ͱεΩϯͷ෼཭ CUO\ XJEUIQY IFJHIUQY QBEEJOHQY ^ FOUSZCUO\ !FYUFOECUO DPMPS⒎G CBDLHSPVOEDPMPSG
^

#&. #MPDL&MFNFOU.PEJpFS w ௕ظؒϝϯςφϯεͰ͖ΔઃܭͰɺ։ൃΛ͢͹΍͘ w ֶशίετͷ௿Լ w ࠶ར༻ੑΞοϓ

#&. #MPDLͱ&MFNFOUͷ۠੾Γ͸ΞϯμείΞݸ NFOV@@JUFN #MPDL·ͨ͸&MFNFOUͱ.PEJpFSͷ۠੾Γ͸ϋΠϑϯݸ NFOV@@JUFNDVSSFOU

#&. VMDMBTTNFOV MJDMBTTNFOV@@JUFNNFOV@@JUFNDVSSFOU MJ MJDMBTTlNFOV@@JUFNMJ MJDMBTTlNFOV@@JUFNMJ VM

4."$44 w 00$44 #&. w $44ΛΑΓମܥཱͯɺΑΓߏ଄Խͤ͞Δ 4DBMBCMFBOE.PEVMBS"SDIJUFDUVSFGPS$44

4."$44 w #BTF  Ϧηοτ΍σϑΥϧτͷελΠϧͳͲ w -BZPVU  ϔομʔɺϑολʔɺαΠυόʔͳͲͷେ͖ͳ͘͘ΓMIFBEFS w .PEVMF  -BZPVUΛߏ੒͢ΔύʔπͷελΠϧ
w 4UBUF  ঢ়ଶʹΑͬͯݟͨ໨ΛมԽͤ͞Δͱ͖ʹ࢖͏ɹJTBDUJWF w 5IFNF  ޙ͔ΒಡΈࠐ·ͤͨΓɺΫϥεΛ෇Ճͯ͋͠ͱ͔ΒελΠϧΛมߋͤ͞Δ ৔߹ʹ࢖͏

4."$44 EJWDMBTTMNBJO EJWDMBTTCPYJTEJTBCMF IDMBTTCPYUJUMFCPYI EJW EJW CPYJTEJTBCMF\ EJTQMBZOPOF ^

'-0$44 w )JSPLJUBOJ !IJMPLJʹΑͬͯߟҊ͞Εͨࠃ࢈ͷ$44ઃܭ w 00$44 4."$44 #&. 4VJU$44 w
ͭͷϨΠϠʔͱͭͷࢠϨΠϠʔʹ෼͚ͯઃܭ 'PVOEBUJPO-BZPVU0CKFDU$44

'-0$44 w 'PVOEBUJPO  Ϧηοτ΍σϑΥϧτͷελΠϧͳͲ w -BZPVU  ϔομʔɺϑολʔɺαΠυόʔͳͷେ͖ͳ͘͘ΓMIFBEFS w 0CKFDU  -BZPVUΛߏ੒͢ΔύʔπͷελΠϧ
w $PNQPOFOU  ࠶ར༻Ͱ͖Δ࠷΋খ͞ͳ୯ҐͷϞδϡʔϧ w 1SPKFDU  ݻ༗ͷݟͨ໨Λ༗͢Δ΋ͷ w 6UJMJUZ  DMFBSGJY΍NBSHJOͷௐ੔ɺςΩετͷ഑ஔɺԣ෯ࢦఆͳͲ

$44ઃܭ

·ͱΊ w 1)1ɾ3VCZɾ1ZTPOɾ)BTLFMMͱ͔ۃΊΔඞཁ͸ͳ͍͚Ͳɺ ϓϩάϥϜతͳॻ͖ํΛֶͿඞཁ͕͋Δ w ঢ়گʹԠͯ͡ɺద੾ͳઃܭख๏ΛબͿ ن໿ͷগͳ͍ݴޠ͔ͩΒͦ͜ϓϩάϥϜతͳӡ༻͕ඞཁ

ヒロフロお悩み相談会〜CSS編〜

ヒロフロお悩み相談会〜CSS編〜

井上拓

More Decks by 井上拓

Other Decks in Technology

Featured

Transcript

ώϩϑϩ͓೰Έ૬ஊձ d$44ฤd ηοπϒʔϯ

ͲΜͳ$44ઃܭͯ͠Δʁ Ϋϥεͷ໋໊نଇ͸ʁ ͲΜͳSFTFUDTTΛ࢖ͬͯΔʁ ૉ๿ͳٙ໰ σΟεΧογϣϯ͠·͠ΐ͏ɻ

͍͍$44ͱ͸ʁ

͍͍$44ͷ৚݅ w ༧ଌ͠΍͍͢ w ࠶ར༻͠΍͍͢ w อक͠΍͍͢ w ֦ு͠΍͍͢ w

Ϧηοτ$44

&SJD.FZFS`Tl3FTFU$44z w ੈքͰ̍൪ར༻͞Ε͍ͯΔϦηοτ$44 w ։ൃ͕ࢭ·͍ͬͯΔ w )5.-Ͱ͸ഇࢭ͞ΕͯΔཁૉ΋ೖ͍ͬͯΔ w ٯʹ)5.-Ͱ௥Ճ͞Εͨཁૉ͸ೖ͍ͬͯͳ͍ w

)5.-%PDUPS$443FTFU(FU5IF$PEF w &SJD.FZFS`Tl3FTFU$44zΛվྑ w )5.-ରԠ    w IUUQIUNMEPDUPSDPNIUNMSFTFU TUZMFTIFFU

:BIPP$443FTFU :6* w :BIPP͕։ൃ w ։ൃऴྃ    w IUUQTZVJMJCSBSZDPNZVJEPDTDTTSFTFU

OPSNBMJ[FDTT w )5.-ରԠ w ༗༻ͳϒϥ΢βͷελΠϧ͸࢒ͯ͋͠Δɻ w શͯΛϦηοτ͢ΔͷͰ͸ͳ͍ͷͰඳը͕ૣ͍    w IUUQTOFDPMBTHJUIVCJPOPSNBMJ[FDTT

SFTT w OPSNBMJ[FDTTΛվྑ w શͯͷཁૉʹCPYTJ[JOHCPSEFSCPYΛదԠ w σϑΥϧτͷϘλϯͷελΠϧΛ࡟আ    w IUUQTHJUIVCDPNGJMJQFMJOIBSFTSFTT

$44ઃܭ

00$44 w ίϯςφͱ಺༰ͷ෼཭ w ߏ଄ͱεΩϯͷ෼཭ w JEΛ࢖Θͳ͍ w อकੑɾ࠶ར༻ੑͷ޲্ 0CKFDU0SJFOUFE$44

ίϯςφͱ಺༰ͷ෼཭ EJWDMBTTDBUFHPSZ IΧςΰϦI EJW DBUFHPSZI\ dTUZMFd ^

ίϯςφͱ಺༰ͷ෼཭ EJWDMBTTlDBUFHPSZ@CPY IDMBTTDBUFHPSZΧςΰϦI EJW DBUFHPSZ\ dTUZMFd ^

ίϯςφͱ಺༰ͷ෼཭ w Ϋϥεͷ෇͍͍ͯͳ͍IͳͲͷ)5.-ཁૉ͸σϑΥ ϧτελΠϧΛ֬໿Ͱ͖Δ w DBUFHPSZͷ෇༩͞Εͨ)5.-ཁૉ͸ɺͦΕ͕I Ͱ͸ͳ͍ͱͯ͠΋ಉ͡ݟͨ໨Λఏڙ͢Δ͜ͱ͕Ͱ͖Δ

ߏ଄ͱεΩϯͷ෼཭ CUO\ XJEUIQY IFJHIUQY QBEEJOHQY DPMPS⒎G CBDLHSPVOEDPMPSG ^ ˡߏ଄ ˡߏ଄

ߏ଄ͱεΩϯͷ෼཭ CUO\ XJEUIQY IFJHIUQY QBEEJOHQY ^ FOUSZCUO\ !FYUFOECUO DPMPS⒎G CBDLHSPVOEDPMPSG

#&. #MPDL&MFNFOU.PEJpFS w ௕ظؒϝϯςφϯεͰ͖ΔઃܭͰɺ։ൃΛ͢͹΍͘ w ֶशίετͷ௿Լ w ࠶ར༻ੑΞοϓ

#&. #MPDLͱ&MFNFOUͷ۠੾Γ͸ΞϯμείΞݸ NFOV@@JUFN #MPDL·ͨ͸&MFNFOUͱ.PEJpFSͷ۠੾Γ͸ϋΠϑϯݸ NFOV@@JUFNDVSSFOU

#&. VMDMBTTNFOV MJDMBTTNFOV@@JUFNNFOV@@JUFNDVSSFOU MJ MJDMBTTlNFOV@@JUFNMJ MJDMBTTlNFOV@@JUFNMJ VM

4."$44 w 00$44 #&. w $44ΛΑΓମܥཱͯɺΑΓߏ଄Խͤ͞Δ 4DBMBCMFBOE.PEVMBS"SDIJUFDUVSFGPS$44

4."$44 w #BTF  Ϧηοτ΍σϑΥϧτͷελΠϧͳͲ w -BZPVU  ϔομʔɺϑολʔɺαΠυόʔͳͲͷେ͖ͳ͘͘ΓMIFBEFS w .PEVMF  -BZPVUΛߏ੒͢ΔύʔπͷελΠϧ

4."$44 EJWDMBTTMNBJO EJWDMBTTCPYJTEJTBCMF IDMBTTCPYUJUMFCPYI EJW EJW CPYJTEJTBCMF\ EJTQMBZOPOF ^

'-0$44 w )JSPLJUBOJ !IJMPLJʹΑͬͯߟҊ͞Εͨࠃ࢈ͷ$44ઃܭ w 00$44 4."$44 #&. 4VJU$44 w

'-0$44 w 'PVOEBUJPO  Ϧηοτ΍σϑΥϧτͷελΠϧͳͲ w -BZPVU  ϔομʔɺϑολʔɺαΠυόʔͳͷେ͖ͳ͘͘ΓMIFBEFS w 0CKFDU  -BZPVUΛߏ੒͢ΔύʔπͷελΠϧ

$44ઃܭ

·ͱΊ w 1)1ɾ3VCZɾ1ZTPOɾ)BTLFMMͱ͔ۃΊΔඞཁ͸ͳ͍͚Ͳɺ ϓϩάϥϜతͳॻ͖ํΛֶͿඞཁ͕͋Δ w ঢ়گʹԠͯ͡ɺద੾ͳઃܭख๏ΛબͿ ن໿ͷগͳ͍ݴޠ͔ͩΒͦ͜ϓϩάϥϜతͳӡ༻͕ඞཁ

ヒロフロお悩み相談会 〜CSS編〜

ヒロフロお悩み相談会 〜CSS編〜

More Decks by 井上拓

Other Decks in Technology

Featured

Transcript

ヒロフロお悩み相談会〜CSS編〜

ヒロフロお悩み相談会〜CSS編〜