Syoitu Den

githubからAWSを操作する際に、一昔前まではクレデンシャルファイルをgithub上に保管し,運用するケースが多かったが。今IDプロバイダーを使用した方がセキュリティ上優れてる観点から、主流になってるそうだ。実際IDプロバイダーを利用するため、手順は下記三つが必要。1.AWS上にIDプロバイダーを用意2.AWS上にIAMロールを用意3.Github上にworkflowにpermissionの設定を入れるAWSコンソールから操作する場合とTerraform利用する場合の２つのやり方を紹介する。 AWSコンソールから AWS上にIDプロバイダーの用意コンソール...

GitHub ActionからAWSへのアクセス方法

公式ワークフローのトリガーのドキュメントも存在しますが、個人的に読みにくかったので、メモとしてまとめることにしました。 トリガーとは/.github/workflows/{NAME}.yamlファイルのonで始まるブロックで定義されてるコードのことを指します。job.yamlname: "Hello World Flow"on:  issues:    types:      - openedjobs:  sample:    ...省略...トリガーは、ワークフローの実行を引き起こすイベントです、主に次のようなイベントがあります。 イベント...

Github Actionsのトリガーパタン

オーナ設定.github/CODEOWNERS* @user1 @user2マッチ条件オーナブランチ保護の適用1.コードオーナーの設定2.マージ前にプルリクエストによるレビューを要求…

ブランチ戦略メモ

前書きいつからでしょうか、何か新しいサービスを試す際に、GoogleアカウントやGitHubアカウントを利用してログインするしかやらなくなった。ユーザーネームとパスワードを設定し、メール認証を…

面倒なログインはNextAuthにやらせよう

前書き皆さん技術ブログ書いてらしゃいますでしょうか私は定期的に技術ブログ書かなきゃと思ってはいますが、いざ書こうと思ってもいいネタが無かったり、出来が悪くて公開できるようなものでなかったりして…

GPTモデルに技術ブログを書いてもらおう

この記事はHowtelevision Advent Calendar 2022（https://qiita.com/advent-calendar/2022/howtelevision） 8日目の記…

PokeAPIを利用した二次開発

最近tRPCを勉強をしてるところ、公式のNext.jsサンプルリポジトリにPrismaという謎のORMライブラリー使用されてることに気づき🧐、気になって仕方ないので、実際触ってみた内容をまとめます。 PrismaとはPrisma は、下記のツールで構成される次世代のORMライブラリーです。Prisma Client : Node.js および TypeScript 用の自動生成された型安全なクエリ ビルダーPrisma Migrate : 宣言型データ モデリングおよび移行システムPrisma Studio : データベース内のデータを表示および編集するための GUI...

次世代の Node.js ORM 、Prisma をサクッと入門する

一昔前のユーザー登録はusernameとpasswordを入力して貰い、DBのデータと一致していればログイン成功の判定を出してましたが、今風のWebサービスはgithub、googleアカウントログインなどの外部認証サービスを使用することも少なくありません。この記事では、そういった外部認認証を使用することが前提のユーザーテーブルの設計を軽く紹介します。 ベーシックのユーザーテーブル構成usernameとpasswordを使用して認証する、一番ベーシックなテーブル構成、外部認証の使用は想定しない。:boy_tone1:テーブル: usersid: 主キーusername...

OAuth2.0のユーザーテーブル設計

Viteプロジェクトの環境変数はmeta属性のenvにあるimport.meta.env Viteにデフォルト存在する環境変数は下記四つが存在する MODE環境区別用、production環境、 development環境がある その他の環境を追加する場合.env.` BASE_URLベースドメイン、ローカルでは"/"になる PROD真偽値 false | true、PROD環境であるか DEV真偽値 false | true、DEV環境であるか SSR真偽値 false | true、SSR使用してるか バンドル後import.meta.e...

Viteの中で環境変数の使用

Viteとは何か、他のツールと比較し、簡単なReactアプリケーションを完成して、公開します。