- 1. Cloud RunでNode.jsのconsole.log, debug, warn, errorでログ出力するとどのように表示されるか
- 2. 【初学者向け】CodeSandboxでReact学習用の開発環境をサクっと作ろう【教える側にもオススメ】
- 3. docker上nestjsとmysqlを接続する
- 4. 削除したnode_modulesを再インストールする
- 5. パッケージ版nodeをmacからアンインストールする。
- 6. nodeをパッケージでインストールして、ほとんどのコマンドが “command not found”になったときの解決法
- 7. ajaxで取得したデータでrenderすると、Cannot read property xx of undefined エラーになる
- 8. コード内で環境名 (dev,stg,prod) を使用しないことのすすめ
- 9. Boltを使ったSlack BotをTypescriptで開発する方法
- 10. AppiumでFlutterアプリのテストを自動化する 実践編(JavaScript)
- 11. expressによるウェブページテンプレート化の手法(express-ejs-layoutsを使用)
- 12. npm で全ての package をアップデートする
- 13. Node.js で Cloud Firestore のデータを削除 (Delete)
- 14. Node.js で Cloud Firestore のデータを更新 (Update)
- 15. Node.js で Cloud Firestore のデータを読む (Read)
- 16. Node.js で Cloud Firestore のデータを作成 (Create)
- 17. Node.jsでAWS ElasticSearchへのHTTP リクエストの署名
- 18. Node.js(Express) + Pug(Jade)でDBにtextareaから保存された改行を表示する
- 19. CLI のテンプレートプロジェクト by node and TypeScript
- 20. Jest実行時にserverless.ymlの環境変数を読み込む
Cloud RunでNode.jsのconsole.log, debug, warn, errorでログ出力するとどのように表示されるか
[公式に記載の通り](https://cloud.google.com/run/docs/logging?hl=en)Cloud RunのログはStackdriver Logging に自動的に送信されます。
下図のデフォルトのログ出力を確認すると500エラーで左のアイコンが `!!` になっていたり、404エラーで `!` になっていたりします。
[Stackdriverのドキュメント](https://cloud.google.com/logging/docs/reference/v2/rest/v2/LogEntry#logseverity)を確認すると9つのレベルが用意されており、Node.jsで以下のログ出力を行った場合にどのように表
【初学者向け】CodeSandboxでReact学習用の開発環境をサクっと作ろう【教える側にもオススメ】
## 本記事想定読者
– React初学者で、これから勉強を始めたいと思っている方 。
– **初学者にReactを教える立場の方。**## 前書き
最近Reactを初学者の方に教える機会が多かったです。初学者、と言ってもどの程度『初学』なのか、具体的には下記の通りです。
・**何らかのプログラミング言語に触れた事はある**
→条件分岐や繰り返し等のプログラミングの基礎概念は把握出来ている
・**Windows以外のOSを触った事が無い**
・**node.jsの存在を知らない**
→Reactの存在も知らない数人に教えた時点で気づきましたが、教える際に一番難儀した部分は**開発環境の構築**でした。
というのも、Unix系のOS自体に触れた事が無い方にとって、npmを用いたインストールだったり、node.jsを利用した開発サーバーを構築する時点でハードルがかなり高くなってしまっている事に気づきました。
## CodeSandbox
そんな中で**[CodeSandbox](https://codesandbox.io/)**に出会い、学習に利用して頂い
docker上nestjsとmysqlを接続する
# docker上でnestjsとmysqlを接続する
### table of contents
1. nestjsのアプリケーションを作成する
2. localhostで立ち上げる
3. nestjsのアプリケーションをdockerniseする
4. docker-containerでmysqlを利用する
5. typeormを用いてapplicationを接続する## 0. 環境
– docker
– nestjs## 1. nestjsのアプリケーションを作成する
nest g をコマンドを用いてアプリケーションを作成するため、@nest/cliをインストールします。
“`terminal
$ npm i -g @nestjs/cli
“`成功すると、
“`terminal
$ nest –version
6.12.9
“`
でインストールされたバージョンが表示されます。コマンドが利用できる状況になったところで新規のアプリケーションを作成します。
“`terminal
$ nest g application my-app
“`お
削除したnode_modulesを再インストールする
削除したnode_modulesフォルダを再インストールしたいが、可能であるか?
結論
package.jsonにモジュールが記載されているので、再インストールは可能である。入れたいプロジェクトフォルダ上でnpm installコマンドを打つことで、新しくnode_moduleフォルダを作成することができる。
*自分はPCを移行する際に、node_modulesフォルダだけ移行に時間がかかったので先に削除した。
新しいPC上で、再度インストールすることにした。時間の短縮です。
パッケージ版nodeをmacからアンインストールする。
#はじめに
nodebrewをインストールするつもりが、pkg版nodeをインストールしてしまったため、削除したくなりました。#解決法
以下のコマンドで、まずnodeの存在を確認。“`bash:terminal
User$ /usr/local/bin/node -v
v12.14.1
“`
バージョンが表示されたので、やはりパッケージ版がインストールされてしまっていることがわかります。
以下のコマンドを続けて打ってください。“`bash:terminal
User$ sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}
“`
これでもう一度、冒頭で確認したコマンドを打ってみます。“`bash:terminal
User$ /usr/local/bin/node -v
-bash: /usr/local/bin/node: No such file or directory
“`
きちんとアンインストールできました。
nodeをパッケージでインストールして、ほとんどのコマンドが “command not found”になったときの解決法
#はじめに
新しいMacbook Proを買ったので、早速nodeの設定をしようと思いました。
そこでnodebrewを入れるつもりが、誤ってパッケージ版のnode.jsをインストールしてしまい、ターミナルからほとんどのコマンドが使えない事態になりました。
ex. rm, ls, which など
rmも使えないため、nodeもアンインストールできなくなる事態になりました。#原因
簡潔に書くと、nodeをインストールしたことにより、複数ファイルにパスが書かれてしまっているため、コマンドが使えなくなっていることがいえます。nodeをパッケージ版でインストールした人ですとおそらく
“`/usr/local/bin/node -v“`
“`/usr/bin/vi ~/.bash_profile“`
などは通るのではないでしょうか。
試してみて、実行されるかどうか確認してみてください。もし実行されれば、筆者と同じ状況なので、以下の解決策が有効かもしれません。#解決策
“`~/.zshrc“`に“`source $HOME/.bashrc“`を追加してください。
ajaxで取得したデータでrenderすると、Cannot read property xx of undefined エラーになる
# 問題点
例えば以下のように、バックグラウンドで取得したデータを表示させたいとします。
“`javascript:xxx.js
constructor(props) {
super(props);
this.state = {
result: {}
}fetch(“http://localhost/api/test”)
.then(response => response.json())
.then(json => this.setState({ result: json }));
// /api/testは、以下のようなレスポンスを返す
// {
// test1 : “aaa”,
// test2 : {
// test3 : “bbb”
// }
// }
}render() {
return ({this.state.result.test
コード内で環境名 (dev,stg,prod) を使用しないことのすすめ
サービスを運用する場合、開発、運用で複数の環境でサーバーを動かしている場合がよくあると思います。このとき、パラメータ設定の口が柔軟でないと設定値の変更がしにくかったり、サーバーのビルドを環境毎にしなければならなず(特に docker 使っている場合)、デプロイに時間がかかったりします。
そうならないために環境名 (dev,stg,prod) を使用して動作変更するのをやめることをおすすめします。記事内では以下のような環境があると想定し、Javascript (Node.js) でいくつかの例を示します。– 開発時ローカル PC
– ステージングサーバー環境
– 本番サーバー環境# 変数を環境名に依存させるのをやめよう
サーバーでエラーが起きたときに管理者にメールを送るというケースで送り先を分ける場合で説明します。##悪い例(コード内で環境ごとのメールアドレスを決めている)
コード内で設定されているアドレスにしか送ることができません、送信するメールアドレスが変更になったときはコードの変更が必要。“`js
// process.env.NODE_ENV に環境名が指定されBoltを使ったSlack BotをTypescriptで開発する方法
# はじめに
今までslack用のbotを開発するのにhubotやerrbotを利用してきたのですが、昨年slackがリリースしたBoltフレームワークのチュートリアルをいくつかやってみて簡単にbot実装ができそうだなと思ったので、それをTypeScriptで実装する場合の方法を紹介します。# Bolt開発時に参考にしたサイト
Boltを使ったslack botアプリの作成方法や実装サンプルなどは、下記を参考にさせて頂きました。– [Bolt入門ガイド](https://slack.dev/bolt/ja-jp/tutorial/getting-started)
– [Bolt フレームワークを使って Slack Bot を作ろう](https://api.slack.com/lang/ja-jp/hello-world-bolt)# 開発環境
主に下記の開発環境で実装及び動作確認をしました。– VSCode
– node.js
– [Glitch](https://glitch.com/)Glitchは、ウェブ上で動くIDEを持っているのですが、ローカルでVSCo
AppiumでFlutterアプリのテストを自動化する 実践編(JavaScript)
# はじめに
[AppiumでFlutterアプリのテストを自動化する 環境構築編 – Qiita](https://qiita.com/hiesiea/items/b4e31b6f1f585a93bae1)
の続きになります。
実際にテストコードを書いて、それを実行し、レポートを出力するところまでやります。
今回は「JavaScript」を使います。# 前提条件
[AppiumでFlutterアプリのテストを自動化する 環境構築編 – Qiita](https://qiita.com/hiesiea/items/b4e31b6f1f585a93bae1)
で、Appiumの環境構築が完了していること# なぜAppiumで自動化するのか
Flutterには、「Integration Test」という仕組みが存在します。
– [An introduction to integration testing – Flutter](https://flutter.dev/docs/cookbook/testing/integration/introduction)
これは結合
expressによるウェブページテンプレート化の手法(express-ejs-layoutsを使用)
# 概要
Expressにおけるwebページのテンプレート化の方法をまとめてみる。
使用するパッケージは以下の通り。
・express
・express-ejs-layouts作成するファイルは以下の通り。
(1) /main.js
テンプレート化に必要なパッケージの読み込み、レスポンスのロジックを実装(2) /views/layout.ejs
テンプレートエンジンが使用するレイアウトのウェブページのテンプレート。このファイルでページのレイアウトとコンテンツの埋め込み箇所を定義する。(3) /views/index.ejs
テンプレートエンジンがレイアウトに埋め込むファイル。
ここではindexのページを定義しているが、ユーザーのアクセスするパスに応じて他のejsファイルも作成する。# Step1. main.jsの実装
まず、以下のようにmain.jsを実装する。
(1) パッケージのインポート
以下3つの定数を定義する。“`
const express =require(“express”)
const layouts = require(“express-enpm で全ての package をアップデートする
“`sh
$ npx npm-check-updates -u
“`これで `package.json` のみ更新される。
あとは、いつも通り `npm i` 。以下、オプション例。
“`sh
# “devDependencies” のみアップデートしたい
npx npm-check-updates -u –dep dev# 特定の package はアップデートしたくない
npx npm-check-updates -u –reject typescript,@types/node
“`## Ref.
https://www.npmjs.com/package/npm-check-updates
Node.js で Cloud Firestore のデータを削除 (Delete)
こちらで作成したデータのひとつを削除します。
[Node.js で Cloud Firestore のデータを作成 (Create)](https://qiita.com/ekzemplaro/items/fe9133236a8e04519acf)“`js:firestore_delete.js
#! /usr/bin/node
// —————————————————————
// firestore_delete.js
//
// Jan/25/2020
//
// —————————————————————
console.error (“*** 開始 ***”)const key_in=process.argv[2]
console.log (key_in)const admin = require(‘firebase-admin’)
admin.initializeApp({
credNode.js で Cloud Firestore のデータを更新 (Update)
こちらで作成したデータを更新します。
[Node.js で Cloud Firestore のデータを作成 (Create)](https://qiita.com/ekzemplaro/items/fe9133236a8e04519acf)“`js:firestore_update.js
#! /usr/bin/node
// —————————————————————
// firestore_update.js
//
// Jan/25/2020
//
// —————————————————————
console.error (“*** 開始 ***”)const key_in=process.argv[2]
const population_in=process.argv[3]console.log (key_in + “\t” + population_in)
const today
Node.js で Cloud Firestore のデータを読む (Read)
こちらで作成したデータを読みます。
[Node.js で Cloud Firestore のデータを作成 (Create)](https://qiita.com/ekzemplaro/items/fe9133236a8e04519acf)“`js:firestore_read.js
#! /usr/bin/node
// —————————————————————
// firestore_read.js
//
// Jan/25/2020
//
// —————————————————————
console.error (“*** 開始 ***”)const admin = require(‘firebase-admin’)
admin.initializeApp({
credential: admin.credential.applicationDefault()
})const db =
Node.js で Cloud Firestore のデータを作成 (Create)
ライブラリーのインストール
“`bash
sudo npm install firebase-admin –save
“`“`js:firestore_create.js
#! /usr/bin/node
// —————————————————————
// firestore_create.js
//
// Jan/25/2020
//
// —————————————————————
function add_data_proc(db,key,name,population,date_mod)
{
let tt_ref = db.collection(‘cities’).doc(key)
tt_ref.set({
‘name’: name,
‘population’: population,
‘date_mod’: date_mod
})
}// ———–
Node.jsでAWS ElasticSearchへのHTTP リクエストの署名
#はじめに
情報保護を難しくなっている現代社会では、セキュリティ対応はますます重要になってきています。
Cloud技術の進化によって、セキュリティ対応しやすくなる部分もあります。AWSのElasticeSearchサービスへのHTTP リクエストの署名方法を簡単にまとめてみます。
#1. AWS SDKのライブラリを使う
AWSのドキュメントにある通り、署名したリクエストを送信できますが、検索のクエリなどはちょっと手間ですね。参考URL: https://docs.aws.amazon.com/ja_jp/elasticsearch-service/latest/developerguide/es-request-signing.html
“`node.js
var credentials = new AWS.EnvironmentCredentials(‘AWS’);
var signer = new AWS.Signers.V4(request, ‘es’);
signer.addAuthorization(credentials, new Date());Node.js(Express) + Pug(Jade)でDBにtextareaから保存された改行を表示する
# コード
“`index.js
text.replace(/\r?\n/g, ‘
‘)
“`“`index.pug
p !{text}
“`
#注意
\#{text}で出力するのではなく、!{text}でないと表示されない。# 備考
変数である textは、DBにtextareaから保存されたテキストのデータ例えば、テキストエリアに、
ファッキンホット
ファッキンコールドと入力した場合
上記の処理をしないと、
ファッキンホット ファッキンコールドと表示される。
CLI のテンプレートプロジェクト by node and TypeScript
node で CLI(Command Line Interface) を開発する機会が数回あって、せっかくなのでテンプレートプロジェクトとしてまとめてみた。
## テンプレートプロジェクト
* [amay077/node-cli-sample: Sample npm project for development your CLI](https://github.com/amay077/node-cli-sample)
### 必要なモノ
* nodejs: v11.13.0+
* typescript: v3.7.3+### 試し方
1. 上記のリポジトリを Clone する
2. リポジトリのディレクトリに cd して “npm ci“ する
3. “npm run build“ する
4. “npm link“ する
5. “source ~/.bash_profile“ を行うかまたはターミナルを再起動するこれでどのディレクトリでも “my-great“ コマンドが使用できるようになる。
#### 例
“`terminal
$ my-Jest実行時にserverless.ymlの環境変数を読み込む
[jest-environment-serverless](https://github.com/fireeye/jest-environment-serverless) を利用して`serverless.yml`から環境変数を読み込みます。
(`.env`を読み込む以外の方法を試してみたかった)## 手順
### パッケージのインストール
必要なパッケージをインストールします。
“`.bash
$ npm install serverless jest jest-environment-serverless
“`### プロジェクトの作成
“`.bash
$ npx serverless create –template aws-nodejs
“`### 設定
`serverless.yml`に読み込む環境変数の名称と値を記述します。
“`serverless.yml
service: sampleprovider:
name: aws
runtime: nodejs12.xfunctions:
hello:
handl関連する記事
OTHERカテゴリの最新記事
-
- 2024.09.19
JavaScript関連のことを調べてみた
-
- 2024.09.19
JAVA関連のことを調べてみた
-
- 2024.09.19
iOS関連のことを調べてみた
-
- 2024.09.19
Rails関連のことを調べてみた
-
- 2024.09.19
Lambda関連のことを調べてみた
-
- 2024.09.19
Python関連のことを調べてみた