個人開発の履歴（メモ）

:::note info
2025/05/11更新
3月、4月に作成した個人開発アプリを追記
- Omise Choice
- Poker Range Chart
:::

## はじめに
過去に個人開発したアプリのURLとか忘れそうになるので、メモメモ。
なお、ソースコードは全てGitHubで公開している。
https://github.com/hiro16131104

## Omise Choice
- リリース日
    2025年4月14日
- URL
    https://voting-app.hirohiro-web-app.net
- アプリの概要
    飲み会のお店を決めるための投票ページが作れるアプリ。
    以下のケースでの不満を解消するために作成。
    - 飲み会メンバーとの連絡手段が複数にまたがっている場合（例：LINEとTeams等）、取りまとめるのが手間
    - LINEの投票機能を使うと、選択肢に直接リンクが貼れない（2025年5月11日現在）
- 技術
    - フロントエンド
        React（TypeScript）、Tailwind CSS
    - バックエンド
        Express.js（TypeScript）
    - データベース
        DynamoDB
    - インフラ
        AWS Amplify、Lambda（Web Adaptor）
        
![20250511_自己開発のスクショ_omise_choice.png](https://qiita-picture-bucket.s3.ap-northeast-1.amazonaws.com/%E5%80%8B%E4%BA%BA%E9%96%8B%E7%99%BA%E3%81%AE%E5%B1%A5%E6%AD%B4/20250511_%E8%87%AA%E5%B7%B1%E9%96%8B%E7%99%BA%E3%81%AE%E3%82%B9%E3%82%AF%E3%82%B7%E3%83%A7_omise_choice.png)

## Poker Range Chart
- リリース日
    2025年3月某日
- URL
    https://poker-range-chart.hirohiro-web-app.net/
- アプリの概要
    ポーカー（テキサスホールデム）のプリフロップ時にレイズできるハンド（手札）のレンジ表。
    ポジションやゲームの種類（トーナメント or リングゲーム）ごとに切り替えが可能。
    ポーカー始めたてのときに作った自分用のアプリ（表は[ヨコサワ本](https://www.amazon.co.jp/7%E6%97%A5%E3%81%A7%E5%AE%8C%E5%85%A8%E6%94%BB%E7%95%A5%EF%BC%81-%E4%B8%96%E7%95%8C%E4%B8%80%E3%82%84%E3%81%95%E3%81%97%E3%81%84%E3%83%9D%E3%83%BC%E3%82%AB%E3%83%BC%E3%81%AE%E5%8B%9D%E3%81%A1%E6%96%B9-%E4%B8%96%E7%95%8C%E3%81%AE%E3%83%A8%E3%82%B3%E3%82%B5%E3%83%AF-ebook/dp/B0D5X34MDK/ref=sr_1_1?crid=2J89UXPPK7NJW&dib=eyJ2IjoiMSJ9.YOiLNerYAobLfOTg_jS6nYWpukp2pLHIhxcGF2FIpXCyngbOsYzBwb3hzsfVllV6AVVx0M46MpB5OBd2YkkDROIiuRGsu6NL0WuWk_SJw9OAtSIWLbZ3HkscM9QvukV4zUg4hRqMJORTg-0VOeze0rPTPKP8R3xJJINhlQu0w28eU6IhHry_42TzXqIVQ4cOO1YLuKJoduUa6IS--gL778-cG2GPg02KKHL1h3adtowrW9Pz--wArpiC8SFBRKhUN65C49QdhrmGCOe30Z9aF36ptO32n5dgLJXIPg13IhA.PwW0Sp4rgid0BEPa451lAZmsyoiu_B4NYai8-zdZ4VA&dib_tag=se&keywords=%E3%83%A8%E3%82%B3%E3%82%B5%E3%83%AF+%E3%83%9D%E3%83%BC%E3%82%AB%E3%83%BC&qid=1746954942&sprefix=%E3%83%A8%E3%82%B3%E3%82%B5%E3%83%AF%2Caps%2C163&sr=8-1)から引用）。
    （オープンレイズするレンジは、ブラインドや同卓する人の傾向によって変わるので過信は禁物）
    サクッと3時間くらいで作りたかったので、ライブラリはCDN経由で利用。
- 技術
    - フロントエンド
        React(JavaScript）、Tailwind CSS
    - バックエンド
        なし
    - データベース
        なし
    - インフラ
        AWS Amplify
        
![20250511_自己開発のスクショ_poker_range_chart.png](https://qiita-picture-bucket.s3.ap-northeast-1.amazonaws.com/%E5%80%8B%E4%BA%BA%E9%96%8B%E7%99%BA%E3%81%AE%E5%B1%A5%E6%AD%B4/20250511_%E8%87%AA%E5%B7%B1%E9%96%8B%E7%99%BA%E3%81%AE%E3%82%B9%E3%82%AF%E3%82%B7%E3%83%A7_poker_range_chart.png)

## EmoMeter_感情測定アプリ
- リリース日
2024年1月10日
- URL
https://emo-meter-front-end.hirohiro-web-app.net
- アプリの概要
メンヘラな文章になっていないか、診断するアプリ。
使い道としては、
    - SNSに投稿する前の文章が攻撃的な内容になっていないかチェックする
    - 決算資料の定性分析がポジティブな内容かネガティブな内容かをざっくり判断する
などなど。
- 技術
    - フロントエンド
    Next.js（TypeScript）
    - バックエンド
    FastAPI（Python）
    - データベース
    DynamoDB
    - インフラ
    AWS Amplify、Lambda

![20240120_自己開発のスクショ_emo_meter.jpeg](https://qiita-picture-bucket.s3.ap-northeast-1.amazonaws.com/%E5%80%8B%E4%BA%BA%E9%96%8B%E7%99%BA%E3%81%AE%E5%B1%A5%E6%AD%B4/20240120_%E8%87%AA%E5%B7%B1%E9%96%8B%E7%99%BA%E3%81%AE%E3%82%B9%E3%82%AF%E3%82%B7%E3%83%A7_emo_meter.jpeg)

## AI Creator for 3DCG
- リリース日
2023年4月2日
- アップデート日
2023年12月23日（GPT3.5⇒GPT4）
2024年6月26日（GPT4⇒GPT4o）
- URL
https://ai-creator-for-3dcg-front-end.hirohiro-web-app.net
- アプリの概要
入力したお題をもとに3DCGを作るAIアプリ。
GPT4のAPIと連携している。
Unity等のソフトとAIを連携する例は見かけたが、ブラウザだけで利用できるアプリは見かけなかったので作ってみた。
- 技術
    - フロントエンド
    React（TypeScript）
    - バックエンド
    Flask（Python）
    - データベース
    DynamoDB
    - インフラ
    AWS Amplify、Lambda

![20240120_自己開発のスクショ_ai_creator_for_3dcg.jpeg](https://qiita-picture-bucket.s3.ap-northeast-1.amazonaws.com/%E5%80%8B%E4%BA%BA%E9%96%8B%E7%99%BA%E3%81%AE%E5%B1%A5%E6%AD%B4/20240120_%E8%87%AA%E5%B7%B1%E9%96%8B%E7%99%BA%E3%81%AE%E3%82%B9%E3%82%AF%E3%82%B7%E3%83%A7_ai_creator_for_3dcg.jpeg)

## Speech To Text
- リリース日
2023年2月26日
- クローズ日
2023年4月
- URL
なし
- アプリの概要
音声ファイルから自動で文字起こしをするためのアプリ。
音声認識AIを登録なしで誰でも気軽に試せるようにするために作った。
しばらく経った後、本家（OpenAI）からAPIが公開されたため、役目を終えたのでクローズした。
スペック盛り盛りにしたECSの維持費が辛かった…。
- 技術
    - フロントエンド
    Vue.js（JavaScript）
    - バックエンド
    Flask（Python）
    - データベース
    DynamoDB
    - インフラ
    AWS Amplify、Fargate

![20240120_自己開発のスクショ_speech_to_text.jpeg](https://qiita-picture-bucket.s3.ap-northeast-1.amazonaws.com/%E5%80%8B%E4%BA%BA%E9%96%8B%E7%99%BA%E3%81%AE%E5%B1%A5%E6%AD%B4/20240120_%E8%87%AA%E5%B7%B1%E9%96%8B%E7%99%BA%E3%81%AE%E3%82%B9%E3%82%AF%E3%82%B7%E3%83%A7_speech_to_text.jpeg)
    
## oekaki
- リリース日
2022年3月28日
- URL
https://ts-drawing-app.hirohiro-web-app.net
- アプリの概要
ReactとCanvasの勉強も兼ねて、お絵かきアプリを作ってみた。
- 技術
    - フロントエンド
    React（TypeScript）
    - バックエンド
    なし
    - データベース
    なし
    - インフラ
    AWS Amplify

![20240120_自己開発のスクショ_oekaki.jpeg](https://qiita-picture-bucket.s3.ap-northeast-1.amazonaws.com/%E5%80%8B%E4%BA%BA%E9%96%8B%E7%99%BA%E3%81%AE%E5%B1%A5%E6%AD%B4/20240120_%E8%87%AA%E5%B7%B1%E9%96%8B%E7%99%BA%E3%81%AE%E3%82%B9%E3%82%AF%E3%82%B7%E3%83%A7_oekaki.jpeg)