Photo by Kouhei Yanagi

BackImage location in Sakurashima, Kagoshima

Welcome to my Portfolio

- 👤Profile -

Kouhei Yanagi

Nagasaki, Japan

  • 🏠長崎県長崎市出身
  • 🏫2021å¹´3月 鹿児島大学 工学部 情報生体システム工学科 卒業
  • 👜2021å¹´4月 ソフトウェアベンダー系自社開発企業に開発SEとして配属
  • 👜2022å¹´1月 一身上の都合により退社
  • 🏠2022å¹´2月 長崎に移住しました

- ⚙My Skills -

- 📒Works -

C++

C#

.NET Framework

WindowsForms App

WPF

WinFroms / WPFを用いたデスクトップアプリケーションの開発業務

.NET Framework および WPF を用いた自社パッケージ製品のシステム開発に従事しています。
以下の業務内容を約3-4名程のメンバーでGitを用いてウォーターフォール型のチーム開発を行っています。


  • 📚新機能の画面実装・ロジック実装およびそれに伴うマスタ設定の変更
  • 📚顧客様からの要望および問い合わせに対する改修作業およびパフォーマンス検証
  • 📚C++およびWin32APIを用いた画面制御を行うDLLファイルの作成

June.2021 - Dec.2021

HTML/CSS

JavaScript

jQuery

C#

ASP.NET MVC

ASP.NET Web API

SQL Server

Git

社内管理WEBアプリケーションの開発業務

新人研修の一環として、自社製品の顧客情報および契約情報を管理するWEBアプリケーションの開発業務に 要件定義,DB設計,開発,運用まで 0 → 1 ベースで担当しました。


[課題]

社内の顧客管理および問い合わせ内容の管理等を全てExcelを行っていた為、 社内における業務効率の向上のために制作しました。


[技術選定]

  • フロントエンド : HTML&CSS / JavaScript / jQuery
  • バックエンド : ASP.NET MVC / ASP.NET Web API
  • DB : SQL Server

[主な機能]

  • ✅認証機能(ASP.NET Identity)
  • ✅顧客情報の作成,編集,削除機能(Web API / Entity framework / Linq to SQL)
  • ✅顧客毎のサーバー構成(オンプレミス環境)やリモード情報の管理(Editor.jsライブラリ)
  • ✅自社製品の問い合わせおよび要望内容の作成,編集,削除(データ一覧にはDatatableライブラリを使用)
  • ✅契約書,請求書および送付書等をCSV形式で出力する帳票機能( ClosedXmlライブラリ)

July.2021 - Dec.2021

React.js

Gatsby.js

Tailwind CSS

Netlify

Github

ポートフォリオサイト制作

React.jsおよびフロントエンド学習の一環として、当ポートフォリオサイトを制作しました。

[技術選定]

  • フロントエンド : Gatsby.js
  • UIフレームワーク : Tailwind CSS
  • ホスティングサービス : Netlify

静的サイトである事、またデータベースやバックエンドの考慮 が要らずにフロントエンド分野の学習に集中できる事から Gatsby.js を採用しました。

Dec.2021 - Jan.2022

React.js

TypeScript

MUI

Firebase

個人開発サービス RecPool 制作(制作中)

バンドマンのメンバーを集める「メン募」のような HIPHOP楽曲制作メンバーを募集また参加できる サービス RecPool の開発を現在進行形で行っています。

[現在の開発進行度]

  • ✅React学習 (React Hooks,React Router, Redux Toolkit,Custom Hooks)
  • ✅Firebase学習(No SQLの特性の理解 / Authentication / FireStore Database / Storage / Hosting )
  • ✅要件定義およびワイヤーフレームの作成
  • ✅トップページおよび新規ユーザーのプロフィール作成ページ実装
  • ✅ユーザーページおよび編集ページ
  • 🔲新規コミュニティ作成ページ / 制作物投稿ページ 実装
  • 🔲検索ページ実装(検索対象 : ユーザー / コミュニティ / 制作物)
  • 🔲フレンド機能 / 通知機能の実施

Jan.2022 - Now

React.js

TypeScript

laravel

heroku

Github

個人開発「しくじりTODO」制作

作成したTODOリストからその日に達成できなかったTODOを「しくじりTODO」として皆でシェアするアプリです。

しくじりTODO | 公式サイト

フロントエンドとサーバーエンドのフレームワークを組み合わせたSPAアプリケーションの学習 およびReact.jsとLaravelの理解度を深める目的で作成しました。 Firebaseで認証回りはサボっていたので、認証に関してはいい勉強になりました。

[技術選定]

  • フロントエンド : React.js(TypeScript)
  • サーバーエンド : Laravel
  • DB : PostgreSQL
  • インフラサービス : Heroku
  • バージョン管理 : Github

[主な機能]

  • Twitter連携のSPA認証機能(laravel Socialite/Laravel Sanctum)
  • SPA認証によるユーザーのログインおよびログアウト
  • TODOリストの作成および削除

[問題点]

サービスの拡散・アピールを高める上でOGPを活用したSNSシェア(OGP画像とTwitterカード) は必須であると考える為、OGP設定および動的OGPの生成を行いたいのですがどうにも 現在の形じゃ実現が厳しそうなので、模索中です。近日、Next.js × Laravel でリプレイスして動的OGPを実装したいと思ってます。

Feb.2022