1. i-ryo

    No comment

    i-ryo
Changes in body
Source | HTML | Preview
@@ -1,97 +1,97 @@
Node.jsとそのフレームワークExpressを習得するためにやったことをここにまとめていきます。(随時更新!)
-※[HerokuとGitHubを連携して自動デプロイ!環境変数はソースに含めずに成功](#expressとherokuの連携)(**2020/10/08追加**)
+※[ExpressとPostgreSQLの連携、DB接続情報はGitHubから除外](#expressとherokuの連携)(**2020/10/27追加**)
# REST API
REST APIによるフロントエンドとバックエンドの役割分担
※参考:[REST APIとは何かを調べまくったらようやくイメージができてきたのでまとめた](https://www.i-ryo.com/entry/2020/02/04/083542)
# Node.js
Node.jsをインストールしてHelloWorldしてみる。Node.jsはフロントエンド開発環境として重要。
※参考:[初めてのNode.js:インストール確認、REPL、Hello worldまで](https://www.i-ryo.com/entry/2018/11/21/223710)
Node.jsでWebサーバ立ててHTTP通信(2020/02/21追加)
※参考:[【Node.js】Webサーバを立ててハローワールドを表示する](https://www.i-ryo.com/entry/2020/02/21/071635)
ハローワールドを色々打ち替える(2020/03/02追加)
※参考:[【Node.js】ハローワールドの打ち替え(ポート番号、日本語化、HTMLタグ化)](https://www.i-ryo.com/entry/2020/03/02/073612)
fsモジュールでHTMLファイルを読み込んで表示(2020/03/12追加)
※参考:[【Node.js】fsモジュールでHTMLファイルを表示する](https://www.i-ryo.com/entry/2020/03/12/080032)
ルーティング設定でCSS、JSファイルを読み込み(2020/03/30追加)
※参考:[【Node.js】ルーティング設定でCSS、JSファイルを読み込む](https://www.i-ryo.com/entry/2020/03/30/202741)
ルーティングで複数ページを表示(2020/04/03追加)
※参考:[【Node.js】ルーティング設定で複数ページを表示する](https://www.i-ryo.com/entry/2020/04/03/061324)
# Express事始め
まず、Expressとはなんなのか。JSフレームワークとの役割の違い。
※参考:[ExpressとJSフレームワーク(React、Vue、Angularなど)との関係について調べたこと](https://www.i-ryo.com/entry/2020/02/13/083521)
Expressをインストールしてハロワ(Hello World)(2020/04/10追加!)
※参考:[Express事始め(インストール〜ハローワールドまで)](https://www.i-ryo.com/entry/2020/04/10/080312)
res.sendFile()、express.static()による静的HTMLファイルの表示(2020/04/16追加)
※参考:[【Express】静的HTMLファイルの表示(res.sendFile()、express.static())](https://www.i-ryo.com/entry/2020/04/16/215205)
# ExpressでAPI
ExpressからMySQL、MongoDBに接続する(2020/08/16追加)
※参考:[【Epxress】データベース接続の比較(MySQLとMongoDB)](https://www.i-ryo.com/entry/2020/08/16/173849)
Fetch APIのデータをbody-parserで受け取ってテキストを返す(2020/08/30追加)
※参考:[【Express】body-parserでFetch API(およびForm)のPOST送信を受け取る](https://www.i-ryo.com/entry/2020/08/30/095357)
MySQLのデータをbody-parserでブラウザに返す(2020/09/03追加)
※参考:[【Express】MySQLのデータをbody-parserでブラウザに返す](https://www.i-ryo.com/entry/2020/09/03/080732)
ExpressでFetch APiとMySQLを連携しCRUDする(2020/09/14追加)
※参考:[【Express】Fetch APIとMySQLを連携してフォームからデータベースにCRUDする](https://www.i-ryo.com/entry/2020/09/14/183534)
# ExpressとHerokuの連携
Node.js環境をHeroku CLIを使ってHerokuにデプロイ(2020/09/22追加)
※参考:[【Express】Heroku CLIを使ってNode.js環境をHeroku上にデプロイする](https://www.i-ryo.com/entry/2020/09/22/174101)
環境変数とかPATHを通すとかフワッとしてた部分を調べる(2020/09/26追加)
※参考:[【Express】環境変数とは?PATHを通すとは?けっきょく南極ローカルインストール!(Herokuコマンドでローカル起動)](https://www.i-ryo.com/entry/2020/09/26/183640)
heroku configでローカルの.envファイルとクラウドの環境変数を同期(2020/09/30追加)
※参考:[【Express】heroku configでHerokuに環境変数を設定(.envファイルとHerokuの同期)](https://www.i-ryo.com/entry/2020/09/30/191547)
Fetch APIでHerokuの環境変数を読み込んでブラウザに表示する(2020/10/02追加)
※参考:[【Express】Fetch APIでHerokuの環境変数を読み込んでブラウザに表示する](https://www.i-ryo.com/entry/2020/10/02/062334)
HerokuとGitHubを連携して自動デプロイ!環境変数はソースに含めずに成功(2020/10/08追加)
※参考:[【Express】HerokuとGitHubを連携して自動デプロイ(環境変数は除外)](https://www.i-ryo.com/entry/2020/10/08/062031)
# ExpressとPostgreSQLの連携
ExpressとPostgreSQLの連携、DB接続情報はGitHubから除外(**2020/10/27追加**)
※参考:[【Express】HerokuのPostgreSQLのデータを表示する](https://www.i-ryo.com/entry/2020/10/27/183001)
随時更新していきます!