Makelearn

タスク管理(同期通信)

ブルービー

ポートフォリオを見る

作品を見る

参加したテーマ

作品情報

  • 提出日: 2020.07.14
  • 開発期間: 11日間

今回実装できなかったところ

非同期で実装ができなかったため、同期通信での実装になってしまった。
そのため、タスクを編集するときが未完了のところではなく、タスク作成のところに表示されてしまっている。

編集ボタンを押したとき、
 編集したいタスクには、編集フォームを表示する
 それ以外は、ただ表示する
というのをjavascriptで実装できない。というか非同期がわかっていない。

使用した技術

フロントエンド

  • HTML
  • CSS
  • JavaScript
  • Bootstap

バックエンド

  • PHP

インフラ

  • Heroku

データベース

  • MySQL

ワイヤーフレーム

開発ログ

「ToDoタスク管理サービスをつくろう」に参加。開発をスタート!

「要件を確認しよう」を完了しました!

「技術選定をしよう」を完了しました!

「ワイヤーフレームを書こう」を完了しました!

「設計しよう」を完了しました!

「リポジトリを作ろう」を完了しました!

「提出期限を決めよう」を完了しました!

見本をさわってみて動きを確認した
- タスクを作成ボタンを押すと未完了タスクに表示され、入力していたところは何も表示されていない状態になる
- 未完了のタスクは完了するボタンで完了済みに表示され、未完了タスクからは削除される
- 完了済みのタスクは戻すボタンで未完了タスクに表示され、完了済みタスクからは削除される
- 未完了、完了済みタスクともにタイトルを編集、削除できる

うるぞーさんのYouTubeを見ながらDockerで環境構築

「タスクの状態(完了済み・未完了)を切り替えられる機能」を完了しました!

「タスクの状態のセーブ、ロード機能」を完了しました!

「タスクの作成、表示、編集、削除機能」を完了しました!

「実装しよう」を完了しました!

「デプロイしよう」を完了しました!

「動作をテストしよう」を完了しました!

「作品を提出しよう」を完了しました!