今回学べること ：ATOMを使ったMysqlとExpressを繋ぐ方法 今回の要点は下記画像をチェックすることだった。 databaseとコードが噛み合っていなかった。 今回実践したこと ユーザー名とパスワードを確認すること データベースが本当に正しかったか検証したこ…

目標 ：トップ画面ボタンのurl画面変更 ：一覧画面urlボタンをトップ画面に表示する ：トップ画面urlボタンを一覧画面に表示する トップ画面と一覧画面を繋げよう ：ルートurlにて繋ぐようにする トップ画面のURLを変更しよう / ルートurlにてはじめにアクセ…

EJSを使って値を表示しよう EJSとは HTMLの中にJavaScriptが使えるNode.jsパッケージのことを指す point JavaScriptを使用するには2つの方法がある。 <% %> <%= %> <% %> =を使わない場合、文字が見えなくなる。この際に変数の定義などに使用される。 2.<%= …

一覧画面の作成 一覧画面を表示させよう 目標：買い物リストを作成するための準備「一覧画面を表示する」を作る 一覧画面の見た目 app.ejsファイルにindex.ejsファイルのルーティングを作成する indexルーティングコード viewsフォルダにインデックス(index.…

CSSを適用しよう 目標：CSSを利用しトップ画面を整える。 CSSを適用するには（1） パブリックフォルダを作成 cssフォルダ及び画像ファイルを入れる場所として作成 このように覚える・ CSSを適用するには（2） cssファイルを作成 パブリックフォルダ内のパス…

表示の仕組みを理解しよう 目標：トップ画面を表示させるルーティングを書き、トップ画面を表示させること トップ画面を表示させるルーティング 全体像 /top って何？ /top = リクエストがきた（tpoへ戻る、とかトップボタンを押したという意味）際にップ画…

目的：サーバーを起動させること サーバーを起動しよう 起動するための準備： ※app.listen(3000); 起動コード： npm ファイル名 ※app.listen(3000); はローカルホスト３０００にて起動するようになる。 ホスト番号は色々あるので、ググりつつ試行錯誤するこ…

目標：メモアプリを完成させる 目的：本日より実用を兼ねたウェブアプリ制作に入ります。実際に作業しつつ並行学習し完成。そしてアプリケーション作成に慣れることです。 ２周目は開発記録もしつつブログ編成する。 参考記事：１周目 shinoblog-manabu.hate…

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

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

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

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