技術メモ

プログラミングとか電子工作とか

TypeScript

AWS Lambdaのローカル開発で環境変数を取り扱うとき(SAM テンプレート利用)

Lambdaで他サービスのAPIを度々利用したくなると思います。 (例えば、S3にアクセスしたり、DynamoDBからデータを取り出したり等) ローカルでは権限を設定したIAMユーザーの認証情報を利用して実行し、運用時にはロールをLambdaに設定して走らせたいところ…

AWS LambdaをTypeScriptで開発する

JavaScriptはオワコン!とまでは言いたくないんですが、やはり普段からTypeScriptを利用していると極力JavaScriptは避けたいところ。 ということで基本JavaScriptで開発されているであろうAWS LambdaのNode環境ですが、TypeScriptで開発を始めるまでをまとめ…

React Hook Form入門 その2(基本編)

前回の続きです。 基本的な使い方 フォームの要素を書き出す フィールドを登録する 非同期処理 バリデーションを適応する UIライブラリの利用 対応するUIライブラリを利用する Controllerを利用してカスタム登録処理をする TypeScriptの対応 基本的な使い方 …

React Hook Form入門 その1(導入編)

去年はNuxt.jsやNext.jsなど色々触ってたんですが、結局プレーンなReactが扱いやすいんじゃないかと思い色々試行錯誤しています。(Nextは結構良い感じだったんですが、Amplifyとの相性が悪くて不採用となりました) 基本的にはReact + Reduxの組み合わせが…

Nuxt.jsが2.9になってからTypeScriptの対応が変わったようです。

どうも、靖宗です。 一生環境構築してる気がします。フロントもう嫌や・・・ ということでTypeScriptの対応がなにやら変わった?ようなので公式に沿ってセットアップしてみます。 Nuxtプロジェクトのセットアップ ここに関してはいつも通りです。 よければ以…

Nuxt.jsでTypeScriptが使いたいので、ESLintをいじる

靖宗です。 前回ESLintを設定したんですが、できればコレからはTypeScript(以下TS)を積極的に利用していきたいと考えています。 なので、TSにあった.eslintrcにしていきます。 Nuxt.jsのプロジェクトのセットアップ 別の記事を参照されたし。 パッケージの…

Elixir入門(第二十一章 Debugging)

どうも、靖宗です。 残すところあと数個、今回はDebuggingです。 IO.inspect/2 IEx.pry/0 and IEx.break!/2 Debugger IO.inspect/2 デバッグに使用されるIO.inspect/2という関数があるようです。 とりあえずサンプルで分かる! iex(5)> (1..10) \ ...(5)> |>…

ReactをTypeScriptで使うときに調べたこと

Reactで コンポーネント.propTypes = { propNum: PropTypes.number, }; とか書くのがとてもだるい気がしたので、TypeScriptを勉強しておりました。そこでふと「Reactコンポーネントの継承はどうすんだ?」と思い調べて見ると良さげな記事がhttps://qiita.com…