- 0.0.1. 【Node.js】Expressとexpress-validatorでサインアップ機能にバリデーションをかける
- 0.0.2. NestJSで入門するnpmライブラリ公開生活
- 0.0.3. yarn start がまたできない件
- 0.0.4. Expressでシンプルな掲示版を作る
- 0.0.5. [Node.js] Nodemailerで2通以上同時にメールを送信する
- 0.0.6. 【Node.js】Line Messaging APIでLine Botを作るまでに躓いた箇所をまとめる
- 0.0.7. 【Nuxt.js】ボタンクリックで画面を表示させる方法(アプリ開発アウトプット)
- 0.0.8. SAP BTPのCloud Foundry EnvironmentにNode.jsアプリをデプロイする
- 0.0.9. Reactのコンポーネントライブラリの開発では、ライブラリの依存関係の指定に気を付けなければいけないという話
- 0.0.10. react-nativeでMapにマーカーを動的に表示させる
- 1. (1)react-native-mapsで動的にマーカーを表示する
- 2. (2)およそ 25000 か所
- 2.0.1. [Prisma] チートシート
- 2.0.2. nodebrewのインストール方法
- 2.0.3. 複数のOpenID Connect認証を(Google/Azure/Yahoo)、ExpressとPassportによる実装クライアントで試してみる
- 2.0.4. nodist
- 2.0.5. 家計簿のデータをNode.jsでスプレッドシート連携してみた
- 2.0.6. NodejsからArduino IoT Cloudを操作するためのメモ
- 2.0.7. AzureAppServiceにVueやReactのアプリがうまくデプロイできない問題
- 2.0.8. まいばすけっとのレシートをtesseract.jsでOCR読み込みしてみる #リテールテック
- 2.0.9. ibm cloud functionsを使ってみた(決まった時間に、ローカルで動いているAPIをコール)
- 2.0.10. Node.js + TypeScript からC++のライブラリを呼び出す
【Node.js】Expressとexpress-validatorでサインアップ機能にバリデーションをかける
#はじめに
メインはフロントですが、趣味でExpressを触っているものです。サインアップ機能を実装するにあたってexpress-validatorを採用したので実装に至るまでのコードをメモします。後半にセキュリティ面も考慮したログイン画面も解説しているので最後までご覧いただけますと幸いです。#express-validatorを使ってミドルウェアを作る
validateMiddleware.jsにバリデートをかけているコードをまとめています。単純にemailに対してメールアドレスとしての形式をとっているかのチェックととpasswerdに対して最低6文字以上のバリデートをかけています。たったこれだけの記述でバリデーションを実装できるので便利ですね。“`javascript:validateMiddleware.js
const { check, validationResult } = require(“express-validator”);const validateParam = (req, res, next) => {
return [check(“emai
NestJSで入門するnpmライブラリ公開生活
今回、既存のJSライブラリをNestJS用にラッピングするライブラリを作成することにして、OSS活動アピ(大したことない)をやってみようと思いました。
以下、作ったライブラリとその概要
## 1. [nestjs-ip-middleware](https://www.npmjs.com/package/nestjs-ip-middleware)
– 動機:NestJSをいじってて、なにかライブラリっぽいものを作ってみたいという思いつき。
– 経緯
– 案件でIP取得する機能をやっていて、偶然[nestjs-real-ip](https://www.npmjs.com/package/nestjs-real-ip)というものを見つけた。
– これはただのラッパーライブラリーで、実装を見ると簡単だったから自分でもこういうの作れるのでは?という経緯。
– ちなみに、アクセス元のIPを取得する[request-ip](https://github.com/pbojinov/request-ip)のラッパー
– 実装
– 完全に真似て作りました。こちらのライブラリではデコレータと
yarn start がまたできない件
# 再びyarn startができない
Reactにてアプリケーション作成中に、
「Error: error:0308010C:digital envelope routines::unsupported」
のようなエラーが出たため、googleで検索すると、解決のためには最低でもnodeのバージョンをv14.18.1まで下げる必要があるとのこと。## nodebrewを使う
ターミナル上で、「nodebrew install-binary v14.18.1」を実行するが、「Can not fetch」となりインストールできない…## nvmでバージョン管理
nodebrewでインストールできなかったため、nvmをインストールして、「nvm install v14.18.1」を実行。すると、無事にインストール完了しました。## まとめ
再びyarn start を実行すると、無事にREACTが起動しました!もし、同じようなエラーがある場合には参考にしていただければと思います。ただ、なぜ問題が起きてなぜ解決したのかその裏側は分からずですね。エラーをきっかけに色々
Expressでシンプルな掲示版を作る
# はじめに
Expressを使ってシンプルな掲示板を作る手順を説明します。ソースコード
https://github.com/jeronimo34/SimpleBBS# 初期設定
以下のコマンドを実行しアプリの雛形を作成します。
テンプレートエンジンに `pug` を選択します。“`
npm install express-generator -g
express –view=pug SimpleBBS
cd SimpleBBS
npm install
“`# 投稿一覧表示実装
## 投稿データの保存先
`app.locals.posts`に投稿データを保存します。`app.locals`に設定した値はアプリケーションの存続期間中、持続します。
アプリケーションを再起動すると投稿データが失われてしまうため、本来はDBにデータを保存すべきですが、今回は簡単のため`app.locals`を使用します。“`javascript:app.js
// データベース
app.locals.posts = [
{
name:”test1″, text: “
[Node.js] Nodemailerで2通以上同時にメールを送信する
この記事は、【 [可茂IT塾 Advent Calendar 2021](https://qiita.com/advent-calendar/2021/kamo-it) 】の17日目の記事です。
Webの作成で実装したことを記事にしました。
誰かのお役に立てれば、幸いです。お問い合わせフォームに入力した内容を入力者と企業に2通同時に確認メールを送るAPIを作成しました。
そこで`nodemailer`を使用したので、まとめて記事にしました。## Nodemailerでメールを送信する。
Nodemailerをインストールします。
https://www.npmjs.com/package/nodemailer
“`
npm i nodemailer
“`### フォーム側
“`typescript
const [fieldValues, setFieldValues] = useState({
// 各フォームの初期値
})const onSubmit = async () => {
const ur
【Node.js】Line Messaging APIでLine Botを作るまでに躓いた箇所をまとめる
#はじめに
普段はVue.jsやNuxt.jsを使っている者です。バックエンド側の知見も得ようと言うことでExpressを最近触りはじめたのですが、今回はLINE botを作るにあたって躓いた箇所をまとめていきたいと思います。#LINE Messageing APIの導入①(ngrokでトンネリングさせる)
LINE Messageing APIのwebhookを使用する際はhttps通信でやりとりをしなくてはいけません。しかしhttpsでやりとりをローカルで行うことはできずherokuに一度アップして動作の確認をする記事が散見しました。
毎回デプロイする手間を省くためにngrokを使用することによってローカルでhttps通信でLINE Messageing APIを試すことができるのでこちらを採用した方が良いかと思います。不便な点としては1時間でsessionが切れてしまうので都度URLを登録し直すのがめんどくさいというところでしょうか。
###■ngrokで引っかかったポイント
ngrokを使用する際は、ターミナルを2つ開く必要があり、片方ではlocalhost3000
【Nuxt.js】ボタンクリックで画面を表示させる方法(アプリ開発アウトプット)
#はじめに
こんにちは!
今回は【Nuxt.js】ボタンクリックで画面を表示させる方法についてアウトプットしていきます!#前提
・Nuxtの新規プロジェクト作成が既に済んでいる
・vue.jsの基礎学習が済んでいる#対象
・真偽値を使用しての開発を学びたい方
・診断アプリケーションを作りたい方#実装
“`vuejs:template
診断を始める!
関連する記事
OTHERカテゴリの最新記事
- 2024.09.19
iOS関連のことを調べてみた
- 2024.09.19
JavaScript関連のことを調べてみた
- 2024.09.19
JAVA関連のことを調べてみた
- 2024.09.19
Rails関連のことを調べてみた
- 2024.09.19
Lambda関連のことを調べてみた
- 2024.09.19
Python関連のことを調べてみた