6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【初個人開発】K P T管理アプリ「Animal KPT」を作りました。

Posted at

はじめに

こんにちは @Taiga_aniKと申します。

みなさんKPTはされたことはありますか。
KPT(ケプト) :Keep(できた/継続すること) Problem(改善するべき問題点) Try(挑戦したいこと)の3要素を掘り下げ、学習や仕事を改善できるアクションを導き出すツールです。

Animal KPT では、達成度を色で別け、「振り返り」をより確実にします。ツイッターと一緒に使えます。

【Twitter】
https://twitter.com/Taiga_aniK
【今回作ったアプリ】
https://obscure-chamber-30165.herokuapp.com/tops/index
【GitHub】
https://github.com/tai9174/animal_kpt

使用環境

• Ruby 3.0.1
• Rails 6.0.3

アプリの主な機能

トップ画面

トップ画面のホワイトタイガーは丹精を込めて描きました。
Animal KPTという名前は、デザインに動物を取り入れたいのと響きの良さで決めました。
image.png

KPT一覧機能

新規登録、またはログインをすると以下の画面になります。
KPTの「Keep」,「Problem」、「Try」の達成度はテキストの色
(達成度:達成⇨ 、少し達成⇨ 未達成⇨
によって分かれます。
image.png

カレンダー機能

KPT一覧の下にProblemの達成度がカレンダーに表示されます。表示された達成度を押すと詳細画面に飛び、内容を確認できます。
カレンダー機能.gif

New KPT機能

New KPTのボタンから新しいKPTを書けます。文字を打つと、残り文字数が表示されます。
New KPT機能.gif

コピー機能

New KPT画面で「登録する」ボタンを押すと詳細画面になります。
詳細画面には、テキストをコピーするボタンがあります。
コピーボタンでテキストをコピーして、ツイッターに貼ることもできます。

image.png

お気に入り一覧機能

KPTを作成する際にお気に入りにチャックをするとお気に一覧から確認できます。
見返したいKPTをお気に入り登録すると便利です。
image.png

メンバーに加わる 外れる機能

チームのアイコンを押すとチーム一覧に飛びます。チーム一覧の「チームに加わる・外れる」のボタンからチームに加わったり、外れたりすることができます。
image.png

新チーム機能

新チームボタンから新しいチームを作ることができます。
image.png

チームKPT機能

チームに参加しているメンバーのKPT一覧を見ることができます。
過去一週間分見ることができます

みんなの KPT機能.gif

今後挑戦したこと

Twitter API:ツイッターに自動で呟ける機能

終わりに

最後まで、見てくださりありがとうございます。
まだまだ、改善点がたくさんあるので、さらに使いやすいアプリにブラッシュアップしていきます。

6
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?