Phenomic

Phenomic: Modern website generator
Front Line of Frontend − Forkwell Meetup #2 Presentation

http://forkwell.connpass.com/event/42527/

Transcript

1. h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE 1IFOPNJD
   
 .PEFSO
 XFCTJUF
   HFOFSBUPS
 QSFTFOUFE
   CZ
   USLX /)/
   5&$)0364
   6*5
   1SFTFOUBUJPO
2. {
 “name”: “Naohiro Terakawa”, “organization”: “NHN Techorus” “roles”: [
 “Front-end (UI/UX) engineer”,
 “Tech Lead”,
 “ErgoDox user”, “SIGMA camera user”
 ], “github”: “trkw”,
 “facebook”: “naohiro.terakawa”,
 “twitter: “trkw_”
 } h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE /)/
   5&$)0364
   6*5
   1SFTFOUBUJPO XIPBNJ
4. 8IBU`T
   TUBUJD
   XFCTJUF
   HFOFSBUPS
   /)/
   5&$)0364
   6*5
   1SFTFOUBUJPO h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE 4UBUJD
   8FCTJUF
   (FOFSBUPS
5. /)/
   5&$)0364
   6*5
   1SFTFOUBUJPO h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE 4UBUJD
   8FCTJUF
   (FOFSBUPS $POUFOUT $PNQJMF
   
   #VJME 5FNQMBUF 8FCTJUF
6. 
   5PQ
   
   PQFO
   TPVSDF
   QSPKFDU /)/
   5&$)0364
   6*5
   1SFTFOUBUJPO h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE 4UBUJD
   8FCTJUF
   (FOFSBUPS IUUQTXXXTUBUJDHFODPN
7. IUUQTQIFOPNJDJP /)/
   5&$)0364
   6*5
   1SFTFOUBUJPO 1IFOPNJD h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE
8. CBTFE
   PO
   3FBDU
   BOE
   8FCQBDL /)/
   5&$)0364
   6*5
   1SFTFOUBUJPO 1IFOPNJD h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE
9. /)/
   5&$)0364
   6*5
   1SFTFOUBUJPO h
   /)/
   5FDIPSVT
   $PSQ
   "MM
   3JHIUT
   3FTFSWFE 1IFOPNJD $POUFOUT $PNQJMF
   
   #VJME 5FNQMBUF 8FCTJUF 3FBDU 8FCQBDL 1IFOPNJD
10. UFDIOPMPHJFT
    PG
    1IFOPNJD /)/
    5&$)0364
    6*5
    1SFTFOUBUJPO 1IFOPNJD h
    /)/
    5FDIPSVT
    $PSQ
    "MM
    3JHIUT
    3FTFSWFE
11. 
    8IPT
    VTJOH
    1IFOPNJD IUUQQPTUDTTPSH IUUQTTFSWFSMFTTDPN /)/
    5&$)0364
    6*5
    1SFTFOUBUJPO 1IFOPNJD h
    /)/
    5FDIPSVT
    $PSQ
    "MM
    3JHIUT
    3FTFSWFE
12. 
    *OTUBMM
    JO
    B
    NJOVUF DIR=your-website-folder mkdir $DIR && cd $DIR && mkdir node_modules npm install phenomic && ./node_modules/.bin/phenomic setup npm install && npm start 1IFOPNJD
    SFRVJSF
    BU
    MFBTU
    /PEFKT!?
    
    OQN!? /)/
    5&$)0364
    6*5
    1SFTFOUBUJPO 1IFOPNJD h
    /)/
    5FDIPSVT
    $PSQ
    "MM
    3JHIUT
    3FTFSWFE
13. ).3 8FCQBDL 
 NE .BSLEPXO
    
    KT 3FBDU
    DTT 1PTU$44
14. 1IFOPNJD
    1VMM
    3FRVFTU /)/
    5&$)0364
    6*5
    1SFTFOUBUJPO 1IFOPNJD h
    /)/
    5FDIPSVT
    $PSQ
    "MM
    3JHIUT
    3FTFSWFE IUUQTHJUIVCDPN.P0YQIFOPNJDQVMMT
15. *
    IBWF
    DPOUSJCVUFE %PDT
    'JY
    UIF
    VTBHFDNTOFUMJGZNE
    
    IUUQTHJUIVCDPN.P0YQIFOPNJDQVMM /)/
    5&$)0364
    6*5
    1SFTFOUBUJPO 1IFOPNJD h
    /)/
    5FDIPSVT
    $PSQ
    "MM
    3JHIUT
    3FTFSWFE
16. 8SJUF
    EPDVNFOUT
    XJUI
    NPEFSO
    UFDIOPMPHZ
    /)/
    5&$)0364
    6*5
    1SFTFOUBUJPO h
    /)/
    5FDIPSVT
    $PSQ
    "MM
    3JHIUT
    3FTFSWFE
17. 
    /)/
    5FDIPSVT
    +PJO
    64
    IUUQTOIOUFDIPSVTDPNSFDSVJUDBSFFS /)/
    5&$)0364
    6*5
    1SFTFOUBUJPO h
    /)/
    5FDIPSVT
    $PSQ
    "MM
    3JHIUT
    3FTFSWFE
18. 
    5IBOL
    ZPV❕ CZ
    USLX /)/
    5&$)0364
    6*5
    1SFTFOUBUJPO h
    /)/
    5FDIPSVT
    $PSQ
    "MM
    3JHIUT
    3FTFSWFE