宮里 翼

概要 社内開発として、契約先企業様に向けて請求書をダウンロード可能なwebサービスの開発を行いました。 弊社はSES企業なので契約先企業様とのスムーズな経理処理を実現することが目的として立ち上がったプロジェクトです。 製造 画面はデザイナーが作成したサンプルをThymeleafに落とし込む作業から入りました。 請求書ダウンロード画面はシンプルな作りで、「請求書を取得したい会社名（グループ会社なので複数あり）」、「年月」で検索すると請求書一覧がテーブル形式で表示されるというものでした。 初期表示はログインしたユーザー（契約先企業様）の契約している会社を取得してきて「会社名」に表示し、請求書が存在する年月を「年月」に設定するよう実装しました。 苦戦した点として、検索項目の「会社名」を変更した場合に、請求書が存在する年月をajaxで取得し「年月」として自動設定する、という要件でした。 ajaxに触れるのは初めてでしたが、実際に使ってみると非常にUXが高く感動した思い出があります。 また検索にて取得してきたデータを画面上でループ処理し、テーブル形式で表示させました。 取得してきたデータはth:eachを用いて実装をしました。 検索ロジックは特筆するようなことはありませんが、最初にSELECT　COUNT(*)で検索した値が0なら検索処理を行わないようにパフォーマンスを意識して実装しました。 このプロジェクトで学んだこと 大きなプロジェクトではありませんでしたが、画面を一から作成する経験が貴重だったと思います。HTMLからThymeleafに移行する際にレイアウトがバグってしまうことがあり、その問題解決にCSSとThymeleafタグを理解する必要があり、良い経験でした。 またAjaxを用いたUXの向上には目を見張るものがありました。このプロジェクトはユーザーファーストの設計を心がける良いきっかけになったと思います。