ニートの【AIで】チャットアプリ開発日記 #002

こんにちわ、くろまめ！です。

昨日から始めた姪っ子のタイピング力向上のためのアプリ開発！

今日は昨日の開発でどこまで実装できたのかをご紹介します。

とりあえず形になった

別の端末から閲覧すると、リアルタイムでメッセージが届く！
シンプル機能のLINEやんけ！

くろまめ！は、ほぼなにもしてない

わたし、AIにお願いしていただけで、コードなんていっさい書いていません。勝手にファイルを弄ってくれて全部1から作ってくれます。

ほしい機能を伝える、エラーが出たら伝える、を繰り返しただけです。

いわゆるノーコード開発というやつですね。

PWA対応！

なにそれ？
このアプリはWEBアプリ(ブラウザで使う用)として作成してあるんですが、PWA（プログレッシブウェブアプリ）を使用してて、iPhoneでもホーム画面に追加してネイティブアプリのように利用することが可能なんです！

プッシュ通知やバッジ表示も可能...！(まだ未実装)
もはや普通のアプリと変わらん！
Safariから「ホーム画面に追加」するだけでアプリとして使えるようになるので、App storeからインストールしなくても使えます。
結構すごくない？

今後追加したい機能

• プッシュ通知、バッジ表示対応

• アカウントごとのトークルーム(現状はログインユーザー全員が会話を共有している状態)

• メッセージ送信回数に応じてもらえるスタンプ機能(モチベあげるための報酬みたいな)

• フィードバック機能(タイピング速度、ミスタイプ率表示)

課題

AIに頼りっきりなので、AIの使用制限がかかるとなにできないのが今のところの1番の課題。ファイルも数十個あるので、もはやどのファイルがなにを司っているのか自分だけではまったくわからん笑

まだまだAIの使い方にも課題があって、無知なので無駄な出力が多いために制限にすぐ達してしまうんですよね。
プロンプトの工夫、Claudeのプロジェクト機能の活用で対処したいところ。

まとめ

とはいえ、初心者でもここまで形にできたのはすごいと思う！
エラー対応が大変だけど、(大変なのはAI)少しずつ機能追加していきたい。
もはや姪っ子を楽しませる！よりも自分が楽しんでしまっている。

機能の実装方法なんかについては、また別の記事でまとめられたらと思う。

今日はこの辺で！

それでは😄ノシ

＊関連記事