【Git】GitHub ActionsでECSにCI/CDする方法

今回はGitHub ActionsでECSにCI/CDする方法の紹介です。 GitHub ActionsのCI/CD方法 「Actions」を押下して、ECSの「Configure」を押下します。 「Commit changes...」を押下してymlファイルをコミットします。 ...
Gitリポジトリ名の配下にアプリ名作成しない方法

Gitリポジトリの管理を行うのであれば、そのディレクトリをそのまま使えばcreate-app時にアプリ名(ディレクトリ)を作る必要がありません。今回はそのGitのリポジトリ名を使って、アプリ名の省略を行います。 アプリ名をつける場合 通常通りにアプリ名つける場合は、@の後に指定す ...
【某録】M2・M1PCのDockerエラー com.docker.backend cannot start Exit code 152

今回はM2・M1PCのDockerエラー com.docker.backend cannot start Exit code 152の紹介です。 com.docker.backend cannot start Exit code 152とは? Docker Desktopが起動で ...
【Postman】 API通信で出てくる情報を初学者用にまとめてみた

今回はAPI通信で出てくる情報を初学者用にまとめの紹介です。 APIに出てくる情報総まとめ APIに出てくる情報総まとめです 関数または変数名中身内容EndpointAPIのURLリソースにアクセスするためのURLMethodHTTPメソッドGET, POST, PUT, DEL ...
【Postman】Variables環境変数を使う方法

今回はPostmanのVariables 環境変数を使うの方法についての紹介です。 Postmanとは? Postmanは、APIの開発、テスト、およびドキュメント化を効率化するためのツールです。Webアプリケーションやモバイルアプリケーションの開発において、API(アプリケーシ ...
【Next】入門者必見!TypeScriptでNextアプリの環境構築と構造を理解する

今回は入門者必見!TypeScriptでNextアプリの環境構築と構造を理解するの紹介です。 Nextとは? Next.jsとは、Reactをベースに開発されたフロントエンドフレームワークになります。 Reactとの違い Next レンダリング方式 サーバーサイドレンダリング(S ...
【Nuxt】nuxt.config.tsとは?入門者必見のnuxt.config.tsの説明

今回は入門者必見のnuxt.config.tsの説明の紹介です。 nuxt.config.tsとは? nuxt.config.tsは、Nuxt.jsプロジェクト全体の設定を記述するためのファイルです。このファイルでは、アプリケーションの動作に関わる重要な設定(モジュール、環境変数 ...
【TypeScript】初心者必見interfaceとtype(型alias)とは?objectとは?

interfaceとは? interfaceとはクラスが実装すべきフィールドやメソッドを定義した型です。interfaceを実装することで、interfaceの関数名や引数名の型チェックすることができます。 interfaceの定義 interface HogeInterface ...
【SQL】現場で使える重複データの調べ方

今回は現場レベルで使えるSQLで重複データの検索方法です。現場で開発中にエラーやおかしな点を調査することって多々ありますよね?そういった時にこのSQLを知っていれば、データベースの構造がわかっていなくても、エラー文からのヒントのカラム名だけで重複問題のポイントに近づくことができま ...
【React×TypeScript×Next】Next.jsの環境構築

今回は【React×TypeScript×Next】Nextの環境構築の紹介です。 Nuxt.jsとは? Next.jsは、Reactアプリケーションのためのフレームワークであり、サーバーサイドレンダリング(SSR)や静的サイト生成(SSG)を簡単に実現するためのツールと機能を提 ...