2022年-2023年 たいチャレ日誌 ～タスク管理システム パスワード更新機能～

はじめに

こんにちは！WebエンジニアのTです。
私が製造をしているタスク管理システムのパスワード更新機能についてご紹介します！

タスク管理システムのパスワード更新機能とは？

タスク管理システムとは、その名の通りタスクを管理するシステムです。
新人研修のJava研修で開発したこのタスク管理システムに、更にパスワード更新機能を追加し、ログインしているユーザーのパスワードを変更する機能を開発しました。

開発言語

言語はHTML、CSS、Java、DB関連を使用しています。

HTMLとはWebサイトに文字を表示させたり、入力欄やボタンを作成したりします。CSSはHTMLで作成した文字や入力欄などの配置、大きさ、色などを調節し、Webサイトを綺麗に見せます。

このHTMLとCSSはWebページを作成する、つまり閲覧者が見ることができるので、「フロントエンド」と言われています。一方で、JavaはWebサイトの処理の部分を作成するので、「バックエンド」と言われています。

開発環境

開発環境はEclipseを使用しています。Eclipseは実業務でも使用することが多く、実業務へも生かすことができます！

• 開発環境とは？Eclipseとは？
  開発環境とは、簡単に言うと「開発するための作業場所」です。今回使うEclipseは統合開発環境と呼ばれています。少し難しいので、開発環境は「作業場所」と覚えておきましょう！

Eclipseでソースコードを実行してみよう

では、Eclipseでソースコードを実行してみましょう。 実行するプロジェクト名を右クリックして、メニューから実行＞Spring Bootアプリケーションをクリック

すると、処理が動きだし、画像のようなメッセージが表示されます。ここで「Started YarukotoListApplication」というメッセージが表示されていれば成功です。実行に失敗するとここにエラーメッセージが表示されます。

プログラムを実行したので、Web画面ではどうなっているのか、確認してみましょう。

Webアプリケーションを動かしてみよう

まずはログインをします。

メニュー画面、左上の「パスワード変更」をクリック。

パスワード変更画面が表示されます。
ここで現在のパスワードと、新しいパスワードを入力して、更新すると…。

「パスワードを更新しました」のメッセージが表示されました！

試しに新しいパスワードと確認用のパスワードが一致しなかった場合はどうなるのでしょうか？

「新パスワードと新パスワード（確認）が一致しません」とエラーメッセージが表示されました！

古いパスワードが間違っていたら…？

「旧パスワードが間違っています」とエラーメッセージが表示されました！

まとめ

無事にタスク管理システムのパスワード更新機能を追加することができました。パスワードを更新する処理の不具合が続き、一番苦戦しましたが、先輩社員の方に相談し、自身でもネットで調べながら修正をしていきました。思うように動かないときは辛いですが、正常に動くようになったときはとても嬉しいです！

IT未経験の方はどんな流れで製造を行っていくのか、鯛チャレで経験を積むことができるかと思います。Java、HTML、CSSを勉強したい方や実務に近い開発をやってみたい方はぜひチャレンジしてみてください！