sass-loader11.xはwebpack4以下では動かなくなった
GitHubに置いてあるVueのアプリケーション。先日、いつものようにdependabotが送り付けてくるプルリクエストを雑にマージしていると、突然CodePipelineからビルド失敗の通知が飛んできました。ログ曰く> flowerstand-frontend@1.0.2 build:prod /codebuild/output/src984942440/src/frontend/app...
View ArticleExpressで一体何が行われているのか？
expressを使い始めて一体バックエンドで行われているのか不思議に思ったので調べてみました。そもそも、httpリクエストやhttpレスポンスが何なのかを理解しなくてもアプリを作成出来ればよいはずなんだけど、理解しないと複雑なルーティングやリクエストやレスポンスを引き継いだり受け渡したりしないと作り上げられないという現実にぶち当たる・・・ので避けては通れないし、避け続けているとスキルアップしない、モ...
View Article[メモ] eslint-config-prettierのv8.0.0以降でextendsの設定の仕方が変わっていた
概要タイトルの通り、eslint-config-prettierのv8.0.0以降でextendsの設定の仕方が変わっていた。結果、 prettier/react、 prettier/@typescript-eslint等のプラグインを指定しなくても全て prettierに含まれるようになったらしい。ソース： Prettier > Installationinformation_source...
View ArticleNode.jsからSlackへのレスポンス際に「あなただけに表示されています」と表示されるのを、どうにかしたい
はじめにSlackのslash commandのリクエストに対して、普通にレスポンスを返すと「あなただけに表示されています」という状態で投稿されます他の人に投稿した内容が見えるようにする方法を簡単にまとめます。「あなただけに表示されています」を解消する方法レスポンス内でresponse_type: 'in_channel'を指定します。...
View ArticleClik here to view.
Slackへ勤怠連絡を入力するAlexaスキルを作ってみた
概要弊社は出勤や休憩などの勤怠連絡をSlackのチャンネルへのメッセージ送信で行っています毎日何度も行うことなので手入力は結構面倒ですそこで、最近我が家にやってきたAmazon Echo Showに話しかけて勤怠連絡を行えるAlexaスキルを作りました！ちなみに、Echo...
View ArticleFirestore: Reference型をJSONにするときの挙動を変える
前置き例えば以下のようなデータをFunctionsでFirestoreのドキュメントusers/12345に入れたとする．{"display_name":String,..."userDetail":Reference}Functionsでこのデータを取ってきてJSONでクライアントに返すAPIを作る(error()とかsuccess()は別で作ってあるって言う体で...)．app.get("/us...
View ArticleClik here to view.
VSCodeでnodeメソッドの補完が効いてない問題 （デフォルトの設定のままでは補完候補が出ない）
解決方法型情報も入れましょうtypesyncで自動的に解決！環境Windows10 VSCode v1.54.3 node...
View ArticleWindows10環境下でElectronのsqlite3をインストール
Electronのsqlite3をインストールで躓くElectronのsqlite3のインストールでつまづきました。ほとんどMACやLinuxで書かれた解決方法が多かったので泣きそうになりました。自分の備忘録として残しておきます。解決法はこちら手順２まではElectronではじめるデスクトップアプリケーション開発を参考にさせていただきました。その前にnode-gypのインストールで躓いている場合はこ...
View ArticleClik here to view.
Node.jsのCLIでローディングを実装する
はじめにとある情報をエクスポートするプログラムを作成していた時に、情報量が多くエクスポートに時間が少しかかるとプログラムが動作しているのかどうか不安になるときがありました。そんなとき、よく見る、ローディング表示をすれば動作しているのかハングしてしまっているのかがわかるので、実装したいと思いました。環境Node v10.16.3Typescript 4.0.2npm 6.14.9git version...
View ArticleClik here to view.
Azure Communication Services ことはじめ (3) : Microsoft Teams 会議に音声参加ができるまで
Azure Communication Services (以下 ACS) は、リアルタイム コミュニケーション基盤となるサービスで、テキスト | 音声 | ビデオ によるコミュニケーションのハブとなり、接続やコントロールを行うアプリやサービスを SDK などを用いて容易に開発できます。今回は、2021 年 3 月 から ACS に追加された Microsoft Teams...
View ArticleNode.jsのStreamを使ってみる
はじめにNode.jsを使っていて，Streamに触れる機会が多々あったため，改めて調べてみました。この記事はその備忘録になります。StreamとはNode.jsに存在しているオブジェクトの一つで，ストリーミングデータを扱うためのオブジェクト。（公式ドキュメント）Streamを用いることで，下記のようなメリットがあります。非同期処理であるため，他の処理と並行して実行することができる。データを一括で処...
View ArticleExpressが久しぶりで、忘れたときに見るやつ
「Express久しぶりに使うな〜、あれ?」「どう書くのか忘れたー!」というときに見るものです環境を作るディレクトリを作って、ターミナルでそこに移動して npmを初期化しますnpm init -y次にExpressをインストールしますnpm install--save express これで起動できますnode...
View ArticleClik here to view.
Node.jsライブラリのPuppeteerでスクショしてみた
業務でNode.jsライブラリのPuppeteerが中心的な役割の部分を触っているのでその学習の為に導入して動かしてみようと思いました。Puppeteerとは？公式サイト：https://pptr.dev/パペティアと読みます。Node.jsライブラリで、Google製。...
View ArticleRuby on Railsの環境が整うDockerfile
安易。 MariaDBとかは他コンテナで建てるものとします。DockerfileFROM node:lts-slim AS nodeFROM ruby:3COPY --from=node /opt/ /opt/COPY --from=node /usr/local/lib/ /usr/local/lib/COPY --from=node /usr/local/bin/...
View Article【AWS S3とNode.jsを連携して画像を持ってくる】
AWS S3のオリジン間リソース共有 (CORS) サポートを利用して、直接Node.jsでfileをダウンロードしてみたのでその時のやり方を載せておく。この記事では、IAMの利用から、S3にある画像をnode.jsで取得できるようにする流れがわかってもらえればいいなという感じです。【AWS側の設定】１，S3にのみアクセスできるIAMグループを作る今回は、AccessToS3OnlyGroup...
View Article【Laravel8】npm run dev sh: mix: command not found
経緯laravelでsassを使うためにnpmをいじっている際にエラーに遭遇しました。環境Laravel Framework 8.34.0エラーの内容以下がエラーの内容です。（抜粋）$ npm run dev > @ dev /folder/foo > npm run development > @ development /folder/foo > mix sh: mix:...
View ArticleDocker上のNode.jsサーバーにcurlしたらConnection reset by peerが返ってくる
VirtualBoxでUbuntuを立ててその中でDockerコンテナを使っていて嵌ったので備忘録として書いておく。結論Docker上のNode.jsサーバーのhostを0.0.0.0に変更host-machine$docker exec-it node-container_1 bash bash-5.0$cd /path/to/project/ bash-5.0$gatsby develop...
View ArticleSwagger(node.js)でCannot find Module swagger_routerが出たときの対処
エラー(全文)Error: Cannot find module 'C:\path\api\fittings\swagger_router' Require stack: - C:\path\node_modules\bagpipes\lib\fittingTypes\user.js - C:\path\node_modules\bagpipes\lib\bagpipes.js -...
View ArticleClik here to view.
receiptline でレシートプリンター型日めくりカレンダーを作ってみた
さあみなさん、買わなくていいのでちょっと見ていってください。本日ご紹介する商品は、こちらの日めくりカレンダーです。どうですこのボディー。レシートプリンターそっくりでしょう？実はカレンダーを毎朝6時30分に印刷する優れものなんです！もちろん時刻はお好みに合わせて変更することができます。カレンダーをめくるのに失敗してがっかりしたことありますよね？この商品があれば再印刷できるので何度でもやり直しができます...
View Article