ITの隊長のブログ

Serverless Frameworkのaws-nodejs-typescriptでAPI KEYが設定されたAPIを用意する

このフレームワーク楽しいな（API GatewayとLambdaの連携を一通り遊んだことがある人ならいじるのが楽しいと思う） ./serverless.ts に下記設定を追加します。 apiGateway: { // 省略 apiKeys: [ { name: 'free-key', } ], usagePlan: { quota: { limit: 1000, period: 'MONTH' }, throttle: { burstLimit: 200, rateLimit: 100 } } }, // 省略 あとは個別のAPI設定に利用できるように設定します。 ~/src/function…

2022/04/22 12:59

Serverless Frameworkのaws-nodejs-typescriptでCORSが設定されたAPIを用意する

ドキュメント読んだら色々わかるんですが、 aws-nodejs-typescript のテンプレートでどうやって設定すればよいのかわからなかったのでメモ。 APIのfunctions設定で、CORSの設定をonにしたい関数だけ下記設定をします。 aws-nodejs-typescript のテンプレートでは、 src/functions/ 以下にAPIごとにディレクトリが作成できるので、 src/functions/hello/index.ts で関数の設定が編集できます。 import schema from './schema'; import { handlerPath } from '…

2022/04/22 12:55

Serverless Frameworkのaws-nodejs-typescriptでHTTP GET methodを用意する

GitHub検索したらあるんだけど、Googleではあんまりヒットしないなぜ？ TypeScript力が低すぎて、いまいち何が書いてあるのかわからないのですが、とりあえずできたのでメモ。 github.com import type { ValidatedEventAPIGatewayProxyEvent } from '@libs/api-gateway'; import { formatJSONResponse } from '@libs/api-gateway'; import { middyfy } from '@libs/lambda'; const hello: Validated…

2022/04/19 02:25

ServerlessFrameworkでHello world.

すべてはここにおいてきた。 github.com で、へろーわーるどしようと叩いてみたけどエラーで失敗するなぜ？？？ root@00231e897e28:/app/backend-prj# sls invoke local -f hello Running "serverless" from node_modules { "errorMessage": "Cannot read properties of undefined (reading 'name')", "errorType": "TypeError", "stackTrace": [ "TypeError: Cannot read …

2022/04/19 00:19

Nuxtでの実装について

フロントエンドの実装がなんもわからん状態になっていました ぼくはReactを触ったことがないので、あくまでVueしか語れないですが（正直Vueもそんな語れる気がしない）、もともとjQueryでSPA開発をしたことがある僕が、Component志向なフレームワークを触ってから便利ー！！感動！！！的なことを思ったのですが、ここ最近はComponentむずい〜ってなっておりました。 主に理由は下記 ビジネスロジックどこに書いていいのかわからん問題 → Plugin？？？ Storeに絡む処理は全部Vuexに！！→Vuexが太る 用意したPluginをComponentから呼ぼう！あ、あのUIも必要だ…

2022/04/10 23:42

Nuxt2でViteを使う

ビルドが速いらしいので使ってみた vite.nuxtjs.org この記事参考にした（インストールはこれで大丈夫） zenn.dev ローカルにいれてれば特に問題ないと思うが、ぼくはDockerを使ってたので謎の挙動が発生した（Nuxtアプリをブラウザで開くとhot reloadの無限ループ） 今回バージョンは違うけどこの記事が参考になりました。 qiita.com 開発側だけの問題っぽい。ちなみにポートを変更したい場合は、 nuxt.config.js に下記設定を追記したらよい vite: { server: { hmr: { protocol: 'ws', port: 81, }, },…

2022/04/07 23:50

crbug/1173575, non-JS module files deprecated.

こんなエラーがでて、developer toolが起動しているときはサイトが読めなくなった。何ぞ。。。？？？ 色々探したけどよくわからんので、developer toolを初期設定にしたら直りました。 support.google.com

2022/04/07 17:31

JavaScriptを雰囲気で書いているマン、やっとimport/exportを理解

謎だったこと。import ... from '...' で、 import {...} と import ... のどっちでかけばいいの問題。（後者は特にVueでよく書くなって思ってた） というわけでドキュメントを読みました（今頃） developer.mozilla.org developer.mozilla.org 完全に理解しました。 import { hogehoge } は export function hogehoge() で呼べる import hogehoge は export default function hogehoge() で呼べる qiita.com qiita…

2022/04/06 11:46

vueのcomposition apiを理解したい

正確にはNuxt(v2)ですが zenn.dev こちらの記事参考にして進めています。 github.com 進捗がこちら↑（○ロ注意） まだ完全に理解はできていないので雰囲気だけですが、componentとロジックをめっちゃ分離できた感じがある。文章読むだけでは全くわからなかったがこれはよい！！！そして果たしてNuxt（Vue）なのかこれは？？？みたいな気持ちにもなりました。 this がなくなるのもステキだなって思いました。 <script> import { defineComponent, ref, useContext } from '@nuxtjs/composition-api'…

2022/04/06 00:07

自分の葬式で自分は何と紹介されるか

と、居酒屋で前職の同僚に言われた際に、想像してみたら「技術バカ」と言われました。というのが、今自分が一番やりたいことやら譲れないものとかなんだとか。なんかイイハナシダナーと思ったので忘れないうちにメモ

2022/04/04 15:45