Front-end Developer Portfolio

個人開発と学習の成果をまとめたポートフォリオ

Next.js・TypeScriptを中心に、 個人開発したWebアプリケーションや、 UI設計・バックエンド学習などの成果を紹介しています。

Portfolio

Dashboard

About

これまでの経験と、現在取り組んでいるWeb開発について紹介します。

MS

Front-end / System Engineer

島貫 守

システムエンジニアとして業務に携わりながら、 Next.js・TypeScriptを中心とした個人開発と、 Laravelなどのバックエンド技術の学習に取り組んでいます。

Next.jsTypeScriptTailwind CSSLaravel 学習中

Featured Projects

個人開発・学習開発で取り組んでいる制作物です。

すべて見る
個人開発開発中

SalesFlow AI

顧客・案件管理を想定した個人開発Webアプリ

Next.jsTypeScriptTailwind CSS
詳細を見る

Creator Shop

商品一覧

学習・練習設計中

作品販売管理サイト

ハンドメイド作品などの注文・販売管理を想定した学習開発

Next.jsTypeScriptTailwind CSSFigma
詳細を見る

Searchus

Todo

学習・練習学習中

Searchus Todo Mobile

CSV連携を想定したTodoモバイルアプリの学習開発

React NativeExpoTypeScript
詳細を見る

Skills

現在使用している技術と、学習している技術をまとめています。

Frontend

Webフロントエンド開発

Next.jsReactTypeScriptTailwind CSSHTMLCSS

Backend / Learning

バックエンド学習

LaravelPHPPostgreSQL

Tools

開発・設計ツール

GitGitHubDockerVS CodeFigma

Learning

現在継続して取り組んでいる学習内容です。

継続中

Next.js App Routerでの画面構築

個人開発を通して、App Routerを利用したページ構成やコンポーネント設計を学習。

継続中

TypeScriptでの型設計

Props・APIデータ・ドメインデータなどを型として定義し、保守性を意識した実装を学習。

学習中

Laravel API開発

フロントエンドとバックエンドを分離したWebアプリ構成を理解するため、Laravel APIを学習。

継続中

UI / UX設計

Figmaや個人開発を通して、情報配置・画面遷移・使いやすさを意識したUI設計を学習。

Contact

制作物・ソースコードについて

制作物のソースコードはGitHubで公開しています。 開発内容や制作物についてはこちらから確認できます。