- 1. 【ether.js + Alchemy】推定ガス代を計算するために必要なデータの取得方法
- 2. Azure Functions (Node Typescript) のtsconfigにpathsのエイリアス設定を行ったメモ
- 3. 【GAS】tsからjsファイルにバンドルしたコードをGASのエディタ上でデバッグできる状態に修正する
- 4. Azure DevOpsのパイプラインでAzure FunctionsにTypescriptのNodeランタイムのAPIをデプロイしたメモ
- 5. React ✕ Node.js ✕ Stripeで決済システムを構築
- 6. PM2を使用してNode.jsのExpressアプリケーションを管理する方法
- 7. 今の今まで知らなかった Server-Sent Events を使ってみた
- 8. Next.js App RouterでPLATEAUを利用する
- 9. Expressでejsを設定する
- 10. Node.js 22の新機能を紹介
- 11. Node.jsをWSL2のUbuntu 22.04にインストールする手順
- 12. Node.jsってなに？
- 13. LambdaのGETリクエストとNode.js Expressでのレスポンス
- 14. node.jsでmariaDBを使用するためのコーディング参考程度
- 15. Node.jsでexpressとejsを使用しウェブページを作成（参考程度
- 16. 任意のサイズのダミー画像を作成するCLIツールを作ろう
- 17. Webセキュリティ勉強会 Part-2
- 18. Webセキュリティ勉強会 Part-1
- 19. 【バージョンマネージャ】asdfが便利すぎる
- 20. yarn、npm、npx の違いについて
【ether.js + Alchemy】推定ガス代を計算するために必要なデータの取得方法
## ガス代（Transaction Fee）の計算方法
※個人的には日本語でも英語通り 「Transaction Fee」 という呼び名に統一してほしい。混乱する。A. ガス代（Transaction Fee）
= （C.ベースフィー + D.プライオリティフィー） x B.ガス使用量（Etherscanより）
[](https://gyazo.com/16c4fb59eb736d4bdb3a5ef75ea013ce)## 環境
– Node.js v20.0.0
– スマートコントラクト：Alchemyで作成
– テストネット： sepolia（参考）
https://qiita.com/tatsuya1970/items/2381d21399a19f349e57
## 手順 ・コード
node.js のプロジェクトを作成し、
Ethereumブロックチェーンの
Azure Functions (Node Typescript) のtsconfigにpathsのエイリアス設定を行ったメモ
## 概要
Azure FunctionsのTypescriptでもエイリアス使いたい。
結論から言うと、[tsc-alias](https://www.npmjs.com/package/tsc-alias)を追加で導入する必要があった。## ソースコード
“`diff:tsconfig.json
{
“compilerOptions”: {
“module”: “commonjs”,
“target”: “es6”,
“outDir”: “dist”,
“rootDir”: “.”,
“sourceMap”: true,
“strict”: false,
+ “paths”: {
+ “@/*”: [“./src/*”]
+ }
}
}
“`## エラー
tscしただけでは、下記のようなエラーが発生する。パスの解決に失敗している。“`
Error: Worker was unable to load entry point “dist/src/functions/credential
【GAS】tsからjsファイルにバンドルしたコードをGASのエディタ上でデバッグできる状態に修正する
「TypeScript+clasp+esbuild」でGASのローカル開発を便利にしたものの、そのままではデプロイした後にGASのエディタでデバッグすることができないため、
GASのエディタに反映されるタイミングで、デバッグできる状態にする方法を紹介します。## プロジェクト構成
“`
.
├── dist/
│ ├── appsscript.json
│ └── main.js //バンドルされたファイル
├── src/
│ ├── main.ts
│ └── … //他のtsファイル
├── .clasp.json
├── esbuild.js
├── package.json
├── tsconfig.json
└── updateFileContents.js //今回紹介するファイル
“`環境構築は以下の記事を参考にしています。
https://zenn.dev/funteractiveinc/articles/776b5812833475## 問題点
バンドルされたmain.jsが
Azure DevOpsのパイプラインでAzure FunctionsにTypescriptのNodeランタイムのAPIをデプロイしたメモ
## 概要
[前回](https://qiita.com/hibohiboo/items/6a49ed68e6560594278b)はbicepでTypescript の Functionsのリソースを構築するところまで行った。今回はAzure DevOps のパイプラインを通してデプロイしてみたいと思う。
手順は[Azure Pipelines を使用した継続的デリバリー](https://learn.microsoft.com/ja-jp/azure/azure-functions/functions-how-to-azure-devops?tabs=javascript&pivots=v2)を参考にする。デプロイしたファイル
“`
– functions-build-pipeline.yml
– batches
– packages.json
– tsconfig.json
– host.json
– .gitignore
– .funcignore
– src
– funcReact ✕ Node.js ✕ Stripeで決済システムを構築
## Stripeとは
Stripe (ストライプ)は、オンライン決済や取引を簡素化するためのプラットフォームです。主にウェブやモバイルアプリケーションで利用され、クレジットカードやデビットカード、その他の決済手段を受け入れるためのAPIやツールを提供しています。Stripeは、開発者が独自のウェブサイトやアプリケーションに決済機能を統合するのを容易にします。StripeのAPIを使用することで、カスタムの支払いフォームを作成したり、定期支払いや再発行、返金などの機能を組み込んだりすることができます。
## 環境設定
npx create-react-app コマンドは、Reactプロジェクトを作成するための公式のツールであり、簡単にReactアプリケーションのテンプレートを作成するために使用されます。
“`
npx create-react-app react-stripe-payment
“`**`npm start`で開発用ローカルサーバーを起動します。**
の SSE の項に、とても分かりやすくまとめてありましたので、一読されることをお勧めします。
https://qiita.com/h_tyokinuhata/items/809bdb66f8da6dd53b
Next.js App RouterでPLATEAUを利用する
# はじめに
PLATEAUを使ったwebXRアプリ開発のために、Next.jsのApp Routerを使おうと思ったのですが、これまでに使っている記事を見受けられなかったので、備忘録的に残しておきます基本的には以下の記事の通りです
より詳細な実装について知りたい場合にはそちらの記事をご覧くださいhttps://www.mlit.go.jp/plateau/learning/tpc12-2/
:::note info
今回のプロジェクトではPWAとwebXRを導入しているので、それらについての記載が混ざっているかもしれません
:::# デモ
こんな感じで視点がくるくる移動できるようなものを作ります