- 1. GitHub ActionsでJSON形式のトークンがそのまま使えない
- 2. GCP Dataplex機能/実装
- 3. Next.js で Blockchain Symbol のトランザクションを作って SSS Extension で署名する
- 4. Azure WebAppsでのNode.jsのバージョンを上げる
- 5. 【node.js】Sequelizeによるデータベース操作
- 6. Lambda Node.js 16 EOL 対応とは / AWS
- 7. コストをかけずにWebサービスを公開するための構成例
- 8. GCP Cloud Data fusion機能/実装
- 9. RenderのExress.jsにReactアプリを載せる方法
- 10. asdfを用いてnode.jsのインストール(Mac)
- 11. 色々なプロキシサーバー設定（Windows 11対象）
- 12. Electronのコードの内部でShell書いた時に困った出来事と対応策
- 13. 【zsh】zsh上でnode version manager が動作しない場合の対処法
- 14. Ubuntuデスクトップで最新版のNodeのインストール
- 15. Node.jsでAzure OpenAI Embeddings APIを利用してみる
- 16. Node.jsでAzure Open AIのライブラリ(@azure/openai)を使ってAzure Open AIを使うメモ2
- 17. node_modulesをオフラインの環境に持っていくときの備忘録
- 18. 【JavaScript】連想配列の重複排除
- 19. GCP Data Catalog機能/実装
- 20. angular-ja(Angular日本語化プロジェクト)の主にビルド環境構築でつまづいたところ
GitHub ActionsでJSON形式のトークンがそのまま使えない
Node.js v21で実行していたプログラムをBunでの実行に差し替えた時に
GitHub Actions上かつBunでの実行でエラーが発生しました。
## Googleのクレデンシャルでエラー発生
“`
const {client_secret, client_id, redirect_uris} = credentials.installed;
“`> 
この辺たまにでますねトークンのJSONをそのまま入れていてクオーテーション周りがうまくパースされない問題ぽいです。
“`
TOKEN ENV READ ERROR: SyntaxError: Expected property name or ‘}’ i
GCP Dataplex機能/実装
# GCPのCloud Dataplexの概要
Cloud Dataplexは、Google Cloud Platform（GCP）のサービスの一部であり、データレイク環境を構築し、データの管理と利活用を支援します。以下に、Cloud Dataplexの機能と詳細について説明します。
## 概要
Cloud Dataplexは、大量のデータを一元管理するためのプラットフォームです。データを各種データソースから集約し、それを効率的に分析するための統合データエンジンを提供します。以下にCloud Dataplexの主な特徴を示します。– **データソースの統合**: Cloud Dataplexは、様々なデータソース（データベース、データウェアハウス、クラウドストレージなど）からデータを収集し、一元的に管理します。データの流入や変換、統合が容易に行えます。
– **データのバージョン管理**: Cloud Dataplexは、データの更新や変更を追跡し、バージョン管理を行うことができます。過去のバージョンのデータを参照することにより、データの変化を追跡したり、過去の状態に戻したりす
Next.js で Blockchain Symbol のトランザクションを作って SSS Extension で署名する
## 各種バージョン
– node v18.18.2
– next@14.0.4
– typescript@5.3.3
– symbol-sdk@3.1.0
– sss-module@1.0.4「最新がいい！」って事で、 Next.js v14 + SymbolSDK v3 で作ります！
## これ動くの？
### Next.js + SymbolSDK v3
クライアントサイドで SDK は、ほぼ動きません。サーバサイドであれば動くので、トランザクションの生成等 SDK を使用する箇所はサーバサイド（サーバアクション）として動かします。
### Next.js + SSS Extension
window を使用するので、サーバサイドでは動きません。クライアントサイドで動かします。
### SymbolSDK v3 + SSS Extension
SSS Extension は、SDK v2 のモノなので使えないと思いきや、案外 string で何とかなります。
署名後のトランザクションが SignedTransaction 型で返ってきますが、問題ありません。
Azure WebAppsでのNode.jsのバージョンを上げる
Azure WebAppsにアプリケーションデプロイしてると無限に見る以下のエラー。バージョンアップ時におきました。
> 🙁 Application Error
> If you are the application administrator, you can access the diagnostic resources.> 
Node.jsのバージョンを上げたいなと思ってpackage.jsonの指定を上げたところ発生しました。
GitHub Actions経由でWebAppsにデプロイしているアプリケーションですが、GitHub Actionsでの指定では関係ないみたいですね。
## ログストームで確認
【node.js】Sequelizeによるデータベース操作
## はじめに
Sequelizeとは、TypeScriptまたはNode.jsで使用できるORM(Object-Relational Mapping)ライブラリで、簡単に言うと「**データベース(DB)を簡単に操作できるようにするライブラリ**」になります。この記事では、自分用によく使うコマンドや、その概要を説明します。
https://sequelize.org/
### 全体の流れ
| 見出し | 詳細 |
|——————————|—————————————————–|
| [インストールと初期化](#インストール・初期化) | Sequelize・データベース導入とフォルダのセットアップ |
| [DBの作成と消去 (db:create)](#DBの作成と消去) |
Lambda Node.js 16 EOL 対応とは / AWS
# Node.js よりも前に自分が EOL
気が付けば2024年になりました。
昨年は途中で気持ちが折れたものの現役ビジネスマンとして
有効期限が切れないように今年もよろしくお願いいたします。# Lambda のランタイムを探る
今更次郎さんではありますが
現在新規に作成する Node.js は v20 が初期設定になっているみたいかつて環境構築時に最新であった Node.js 16 は
気持ちに含まれる OpenSSL1.1.1 が 2023年9月11日にEOL で完了。ただやさしい AWSでは気にせずサポートを継続してくれておりました
ただ気が付けば 2024年6月12日が廃止日。
https://docs.aws.amazon.com/ja_jp/lambda/latest/dg/lambda-runtimes.ht
コストをかけずにWebサービスを公開するための構成例
## はじめに
個人でフロントエンド(react)、バックエンド(node.js)、データベース(postgreSQL)を利用したWebサービスを公開したいと考えていました。
まずはテスト的に無料で外部公開できるサービスがないか調査しましたが、2022年8月に有料化されたHerokuの記事ばかりヒットしてしました。
結果的には無料で使用できる構成があり、実際にテストプログラムを動作させることができましたので構成例として記載しておきます。
※無料なので比較的厳しい条件も含まれていたりするのでそれぞれのサービスを確認お願いします。
例えばsupabaseは数日間利用がないとインスタンスが一時停止して手動で起動させないといけないなどがあります。## 今回試したサービス
できるだけ同じサービスに集約したいと考えていましたが、実際にはフロントエンド、バックエンド、データベースはそれぞれ異なるサービスになってしまいました。
ここは無料なので仕方がなさそうです。
簡単な構成は以下の構成図のようになっています。
・フロントエンド vercel
・バックエンド render
・データベース su
GCP Cloud Data fusion機能/実装
# GCPのCloud Data Fusionの概要と機能
## 目次
1. [概要](#概要)
2. [機能/詳細](#機能詳細)
3. [まとめ](#まとめ)## 概要
GCPのCloud Data Fusionは、エンタープライズデータ統合のための完全マネージドなサービスです。データパイプラインの構築、監視、管理が簡素化されます。Cloud Data Fusionは、異種のデータソースを統合して、高度なデータ変換やトランザクションを行うことができます。## 機能/詳細
– **データ統合パイプラインの作成**: Cloud Data Fusionは、直感的なビジュアルユーザーインターフェースを提供し、データパイプラインの作成を簡単にします。ビジュアルドラッグアンドドロップエディタを使用して、異なるデータソースやトランスフォーマーションステップを組み合わせてデータフローを構築できます。– **スケーラビリティと信頼性の向上**: Cloud Data Fusionでは、自動スケーリングがサポートさ
RenderのExress.jsにReactアプリを載せる方法
# はじめに
Reactでちょっとしたものを作って公開しようとしたとき、次にどうする？を書いておきます。
①：Reactでちょっとしたものを作る（詳細は割愛）
②：Express.jsに①のアプリを載せる
③：Renderへのデプロイ## 簡単に用語の説明
### [Express.js](https://expressjs.com/ja/)
> Node.jsのための高速で、革新的な、最小限のWebフレームワーク（Express.jsのホームページより）HTTP(S)接続して何かしら返すAPIライブラリです。htmlを返すWebサーバーだけでなく、もちろんAPIとしてもOK。
### [Render](https://render.com/)
Node.jsだけでなく、Python、Docker、Goなど様々な環境をデプロイ・公開する環境。## 今回作ったもの
3次元の点群CSVを表示するツールです。表面上の機能はJavaScriptでできますが、わざわざNodeとExpressとRenderを使った版。
## なぜasdfを使うのか
直接PCにnode.jsをインストールするとバージョンを変えて開発を行いたいときに融通が効かないです。一つのPCで同時進行で複数のバージョンのnode.jsを使う場合、asdfを用いると簡単にバージョン管理できるのでかなり楽です。https://asdf-vm.com/guide/getting-started.html
## asdfを始めよう
1.依存関係をインストール
“`
brew install coreutils curl git
“`
2.asdfをインストール
“`
brew install asdf
“`
3.下記を実行ZSHの場合は
“`
echo -e “\n. $(brew –prefix asdf)/libexec/asdf.sh” >> ${ZDOTDIR:-~}/.zshrc
“`
Bashの場合は
“`
echo -e “\n. \”$(brew –prefix asdf)/libexec/asdf.sh\”” >> ~/.bashrc
↓
echo -e “\n. \”$(brew –pref
色々なプロキシサーバー設定（Windows 11対象）
今の職場では、プロキシサーバーの背後に (認証なし) いるため、**Windows Studio 2022** の **Node.js** 、**Nuget** などを使用する方法を見つける必要がありました。特に、プロジェクトで「[Tailwind CSS VS 2022 Editor Support](https://github.com/theron-wang/VS2022-Editor-Support-for-Tailwind-CSS)」拡張機能に追加されたメニュー項目から **Tailwindcss** をセットアップできますがプロキシの背後にいる場合はそのままでは機能しません。
## Node.jsのグローバルプロキシ設定
1. HTTPとHTTPSのプロキシを設定
“`
npm config set proxy http://＜プロキシサーバーのURL＞:＜ポート＞
npm config set https-proxy https://＜プロキシサーバーのURL＞:＜ポート＞
“`
2. 認証が必要の場合はHTTPとHTTPSのプロキシ
Electronのコードの内部でShell書いた時に困った出来事と対応策
皆さんこんにちは。suginokoです。
Qiitaで書くのは久しぶりな気がしてます。新年明けてまだまだ寒い日が続きますが頑張っていきましょう。
さて、今回は(も)またElectronを使ってて困ったことを解決した話です。
ElelctronのJSのコードの中にShellスクリプトを書いて実装している部分があり、挙動がElelctron独特のもの（？）で実際に起こった事例の紹介と、その解決方法について書いていきます。どなたかの役に立てれば。
※調べても出てこないので、AIに聞いたりしたけど嘘つかれるので対応するのに結構時間かかりました。（調べ方も下手なのかもしれませんが）
※また、JavaScriptで解決できるのにわざわざShellスクリプト使っているところがあります。こういった実装をし、トラブルがあったときにこんな解決方法がありますよ、という感じで見て頂ければ幸いです。（本来JavaScriptで書く方がElectronのアプリケーションに埋め込まれて隠蔽できるのでその方がいいかと思います）
## 環境
* Node v18.17.1
* Elelctron v27.
【zsh】zsh上でnode version manager が動作しない場合の対処法
nodeのプロジェクトで`yarn install`しようとした際、nodejsの20.11.0(現時点でのLTS版)を使ってくれ! というエラーが出ました。ただこれより前にnode version manager(以下nvm)を使って入れたはず… と困ってしまったので、他に困ってしまっているかもしれない方に対処法を書きました。
(本当は病み上がりなので寝ていなければなのですが、すぐに忘れてしまうので…)
# 原因 + 修正
わかってしまえば簡単なのですが、前に入れたときはbashでインストールしていたのでzshが認識できていなかったようです。
stackoverflowにて対処法が書いてありました。
https://stackoverflow.com/questions/16904658/node-version-manager-install-nvm-command-not-found
.zshrcに
“`.zshrc
source ~/.nvm/nvm.sh
“`を追加すれば自動で読み込まれるらしい。
追加する場所はどこでもいいですができる限り上が
Ubuntuデスクトップで最新版のNodeのインストール
WebではMacの記事が多いので、Ubuntu向けに書いてみています。
# 答えは [GitHubにある](https://github.com/nodesource/distributions/blob/master/README.md) ようです。
ただ、いつも調べて出てくるの方法[^1]の方が便利なので、そちらを引用してメモしておきます。
基本的には apt でインストール自体はできるんですよね。
“`shell
$ sudo apt install -y nodejs npm
“`ただ、バージョンが古いんです。(メモってないですが、今回は Node12 あたりが入りました。)
最新のNext.js（Next14）とかちゃんと動かないっぽいので最新安定版入れていきます。node自体のバー
Node.jsでAzure OpenAI Embeddings APIを利用してみる
OpenAIの埋め込み(Embeddings)をJavaScriptから使ってみます。
https://platform.openai.com/docs/guides/embeddings/what-are-embeddings
## OpenAI Embeddings API
文章をベクトル変換してくれるAPIです。
クラメソさんの記事がイメージがつかみやすいです。
https://dev.classmethod.jp/articles/search-with-openai-embeddings/
## 準備とインストール、環境など
“`bash
$ npm init -y
“`– Node.js v21
– @azure/openai: v1.0.0-beta.10
– openai: v4.24.7### Azure AI Studioでモデルを作る
GPTなどではなく、`text-embedding-ada-002`を選択します。
> を使ってAzure Open AIを使うメモ2
[先月書いた記事](https://qiita.com/n0bisuke/items/703943870d5a04fc2205)のAzure OpenAIのJavaScript SDKの仕様が変わったのかそのまま動かない状態になっていたので更新版です。
SDKのアップデートが激しくてちょっと見逃すとメソッドが消えてるとかあるのかもしれません。
## client.listChatCompletions()が動作しなくなっている?
ちょっと定かではないですがclient.listChatCompletions()のメソッドが[ドキュメントページ](https://learn.microsoft.com/ja-jp/javascript/api/%40azure/openai/openaiclient?view=azure-node-preview)に記載がなく`getChatCompletions()`になったように見えました。
## getChatCompletions利用版
Node.jsでと言いつつBunで実行しています。
### 環境
– 実行環境: Bun
node_modulesをオフラインの環境に持っていくときの備忘録
## はじめに
`npm install`や`yarn install`で簡単にモジュールのインストールができますが、インターネットにつながっていることが前提。
とある事情でインターネットに接続できない環境でNode.jsのプロジェクトを開発する機会があり、少し手間取ったので備忘録としておいておきます。## 起こった問題
インターネットに接続できる環境でNode.jsのプロジェクトを作成し、node_modulesをzip化しオフライン環境に持っていきました。
オフライン環境で展開し、さあスクリプトを実行しようとしたところエラー(Cannot find module)が発生。## 原因
`node_modules/.bin`配下のシンボリックリンクが切れてしまっていたことが原因。
スクリプト実行時にこの配下のファイルを参照して実行されるのですが、リンク先が見つからずエラーになっていたようです。`zip`コマンドを実行した際にシンボリックリンクが実ファイルに置き換わったがゆえ発生した問題。
## 対策
`zip`コマンドで`zip -r node_modules`としていた
【JavaScript】連想配列の重複排除
## はじめに
JavaScriptの連想配列を加工してみようと思い、いろいろ試してみました。そこで連想配列か配列か、どちらを使えば効率的に課題をクリアできるか考えたので、その過程をまとめます。
## 環境
Node.js（v20.11.0）## 問題
* 次のような連想配列がある“`javascript
[
{ key: ‘A’, date: ‘2023/05/01’, regiDate: ‘2023/04/25’ },
{ key: ‘B’, date: ‘2023/05/02’, regiDate: ‘2023/04/26’ },
{ key: ‘C’, date: ‘2023/05/03’, regiDate: ‘2023/04/27’ },
{ key: ‘A’, date: ‘2023/05/04’, regiDate: ‘2023/04/28’ },
{ key: ‘D’, date: ‘2023/05/05’, regiDate: ‘2023/04/29’ },
{ key: ‘B’, date: ‘2023/05/02’, re
GCP Data Catalog機能/実装
# GCPのData Catalogの概要と機能
## 目次
– [概要](#概要)
– [機能/詳細](#機能詳細)
– [まとめ](#まとめ)## 概要
GCPのData Catalogは、データの探索、検索、モデリング、データガバナンスを容易にするためのメタデータ管理サービスです。Data Catalogを使用することで、組織内のデータリソースを中央集中的に管理し、データの可視性を向上させることができます。Data Catalogは、データ資産に関連するメタデータ（データの特性や関連情報）を統合したデータカタログを提供し、以下のような機能を提供します。
## 機能/詳細
### メタデータ管理
Data Catalogは、データリソースのメタデータを一元管理します。メタデータには、データセット、テーブル、ビュー、ストアドプロシージャなどのデータリソースの情報が含まれます。メタデータは階層的に組織され、関連データリソースを簡単に見つけることができます。以下は、Data Catalogのメタデータを管理する方法の一例です。
“`java
import com.g
angular-ja(Angular日本語化プロジェクト)の主にビルド環境構築でつまづいたところ
## はじめに
仕事でAngularを使い始めて5年(AngularJSも含む)ほどになりますが、何らかの形で恩返ししたいと思い、ドキュメントの日本語化プロジェクトであるangular-jaに入れてもらうことになりました。先程初のプルリクエストを投げて、レビューの結果待ちです。
さて、プルリクエストを投げるまでに、色々とつまづいたところがありました。
コントリビューター向けのドキュメントとしては
https://github.com/angular/angular-ja/blob/main/CONTRIBUTING.md
があるのですが、これだけだと分からない点も色々ありましたので、備忘録として残しておきます。ちなみに筆者はGitHub初心者だということも断っておきます。## ブランチではなくフォークを用いる
このプロジェクトで作業する際は、翻訳案件用のブランチを作成するのではなく、
GitHub上でリポジトリをフォークして、そこからクローンして、作業を行います。
恐らくですが、issueで案件単位で管理しているので、ブランチを使わなくても修正箇所を把握でき、同じファイルを編集す
