ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
linux, vim, jinja2, nieml, niejs, svn, etc...
AGENDA
?   linux

?   vim

?           (jinja2)

?


?   app/               html js

?   svn
Linux
LINUX
? ls                      (list)        ls project

? cd    xx     (change directory)          cd project

? mv                        (move)           mv a.txt c.txt

? cp         (copy)    cp a.txt b.txt

? vim                    vim a.txt                   windows
AGENDA
?   linux

?   vim

?           (jinja2)

?


?   app/               html js

?   svn
VIM
---         dreamweaver   ...
VIM                                        1
?


?                                            (esc            i,o,a         )

?   c/v                              y(yank) p(paste)

?            ^             $

?                H,J,K,L

?            /,n,N

?                               :s/xxx/aaa              :s/xxx/aaa/g        :%s/xxx/aaa

?   undo     u    redo ctrl+r

?   till t

?                     gg                       G        ctrl + f       ctrl + b
ƽ̨¿ª·¢ÐëÖª
AGENDA
?   linux

?   vim

?           (jinja2)

?


?   app/               html js

?   svn
JINJA2
http://jinja.pocoo.org/2/documentation/templates
JINJA2 -
?               {%

    ?   {% for %} - {% endfor %}

    ?   navigation

?          {{

?          {#
JINJA2 -                 -1
?      {%extend ¡°base.html¡± %}




                                 home.html




    base.html
                                 message.html
JINJA2 -                -2
? {{   super() }}   block




                             base.html




                            derived.html
JINJA2 -             -3

?    include




    sample
                    sample2
JINJA2 -      -4
?   macro      html




    after render
JINJA2 -        -5
? import   a macro



                       macros.html



                       sample.html
JINJA2 -
?


    ?   {% for a in aList %} {{ a }} {% endfor %}

    ?   {% if a %} {{ a }} {% endif %}

?   ?lters

    ?   escape : {{ diary_content | escape }} or {{ diary_content | e }}

    ?   more ?lters: http://jinja.pocoo.org/2/documentation/templates#builtin-
        ?lters
AGENDA
?   linux

?   vim

?           (jinja2)

?


?   app/               html js

?   svn
-
                          base.html


            user.html                     group_base.html



home.html

     diary_base                              group page
        .html                               template ?les
              photo_base
                 .html
                        etc ...
AGENDA
?   linux

?   vim

?           (jinja2)

?


?   app/               html js

?   svn
APP/     -1
  html




         app html
APP/                                                   -2
app             sandbox

                  1     app html
                  2   app
                                       4




request                                    3
                                               get app content
   1
                            request
            5
                                   2

                                                    app
APP/                                          -3
             app sandbox
?   app              html                          utf-8

?   app html                   html           id    css

?   app html
    script        html

?   app      js          dom
             dom                      nieJS
APP/                                -4
html          http://123.125.48.32:8899/NIEML
APP/                                                  -5
        app html css

?   app html     id                                 id test tag id
    app12_test        12 appid

?                link                css    app          css         <nie:css
    >                   <nie:css src=/slideshow/ss-3961460/3961460/¡±xx.css¡±/>

?         app css                   css       app
        #app_content_[appid] app                           id
    app_content_[appid] div
APP/            -6
           app html css
?   html     tag

?   css       expression

?           html tag css
APP/                                                              -7
nieJS
?           js             <nie:script>

?                 nieJS

?   nieJS                                         js
    document.getElementById(id)

?                                                                  value                    var a =
    obj.value; / obj.value = ¡°aaa¡±        nieJS        var a = obj.getValue(); / obj.setValue(¡°aaa¡±)

?                                                          document.cookie

?                 http://123.125.48.32:8899/NIEJS
APP/        -7
    app js

?   nieJS

?   nieJS
             js
    nieJS
AGENDA
?   linux

?   vim

?           (jinja2)

?


?   app/               html js

?   svn
SVN
SVN                           -1
?   svn co <addr>                 checkout

?   svn up

?   svn st

?   svn add <?le>

?   svn del <?le>

?   svn mv src_?le desc_?le

?   svn diff

?   svn ci <?le>              /
SVN                                                                                  -2
           svn st
?   A added

?   C con?ict

?   D   deleted

?   M modi?ed

?   R   replace

?        not under version control

?        under version control but missing

?   ~   The ?le, directory, or symbolic link item is in the repository as one kind of object, but what's actually in your
    working copy is some other kind
SVN                                                                 -3
             svn up
?   U   The ?les marked with U contained no local changes but were Updated with changes from the
    repository.

?   G   The G stands for merGed, which means that the ?le had local changes to begin with, but the
    changes coming from the repository didn't overlap with the local changes.

?   C Con?ct

?        U    G                                        C        up                        C          ~~
SVN                                       -4
    C        con?ict                       ...

?                  C              a.html

?   vim            >>>     ===

?


?


?     svn resolved a.html         svn

?         svn st         a.html                  c
SVN                                                                 -5

?              svn co checkout

?


?                            svn st
    svn add

?        svn up                       con?ict

?        svn st                                                  c con?ict

?        svn diff > t.diff                      t.diff         vim t.diff



?   svn ci                                               log                 log
SVN    -6
vim t.diff
AGENDA
?   linux

?   vim

?           (jinja2)

?


?   app/               html js

?   svn
Q&A
- END -
Ad

Recommended

Security Goodness with Ruby on Rails
Security Goodness with Ruby on Rails
Source Conference
?
Ruby on Rails 101 - Presentation ºÝºÝߣs for a Five Day Introductory Course
Ruby on Rails 101 - Presentation ºÝºÝߣs for a Five Day Introductory Course
peter_marklund
?
PSR-7 - Middleware - Zend Expressive
PSR-7 - Middleware - Zend Expressive
Milad Arabi
?
Ruby on Rails Training - Module 1
Ruby on Rails Training - Module 1
Mark Menard
?
Digital Texts scholarly communication in a digital networked age
Digital Texts scholarly communication in a digital networked age
Tony Hirst
?
Brubeck: The Lightning Talk
Brubeck: The Lightning Talk
James Dennis
?
§²§Ñ§Ù§â§Ñ§Ò§à§ä§Ü§Ñ §Õ§à§Ü§å§Þ§Ö§ß§ä§Ñ§è§Ú§Ú §Õ§Ý§ñ RESTful API: §Ü§Ñ§Ü §å§Ò§Ú§ä§î §ä§â§×§ç §Ù§Ñ§Û§è§Ö§Ó §à§Õ§ß§Ú§Þ. Moscow....
§²§Ñ§Ù§â§Ñ§Ò§à§ä§Ü§Ñ §Õ§à§Ü§å§Þ§Ö§ß§ä§Ñ§è§Ú§Ú §Õ§Ý§ñ RESTful API: §Ü§Ñ§Ü §å§Ò§Ú§ä§î §ä§â§×§ç §Ù§Ñ§Û§è§Ö§Ó §à§Õ§ß§Ú§Þ. Moscow....
Moscow.pm
?
Bfg Ploneconf Oct2008
Bfg Ploneconf Oct2008
Jeffrey Clark
?
Week 1
Week 1
Will Gaybrick
?
Week 1 (v3)
Week 1 (v3)
Will Gaybrick
?
Week 1
Week 1
Will Gaybrick
?
Web Developing In Search
Web Developing In Search
Frank Xu
?
How I stopped worrying about and loved DumpRenderTree
How I stopped worrying about and loved DumpRenderTree
Hajime Morrita
?
Presentation to wdim_students
Presentation to wdim_students
Scott Motte
?
Git 101 for CloudStack
Git 101 for CloudStack
Sebastien Goasguen
?
Sean coates fifty things and tricks, confoo 2011
Sean coates fifty things and tricks, confoo 2011
Bachkoutou Toutou
?
App Engine Dev Days DC 20091026
App Engine Dev Days DC 20091026
jblocksom
?
Gaelyk - JFokus 2011 - Guillaume Laforge
Gaelyk - JFokus 2011 - Guillaume Laforge
Guillaume Laforge
?
Introduction to QtWebKit
Introduction to QtWebKit
Ariya Hidayat
?
Ruby on rails̽Ë÷
Ruby on rails̽Ë÷
Mu Chun Wang
?
Python - A Comprehensive Programming Language
Python - A Comprehensive Programming Language
TsungWei Hu
?
XML-Free Programming : Java Server and Client Development without &lt;>
XML-Free Programming : Java Server and Client Development without &lt;>
Arun Gupta
?
State of the art: server-side javaScript - NantesJS
State of the art: server-side javaScript - NantesJS
Alexandre Morgaut
?
Better Front-end Development in Atlassian Plugins
Better Front-end Development in Atlassian Plugins
Wojciech Seliga
?
Groovy Domain Specific Languages - SpringOne2GX 2012
Groovy Domain Specific Languages - SpringOne2GX 2012
Guillaume Laforge
?
Rapid Templating with Serve
Rapid Templating with Serve
Nathan Smith
?
Bentobox exercise
Bentobox exercise
Rails Girls Zurich
?
Ant, Maven and Jenkins
Ant, Maven and Jenkins
Kenu, GwangNam Heo
?

More Related Content

Similar to ƽ̨¿ª·¢ÐëÖª (20)

Week 1
Week 1
Will Gaybrick
?
Week 1 (v3)
Week 1 (v3)
Will Gaybrick
?
Week 1
Week 1
Will Gaybrick
?
Web Developing In Search
Web Developing In Search
Frank Xu
?
How I stopped worrying about and loved DumpRenderTree
How I stopped worrying about and loved DumpRenderTree
Hajime Morrita
?
Presentation to wdim_students
Presentation to wdim_students
Scott Motte
?
Git 101 for CloudStack
Git 101 for CloudStack
Sebastien Goasguen
?
Sean coates fifty things and tricks, confoo 2011
Sean coates fifty things and tricks, confoo 2011
Bachkoutou Toutou
?
App Engine Dev Days DC 20091026
App Engine Dev Days DC 20091026
jblocksom
?
Gaelyk - JFokus 2011 - Guillaume Laforge
Gaelyk - JFokus 2011 - Guillaume Laforge
Guillaume Laforge
?
Introduction to QtWebKit
Introduction to QtWebKit
Ariya Hidayat
?
Ruby on rails̽Ë÷
Ruby on rails̽Ë÷
Mu Chun Wang
?
Python - A Comprehensive Programming Language
Python - A Comprehensive Programming Language
TsungWei Hu
?
XML-Free Programming : Java Server and Client Development without &lt;>
XML-Free Programming : Java Server and Client Development without &lt;>
Arun Gupta
?
State of the art: server-side javaScript - NantesJS
State of the art: server-side javaScript - NantesJS
Alexandre Morgaut
?
Better Front-end Development in Atlassian Plugins
Better Front-end Development in Atlassian Plugins
Wojciech Seliga
?
Groovy Domain Specific Languages - SpringOne2GX 2012
Groovy Domain Specific Languages - SpringOne2GX 2012
Guillaume Laforge
?
Rapid Templating with Serve
Rapid Templating with Serve
Nathan Smith
?
Bentobox exercise
Bentobox exercise
Rails Girls Zurich
?
Ant, Maven and Jenkins
Ant, Maven and Jenkins
Kenu, GwangNam Heo
?
Web Developing In Search
Web Developing In Search
Frank Xu
?
How I stopped worrying about and loved DumpRenderTree
How I stopped worrying about and loved DumpRenderTree
Hajime Morrita
?
Presentation to wdim_students
Presentation to wdim_students
Scott Motte
?
Sean coates fifty things and tricks, confoo 2011
Sean coates fifty things and tricks, confoo 2011
Bachkoutou Toutou
?
App Engine Dev Days DC 20091026
App Engine Dev Days DC 20091026
jblocksom
?
Gaelyk - JFokus 2011 - Guillaume Laforge
Gaelyk - JFokus 2011 - Guillaume Laforge
Guillaume Laforge
?
Introduction to QtWebKit
Introduction to QtWebKit
Ariya Hidayat
?
Ruby on rails̽Ë÷
Ruby on rails̽Ë÷
Mu Chun Wang
?
Python - A Comprehensive Programming Language
Python - A Comprehensive Programming Language
TsungWei Hu
?
XML-Free Programming : Java Server and Client Development without &lt;>
XML-Free Programming : Java Server and Client Development without &lt;>
Arun Gupta
?
State of the art: server-side javaScript - NantesJS
State of the art: server-side javaScript - NantesJS
Alexandre Morgaut
?
Better Front-end Development in Atlassian Plugins
Better Front-end Development in Atlassian Plugins
Wojciech Seliga
?
Groovy Domain Specific Languages - SpringOne2GX 2012
Groovy Domain Specific Languages - SpringOne2GX 2012
Guillaume Laforge
?
Rapid Templating with Serve
Rapid Templating with Serve
Nathan Smith
?

ƽ̨¿ª·¢ÐëÖª

  • 1. linux, vim, jinja2, nieml, niejs, svn, etc...
  • 2. AGENDA ? linux ? vim ? (jinja2) ? ? app/ html js ? svn
  • 4. LINUX ? ls (list) ls project ? cd xx (change directory) cd project ? mv (move) mv a.txt c.txt ? cp (copy) cp a.txt b.txt ? vim vim a.txt windows
  • 5. AGENDA ? linux ? vim ? (jinja2) ? ? app/ html js ? svn
  • 6. VIM --- dreamweaver ...
  • 7. VIM 1 ? ? (esc i,o,a ) ? c/v y(yank) p(paste) ? ^ $ ? H,J,K,L ? /,n,N ? :s/xxx/aaa :s/xxx/aaa/g :%s/xxx/aaa ? undo u redo ctrl+r ? till t ? gg G ctrl + f ctrl + b
  • 9. AGENDA ? linux ? vim ? (jinja2) ? ? app/ html js ? svn
  • 11. JINJA2 - ? {% ? {% for %} - {% endfor %} ? navigation ? {{ ? {#
  • 12. JINJA2 - -1 ? {%extend ¡°base.html¡± %} home.html base.html message.html
  • 13. JINJA2 - -2 ? {{ super() }} block base.html derived.html
  • 14. JINJA2 - -3 ? include sample sample2
  • 15. JINJA2 - -4 ? macro html after render
  • 16. JINJA2 - -5 ? import a macro macros.html sample.html
  • 17. JINJA2 - ? ? {% for a in aList %} {{ a }} {% endfor %} ? {% if a %} {{ a }} {% endif %} ? ?lters ? escape : {{ diary_content | escape }} or {{ diary_content | e }} ? more ?lters: http://jinja.pocoo.org/2/documentation/templates#builtin- ?lters
  • 18. AGENDA ? linux ? vim ? (jinja2) ? ? app/ html js ? svn
  • 19. - base.html user.html group_base.html home.html diary_base group page .html template ?les photo_base .html etc ...
  • 20. AGENDA ? linux ? vim ? (jinja2) ? ? app/ html js ? svn
  • 21. APP/ -1 html app html
  • 22. APP/ -2 app sandbox 1 app html 2 app 4 request 3 get app content 1 request 5 2 app
  • 23. APP/ -3 app sandbox ? app html utf-8 ? app html html id css ? app html script html ? app js dom dom nieJS
  • 24. APP/ -4 html http://123.125.48.32:8899/NIEML
  • 25. APP/ -5 app html css ? app html id id test tag id app12_test 12 appid ? link css app css <nie:css > <nie:css src=/slideshow/ss-3961460/3961460/¡±xx.css¡±/> ? app css css app #app_content_[appid] app id app_content_[appid] div
  • 26. APP/ -6 app html css ? html tag ? css expression ? html tag css
  • 27. APP/ -7 nieJS ? js <nie:script> ? nieJS ? nieJS js document.getElementById(id) ? value var a = obj.value; / obj.value = ¡°aaa¡± nieJS var a = obj.getValue(); / obj.setValue(¡°aaa¡±) ? document.cookie ? http://123.125.48.32:8899/NIEJS
  • 28. APP/ -7 app js ? nieJS ? nieJS js nieJS
  • 29. AGENDA ? linux ? vim ? (jinja2) ? ? app/ html js ? svn
  • 30. SVN
  • 31. SVN -1 ? svn co <addr> checkout ? svn up ? svn st ? svn add <?le> ? svn del <?le> ? svn mv src_?le desc_?le ? svn diff ? svn ci <?le> /
  • 32. SVN -2 svn st ? A added ? C con?ict ? D deleted ? M modi?ed ? R replace ? not under version control ? under version control but missing ? ~ The ?le, directory, or symbolic link item is in the repository as one kind of object, but what's actually in your working copy is some other kind
  • 33. SVN -3 svn up ? U The ?les marked with U contained no local changes but were Updated with changes from the repository. ? G The G stands for merGed, which means that the ?le had local changes to begin with, but the changes coming from the repository didn't overlap with the local changes. ? C Con?ct ? U G C up C ~~
  • 34. SVN -4 C con?ict ... ? C a.html ? vim >>> === ? ? ? svn resolved a.html svn ? svn st a.html c
  • 35. SVN -5 ? svn co checkout ? ? svn st svn add ? svn up con?ict ? svn st c con?ict ? svn diff > t.diff t.diff vim t.diff ? svn ci log log
  • 36. SVN -6 vim t.diff
  • 37. AGENDA ? linux ? vim ? (jinja2) ? ? app/ html js ? svn