- 1. 浦島太郎の為のJavaScript周り整理メモ
- 2. Node.jsとMessaging APIでプッシュメッセージを送ろう
- 3. Voltaを使用していることによるNodeのバージョン変更ができない時の対処法について
- 4. Disocrd.js 主要権限名
- 5. 【M3 Mac】 HomebrewとNode・npmの導入
- 6. Node.jsでGoogleスプレッドシートを手軽に読み取る
- 7. node.jsのREPLで深いobjectを全部表示する
- 8. 【Webアプリ開発】23卒、新卒1年目にやれたこと
- 9. Prismaでリレーションされたレコードの有無を条件にデータ抽出したい場合の解決策
- 10. 生成AIでシステムを作成してみよう! 1回目
- 11. nvmのインストール方法、使用方法、アンインストール方法
- 12. connect-flashのメッセージが消える
- 13. 大学1回生がソリューションエンジニアとして働いてわかったこと
- 14. Node.jsを使った定期的なファイル同期の構築手順
- 15. Node.jsとMessagingAPIでLINEの応答ボットを作る
- 16. 【API Gateway】IPアドレスによるアクセス制限を実装・設定する方法
- 17. Webフレームワークを集めたDockerComposeを作ってみた
- 18. 色々と asdf に移行してみる 2024年3月
- 19. JS/TSでvarは何で嫌われてるの? 【JavaScript Node.js TypeScript 初心者プログラマー】
- 20. 【Amazon Cognito】ログイン失敗とロックアウトを見分ける方法
浦島太郎の為のJavaScript周り整理メモ
## はじめに
ちょこちょこJavaScript周りは追っていたが、変化が目まぐるしく追いつけていなかった。
業務で使うに当たり、ざっくり把握し直したのでメモ。## 言語周り
### 標準仕様: 実装状況はブラウザなど実行環境に依る
– CommonJS: requireで読み込むやつ
– ECMAScript: importで読み込むやつ。こっちが標準になっていく### 型付け
– TypeScript: 結局JSに変換して実装するので後付けという立ち位置## 実行環境周り
### エンジン
– V8: Node.jsやChromeで使われている
– JavaScriptCore: WebkitなどAppleで使われている?### ランタイム
– Node.js
– Deno: npmの反省から生まれる。パッケージ管理機能込み。Rust製
– Bun: 早い。Node.jsの置き換えを狙う。Zig製### パッケージマネージャー: どれか一つを選ぶ。bundler的なやつ
– npm (+ npx): 大きなプロジェクトなどだと遅さが問題になる?
– yar
Node.jsとMessaging APIでプッシュメッセージを送ろう
## はじめに
[前回](https://qiita.com/course_k/items/85bf9cfab971cb5b97ee)に引き続き、MessagingAPIの練習です。
今回はボット側から任意のタイミングでメッセージを送ることができるプッシュメッセージに挑戦します。Node.jsとMessaging API、そしてボットのサーバーとしてRenderを使用します。
構築手順については[前回](https://qiita.com/course_k/items/85bf9cfab971cb5b97ee)の記事を参考にしてください。また、本記事は以下のソースコードをベースにし、以降で紹介する処理を追加していくことで実装を進めます。
ソースコードを確認する
“`javascript:app.js
// モジュールのインポート
const https = require(“https”);
const express = require(“express”);
const fs = require(“fs”);/
Voltaを使用していることによるNodeのバージョン変更ができない時の対処法について
## Nodeのバージョン変更ができない時の対処法について
今回Nodeを指定してインストールしたが、バージョンが変わらず沼りかけたので記事にしました。
“Node バージョン 変わらない” などで検索してみたものの、どの記事の内容を実行しても状況が変わりませんでした。
原因は”Volta”を使用していたことにあります。
その経験を元に対処法を共有できればともいます。注:
“Volta”については個人で調べてください。
“Volta”を使用しているということはプロジェクトでバージョンを統一している可能性があります。
ですので、プロジェクトに影響がないか等の影響範囲を確認した上でバージョンの変更をするように。まずNodeを指定してダウンロードしたのに変わらない場合、まずは下記コマンドを実行してください。
“node”コマンドの実行可能ファイルがどの場所にあるかが表示されます。
“`.ターミナル$ which node
“`
確認できたらそのファイルに移動し”node -v”を実行すると変更前のバージョンが出てくるはずです。
出たきたら下記コマンドでnodeをイ
Disocrd.js 主要権限名
# Discord.js v14のメンバーの主要権限名
d.jsで、メンバーが所持している権限の確認するなどの際に使用する権限名を書いていきますが、すべての権限を書いているわけではありません。:::note warn
Disocrd.js v14で動作します。その他のバージョンでは動作はしない可能性があります。
:::
##
### サーバーでの権限
– ADMINISTRATOR: サーバー全権限(管理者)
– KICK_MEMBERS: メンバーのキック権限
– BAN_MEMBERS: メンバーのBAN権限
– CREATE_INSTANT_INVITE: 招待リンクの作成権限### テキストチャンネルでの権限
– VIEW_CHANNEL: チャンネルの閲覧権限
– SEND_MESSAGES: メッセージの送信権限
– MANAGE_MESSAGES: メッセージの管理権限
– MENTION_EVERYONE: everyoneメンションの送信権限### ボイスチャンネルでの権限
– CONNECT: ボイスチャンネルへの接続権限
– SPEAK: ボイスチャ
【M3 Mac】 HomebrewとNode・npmの導入
![Homebrew.jpeg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3755200/f4593013-5b47-c816-bd2b-0b99dfcf9723.jpeg)
# HomebrewとNode・npmの導入
Node・npmはともかく、Homebrew導入で途中エラったので備忘録
環境はM3 MacBookAir# Homebrewの導入
## 1. インストールするディレクトリに移動
以下のコマンドを実行し、`/Users/{user-name}`ディレクトリへ移動**{user-name}は環境によって異なる。**
“`shell:実行内容
cd ~
“`
:::note info
Macの純正ターミナルは初期ディレクトリがここ
どこにインストールするかは個人が任意に設定(あくまで自分はここ)
:::## 2. Homebrewをインストール
以下のコードをコピーするか、公式サイトからコピーして実行
“`shell:実行内容
/bin/bash -c “$(curl
Node.jsでGoogleスプレッドシートを手軽に読み取る
## はじめに
Node.jsでGoogleスプレッドシートを読み書きするためには、公式のnpmとして[googleapis](https://www.npmjs.com/package/googleapis)が提供されており非常に便利ですが、より少ないコード量で手軽に様々な機能を扱うためのラッパーである[google-api-tool-box](https://www.npmjs.com/package/@genta-mz/google-api-tool-box)を公開したので、使い方を解説します。## インストール
Node.jsのプロジェクトを作成し、`@genta-mz/google-api-tool-box` をインストールしてください。
“`shell
$ npm i @genta-mz/google-api-tool-box
“`
https://www.npmjs.com/package/@genta-mz/google-api-tool-box## GoogleAPIでアクセスするための認証情報をセットアップする
一番簡単なのはGCPプロジェクトの
node.jsのREPLで深いobjectを全部表示する
“`
> repl.writer.options.depth = null
“`例
“`
> {1: {1: {1: {1: {1: 1}}}}}
{ ‘1’: { ‘1’: { ‘1’: [Object] } } }
> repl.writer.options.depth = null
null
> {1: {1: {1: {1: {1: 1}}}}}
{
‘1’: {
‘1’: { ‘1’: { ‘1’: { ‘1’: 1 } } }
}
}
“``repl.writer.options` に `util.inspect` の第二引数を設定できるようだ。
https://github.com/nodejs/help/issues/1490
【Webアプリ開発】23卒、新卒1年目にやれたこと
Hello, everyone. どうも、新卒1年目エンジニアでした。
年度が変わります。せっかくの機会なので、今年度(2023年度)やったことを振り返ります。
# 筆者の略歴
– 大学時代(2019.4~2023.3)
– 情報系の学部を卒業(23卒)
– 授業で一通りのコンピュータサイエンスは知っている状態
– RISC-V OSを実験で作って、セマフォ使って並列処理動かしたのが思い出
– 教育データをAIでこねこねして、最終的にXAI(Explainable AI)の話につなげた卒業研究
– Pythonいっぱいやった
– 就職(2023.4~)
– 某事業会社の開発部門に配属
– 上流から下流までしっかりやる
– Webアプリ作ることが多い# やったこといろいろ
## 1. Webエンジニアの超基礎研修
社内での研修期間を存分に利用して、Webエンジニアとして育ちました。そもそも、まともにWebアプリを作ったことすらなかった筆者だったので、すべてを本当に基礎から学びました。
###
Prismaでリレーションされたレコードの有無を条件にデータ抽出したい場合の解決策
## Prismaとは
Prismaとは型安全なデータアクセスを提供するTypeScriptベースのORMです。
https://www.prisma.io/## やりたかったこと
以下のER図ようなテーブル構成があり、**「タグAが紐づいている」**、または **「全く紐づけがない」** アイテムを抽出する必要がありました。![1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2221418/9165e0f0-8ee1-09c0-153b-1976591735df.png)
**「タグID Aが紐づいている」** という条件はsomeを使用することで実現できます。
“`js
where: {
{
tagsOnItems: {
some: {
tagId: ‘A’
}
}
},
}
“`しかし **「全く紐づけがない」** という条件が問題でした。
Pr
生成AIでシステムを作成してみよう! 1回目
## はじめに
Qiita初投稿になります。
今後生成AIが仕事のサポートしていくということで生成AIの学習とやってみたこととそこから学んだコツを共有していきます。
学習中の内容な為、間違いがあると思いますが寛容な心で指摘していただけるとありがたいです。
また、いろいろな方のご意見を聞きたいため、よろしければ記事の感想などをいただけるとありがたいです。
こちらの学習で行うことは生成AIを使用して企画書・要件定義・基本設計・詳細設計・プログラミング・テスト・環境作成 等をやっていきます。
使用予定のツール言語は以下の通りです。
・ChatGPT 3.5
・Github Copilot
・node.js
・javascript## 本日の内容
企画書の作成
(所要時間10分ぐらい)## やったこと
まず本日の内容をやっていくにあたってあまりマーケティング、営業の経験がないのがとても問題、、、、
どうやればいいんだと最初から挫折していましたが、まあやってみるかとChatGPTにて新しいチャットを開いていきました。とりあえず、細かい企画はわからないので日本でとても有名なノーコード/
nvmのインストール方法、使用方法、アンインストール方法
nvmのインストール方法、使用方法、アンインストール方法をまとめました!
https://magicgifted.com/nvm/
connect-flashのメッセージが消える
Express3系でFlashメッセージを表示する為、connect-flashというパッケージを追加して、(勝手に)罠にハマったので共有しておきます。
https://www.npmjs.com/package/connect-flash
サンプルコードを見ながら、下記のようなコードを書いて動作チェックしました。
“` app.js
app.get(‘/flash’, function(req, res){
req.flash(‘info’, ‘Flash is back!’)
res.redirect(‘/’);
});app.get(‘/’, function(req, res){
console.log(req.flash(‘info’)); // デバッグ用にメッセージを仕込んだ
res.render(‘index’, { messages: req.flash(‘info’) });
});
“`“` index.ejs
<% if (messages){ %><%= messages %>
<% } %>
“`
大学1回生がソリューションエンジニアとして働いてわかったこと
# はじめに
こんにちは、学生エンジニアのMasamichiです。最近大阪に引っ越したのですがあまりのアクセスの良さにびっくりしてます。ただ車を運転したいなとは思わなくなりました()今回は、2023年11月〜2024年2月まで株式会社プレイドにてエンジニアインターンに参加してきたので、その体験記を書いてみました。
# インターンについて
## ポジション
僕が今回ついたポジションは[カスタマーエンジニア](https://www.wantedly.com/projects/1418410)という職種です。
※僕はこの部署の中で特にソリューションエンジニアという配役だったので、今回はソリューションエンジニアという職業について言及しています。## 仕事内容
社内では自社SaaSである「KARTE」の**ソリューション開発をする**という仕事をしました。具体的には、導入企業からご意見をいただいたり社内で新たな使い方を検証したい機能を、設計・実装・発信するという一貫したプロセスを体験できました。以下に自分が実装したソリューションの一覧を載せておきます。https://soluti
Node.jsを使った定期的なファイル同期の構築手順
# node-cronを使ったフォルダ同期の環境構築
Node.jsとnode-cronパッケージ、rsyncユーティリティを使用して、指定のフォルダ間で15秒ごとにファイルを同期する環境を構築します。
## 前提条件
– Node.jsがインストールされていること
– node-cronパッケージがインストールされていること
– rsyncユーティリティがインストールされていること
– 対象のフォルダ(/bitnami/wordpress/wp-content/uploads/ と /home/bitnami/Dropbox/wp-uploads/)が存在していること## 手順
### 1. Node.jsとnpmのインストール
Node.jsの最新版をインストールします。
“`bash
curl -sL https://deb.nodesource.com/setup_current.x | sudo -E bash –
sudo apt-get install -y nodejs
“`node-cronパッケージをインストールします。
“`bash
n
Node.jsとMessagingAPIでLINEの応答ボットを作る
## はじめに
業務でLINEのMessagingAPIを使ったサービスの開発をすることになりました。
練習のためLINEの応答ボットを作ってみたので、その手順を説明します。
なお、本記事は以下2点が前提となっています。
* JavaScript、Node.jsの知識があること
* GitHubのアカウントを持っていること## LINE関連の設定
### LINE Business IDの作成
Messaging APIの機能を使用するためにはLINE Business IDが必要です。
以下のURLにアクセスします。
https://manager.line.biz/「アカウントを作成」をクリックします。
「メールアドレスで登録」を押下します。
Node.jsExpressrenderlinebotMessagingAPI【API Gateway】IPアドレスによるアクセス制限を実装・設定する方法
API Gatewayで実装したAPIにおいてIPアドレスによるアクセス制限をする必要が出てきたため、その方法を調査・実装した。
# 結論
API GatewayのLambdaタイプオーソライザーを作成し、特定のIPアドレスにのみ認可を与えることでアクセス制限をかけることができる。# 実装内容
まず、オーソライザーの本体となるLamnda関数を実装する。“`javascript
exports.handler = async (event) => {
if(event.authorizationToken){
// X-forwarded-forの内容がトークンに設定されるので、
// カンマで区切りで取得したIPアドレスの一番最初の要素がアクセス元のIPアドレスになる
ip = event.authorizationToken.split(‘,’)[0].trim();
}
else{
return generatePolicy(‘user’, ‘Deny’, event.method
Webフレームワークを集めたDockerComposeを作ってみた
# 今回作成したリポジトリ
https://github.com/perilla0/web_frameworks_template
# はじめに
これまで、フレームワークごとにテンプレリポジトリを作っていたのですが、プロジェクトの切り替えが面倒だったり、DockerComposeごとにNginxやDBサーバーを定義したり、Githubリポジトリが増えすぎたりと不都合を感じておりました。
なので、バックエンド、フロントエンドのフレームワークをまとめたDockerComposeを作成することにしました。
今後のWebフレームワーク追加や削除がしやすいように、構成に少し工夫も加えました。今後は、Webフレームワークを追加したいときは、今回作成したテンプレリポジトリに追加していくことにします。
本テンプレリポジトリは、あくまでWebフレームワークのインストールから初期画面の表示までの簡素化を目的としております。
# DockerComposeに含まれるサービス
READMEに詳細がありますが、本記事でも簡単に説明させて頂きます。
## バックエンド
– Laravel(PH
色々と asdf に移行してみる 2024年3月
# asdf とは
asdf-vm/asdf-plugins: Convenience shortname repository for asdf community plugins
https://github.com/asdf-vm/asdf-plugins# 色々とasdfに移行しようと思ったわけ
主な動機は2つ
* これまで、 rubyenvやらpipenvやらSDKMANやらasdfやら色々と使っては移行して、いい加減しんどいので asdf に寄せようと思った。
* そろそろメインマシンに性能不足を感じているので新マシン購入に備えての準備。(動機大事)# 今回 asdf で管理する対象としたもの
* deno
* helm
* kind
* kubectl
* kubeval
* kustomize
* minikube
* nodejs# 所感
プラグイン数が凄いことになっていてちょっと感動した。もう asdf だけで生きていければ嬉しいなぁ…
asdf-vm/asdf-plugins: Convenience shortname re
JS/TSでvarは何で嫌われてるの? 【JavaScript Node.js TypeScript 初心者プログラマー】
## 最初に
今回は**初心者向け**に何故varが嫌われているのか書いてみました。
誤字脱字等ありましたら、優しく教えていただけると幸いです。# なんでvarって嫌われてるの?
そもそもconst let varの違いを理解していますか?
一旦それぞれの特徴について、もう一度まとめてみましょう| 宣言方法 | 再宣言 | 再代入 |
|:——– |:——|:——-|
|const | 不可 | 不可 |
| let | 不可 | 可能 |
| var | 可能 | 可能 |これをふまえた上で嫌われている理由をまとめていきます。
### 1: 再宣言が可能
初心者の方は再宣言可能の何がいけないのか?と思いますよね?再宣言はプログラムが長くなればなるほど、面倒な仕様になっていきます。“`js
var hello = “hello world”var hello = “hey”
console.log(hello)
// console: hey
“`
このくらいの行数ならhelloが再宣言されているのでログ出力時にはhello wo
【Amazon Cognito】ログイン失敗とロックアウトを見分ける方法
Amazon Cognito のユーザー認証機能を使ってログイン機能を実装しているシステムで、連続で複数回ログインに失敗するとロックアウトが発生するが、単にログインに失敗しているだけなのか、ロックアウトが発生しているかが見分けがつかなかった。
そこで、今回はロックアウトを見分ける方法について調査結果を共有します。
# 結論
ログインに失敗した場合も、ロックアウトによる失敗もNotAuthorizedExceptionが発生するが、メッセージに違いがあるため、それを参照することで見分けることができる。ログイン失敗の場合
“`
Incorrect username or password.
“`ロックアウトによる失敗の場合
“`
Password attempts exceeded
“`# 調査と検証
Cognitoでのイベント履歴はCloudTrailで確認することができる。
CloudTrail > イベント履歴でイベント名「InitiateAuth」でフィルタリングするとわかりやすい。
![スクリーンショット 2024-03-23 12.30.16.png](