Node.js(Express)の開発環境を整備する ESLint / Prettier / Visual Studio Code / ホットリロード
はじめに 自分でちょっとしたWebアプリを作ったりする事があるが、その時の開発環境は結構適当だったりした。ただ、今後の事を考えるとちゃんと静的解析とかを入れ込んだ開発環境を作れるようになっておくほうがいいと思い今回ちゃんとした環境の構築をやってみたので、その備忘録を残す。 行った設定は、 Expressサーバのホットリロード対応 webpack ESLint × Prettier VS Code...
View Article【Node.js 2021（2つ目）】 Node.js での UDP・TCP通信をシンプルに試す（2021年12月）
この記事は、2021年の Node.js のアドベントカレンダー の 10日目の記事です。 内容は、以下の記事を書く中で使った「zigsim-ws」の中で利用されている「dgram」が気になって調べたり試したりしたことを、記事として書いた形です。 ●【IoTLT 2021】 ZIG SIM から送られるデータを p5.js Web Editor上で活用してみる - Qiita...
View Article音声認識をして特定の言葉をカウントしたい
おもてなしを見える化するIoTがつくりたい！！ 普段は居酒屋で働いており、プログラミングとは無縁なのですが、 おもてなしが見える化するIoTをつくりたい！！と思い、一念発起！ お休みの日にプログラミングを学びながら、日々挑戦をしています！ やりたい企画を具体的に描く 最終的にはクラウドファンディングを行い、 共感してくださる仲間とともに、おもてなしを向上させていきたいと思っています。...
View ArticleNode.js (TypeScript) で class + arrow function の jest を使ったテスト
はじめに 最近の TypeScript なら、関数は以前から存在する 'function' ではなくアロー関数を使うのが一般的だろう。しらんけど。 昨今はフロントエンドの隆盛もあってか、あるいは関数型言語からの影響か、そもそも js はクラスベースじゃないからなのか、わざわざ class にすることは少ないかもしれないが、私は日頃 c++ でなんでも class ベースで実装して暮らしているので...
View Article【Vonage】WebRTCブラウザで着信に応答する
※2021年12月現在のAPI仕様と個人的な好みの関係で、Client SDKのReceiving an in-app voice callをアレンジした内容になっています。最新情報は公式ドキュメントをご覧ください。 必要なもの Vonage API Key（作成する） client-sdk-tutorials Node.js Expressjs localtunnel rbenv や goenv...
View Article「新たなレモンサワーが見つかる！出逢える！」LINE Botで製作開始vol.1
現在、大好きなレモンサワーを起点にしたユーザーと飲食店をつなげるアプリを企画中です。 1か月ほど前にnote記事にしましたので、是非ご覧ください。 と意気込んで企画したは良いものの、スケールを大きくし過ぎたことで絶賛迷走中ですので、企画を身の丈にあったものに修正中！ まずは、第1段階のステップとして、 ・ユーザーがレモンサワーの情報を投稿できる...
View ArticleREST APIをExpressで実装する際にrequestのスキーマvalidation・sanitizationをするには？
以下の記事を参照して頂ければと思います ※Qiitaの記事は全て個人的な記載であり、所属する組織団体とは無関係です
View Article【Typescript】tscコンパイル時のエラー
TypeScriptの勉強をしようと、 nodeのバージョンが12だったので、グローバルで16に上げたんですが、 tscコンパイラ時に下記のエラーが出てしまいました。 ../../../node_modules/@types/react/index.d.ts:239:10 - error TS2456: Type alias 'ReactFragment' circularly references...
View Article使いたいポートが既に使用されている場合の犯人探しと対処法
まず結論 以下のコマンドを実行すればOK ※実行環境はUbuntu(Linux)です lsof -i:<対象のポート> # ex.) lsof -i:4324 # 実行結果 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME node 19053 user 24u IPv4 61691518 0t0 TCP localhost:4324...
View ArticleVuetifyで速攻でTodoアプリを作るチュートリアル
初めに はじめましてKouと申します。 仕事でVuetifyを使う機会があったので備忘録と共有を含めて簡単なTodoアプリを作る方法を紹介します！ これでVuetifyの便利さが伝わったらいいなという思いを込めていきます！ 完成リポジトリ：https://github.com/KouWakai/VuetifyTodo 完成イメージ このチュートリアルで必要なもの...
View ArticleRaspberry PiにNode.jsのインストールをして起動時に自動実行させるまで
Node.jsアドベントカレンダー2021の9日目の記事です。 ラズパイでNode.jsを動かすをたまにやりますが、久々に触った時に忘れてることが多いので久々に触る時用にまとめておきます。 昔書いてた記事よりもシンプルでした。 ラズパイにNode.jsをインストール -> 永続化 -> 自動起動 みたいなところまでをやります。 事前準備 vimは使いたいのでインストールしておきます。 $...
View Articlenodeでhttpサーバーが立ち上がらなくて四苦八苦した話
概要 同僚とWebアプリを開発しているときに、環境差分でトラブルに見舞われることはよくあると思うのですが、自分の場合なかなか原因が掴みづらかったので、解決に至った手順を書こうと思います。 エラー内容 Error: listen EADDRINUSE: address already in use 0.0.0.0:8081...
View Articleopnizでつくる「CO2センサ（MH-Z19C）データのGoogle Spreadsheetsロギングシステム」
はじめに こんにちは。田中みそです。 「opniz」というobnizっぽいことができるオープンソースIoTフレームワークを作って公開しています。 最近WebSocketに対応したv0.2を公開し、家でopnizにて実際に運用しているおうちハックデバイスのv0.2化対応を行いました。 そのうちのひとつをopnizの作例として紹介したいと思います。 CO2センサ（MH-Z19C）データのGoogle...
View ArticleAWS初心者がNodejsで作ったLineBotのインフラを構築してみた
AWS初心者がNodejsで作ったLineBotのインフラを構築してみた 概要 専門学生1年生なので大目にみてください...。 今回は、ApiGatewayをトリガーにLambdaを動かしてその結果をApiGatewayに返してくれるという単純なものです。 インフラ構築 Lambda作成 linebotという名前で関数を作ります。...
View Article【Node.js】ExpressとPassport.jsで認証機能を実装する
はじめに 普段はVue.js, Nuxt.jsに使っている者です。最近バックエンド側の知見も得ようということでExpressで個人アプリを作っているのですが、ログイン・ログアウトの実装において初めてPassport.jsというモジュールを使ったので忘れないうちにメモします。 実装の過程で躓いた箇所や不明で調べた箇所を実装コードとともに解説をしていきます。 server.js if...
View Article【BTP】SAP Feature Flags Serviceを使ってみた
この記事は SAP Advent Calendar 2021 の12月10日分の記事として執筆しています。 はじめに 今回、SAP BTP Trialで利用できるサービスのなかからSAP Feature Flags Serviceを使ってみました。 Help Portalのドキュメントはこちら Feature Flagとは？...
View ArticleShopify App CLIとNode.jsを使用してShopifyアプリを構築する
この記事を書こうと思った背景と、記事を読ん得られるもの - Shopifyアプリを構築する必要があったので、その手順と備忘録です。 - ハマった箇所があったのでその説明 - 結論だけいってしまうと、Node 17で構築しようとするとエラーがでるので、公式推奨の16.13.1にすべき（21年12月時点） - Nodeバージョン変更するのに便利なツールを紹介します 記事の対象者...
View ArticleDIY Mini PCB Ruler(DIYミニPCB定規)
多くのDIYreがPCBルーラーを作成しました。多くの情報を得るために、通常、PCB定規は非常に大きいです 持ち運びに便利なので、PCB定規を10cm以下に抑えてキーホルダーとして使えるようにする予定です。...
View ArticleNode.js + fastify + TypeScript + SwaggerでRESTサーバを構築する
概要 Node.js、fastify、TypeScript、Swaggerで簡単なサンプルを作ってみたので共有します。 サンプルコード: https://github.com/swmokyun/sample-fastify-typescript-swagger 目的 とにかくラクにRESTサーバを作りたい...
View ArticleNode.js + TypeScript からC++のライブラリを呼び出す
目的 Node.jsからC++のライブラリをコールしたい node-gypを使えばできるっぽいが、どのサンプルも動かない・・・（当方intel Mac / Big Sur） v8のAPIが色々変更してるっぽい。最新環境で動作確認できるサンプルが欲しい 成果物 とりあえず作ってみたサンプル一式は以下です。 https://github.com/swmokyun/sample-node-gyp 環境...
View Article