デバッグの練習をしよう　デバッグに慣れよう

デバッグに慣れようぜヒントはエラーメッセージに書いてある。そこから紐解くカギがある。エラーの例アクセスできませんでした。 -- このような時の対処方法はどのようなものかを演習問題にて確認する演習問題ブラウザ上のエラー確認注目：１行目にエ…

2021-01-31

デバックを練習しよう

Node.js 学習コース IV progate デバッグを体験しよう

デバッグとは：'バグを修正する'という意味：意図したコードが動かないことを修正することこのように覚える。なぜデバッグの練習をするのか：サポートなしで一人でプログラミングできるようになるため。このように覚える。デバッグの手順エラーの内…

2021-01-30

７．更新のルーティング

Node.js 学習コース III メモを更新しよう progate

更新処理の流れを確認しよう目的：フォーム送信と一覧画面をつくる流れを理解する：更新用のルーティング作成編集用フォームから値を送信更新用フォームの完成このように覚える。更新に必要な情報を確認しよう UPDEATEクエリを覚える point フォーム…

2021-01-29

６．選択されたメモの表示

Node.js 学習コース III メモを更新しよう progate

メモの内容を表示する流れを確認しよう point 前選択されたメモの内容を、フォームに表れている状態になっていない。この状態を改善する。 app.postメソッド・formメソッドを駆使し、メモの編集画面を完成させよう。メモを取得しよう取得コードは以下の通…

2021-01-28

編集画面の見た目をつくろう

Node.js 学習コース III メモを更新しよう

編集画面を作ろう目的：編集ボタン並びに編集画面を作る処理の流れを確認しよう・リンク形式のid送信を使った編集ボタン作成・SELECT FROM items WHERE id = # にてid取得・編集画面表示ルーティングを作成しよう指定ejsにてすること編集ボタンの作…

2021-01-27

4. DELETEクエリの実行

Node.js 学習コース III progate メモを削除しよう

受け取ったidをクエリに使おう受け取ったけとったIDからDELETEクエリを実行させる受け取ったけとったIDからDE目的：受け取ったidを使って指定されたメモを削除を求められた時、処理する流れを理解するメモを削除しよう演習問題削除機能の実装までの流れ …

2021-01-26

3. 削除するidの受け渡し

Node.js 学習コース III progate メモを削除しよう

今回覚えること・/deleteから/delete/:idへ変更する概念を学ぶ・ルーティング処理/delete/:idを使い、ルートパラメータからの出力（console.log)表示させる・ルートパラメータを使って'指定されたidプロパティ値を追加'するメモ削除の処理を作ろう目的 …

2021-01-26

2. 削除ボタンの準備

Node.js 学習コース III メモを削除しよう progate

目標：削除ボタン（フォーム送信）を作る：（削除後の）一覧表示された画面を作る削除機能の手順を確認しよう削除フォーム送信される→Node.jsを介して削除実行される→削除後の一覧画面が表示されるこのように覚える。削除後のリダイレクト機能もあるの…

2021-01-25

9. リダイレクトの活用

Node.js 学習コース II 作成機能を作ろう

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

2021-01-23

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

Node.js 学習コース II 作成機能を作ろう

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

2021-01-19

EJSを使おう

progate Node.js 学習コース I Expressの準備をしよう Web開発パス(Node.js)

今回の目的：EJSを自らインストールする。 EJSを使って値を表示しよう HTMLとJavaScriptのコード両方を記述できるNode.jsのパッケージHTMLとJavaScriptの EJSとは HTMLコードの中にJavascriptを埋め込むことができる埋め込むことを Enbedded 英訳する。頭…

2021-01-19

6. 一覧画面の作成一覧画面を作ろう　

Node.js 学習コース I progate

一覧画面を作ろう目標作成物：買い物メモ一覧画面を作っていく一覧画面を表示させよう目的：指定localhostのアクセス時、一覧画面表示させる手順を覚える app.get('/index' ,(req, res) => { res.render('index.ejs');}); ２つのプロセスを完成させる上…

2021-01-19

5. CSSの適用と画像の表示　

Node.js 学習コース I progate

今回の目的：「買い物メモサービス」のトップ画面を整えること。 CSSを適用しよう publicフォルダの中にcssファイルを作成します。CSSを適用したい場合は、 EJSファイルでpublicフォルダ内のパスを指定します。 CSSを適用するには（1）新規指定フォルダを作…

2021-01-18

4. ページの表示の仕組み　ページを表示しよう

Node.js 学習コース I progate ページを表示しよう

Node.jsでWebアプリケーションを作ろう「ルーティング」とは URLに対応する処理を実行することこのように覚える。 URLに対応する処理を実行することとは？ /topにリクエストが来た時に、トップ画面を表示することこのように覚える。 app.get( 'top' ,() …

2021-01-16

データベースの作成方法　データベースを削除する方法

SQL progate MySQLでデータベースを作成しよう

データベースの作成方法 SHOW databases;SHOW databases;SHOW databases; SHOW databases; database一覧が表示されるデータベースの作成方法 CREATE DATABASE 指定データベース名この様に書く「SHOW databases」にて確認。一覧に表示されていたら成功。 …

2021-01-16

データベースの作成方法　データベースを削除する方法

データベースの作成方法 SHOW databases;SHOW databases;SHOW databases; SHOW databases; database一覧が表示されるデータベースの作成方法 CREATE DATABASE 指定データベース名この様に書く「SHOW databases」にて確認。一覧に表示されていたら成功。 …