Glitchのhello-expressでフォームをつかおう！

Transcript

1. Glitchhello-express  
   
     1
2. 
   
   
   
      Scratch     2
3. 
    Glitch   hello-express 
   3
4. 
    New Project 
   [hello-express]  hello-express  4
5. 
   
   5
6.   
   show  Next to The Code 
   6
7. 
            
    7
8.  
    
     assets )2%7 
   %79 public/client.js  5- 
   &$!JavaScript public/style.css  . <- 
   &$!CSS views/index.html  6=- 
   &$!HTML .env *,:/04 README.md 1;  #"' package.json 3(+8-  server.js 5 &$!JavaScript 8
9.  
         
   9
10. 
             
    10
11.     
    11
12. 
    12 Dreams!     Submit Dream     
    
13. 13   
    CSS/HTML
14.  
        
      14
15.  
    15
16.  
    16
17.  
    17
18. 18  
    JavaScript/HTML
19. 
     19 Dreams!     Submit Dream     
    
20. 
     20 9Dreams!.   57)4 :Submit Dream.  !$% ;47) 6+ : !$ %*
    input1 7)3, :# [dreams]1 input17)2& ; [dreams]1/ 6+ < input1/' = # [dreams]   = 0-8 < (-8 " 
21.    
    21 +   "
    input&*!($ +[dreams]& input&*!'  , [dreams]&%  )#  - input&%   . [dreams] 
22.    
    22 -   #
    input(,"*% -[dreams]( input(,")  . [dreams](&  +$  / input(&!  0 [dreams]     +$  '
23.    
    23 .  ! %
    input)-$+' .[dreams]) input)-$*"  / [dreams])( ,&  0 input)(#  1 [dreams]      
24.    
    24 4 !&'  +
    input/3*1- 4$[dreams]/ input/3*0(  5 [dreams]/. 2,  6 input/.)  7 $[dreams]   index.html input %#"     input /. 1-
25.    
    25 .   $
    input)-#+& .[dreams]) input)-#*!  / [dreams])( ,%  0 input)("  1 [dreams]   '  -#*!
26.    
    26 .   #
    input)-"+% .[dreams]) input)-"*  / [dreams])&  ,$  0 input)&!  1 [dreams]   ( ,$  ,$  '
27.    
    27 +   "
    input&*!($ +[dreams]& input&*!'  , [dreams]&%  )#  - input&%   . [dreams]  input&% 
28. 28 
    
29. 29 
     !  JavaScript
       CSS
       HTML
       
30. 30 
    hello-express