shinoblog-manabu

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

Node.js 学習コース II

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

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

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

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

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

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

4. 取得した値の表示(2週目)

取得した値の表示 目標 :データベースからの数値をindex.ejsに渡す。 :一覧表示させる EJSに値を渡す 手順 :値を受け取るにはrenderメゾットに記入する :第2引数において {プロパティ: 値}を記入する。するとindex.ejs側に渡すことが出来る 演習問題 E…

3. データベースの利用(2週目)

データベースを使ってみよう 演習問題 2週目の今回は、実際にMysqlにログインしつつ進める。 ログイン方法は下記にある。確認しつつコピペしつつ開始しよう。 ここでアクシデント。 データベースが表示されない。 undefinedとは? 演習問題は一応クリア。 …

2. データベースの導入 超重要 MySQLの設定方法

データベースを準備しよう MySQLを準備(インストール)する MySQLとは データベースを管理する道具の一つ このように覚える MySQLを操作するには Node.js と MySQL を接続する必要がある。 今回は2週目なので、既にインストール済み。 なので仕組みを重点…

1. 目標物の確認(2週目)

データベースを使ってみよう 学習コースⅡでの目標 :メモ作成・メモ一覧表示させること 今回作るもの 確認事項 :メモ表示する機能 :メモ一覧作成する機能 上記2点を目標に、学びつつアウトプットしていく。 今回は以上になります。お疲れさまでした。

9. リダイレクトの活用

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

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

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