- 1. npm install -g {packageName}は古いと言われた
- 2. Json Server役立ちサイトメモ
- 3. Json Serverで認証付きモックを作る
- 4. Json Serverでモックを作る
- 5. 【Node.js】Slack APIでメッセージを送信する方法
- 6. Nodejs + React + MySQL+ Express Todoアプリ
- 7. ARでアイスブレイクを in Azure Tech Hackathon
- 8. Expoの使い方
- 9. TypeScriptでMessagingAPIを介してLINEBotのリッチメニューを設定する方法
- 10. expressの基礎をまとめる2
- 11. Dockerとその最も使用されるコマンド
- 12. Prisma4にアップグレードした際に$queryRawを使用している箇所でTypeError: Cannot mix BigInt and other types, use explicit conversionsが発生する問題
- 13. Fast Node Manager(fnm) チートシート
- 14. 【Node.js】Stripeライブラリのlist系のAPIでoffsetが使えないの無理くりどうにかする
- 15. Node.jsの基礎をまとめる2
- 16. Prismaで新規レコード作成時に@default(now())なカラムと@updatedAtなカラムに差異が生じる問題
- 17. [nodejs]mysql2のpool.queryをネストさせたら動かなくなった事象を解消した例
- 18. 世界一わかりやすいかもしれないnpmパッケージ公開方法
- 19. 【UserLAnd】UbuntuでNode.js環境構築
- 20. npm ciと.npmを使ってGitHub Actionsを高速化する
npm install -g {packageName}は古いと言われた
先日、モブプロで開発作業中にnpm install -gを実行しようとして先輩に「npm install -gはもう古い。[npx](https://www.npmjs.com/package/npx)を使った方がいい」と言われた。
“`
npm install -g {packeageName} # インストールしたらディスク上残る上にインストール後に実行する必要があるnpx {packageName} # インストール、実行、削除、を全部やってくれる
“`npxは node package executerの略でパッケージの実行ツールらしい。
パッケージを探してインストールして実行、処理が終わればパッケージを消してくれる優れもの。便利だなぁ～
Json Server役立ちサイトメモ
https://swfz.hatenablog.com/entry/2016/12/06/024342
https://wing-degital.hatenablog.com/entry/2019/05/08/234119
https://www.cyokodog.net/blog/use-well-json-server/
https://deep.tacoskingdom.com/blog/151
https://gist.github.com/juanbrujo/efdcf6ab9eacbd5b5d69884233d0a3ce
https://silurus.dev/articles/4GtXZIAR3mqEduLkgoM1Z2
Json Serverで認証付きモックを作る
参考サイト備忘録
https://tech-blog.rakus.co.jp/entry/20201029/rest-api
Json Serverでモックを作る
未実装APIへの通信をテストしたい事がある。
そんな時はJson Serverで未実装APIのモックを作ると吉。
– – –
まず大前提としてnode.jsをインストールする（json serverはnpmのパッケージなので）:::note info
npmでjson serverをインストールする時にpermission deniedエラーになる事がある。
以下サイトによると、npm公式ではnvm等のnodeバージョンマネージャでnodeを入れて欲しいとの事。
https://zenn.dev/ikeo/articles/8d0c88dcedf256b09f73
少し遠回りになるがnodeバージョンマネージャーを入れてあげると良さそう（著者はnvmを入れた）
:::
:::note info
また、著者はMacで、zshでnpmインストールを行なったが、homeに.zshrcファイルが無かったので、調べた所、以下サイトによりhomeで以下コマンドであらかじめ作っておくモノという事で解決。
https://detail.chiebukuro.yahoo.co.jp/qa/quest
【Node.js】Slack APIでメッセージを送信する方法
Node.jsでエラー時にSlackにメッセージを送信する実装をしました。
↓こちらの記事の通りに進めさせていただきました。
https://zenn.dev/kou_pg_0131/articles/slack-api-post-message
とても分かりやすかったです。ありがとうございます。
基本的にこの流れで設定できたのですが、少しつまずいた点があったのでメモしておきます。**(1) [アプリを作成する](https://zenn.dev/kou_pg_0131/articles/slack-api-post-message#%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B)**
**(2) [スコープを設定する](https://zenn.dev/kou_pg_0131/articles/slack-api-post-message#%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%97%E3%82%92%E8%A8%AD%E5%AE%9A%E3%
Nodejs + React + MySQL+ Express Todoアプリ
# 開発環境
# 参考動画
# 使用したパッケージ
### バックエンド
“`terminal:terminal
npm install body-parser cors dotenv expres
ARでアイスブレイクを in Azure Tech Hackathon
今回は、Azure Tech Hackathonにおいて、自分がチームリーダーを務めた**Team B**の制作物、「FruitsBasket」について紹介いたします!!
# Azure Tech Hackathonについて
顔認証やバーコード読み取りなどの**画像認識**に注目したハッカソンとなっております。IDEACTIVE JAPAN PROJECTの学生アンバサダーチームの運営で開催されました。https://connpass.com/event/269487/
# FruitsBasketとは
FruitsBasketは、ARを使用したアイスブレイク補助アプリとなります。
## コンセプト本アプリのコンセプトは、
「**リアルタイム画像認識で世界を広げる**」です。本アプリによ
Expoの使い方
# Expoのインストール
講義で使用した環境ツールは2020年ものなので，今時2022年ものに変更しようかと思いましたが，Expo側が対応していなかった・・・1. Expoのアンインストール
“`sudo npm un -g expo-cli“`
1. [node jsのアンインストール](https://blog.proglus.jp/5518/#i)
1. [今度はHomebreでインストール](https://brew.sh/index_ja)
1. [Homebreで最新のLTS Nodejsをインストールする](https://tech-blog.s-yoshiki.com/entry/254#nodejs%E3%81%AE%E6%A4%9C%E7%B4%A2)
1. expo-cliをインストールしようとするるもNodejsが新しすぎるということでエラー
“`required: { node: ‘>=12 <=16' },``` 1. Nodejsをアンインストールしてnodejsのバージョン１６の安定板をダウンロード # プロジェクトの作成 以下コマンド
TypeScriptでMessagingAPIを介してLINEBotのリッチメニューを設定する方法
# はじめに
TypeScriptを使ってLINEBotの開発をしている中,リッチメニューの更新が[公式リファレンス](https://developers.line.biz/ja/docs/messaging-api/using-rich-menus/)で解説されている方法だとめちゃめんどくさいと思いました．
そのため,実行するだけで一発でリッチメニューの更新をできるようなコードを実装しました．
TypeScriptとして探すとあまり記事がみつからので共有しておこうと思います．# 環境
– node.js 16.19.0
– line/bot-sdk 7.5.2# 実装
とりあえず動かしたい人は，下記コードをコピーしてそのファイルを実行すれば動くと思います．その時にConfig.tsの作成を忘れないでください．
解説はコードの後に載せておきます．
“`updateRichMenu.ts
import * as fs from ‘fs’;
import { Client,RichMenu } from ‘@line/bot-sdk’;
import { CHANNEL_ACC
expressの基礎をまとめる2
こちらの記事の続きを書いていく。
https://qiita.com/ysk-s/items/db9452e4c93e392ea84e
続いて、一意のユーザーidによって表示内容を変更する。
“`
router.get(“/:id”, (req, res) => {
res.send(`${req.params.id}のユーザー情報を取得しました。`);
});
“`エンドポイントを入力する第1引数にスラッシュ”/”とコロン”:”を打ってからidと入力する。そうすると、それを一意のidとしてページを開いてくれる。
また、そのidはreq.params.idで取得することが出来る。postメソッドやdeleteメソッドを用いるとid情報の登録や削除などのリクエストを送ることが出来る。
そのためには専用のフォームを用いたり、APIを使用する必要がある。続いて、res.send()の中でHTMLを表示するやり方を示す。
server.jsの中に”app.use(express.static(“public”));”というコードを加える。
こうすることで、exp
Dockerとその最も使用されるコマンド
# Dockerは
Dockerは、開発、配信、アプリケーションの実行のためのオープンプラットフォームです。Dockerを使用すると、アプリケーションをインフラストラクチャから分離することができ、ソフトウェアを迅速に提供することができます。Dockerを使用すると、アプリケーションを管理する方法と同じ方法でインフラストラクチャを管理することができます。Dockerのシッピング、テスト、コードを迅速に展開する方法を活用することで、コードを書いて実行するまでの遅延を大幅に短縮することができます。:whale:
最初に、コンピュータにDockerをインストールする必要があります。これらのコマンドはWindowsまたはMacで動作します（私はMacから作業しますが、Windowsでも実行できます）。
ここに最も使用されるコマンド:
“`
d
Prisma4にアップグレードした際に$queryRawを使用している箇所でTypeError: Cannot mix BigInt and other types, use explicit conversionsが発生する問題
# はじめに
[以前の記事](https://qiita.com/irohafox/items/2d484bbcbf9a023cb524)でPrisma3系から4系にアップグレードする必要があるケースを書いたが、
その際に発生した問題について。# 環境
– Prisma(before): 3.13.0(<= 3.15.2) - Prisma(after): 4.8.0(>= 4.0.0)
– Provider：MySQL# 概要
あるテーブルのレコード件数を`$queryRaw`で取得してレコード件数+1をログに出力する場合、一例ではあるが以下のように書くことができる。
“`ts
const result = await this.prisma.$queryRaw< { count: number }[] >`SELECT COUNT(*) AS count FROM users`
const count = result[0].countconsole.log(‘count + 1 =’, count + 1)
“`
仮にusersテーブルに1,000件のレコード
Fast Node Manager(fnm) チートシート
# 概要
node管理のためにどのパッケージツールを入れているのかわからなくなるのでまとめておく
(fnmのインストール方法に関しては記憶にないのでたまに使うコマンドだけ、、、)## アジェンダ
1. fnmとは
2. Commnads### fnmとは
詳しくはこちら↓と公式にぶん投げておくhttps://github.com/Schniz/fnm
### Commands
#### バージョンの確認
“`
$ fnm -V
fnm 1.31.0
“`#### インストール済みバージョンの一覧
“`
$ fnm list
* v14.18.0 default
* v18.13.0
* v19.0.0
* system
“`#### バージョンの指定
特定のバージョンの場合
“`
$ fnm use {@version}
Using Node {@version}
“`デフォルトに設定する場合
“`
$ fnm default {@version}
“`プロジェクト毎にディレクトリ配下のnodeを指定する場合
`.node-version
【Node.js】Stripeライブラリのlist系のAPIでoffsetが使えないの無理くりどうにかする
## はじめに
[【Node.js】Stripeライブラリの入出力がsnake_caseになっているのをどうにかしたい](https://qiita.com/yuta-katayama-23/items/0cf633f0f81c52f9422c)では、入出力をcamelCaseにできるようにするための独自拡張をやってみた。
今回は、StripeのAPIに`offset`がない事に気づき、SQLに親しんでいる身としては使いにくい（`starting_after`はどちらかというと、NoSQL等で使われるデータの取得を行う際のデータ位置を指定するものになっている）ので、無理くり`offset`を使えるようにする実装をやってみたいと思う。
※以下の実装を見ればわかるが、loopでデータを取得しているだけなので、StripeのAPIの[レート上限](https://stripe.com/docs/rate-limits?locale=ja-JP)に引っかかる可能性が高いので、PoCではいいかもだが、頻繁にlist取得するような実装をするのであれば、今回試しにやってみた実装はNGになると思
Node.jsの基礎をまとめる2
前回の続きです。ぜひこちらを読んでから御覧ください。
https://qiita.com/ysk-s/items/be9db685d51aac20e179
クライアントから受け取ったリクエストとレスポンスを引数として受け取り、ブラウザへ処理を返す。
最初に”res.writeHead()を追加する。これはリクエストに対してこういうHead情報を返しますよという関数。
第1引数には200を入れる。これは通信がうまくいってますよというステータスコード。
第2引数にはHeadの中身を入れる。今回はそのレスポンスで返すコンテンツの中身はhtmlファイルですよっていう中身を送る。それが以下のようなコードになる。
“`
//ブラウザからアクセスが来たときの処理
res.writeHead(200, {“Content-Type”: “text/html”});
“`そして、htmlファイルを読み込ませる。
htmlファイルを読み込ませるにはfsというモジュールが必要になる。
fsモジュールを読み込んでreadFileSync()という関数で非同期処理でind
Prismaで新規レコード作成時に@default(now())なカラムと@updatedAtなカラムに差異が生じる問題
# 環境
– Prisma：3.13.0
発生条件は <= 4.3.1(後述) - Provider：MySQL # 概要 こんな感じで定義されたテーブルに対して、 ```schema.prisma model User { id Int @id @default(autoincrement()) @db.UnsignedInt createdAt DateTime @default(now()) @map("created_at") updatedAt DateTime @updatedAt @map("updated_at") @@map("users") } ``` `prisma.user.create({})`を実行すると以下のように`created_at`と`updated_at`がミリ秒単位で差異が生じる結果となる。 ```sql MySQL > select id,created_at,updated_at from users;
+—-+————————-+—————-
[nodejs]mysql2のpool.queryをネストさせたら動かなくなった事象を解消した例
## 何が起きた？
下記のようなロジックを作ったところ、`入ってる`まで通るけど最後のpool.queryに入らずupdateできないことがあった。
“`js:test.js
var mysql = require(‘mysql2’);
const pool = mysql.createPool({
host: ‘127.0.0.1’,
user: ‘root’,
password: ‘password’,
database: ‘test_db’
});// 関数呼び出し
test();// 呼び出し用の関数準備
function test() {
pool.query(“select * from emails”, function (err, factDatas, fields) {
for (const obj of factDatas) {
pool.query(`select * from users where id = ${obj.user_id};`, function (err, user_rows, fields
世界一わかりやすいかもしれないnpmパッケージ公開方法
# npm publishの前にnpm adduserがむずい。
ええ、とにかくnpm adduserもしくはnpm loginの処理がむずいんですね。
# んで肝心のやり方は?
もうなんでもいいから早く教えろあまみやさんと聞こえてきそうなのでやっていきます。
えせエンジニアなので間違ってるかもです。よろしこ。
まずは[npmjs.com](https://www.npmjs.com/)にアクセスしてアカウント名とパスワードを決めます。ここで登録アカウント名を忘れるとのちのnpm adduserで詰むので注意。
– アカウント登録とログインを済ませたら、右上のアカウントマークから”accestokens”選択
– Generare New token選択後トークン名設定の後Select typeをAutomationに設定。
トークンをコピー(一応コピペミスったとき用にページはそのままで。)
– Terminal上で“`
npm adduser –scope=@OWNER –auth-type=legacy –registry=https://registry.
【UserLAnd】UbuntuでNode.js環境構築
# はじめに
家にPCがないのでスマホ（Android）で開発環境を構築しようと考えました。# 動作環境
* Sony Xperia 10 IV
* Android OS 12
* UserLAnd 3.1.4
* Ubuntu 20.04.5 LTS
* Node.js 18.13.0# nvmをインストール
そのままapt installするとNode.jsのバージョンがnvmからインストールします。
“`bash
$ curl -k -LO https://raw.githubusercontent.com/creationix/nvm/master/install.sh
“`
install.shを編集（curlに「-k」オプションを付与）してUserLAndを再起動します。
* 編集前
“`bash
nvm_download() {
if nvm_has “curl”; then
curl –fail –compressed -q “$@”
“`
* 編集後
“`bash
nvm_download() {
if nvm_has “curl
npm ciと.npmを使ってGitHub Actionsを高速化する
# 概要
– Node.jsを使用しているCI/CD環境(今回はGitHub Actions)を高速化させたい
– 高速化のために `npm ci` と `.npm` をCIでキャッシュする手法を用いる# `npm ci` とは
– `npm ci` は `package-lock.json` を参照して依存関係をインストールするコマンド
– 既に `node_modules` が存在する場合は一旦削除してからインストールが走る
– とはいえ `package.json` と `package-lock.json` のバージョン指定が食い違っている場合にはエラーを出してくれる
– e.g. あるパッケージをバージョン `0.9.9` でインストール後に `package.json` のバージョンだけ `1.0.0` に書き換えた場合等
– 通常の `npm install` の場合、 `package.json` と `package-lock.json` の両方を見て、依存関係の解決と `node_modules` へのインストールと、場合によっては `package-
