以前Twitter風アプリを作ってみたという記事を書きました。
その時はあくまで骨格レベルだったのですが、やっと目標であったTwitterとの連携機能もできたのでリリースしました。
Twitter風収支管理(お小遣い帳)アプリのURL
https://jyu2-engineer.com/katwibo/
一応、Twitterと家計簿を合わせたイメージということで「かついぼ」というアプリ名にしています。
目次
【PHP】Twitter風収支管理アプリの環境
PHPで作成したTwitter風の収支管理アプリの開発環境は以下の通りです
PHP | 7.3.7 |
---|---|
MAMP | 5.4 |
VScode | 1.43.2 |
Bootstra4 | 4.3 |
【PHP】Twitter風収支管理アプリの仕様
僕がPHPで作成したTwitter風の収支管理アプリの仕様は以下の通りです。
「気軽に収支管理できる」をコンセプトに作成したつもりです。
- ログイン
- ログイン時にメールアドレスを記憶させる
- Twitterアカウントでログイン
- 収支情報投稿機能
- 収支情報をTwitterへ同時投稿
- 収支情報をTwitterへ投稿
- 投稿一覧表示
- 収支確認(年単位)
- 収支確認(月単位)
- 収支確認(日単位)
- 投稿修正機能
基本的にスマホでの見栄えを優先したので、PCでは横長になってます。
順番に各画面と昨日見ていきます。
ログイン画面
ログイン画面です。
通常のログインとTwitterアカウントでのログインをできるようにしています。
また、通常のログインではメールアドレスをCookieの保存して入力補助の手間を省けるようにしています。

収支情報投稿と投稿一覧表示画面です。
これはTwitterと同じように投稿画面と投稿内容を見る画面を同じページにしています。
投稿(管理できる)内容は
- 支出/収入
- 金額
- 内容
- 画像
になります。
Twitterに同時投稿した場合は
支出
金額:◯◯◯円
内容
#かついぼ
という文章と画像ががTwitterに投稿されます。
投稿一覧表示に関しては投稿(管理している内容)を表示しています。

収支確認
年単位の収支確認画面です。
詳細を確認した年をクリック(タップ)したら、月単位の収支確認画面に遷移します。

収支確認(年)
年単位の収支確認画面です。
月単位に表示したい月をクリック(タップ)したら、月単位の収支確認画面に遷移します。

収支確認(月)
月単位の収支確認画面です。
日単位に表示した日をクリック(タップ)したら、日単位の収支確認画面に遷移します。

収支確認(日)
日単位の収支確認画面です。
修正したい日をクリック(タップ)したら、投稿修正画面に遷移します。

投稿修正画面
1つの投稿に対して修正を行える画面です。
投稿一覧画面か収支確認(日)から遷移できます。
投稿できる内容を全て修正することができます。

【PHP】Twitter風収支管理アプリで諦めた点
PHPで作成したTwitter風の収支管理アプリで以下の昨日は実装を諦めました。
- ユーザー削除機能
- 投稿削除昨日
- ユーザーフォロー機能
- いいね機能
- コメント機能
諦めたというとネガティブに聞こえますが、いち早くリリースするために最小限の機能にするためのポジティブなきらめてです。
とはいえ、以外と大事な機能がありますね…
新しいアプリ作る前にこのへんを実装しないといけないかな。
【PHP】Twitter風収支管理アプリ作成のまとめ
PHPで作成したTwitter風の収支管理アプリは作成に2週間ほどかかりました。
苦労したのは画面のデザインとTwitter連携。
画面デザインセンスのなさはどうにならないもんなんでしょうかね…
Twitterとの連携はGoogleさんに聞いた内容をそのまま実装できましたが、Twitter APIの登録とアクセストークンとの区別を理解するのに苦労しましたね。
でもレームワークを使わずに0から1を作り上げることができたのは本当に自信になりました。
これも気づけばプロ並みPHP 改訂版–ゼロから作れる人になる!で0から作るのを体験していたからこそだと思います。
皆さんもそこそこに勉強したら自分でアプリを作ってみましょう!
実際にアプリを作ってみたらものすごく勉強になるし、言語が体に染み付いていきますよ!!