0
0

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.

ポートフォリオ「ToDoリストアプリ」

Posted at

初めに

はじめまして。
今回は、Webアプリ開発の基礎のアウトプットを兼ねて、作成致しましたのでご紹介いたします。
何かアドバイス・コメント等ございましたらコメント欄に宜しくお願い致します。
(2022.8.4現在)

目的

・フレームワークを使用せず、素のPHPで開発する。
・MVCモデルを利用した開発
・システムの動きをイメージングできるようになるため(現在の仕事では、開発部分に携わることが少ないため)

ポートフォリオの概要

一般的なAppleのリマインダーのようなシンプルにタスクが管理できるアプリを想定しております。
また、サイトの基本機能であるCRUDの実装し、どの端末でもアクセスできるようにレスポンシブデザイン
となっております。総作製時間は、PHPの勉強も含め90H程度です。

ポートフォリオの機能

■機能一覧

・タスク一覧表示
・完了タスクの一覧表示
・タスクの新規作成
・タスクの完了処理
・タスクの削除処理
・完了タスクの復元処理
・タスクの詳細内容編集機能
・セキュリティ対策(SQLインジェクション・XSS対策)

■使用している技術

・PHP
・MySQL
・Javascript
・jQuery
・Docker

■機能説明

タスクの新規作成機能

タスクのタイトルと詳細内容を入力することができます。
新規作成.gif

タスクの完了機能

タスクが完了した場合、完了一覧に移動する処理を行います。
完了処理.gif

タスクの削除機能

タスクの削除処理を行います。
削除処理.gif

完了タスクの復元処理

誤って完了処理してしまったタスクを復元する処理を行います。
復元処理.gif

タスクの内容編集機能

タスクのタイトルや詳細を編集する処理を行います。
編集機能.gif

工夫したポイント

工夫したポイントは、エラー発生前に入力した値が発生後にも残るようにしたところです。新規作成時と更新時にタイトルや詳細内容がブランクでエラーになったとしても入力内容が保持されます。

新規作成時の入力内容保持

工夫ポイント①.gif

編集時の入力内容保持

工夫ポイント②.gif

課題点

まず、アジャイル的に開発しているなか手戻りすることによる無駄な工数がありました。個人開発でしたので、その日何となしに開発を始めてしまったことも多くあり、ここが課題点だと認識しています。最終ゴールの明確化やタスク管理等ポイントはしっかり押さえていくことで改善したいと思います。
また、コーディングにも課題を感じました。仕事の並行して行っていたので、なんとなくの焦りを感じ。頭で考えたことをそのままコードにアウトプットしていました。途中から紙に書き出したり、コメントをつけることで作業効率があがったので、次回につなげていきたいです。
加えて、検索機能をつけられなかったことは大きな課題です。検索エンジンをどのように実装するか、検索アルゴリズムどのように組み立てるか悩み、現状の自分では成し遂げられないと思いました。検索機能については、これを機に興味を持ったので、個人課題として研究してみたいと思います。

最後に

ご一読いただきありがとうございました。
採用担当者の方など、コードを見たい方がいらっしゃいましたら対応致しますので、DMかメールにご連絡宜しくお願い致します。

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?