Text Editor for Web Designer

Slides for schoo WEB-campus
http://schoo.jp/class/278

Transcript

1. 2013೥11݄16೔ schoo WEB-campus ۚᖒ௚ؽ WebσβΠ φʔͷͨΊͷ Τσ Ο λೖ໳
2. Naoki Kanazawa http://designless.net
3. ς Ω ε τ Τσ Ο λ
4. EDITOR
5. 
   ஌Δ 
   ҭͯ Δ 
   ࢖͍෼͚ Δ
6.  ஌Δ
7. બ୒ࢶ ϝ Ϟா 5FSB1BE αΫ ϥΤσ Ο λ लؙΤσ Ο λ 4VCMJNF
   5FYU ς Ω ε τ Τσ Ο ο τ $PU
   &EJUPS NJ WJ N FNBDT FUD
8. ί ϯ ϐ ϡʔλ ͱ ͷձ࿩
9. QXE DE
   EFTLUPQ NLEJS
   TJUF DE
   TJUF UPVDI
   JOEFYIUNM WJ
   JOEFYIUNM PQFO
   JOEFYIUNM λʔ ϛ φϧ
11.  ҭͯ Δ
12. 4VCMJNF
    5FYU
    
13. 5IF
    UFYU
    FEJUPS ZPVMM
    GBMM
    JO
    MPWF
    XJUI ʠ
14. IUUQEFTJHOMFTTOFUEBUBTDIPP[JQ ૉࡐͷμ΢ ϯ ϩʔ υ
15. ̎ ʵ ̍
    Π ϯ λʔϑ Σ Π ε ̎ ʵ ̎
    η ο ς Ο ϯ ά ̎ ʵ ̏
    ύ ο έʔδ ̎ ʵ ̐
    ΩʔόΠ ϯ υ
17. 1SFGFSFODFT
    
    4FUUJOH
    
    6TFS η ο ς Ο ϯ ά ʢϢʔβʔʣ DNE
    
    
18. 
    BVUP@JOEFOU
    USVF
    ESBX@XIJUF@TQBDF
    BMM
    GPOU@TJ[F
    
    IJHIMJHIU@MJOF
    USVF
    JHOPSFE@QBDLBHFT
    <
    
    
    
    7JOUBHF
    >
    UBC@TJ[F
    
    XPSE@XSBQ
    USVF +40/ܗࣜ ࠷ޙ͸Χ ϯϚͳ ͠ ʂ η ο ς Ο ϯ ά ʢϢʔβʔʣ
19. 1BDLBHF
    $POUSPM 7JFX
    
    4IPX
    $POTPMF JNQPSU
    VSMMJC PT
    QG1BDLBHF
    $POUSPMTVCMJNFQBDLBHF
    JQQTVCMJNFJOTUBMMFE@QBDLBHFT@QBUI 
    PTNBLFEJST JQQ
    JG
    OPU
    PTQBUIFYJTUT JQQ
    FMTF
    /POF
    VSMMJCJOTUBMM@PQFOFS VSMMJCCVJME@PQFOFS VSMMJC1SPYZ)BOEMFS 
    PQFO PTQBUIKPJO JQQ QG XC XSJUF VSMMJCVSMPQFO IUUQTVCMJNFXCPOEOFU QGSFQMBDF 
      SFBE 
    QSJOU
    1MFBTF
    SFTUBSU
    4VCMJNF
    5FYU
    UP
    pOJTI
    JOTUBMMBUJPO
20. DNE
    
    TIJGU
    
    Q 1BDLBHF
    $POUSPM *OTUBMM
    ⾩
    3FNPWF &OBCMF
    ⾩
    %JTBCMF
21. 1BDLBHF
    $POUSPM 1SFGFSFODFT
    
    #SPXTF
    1BDLBHFT
22. 1BDLBHF
    *OTUBMM EJW
    
    
    QUFYUQ EJW #SBDLFU)JHIMJUFS
23. 1BDLBHF
    *OTUBMM $PMPS1JDLFS DNE
    
    TIJGU
    
    D
24. 1BDLBHF
    *OTUBMM 4JEF#BS&OIBODFNFOUT
25. 1BDLBHF
    *OTUBMM (PUP$44%FDMBSBUJPO DNE
    
    ˠ ˞ߦ຤ ɾ ߦ಄Ҡಈ ͱ ซ༻ͷͨΊɺ DNE
    
    ˣˢʹมߋ͕͓͢͢Ί
26. 1BDLBHF
    *OTUBMM "VUP'JMF/BNF JNH
    TSD
    
    
    
    
    
    
    
    
    
    
    
    
    
     images/ photo.jpg ...
27. 1BDLBHF
    *OTUBMM &NNFU
28. &NNFU DPOUFOU EJW
    JEDPOUFOUEJW NC NBSHJOCPUUPN
    QY
29. 1BDLBHF
    *OTUBMM $POWFSU5P65' $44$PNC 4ZODFE4JEF#BS 4'51 5FSNJOBM #SPXFS3FGSFTI K2VFSZ 8PSE1SFTT 4BTT .BSLEPXO
    1SFWJFX FUD
30. 1SPKFDU $NE
    
    ,
    
    #
    αΠ υόʔදࣔ
    
    ඇදࣔ $USM
    
    "
    αΠ υόʔʹ ϑ Υ ʔΧ ε 8PSE1SFTT 4VCMJNF
    5FYU
31. ,FZ
    #JOEJOHT
    
    %FGBVMU $NE
    
    $
    ݱࡏͷߦΛ ί ϐʔ $NE
    
    %
    ಉҰ୯ޠબ୒ $NE
    
    $MJDL
    Ϛ ϧνΧʔι ϧ $NE
    
    0QU
    
    %SBH
    ۣܗબ୒ $NE
    
    0QU
    
    
    ̎ Χ ϥ Ϝ ʹ෼ׂ $NE
    
    0QU
    
    <
    λ ϒҠಈ
32. $NE
    
    1
    (PUP
    "OZUIJOH $USM
    
    (
    ߦ൪߸ʹҠಈ $NE
    
    
    ί ϝ ϯ τ Ξ ΢ τ $NE
    
    '
    ݕࡧ $NE
    
    4IJGU
    
    '
    ஔ׵ $NE
    
    0QU
    
    '
    ஔ׵ ʢ ̍ ϑ Ν Π ϧʣ ,FZ
    #JOEJOHT
    
    %FGBVMU
33. ,FZ
    #JOEJOHT
    
    6TFS 1SFGFSFODFT
    
    ,FZ
    #JOEJOHT
    
    6TFS
34. &NNFU
    &YQBOE \LFZT
    <TVQFS F> BSHT
    \BDUJPO
    FYQBOE@BCCSFWJBUJPO^ DPNNBOE
    SVO@FNNFU@BDUJPO DPOUFYU
    <\LFZ
    FNNFU@BDUJPO@FOBCMFEFYQBOE@BCCSFWJBUJPO^>^ &NNFU
    8SBQ \LFZT
    <TIJGU TVQFS F> DPNNBOE
    XSBQ@BT@ZPV@UZQF DPOUFYU
    <\PQFSBOE
    GBMTF PQFSBUPS
    FRVBM NBUDI@BMM
    USVF LFZ
    TFUUJOHJT@XJEHFU^
    
    
    
    ,FZ
    #JOEJOHT
    
    6TFS
35. EJTBCMF@GPSNBUUFE@MJOFCSFBL
    USVF EJTBCMF@UBC@BCCSFWJBUJPOT
    USVF EJTBCMFE@TJOHMF@TOJQQFU@GPS@TDPQFT
     FOBCMF@FNNFU@LFZNBQ
    USVF η ο ς Ο ϯ ά ʢϢʔβʔʣ ˞4OJQQFUͷUBC5SJHHFS ͱ ͷซ༻ͷͨΊͷઃఆ
36. 4OJQQFU 5PPMT
    
    /FX
    4OJQQFU TOJQQFU DPOUFOU<$%"5"< )FMMP
    \UIJT^
    JT
    B
    \TOJQQFU^ >>DPOUFOU UBC5SJHHFSIFMMPUBC5SJHHFS TOJQQFU ల։಺༰ UBCγ ϣ ʔ τ Χ ο τ
37. 4OJQQFU 1BDLBHFT
    
    6TFS
38. 5IFNF
    
    $PMPS
    4DIFNF 1IPFOJY 4PEB 'MBUMBOE
39.  ࢖͍෼͚ Δ
40. %SFBNXFBWFS Φʔα Ϧ ϯ ά
41. %SFBNXFBWFS αΠ τ ͷ؅ཧ
42. %SFBNXFBWFS σβΠ ϯ Ϗϡʔ
43. ࣭ٙԠ౴
44. Τσ Ο λ ʹ࿀͢ Δཧ༝ Ϩϙʔ τ ՝୊
45. Thank you