shinoblog-manabu

Progate(プロゲート)を使って初歩の初歩からプログラミング勉強をはじめました。無料から有料バージョンへ以降しつつ、自分辞書として活用しています。なるべく私と同じ初心者目線を使い、各プログラミング内容を説明したいです。

作成機能を作ろう

7. フォームの値の受け取り(2週目)

目標:新規メモを打ち込んだ後の「メモを追加」(ターミナルに出力)できるようにする。 フォームに入力した値を受け取ろう フォームの値を受け取る準備をしよう(1) 確認すべき箇所 new.ejsのinput属性にname属性を追加する name属性にはinputNameを指定す…

6. フォームを使ったリクエスト(2週目)

目標:新規作成ボタンを押す(フォーム送信後)と一覧画面を表示できるようにする 作成機能の処理の流れを確認しよう 一度、演習問題の見本を確認する。 フォーム送信した後に、一覧画面が表示されてるのを確認できる。 このようにする メモ作成のルーティン…

5. 作成画面の作成(2週目)

目標:フォームからメモを作成できるようになる !? (フォームからできるのかよ...) 作成画面を表示しよう 作成画面の表示方法 作成画面を/NEWとし、アクセスできるようにする。 アクセスできるようにするには 作成画面を表示できるようにする必要がある…

9. リダイレクトの活用

目標:リロードすると、同じメモが増えてしまう問題を解決する 現状の問題点を確認しよう 上記の通り。 問題が起こる原因を確認しよう リロードの意味を調べてみた なるほど。リロードは「もう一度」繰り返すからメモ書きは増えたんだ。 このように覚える だ…

6. フォームを使ったリクエスト 

今回の目的 -- ・「メモを作成する機能」の送信ボタンを作り送信する ・一覧画面を表示させる 作成機能の処理の流れを確認しよう ・今回の目的に向かってコードを書いていく メモ作成のルーティングを用意しよう ・app.postを使ってメモ作成用ルーティン作成…