日本のワクチン接種回数の表を作成 (Our World)
Our World in Data のデータを使って次の表を作成します。 データの取得 wget https://github.com/owid/covid-19-data/raw/master/public/data/vaccinations/vaccinations.json 日本のデータのみに変換 ./pick_japan.js vaccinations.json...
View ArticleGulpを起動すると "no template named 'remove_cv_t' ..." エラーが出たときの対処
Macを新調したのを機に、Node関係をいちから設定しなおしました。 旧環境から持ち込んだpackage.jsonをインストールしようとしたところ、以下のようなエラーが表示されました。 error: no template named 'remove_cv_t' in namespace 'std'; did you mean 'remove_cv'? 原因...
View Article1時間で自作ページをGitHubPagesでWeb公開
はじめに 自分のポートフォリオページを作ってWeb公開したいという背景から まずは、vueのサンプルページをGitHub Pagesで公開してみた。 実際の作業時間は1時間程度。 まっさらな状態からのハンズオン。 環境 Macbook Air(M1チップ) node v14.16.0 nodeが入ってない人はこちらからインストールできるよ。 採用したフレームワーク フロントサイド...
View Article[PAYJP-NODEJS] 支払い機能の実装
PAY.JP 導入簡単 決済手数料 2.59%～ 定期課金、Apple Pay対応 シンプルなAPI Pay.jpの管理画面 実装 1. API Key取得 テストと本番のAPIキーがあります。 2. UI作成 デザインされた決済フォームを使う（この記事使う方法） <script> タグを1行で、...
View Article$ nodebrew install-binary stableができないとき
メモです。 $ nodebrew install-binary stable node.jsを入れたくてnodebrewをインストールしようとしていますが、エラーが出てしまった。 エラーは以下。 $ nodebrew install-binary stable Fetching:...
View ArticleReactWebアプリ環境構築の覚え書き
はじめに 自己学習の一環として、フロントエンド:React、バックエンド:Node.jsのWebアプリを作成してみた時の覚え書きです。 ここでは、アプリケーションの実装の仕方については触れていませんので、あらかじめご了承ください。 環境情報 使用言語: TypeScript バックエンドサーバー: Heroku + DB(PostgreSQL) フロントエンドサーバー: Netlify 前提条件...
View Articlemodbus-serialでCO2センサ(Senseair Sunrise)を使う
要旨 Node.jsでmodbus-serialを使用し、Raspberry PiからCO2センサにmodbusのシリアル通信を行なった。 背景 在宅勤務が始まり、換気環境がオフィスより劣る自宅で最高のパフォーマンスを出すためにCO2濃度管理が必要不可欠！ などと論理武装し、一般人が買える最高性能っぽいCO2センサSenseair Sunriseを購入。 しかし、Raspberry...
View Article家のポストに荷物が投函されたらSlackに通知が来るIoTやってみた
概要 最近は家にいることが多くQOLを上げていきたいと常々考えております。家のポストに荷物やチラシが投函されたら、Slackに通知が来るIoTをやってみました。 仕様 ① エントランスのポストのフタが開いたらCloud Functionsをコールする ② コールされたCloud FunctionsがWebHookでSlackに通知を送る どうやって実現するか？...
View Articledotenvが効かないundefined/.env見つからない
結論 パスが間違っている可能性が高い。 前提 Nodejsを活用し、環境変数を取得する際には、 dotenvを使用すると良い。 // app.js require('dotenv').config(); const env = process.env; console.log(env.USERNAME); // .env USERNAME=hogehoge...
View ArticleM1 MacでHomebrewセットアップからLaravel でnom run watchするまで
知識レベルフロントエンドエンジニアがM1でLAMP環境整えるための覚書です。 Homebrew インストール M1の場合、「/opt/homebrew/」ディレクトリにインストールする必要がある。 ルートからoptへ移動 bash:~ cd /opt /opt sudo mkdir homebrew Password: sudo chown joraku:admin homebrew curl -L...
View ArticleNodeアプリからAzure Key Vaultに接続する方法
Key Vaultに接続するためには必ず認証を行う必要がある。 主に どうやって認証を行うか が課題。 また前提条件として、Key Vaultにアクセスする際に APIキーのようなものを使わない (いくらkey-vault上に暗号化キーをセキュアに保存しても、APIキーなどをコード内に置いていたら意味ないため) Azure App ServiceにNodeアプリを デプロイ してからKey...
View Articleangularローカル環境構築手順
はじめに Windowsのローカル環境での構築手順をまとめています。 概要 下記のアーキテクチャを使用します。 ・Node.js ・Visual Studio Code（以下、VScodeと記載） ・Angular 構築手順 Node.jsのインストール こちらからダウンロードしてください。 node-v14.17.0-x86.msiというファイルがダウンロードされるので実行します。...
View ArticleNode.js(Express)でSequelize cliを用いて MySQLのmigration環境を作成する
Node.jsでアプリケーションを作成しています。 バックエンドからフロントまでを一通り作成を進めていますが、MySQLの環境整備で大きくつまづいたので忘備録のために記載します。 環境 macOS(big sure 11.2.3) docker-compose使用 Node.js フレームワークExpress package.jsonは下記の通り { "name": "forumboard",...
View Articlenode.jsアップデート
アップデートは普通に、公式ページの最新版を再度インストールすればOKだった C:\Users\XXXXXXX>node -v v14.16.1 C:\Users\XXXXXXXX>node -v v14.17.0 コマンドプロンプトで確認したらこうなってたからOKなはず。 ちなみに、LTS（Long Term Support）版と呼ばれる長期サポート版となります。...
View ArticleExpressを使用しない単純なNode.jsサーバーの作成
Node.jsとは？ Node.jsとは、サーバーサイドのJavaScript実行環境です。 ブラウザGoogle Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように、ファイルやネットワークI/Oなど多くの機能を追加しています。軽量で効率よく多くのリクエストを処理するネットワークアプリケーションの構築ができるプラットフォームです。...
View Article面倒くさがりな人のための ESLint
.eslint.js の設定、何をどうすればいいのかわからん わかります。設定回り、難しいっすよね。そんなときには、このコマンドを打ち込んでみてください。 # まずは eslint だけ install npm install --save-dev eslint or yarn add -D eslint # つぎに、これを実行。 npx eslint --init or yarn run...
View ArticleJest・Supertestを使用したnode.js(Express)のAPIテスト 基本（テスト導入）編
はじめに この記事ではnode.js(Express)のAPIテストの第1弾として、テストを実行できるようになる部分までを記載している。 実際にテストを作る中でトラブって困った事もトラブった事として残している。 ※第2弾としてmockを使ったより実践的なテストについても記事を書いてみたのでそちらも参照頂けると幸いです。 ※第2弾は現在執筆中です。 どうやってExpressのAPI(End...
View Articlenpmのアップデート(npm install -g npm)をしてもバージョンが変わらない場合の解決例
以下のような状況に遭遇したものの、ネット上に似たような事例はあっても解決に至るものがなかったので一例として残しておきます。 npmを使用中にバージョンアップするようにメッセージが出たので、言われた通りnpm install -g npmを実行。 画面上は問題なくアップデートが終了したように見えたのだが、その後再びメッセージが表示される。 npm...
View ArticleFATAL ERROR: wasm code commit Allocation failed - process out of memory
node.jsのバージョン15にあげれば解決するらしいけど、どうしてもNode.jsのバージョン12で作業する必要があったので、その時のメモ。 vi ~/.zshrc で下記を記入して、 export NODE_OPTIONS=--max_old_space_size=4096 あとは更新。 source ~/.zshrc これで一応、エラーは回避できた。...
View Article