GoogleアナリティクスのAPIをNode.jsから触る
こんばんわ、この記事は岩手県立大学アドベントカレンダー12日目の記事です。 先日Node-RED向けにGoogle Analyticsのノードを自作した記事を書きました。 この中で使ってる元の実装の紹介をしてみます。 Google Analyticsのバージョン - GA4 Google Analytics Data API (GA4)のデモを触っていくのですが、Google...
View ArticleAWS DevOps - AWS X-Rayによる分散トレーシング その3 (Node.js編)
はじめに 本連載は以下の3部で構成されています。 AWS X-Rayによる分散トレーシング その1 (概要編) AWS X-Rayによる分散トレーシング その2 (Java編) AWS X-Rayによる分散トレーシング その3 (Node.js編) ←今回 X-Rayの基本から学びたいという方はまずその1, その2を参照下さい。...
View ArticleNode.jsをアップデートしてみる(備忘録)
問題 UdemyでRubyonRailsの学習を始めようと思ったら、 まずはMacで動いているNode開発環境を最新状態にする必要があるとのこと。 Homebrew Homebrewの最新バージョンはこちらから確認できます↓ https://github.com/Homebrew/brew/releases 2021/12/13時点でのHomebrewの最新バージョンは3.3.7...
View Articleanyenv 経由で nodenv を導入した環境で新しい node.js を使う
はじめに 上記記事に体変お世話になりました。 (当記事では新しい node.js の利用にフォーカス) また、公式docはこちら 前提 any env 経由で nodenv が入っている nodenv install -l しても、欲しい最新の node.js のバージョンが出てこない 手順 anyenv-update の plugin を入れてアップデート mkdir -p $(anyenv...
View ArticleWebStorm の設定確認事項
nodenv 利用時の IDE からの npm script の実行 IDE から npm script の実行すると以下の様な package manager が以見つからない旨のエラーがでます。 Error running 'lint': Specify a valid package manager: cannot find a binary file inside...
View Article【Nodejs】ストリーム(stream)に念入りに気合を込めて正拳突きを繰り返しながら説明していく
ストリームとは ストリームとは、大きいデータを少量に分けてちょっとずつデータを運ぶ概念のことです。 英語でstreamは「流れや川」を表します。 小さいデータが連続的に流れる様子が川のようなのでstreamというのですね。 streamには、大きく分けて2つの役割があります。 データを読み込む (write) データを書き込む (read)...
View ArticleElectronとNode.jsの制約に苦しめられた話
注意事項 Electron初心者なので、間違った情報があるかもしれません。 タスクに追われてるので文章がちゃんとしていない可能性があります。 コードを引っ張り出してくるのが面倒だったので、コードは1行もありません! ご了承ください。 バージョン情報 詳しくは覚えていないのでメジャーバージョンのみ Node.js v16.x Electron v15.x 経緯 Electronを採用した理由...
View Article【OAuth 2.0】PKCE+State対応の認可コードグラントについてまとめてみた
3年目エンジニアが12月の書き入れ時に夜な夜ながんばってOAuth2.0についてまとめてみました。 実装例のところはNode.js想定です。 目次 1. 認可コードグラントとは 2. stateとは 3. pkceとは 4. 想定するユースケース 5. 全体の認証フロー 認可コードグラントとは OAuth 2.0の主要な認証フローの一つで、最もよく使われているフローです。...
View Article[npm]npm run prodに失敗する
はじめに 現在、Web系自社開発企業への転職を目標にポートフォリオを作成中。 Dockerを活用してLEMP環境を構築し、Laravel+VuejsでWebアプリケーションの開発を行っております。 今回は、npm run prodでJavaScriptのトランスパイルを実行するまでの流れを記録として残します。 目次 やりたいこと トランスパイル実行したときに発生したエラー 調査 原因 解決策...
View Articleかいはつ小話「モックをくださいな」
この記事は 株式会社サイバー・バズ Advent calendar 2021 15日目の記事です。 むかし、むかしあるところに... フロントエンドおばあさんとバックエンドおじいさんがおりました。 今回の開発は郵便番号でリクエストを投げると、住所が返ってくるというものです。 おばあさん「フロントのフォーム部分の実装終わりましたよ...」...
View ArticleNode.js 複数インポート、エクスポートする方法
Node.jsの学習の備忘録と振り返りの記事です。 何かの参考になれば幸いです。 付け足しや訂正などある場合ご教授いただけると 大変嬉しく思います！！ 複数インポート、エクスポートする方法 const name = "yuka"; const add = function (a,b){ return a + b } module.export = { //定義名:値, name:name,...
View ArticleAmplify+React+Node.jsを使ってWebSocket通信の簡単なチャットアプリを作ってみる
こんにちは。 CYBIRD Advent Calendar 2021 15日目担当の @utamakura です。 14日目は @cy-n_ao さんによる「Heroku＆Phaserでかんたん環境構築」でした。 Heroku、お手軽に環境構築できていいですね！...
View ArticleSlackで人狼がしたいねん
こんにちは。 初めてのAdvent Calendarの参加です。 記事中のコード内には独自のメソッドやクラスがありますが、いちいち説明してません。 気になる方はコメントください。 はじめに /* 読み飛ばしてもなんの問題もありません。 */ 2020年、リモートワークが始まり、慣れてきた2021年のこと。 ふと思いました。 人狼がやりたい。...
View Articlenvm-windowsでNode.jsの環境構築
任意のバージョンを使用したい場合に対応出来るようnvm-windowsを使用するための手順メモ。 nvm-windowsインストール nvm-setup.zipをDLしてインストールする https://github.com/coreybutler/nvm-windows/releases 利用できるバージョンの確認 > nvm list available | CURRENT | LTS |...
View Articlefnmに切り替えたらVSCodeのF5実行できなくなった
背景 こちらの記事を読ませていただいて、Windowsにてfnmを導入しました。 すると、VSCodeでF5によるJSファイル実行ができなくなってしまいました。 今後も毎回必要になりそうなので、解決策を自分の備忘録のために書いておこう、という記事です。 解決策 launch.jsonの設定を下記のようにする launch.json { // Use IntelliSense to learn...
View ArticleESP32をAlexaでLチカする(1)：これから作るものと環境セットアップ
ESP32をAlexaでLチカします。 ESP32をAlexaのスマートホーム化することで、声で操作もできますし、AndroidやiPhoneアプリにインストールしたAlexaアプリでも、ESP32や周辺デバイスを操作したり状態を確認することができるようになります。 以下のことができるようにします。 ・ESP32に接続したENVユニットで、温度を取得して表示します。...
View ArticleAlexaスキル開発でGoogleカレンダーAPIと連携してみた
この記事は ZOZO #1 Advent Calendar 2021 16日目の記事になります。 はじめに Alexaスキル開発にはアカウントリンクと呼ばれる機能があり、GoogleやAmazon、GitHubなどが提供する外部サービスとOAuth認証を使って連携することができます。...
View ArticleSAP BTPのCloud FoundryにGithub Actionsを使って自動デプロイする
本記事はGitHub Actions Advent Calendar 2021の12日目の記事です。 前回の記事で作ったSAP BTP のCloud Foundry環境にデプロイしたアプリをGitHubに保存して自動でBTP環境にデプロイ出来るようにします。 前提条件 以下のブログと同じことをしていること GitHubActions みんな大好きGitHubのワークフロー機能です。...
View ArticleNode.js + TypeScript で gRPCに入門する [前編: gRPCとは]
自ブログからの転載です [出典: https://cncf-branding.netlify.app/projects/grpc/] 概要...
View ArticleWi-Fi接続先アクセスポイントのMACアドレスをcurlでAPIサーバーに送信する
はじめに 事務所をフリーアドレス化した際に有線LANからWi-Fiの無線LANに移行しました。 100人規模の事務所ですが、誰がどこにいるのか探すのが面倒なので、PCがどのアクセスポイントに繋がっているかで大まかな座席位置がわかるシステムを構築しました。 仕様 Windows10の netsh...
View Article