Work

Terminal

個人で作成したWebアプリ、Webサイト、名刺デザインなどのポートフォリオ・作品集をご紹介します。ぜひご覧ください。

WasTim

  • Vue.js
  • Nuxt.js
  • HTML(pug)
  • CSS(scss)
  • Firebase Hosting
  • Firebase Function
  • Firebase Authentication
  • Firebase Firestore
  • Responsive

自分の1日の評価を数値化し、気づきによる意識改革をサポートする自己啓発サービス「WasTim」を作成しました。
サーバレスなWebアプリ開発をしたことがなかったので、GoogleのFirebaseを使用し作成しました。現在進行形で開発中です。Firebase、SSR(server-side-rendering)、PWAなど、最新の技術を使うことを意識し、UI/UXを意識したデザインを心がけました。
ぜひ、WasTimをご覧ください。

UseD

  • Android Java
  • SQLite
  • AndroidStudio

ネイティブアプリの勉強のため、「UseD」というお金の支出管理アプリ作成しました。
「支出(家賃などどうしても必要な出費)」、「浪費(無駄な出費)」、「投資(意味のある出費)」という3つの種別に分類し、いかに自分のお金の使い方に無駄が多いかということを認識するためのアプリです。
今後Swift(iOSのネイティブ言語)でも作成したいと考えています。

社員管理システム

  • PHP
  • Laravel
  • PostgreSQL
  • HTML
  • CSS
  • jQuery
  • AWS
  • Docker
  • Responsive

SES(客先常駐)で運営している会社などに起こりうる、社員の顔と名前が一致しないという問題を解決するために作成したWebアプリケーションです。
すべての社員に顔写真を登録してもらい、任意でプロフィール情報も登録できます。登録した誕生日や、得意プログラミング言語などで、社員検索や、社員のスキル統計・年代統計のグラフ化なども機能として実装しました。
また、Slack(チャットアプリ)との連携により、新入社員登録通知や、エラー通知、アカウント画面からワンクリックでSlackのダイレクトメッセージなどの機能も実装しました。

※ 管理画面についての機能説明と画像は割愛しています。

売上管理システム

  • PHP
  • Laravel
  • MySQL
  • HTML
  • CSS
  • jQuery
  • Vagrant

紙面により売上を管理している会社の売上データをPC上で管理できるようにするために作成した、売り上げ管理アプリです。
商品のマスタ登録や、値引き、単価の変動なども考慮したつくりにしました。
また、商品数が多く、入力項目も多いためマウス操作によりカーソルを一つ一つ移動させるのが非効率だと考えました。より効率化を意識し、マウス操作は最小限にとどめ、テンキーのみで操作できるよう、「エンターキーで次のフォームへフォーカス移動する」などの、UXも考慮しました。

勤怠管理システム

  • PHP
  • Laravel
  • MySQL
  • HTML
  • CSS
  • jQuery
  • Docker

いままでタイムカード記載の勤怠システムをWeb化しました。
タイムカードで一番手のかかる、人の手で行う値集計処理の自動化、過去の勤怠実績の参照など、紙で管理していた勤怠実績などをWebシステムにすることで、大幅なコスト節約と、管理制度の向上につながりました。

※ 個人情報と機密保持のために、一部表示変更または非表示を行っております。