20. カード管理アプリ

https://larelia.net/card_manager
画像1
画像2
画像3
画像4

作品概要 #

デュエル・マスターズのカードを管理するwebアプリケーションを制作しました。ユーザーの作成とカードを入れる箱(テーブル)の作成を行い、その中身の追加・編集・削除というプロセスが行えます。そのカードの値段等を設定できるプロパティを設けてあります。テーブルの中身を見る際、そのテーブルにあるカードの合計金額も表示されます。
https://larelia.net/card_manager

制作者 #

  • Y.Yoshinaga
  • フロントエンドエンジニア/バックエンドエンジニア志望
  • HTML, CSS, JavaScript, PHP, データベース, mysql
  • Visual studio Code, MAMP/Google Chrome
  • 奨励賞(講師)

SNS など #

アピールポイント #

ログイン/ログアウト機能を設けました。
今現在、どのテーブルを操作しているかが分かるように工夫しました。
POST メソッドを用いて、ある程度のセキリュティも考慮しました。
ページの説明をクリックすると、そのページに応じた説明を見れるようにしました。
カードの登録は、カード番号とカード名の2つでできるようにしました。
新しいカードが公開されたら、その情報を追加できるプログラムも用意し、更新の手間を少なくしました。

スライド #

制作者感想 #

とにかくエラーとの戦いでした。
それまで PHP は Wordpless 実装のために少しだけやってた程度のものだったため、最初の方は文法の間違いなども多く、かなり苦戦していました。
終盤に差し当たっても、ローカルでは無視されていたエラーがサーバーに上げた途端浮き彫りになり、その修正にかなり手間取った、ということもありました。
ただ、今回の制作で遭遇したエラーにより調べる力と問題解決力がかなり伸びたと実感しました。
今後の制作に於いても、今回 PHP を用いたように新たな技術を恐れず積極的に用いていきたいです。

コメント #

作品ならびにプレゼン動画の閲覧ありがとうございました!
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。