【Node.js, TypeScript】LINE MessagingAPIで作った天気予報アプリをAWS SAMを使ってデプロイしてみる！
先日、Node.jsとTypeScriptで天気予報アプリを作成しました。 完成形としては以下の通りです。 この記事内では、Glitchでデプロイをしています。 まぁ無料なわけで色々問題があります。 ・プロジェクトは、利用されていないときは5分でスリープ状態になる ・4000件/1hのリクエスト制限がある(Error: 429 too many requests)...
View Articlejestでfirebase-adminのauth().verifyIdToken()をモックする
環境 TypeScript, Node(Hapi) コード import admin from "firebase-admin"; const decoded = adimn.auth().verifyIdToken(token); このverifyIdToken(token)で返すデータをJestでモックしたかった。 テスト test.ts let spy: jest.SpyInstance;...
View Articlewebpack4->webpack5で「Module not found: Error: Can't resolve...
最近、webpack ver.4 -> ver.5 にアプデした途端に、ビルドエラーが起きるようになったが、 原因がわかりにくかったのでメモ書き 背景 webpack4でWeb開発していましたが、 yarn audit で webpack4の脆弱性警告発生 脆弱性対応のためにwebpack4->webpack5 にアプデすることになった 問題 webpack のメジャーバージョンアップ...
View Article【AWS Lambda×LINE Messaging API】AWS SAMで翻訳アプリを作ろう
はじめに 皆さん、Lambdaをご存知でしょうか？ Lambdaはサーバーレスアーキテクチャを実現する上で根幹となるサービスです。 サーバーレスアーキテクチャとは AWSにおけるサーバーレスとは、「インスタンスベースの仮想サーバー（EC2など）を使わずにアプリケーションを開発するアーキテクチャ」を指します。 一般にシステムの運用には、プログラムを動かすためのサーバーが必要です。...
View Articlenpx gulp watchでError: Node Sass does not yet support your current...
npx gulp watchを実行すると $ npx gulp watch Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (93) For more information on which environments are supported...
View Articlenpx gulp watchでError: Node Sass does not yet support your current...
npx gulp watchを実行すると $ npx gulp watch Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (93) For more information on which environments are supported...
View Article【Angular11】Cannot find namespace 'NodeJS'. にハマった話
環境 Angular CLI: 11.0.4 Node: 10.13.0 TypeScript: 2.9.2 やろうとしてたこと setInterval を使ったタイマを作成し、タイマーを止めるために返り値のNodeJS.Timeout 型のプロパティで保持しようとしていました。ただ、この型宣言で、「NodeJSっていう名前空間が見つからんよ！」って怒られちゃいました。...
View ArticleWebpack5 + ESLint7 + Babel7環境構築【ES2021->ES5】
目標 Webpack、ESLint、Babelの環境を作成し、 ES2021で書いたスクリプトをESLintで構文チェックをかける。 構文チェックで問題がなければ、BabelでES5にJSファイルを変換し、１つのJSファイルを出力する。 構文チェックで問題があれば、ファイルを出力せず、エラーを出力する。 ES5に変換する理由 ・下記ブラウザ上でJSが動作する様にしたいので。 ・対象ブラウザ...
View Articleパッケージマネージャー、モジュールバンドラー、トランスパイラ復習
パッケージマネージャー ・ファイル同士の依存関係を自動的に解決してくれる。 ・import先が明示的にわかる import { hoge } from './fuga' ・世界中で公開されているパッケージをコマンド一つで利用可能にする。 代表的なものとしてnpm,yarnなどがある。...
View Article俺流AWS Lambdaデプロイ+IaCのベストプラクティスを考える
概要 Lambdaをコード管理したいのですが、Lambdaのベストプラクティス で良い感じのものがないと思い困り調べてみました。 以下のデプロイ方法がありますが、どれも個人的にはいまいちなため悩んでいました。 AWS CLIでのデプロイする 独自のデプロイツール(Lambdaroll)を使う https://tech.toreta.in/entry/2020/12/05/000000...
View ArticleMacBookのファンの回転数をCLIから簡単に操作出来るnpmを公開した
概要 重い作業をしているときに MacBook のファン回転数を最大にしたいと思うことが多々あり、今までは Macs Fan Control を利用していたが、ファン回転数を操作するためにわざわざアプリを起動し、GUIで操作することが極めて面倒だと感じていた。 そこで、MacBook のファンの回転数をコマンドから変更出来る CLI ツールが無いか調べてみたところ、smcFanControl...
View ArticleラズパイZeroWでなでしこ３を動かしたい！ あるいは、armv6lのラズパイに最新(v12以上)のnode.jsを入れたい！
やったこと 今さらながら、ラズパイをSSH接続とVNC接続でノートパソコンから操作出来るようにする。 ラズパイZeroWになでしこ３をインストールして、Hello Worldする。 RaspberryPi Zero W (armv6l)に、最新(v12以上)のnode.jsをインストールする。 発端...
View Article【LINE Messaging API＆Custom Search API】LINEでGoogle検索してみた
はじめに 興味本位でLINEBOTを作成してみました。 既に多くの方が解説してくださっていますが自身の備忘録として一通りやったことを残します。 目次 ・LINE Developersの登録とチャンネル作成 ・Google APIの登録とCustom Search APIの登録 ・githubの登録とコード管理 ・サンプルBOT作成 ・Herokuの登録とデプロイ ・動作検証 その1 ・Custom...
View ArticleDocker + Nginx + Node.js で開発環境構築
業務でNext.jsに触れる機会があったのでDockerで開発環境構築をやってみたいと思ったので書いていきます。 実際にはMySQLも含みますがサーバーサイド側のため割愛します。 *ローカル開発環境構築の想定のため、セキュリティは本番環境を想定していません。 やりたいこと docker-composeでNginxコンテナをリバースプロキシとしてNode.jsコンテナへリクエストを投げる環境の構築...
View ArticleSlidev マークダウンでサクサク書けるプレゼンツール
Slidev マークダウンでサクサク書けるプレゼンツール https://www.slideshare.net/kinneko/slidev スライドをマークダウンでサクサク作りたい slidev 読み方 起動はmdを指定するだけ 右下にカーソルを持っていくとツールバーが表示 多彩な表現ができる コードブロックの挿入 コードのハイライト(行の強調) コードのステップ強調...
View Article自前のローカルサーバ(外部プロセス)で動く React 開発環境 を作りながら、webpack の設定に入門した
Webフロントの開発にデータAPIとしてのモックサーバは必要不可欠ですが、Express やそもそも Node が得意じゃない人は自分の慣れた言語でモックサーバを書きたいこともあると思います。 特に protobuf とか、 dll なんかで提供される資源を利用したいとき、Node からアクセスするのは初心者にはハードルが高い。 ということで今回は自前のローカルサーバを使う React...
View Article【Node.js】 NVM(Node Version Manager)インストール
私は日本就職を目指して、勉強している韓国人大学生です。 もし、内容の中で間違った表現や言葉などがあれば、書き込みをしてください。 本コンテンツはmacOSを基準とします。 NVMというのは？ NVMのレポジトリ（公式ドキュメント） Node.jsのバージョン管理アプリ 様々なプロジェクトを行う時、簡単にNode.jsのバージョンを管理できる デフォルトバージョンの設定...
View ArticleNode.jsでDynamoDBを操作する(CRUD処理編)
概要 表題通り、Node.jsでDynamoDBを操作する記事です。 基本情報 操作TBL ディレクトリ構成 ~/develop/study/aws/node/dynamo $ tree . ├── crud │ ├── OlympicCreateItem.js │ ├── OlympicDeleteItem.js │ ├── OlympicGetItem.js │ └──...
View Articlenode.js + Expressサーバーのポートを変更する
初期設定ではlocalhost:3000となっているが、 bin/wwwファイルを変更することでポートを変更できる。 この点を var port = normalizePort(process.env.PORT || '3000'); このように var port = normalizePort(process.env.PORT || '4000');...
View Article【node.js】CSVファイル読込パッケージ「CSV Parser」・出力機能「CSV stringifier」の紹介およびコード例
背景 掲題モジュールを使えば「CSVを取得して読み込む時はカンマでsplitして…」といった面倒な処理から解放されたため、自身のメモ代わりに共有する。 二次元配列または連想配列の配列のように取得することができるため、肝心の実装に注力することができる。 公式ページ CSV Parser for Node.js CSV Parser for Node.js csv-parse実装例 ■元データ A列,...
View Article