【個人開発】アスキーアートを生成する簡単なアプリケーションを作ってみた

2023.08.25

2024.03.24

個人開発

Docker ComposeflaskGCPGithub ActionsNext.jsPythonTypescript

はじめに

初めて個人開発として、AA Generator という Web アプリケーションを開発し、公開するところまでやったので、AA Generator について簡単に紹介したいと思います。

AA Generator は、好きな文字列（英数記号）からアスキーアートを生成するアプリケーションです。

コンセプトとしては、とにかく完成させて公開することを目標にしましたので、最小限の機能に絞られています。

https://aa-generator.dev/

リポジトリは下記になります。

GitHub - monda00/aa-generator-app: Generate ASCII art application

Generate ASCII art application. Contribute to monda00/aa-generator-app development by creating an account on GitHub.

アーキテクチャは下記の通りです。

メインのプラットフォームとしては GCP を利用しています。フロントエンドを Next.js で、バックエンドを Flask で実装し、それぞれ Cloud Run にデプロイしています。

また、Github Actions を利用して CI/CD パイプラインを実装しました。Cloud Build でソースコードのビルドとイメージ作成し、作成したイメージは Artifact Registry に格納していました。

ローカルで試す場合は、Docker Compose でコンテナを構築するようにしていました。

使用した技術は下記の通りです。