NS

Webエンジニア ポートフォリオ

フルスタックエンジニアとして、実務・個人開発の両方でWeb技術に取り組んでいます。
このサイトはAstroで作られています。

最終更新: 2025年09月07日

Email

About Me

フルスタックエンジニアとして、実務・個人開発の両方でWeb技術に取り組んでいます。フロントエンドからバックエンドまで幅広い技術スタックに精通しており、ユーザー体験を重視した設計と、保守性の高いコードの実装を得意としています。新しい技術への探求心を持ち続け、常に最適なソリューションを追求しています。さらに、要件定義から実装・リリースまでの一連のプロセスを効率的に進めることができ、迅速な開発スピードにも自信があります。

Experience

ブラウザゲームサイトの保守開発

2016年8月 - 2019年7月（3年）
概要:
  1. 公式Webサイトの運用・改修
    • 既存システムの改修
    • 新しいOpenID認証先の追加
    • サイトのクローズ対応
  2. プラットフォームサイトの運用・改修
    • 既存システムの改修
    • 他社プラットフォームへの導入対応

担当役割:コーディング, システムテスト, 運用・保守
使用技術: PHP, Laravel, Slim, Apache, JavaScript, jQuery, GitHub, MySQL, Redis

ブラウザゲームのサイトの新規開発

2018年1月 - 2019年7月（1年7ヶ月）
概要:
  1. 公式Webサイトの新規開発
    • 既存システムを流用し、新しいゲーム公式サイトの構築
    • バッチシステムの新規構築
    • 管理画面のリニューアル
  2. ミニゲームの新規開発
    • サイコロゲームやガチャといった簡単なゲームを作成し、公式Webサイト上に展開
    • Phaser.jsでゲームを実装
    • LaravelでゲームのAPIを実装
    • ミニゲーム進捗の管理、課金通貨との連携

担当役割:要件定義, 基本設計, 詳細設計, コーディング, システムテスト, 運用・保守
使用技術:PHP, Laravel, Slim, Nginx, JavaScript, jQuery, Phaser.js, GitHub, MySQL, Redis

公式ゲームサイト・キャンペーンサイトの新規開発・改修

2019年9月 - 2023年11月（4年3ヶ月）
概要:
  1. ゲームキャンペーンページの新規作成
    • フロントエンド部分を主に担当
    • CSS/JSアニメーションを含めたコラボや季節ごとのキャンペーンページを作成
  2. アニメ公式Webサイトの新規開発
    • 新規でサイトを構築
    • 管理画面にはWordPressやMicroCMSを導入
  3. ゲーム公式Webサイトの改修
    • フロントエンド部分を主に担当
    • 既存システムの改修

担当役割:要件定義, 基本設計, 詳細設計, コーディング, システムテスト, 運用・保守
使用技術:PHP, JavaScript, SCSS, Webpack, Vagrant, Docker, MicroCMS, WordPress, Smarty, GitHub, Redmine, MySQL

自社の採用サイトの新規開発

2020年1月 - 2023年11月（3年11ヶ月）
概要:
  • 検索機能などを搭載した採用サイトを新規で開発
  • 管理画面にはWordPressを導入

担当役割:要件定義, 基本設計, 詳細設計, コーディング, システムテスト, 運用・保守
使用技術:PHP, JavaScript, SCSS, Webpack, Vagrant, Docker, WordPress, GitHub, MySQL

学童保育施設向けシステム開発

2024年6月 - 2025年6月（1年）
概要:
  • 新規機能の追加
  • 既存システムの改修

担当役割:要件定義, 基本設計, 詳細設計, コーディング, システムテスト, 運用・保守
使用技術:PHP, JavaScript, jQuery, VMWare, PHP独自フレームワーク, Bitbucket, MySQL

Skills & Technologies

仕事でかなり使った

JavaScript jQuery Webpack HTML CSS SASS SCSS PHP MySQL Laravel Slim Redis Linux Nginx Apache Photoshop GitHub Bitbucket Virtual Box Vagrant WordPress Jenkins VSCode SublimeText アジャイル開発 npm Babel

仕事でそこそこ使った

Phaser.js Docker Figma CakePHP bash microCMS Movable Type ESLint

仕事で1ヶ月ほど使った

Express BeeGo MongoDB Java Spring Boot Node.js AngularJS Godot Defold Egret cocos2d Create.js PIXI.js Three.js kiwi.js melon.js panda.js AWS Postman

独学だがふつうに使える

Phaser.js Vue React Nuxt.js Next.js TypeScript Astro.js Stylus TailwindCSS DaisyUI

独学で使ったことがある

Django Python Flowbite Svelte Sapper Firebase Cloudflare Netlify Unity C# UE4 ティラノビルダー Vite Bun Solidity Rust Live2D Blender MMD GitLab Eclipse yarn pnpm

個人制作Webサイト

ゲーム公式サイトデモ

ゲーム公式サイトデモ

⏱️ 開発期間: 1ヶ月

ゲーム公式サイトのデモ版。

💡 制作意図

業務で携わってきたプロジェクトの経験を端的にまとめ、これまでの実績をわかりやすく発信できるポートフォリオサイトを制作しました。また、Nuxt.jsを活用してWebサイト制作の技術力をアピールし、実務レベルでの開発が可能であることを証明することも目的としています。

Vue Nuxt3 Tailwind CSS
Demo
勤怠管理システム

勤怠管理システム

⏱️ 開発期間: 2ヶ月

出勤・退勤を管理できるサービスのデモ版。デモのため、Firebaseで実装した箇所は代わりにローカルストレージで実装。同様に、登録・ログインは何でも通過するように設定されています。

💡 制作意図

SESという働き方では、勤怠管理が煩雑で手間がかかりがちでした。その課題を解決するために、勤怠管理システムを導入し、出退勤や労働時間の記録・集計を自動化・効率化できる環境を整えました。また、Next.jsを活用してWebサイト制作の技術力をアピールし、実務レベルでの開発が可能であることを証明することも目的としています。

Next.js React TypeScript Tailwind CSS DaisyUI (Firebase)
Demo