kwhr-portfolio

KWHR

YUTO KAWAHARA

DESIGN ENGINEER PORTFOLIO.

Scroll

scroll

PROFILE

PROFILE

QRコード

川原 雄人

Kawahara Yuto

生年月日1994/11/4
出身地大阪
趣味登山/ボードゲーム/カラオケ

はじめまして!  川原雄人(かわはら ゆうと)と申します。新卒でIT企業に就職し、SE/PGとして主に家電製品などの組み込み開発に約4年間携わりました。  その後、WEBエンジニアになるべく独学をスタートし、現在ではWEBエンジニアとして主にUI・UX設計やフロントエンドをメインで担当しています。  アニメーションにも興味があり日々技術習得中です。本ポートフォリオサイトは、私の現在のITスキルや経験内容を見える化してまとめたいと考えフルスクラッチ開発しました。 3ヶ月毎にスキル棚卸しのためにサイト更新予定です。

SKILL

SKILL

UI/UX

Figma

Figma

UIデザインやプロトタイプ作成を中心に活用。デザインルールの構築やコンポーネント設計も行っています。

Adobe Illustrator

Adobe Illustrator

アイコンやロゴ制作、簡単なグラフィックデザインに使用。UIデザインの補助としてベクター画像の作成や加工も行えます。

Adobe AfterEffects

Adobe AfterEffects

UIアニメーションやモーションデザインの制作に活用。プロトタイプやデモ用の動画作成にも対応できます。

Adobe XD

Adobe XD

Figma導入前に使用していたツール。ワイヤーフレームやプロトタイプ作成の経験があります。

Frontend

HTML5

HTML5

日常業務で使用しており、Webページの構造設計やコンポーネント化に対応可能です。デザイン作成からプロトタイプ制作まで幅広く活用しています。

CSS3

CSS3

SCSSやCSS-in-JSを用いたスタイル設計に対応。コンポーネント指向の設計が得意です。

JavaScript

JavaScript

業務での開発経験が豊富。ES6以降の最新仕様に対応し、API通信や非同期処理、イベントハンドリングなど幅広く対応できます。

TypeScript

TypeScript

型安全なコードを意識し、保守性の高い開発を行います。日常業務で使用しており、ReactやNext.jsを活用した開発にも対応可能です。

Flutter

Flutter

モバイルアプリ開発の経験があります。Dart言語を使用し、クロスプラットフォームでの開発を行いました。

Backend

Ruby

Ruby

独学で学習を開始し、Ruby on Railsを用いた簡単なアプリケーション開発の経験があります。

PHP

PHP

Laravelを用いたAPI開発やWebアプリケーションの実装経験があり、フロントエンドとの連携もスムーズに行えます。

Framework

React

React

SPAやSSRの開発経験があり、状態管理(Zustand, Redux, Context API)やパフォーマンス最適化も対応可能です。

Vuejs

Vuejs

Vue2/Vue3 の経験があり、Composition API を活用した開発も行っています。

Next.js

Next.js

業務での実務経験があり、SSG/ISRの最適化、API Routesの実装など幅広く対応できます。

Nuxt.js

Nuxt.js

Vue.jsベースのフレームワークとして利用。SSRやWebアプリケーション作成の経験があります。

Laravel

Laravel

Laravelを用いたAPI開発やWebアプリケーションの実装経験があり、フロントエンドとの連携もスムーズに行えます。

Ruby On Rails

Ruby On Rails

独学で学習を開始し、Ruby on Railsを用いた簡単なアプリケーション開発の経験があります。

Cloud

AWS

AWS

EC2, S3, RDS, Lambda, Amplifyなどを使用した開発経験あり。インフラの基本的な設計・構築が可能です。

Firebase

Firebase

Firebase Remote Config, Authentication, Cloud Messaging を活用し、BaaSを用いたアプリ開発の経験があります。

Tool

Github

Github

チーム開発でのGit管理に対応。ブランチ戦略やコードレビューの経験があります。

Postman

Postman

APIのテストや開発時のデバッグに活用。リクエスト・レスポンスの確認やコレクションの管理が可能です。

Bitbucket

Bitbucket

GitHubと同様に使用経験あり。CI/CDの設定やチームでの開発管理に活用しています。

Jira

Jira

アジャイル開発でのタスク管理やスクラム運用の経験があります。

SourceTree

SourceTree

Git管理をGUIで操作する際に使用。リポジトリの可視化やブランチ管理に活用。

Docker

Docker

開発環境のコンテナ化に対応。Docker Compose を用いたマルチコンテナ環境の構築経験があります。

WORKS

WORKS

2017 - 2021

プロジェクト名室外機の派生開発
概要既存プログラムへ新機能を追加・既存機能をアップグレード。主に仕様変更依頼対応の上流~下流工程を担当
開発環境C言語, Visual Studio
担当基本設計、詳細設計、PG、テスト
プロジェクト名製品販促用デモアプリケーション開発
概要派遣先の立花エレテックで、営業部と協働してC#による商品販促用アプリケーション開発を担当
開発環境C#, Visual Studio, Figma
担当基本設計、詳細設計、デザイン、PG、テスト

2022

プロジェクト名ランディングページ作成6本
概要新規サービス告知のためのランディングページを開発
開発環境Figma, Vue.js, tailwindcss
担当デザイン、PG(フロントエンド)
プロジェクト名Noruuu-Callcenter
概要コールセンター向けの既存アプリケーションを機能追加・改修し、業務効率の向上
開発環境Laravel, Figma, Vue.js, tailwindcss
担当基本設計、詳細設計、デザイン、PG(バックエンド・フロントエンド)
プロジェクト名Noruuu-Delivery
概要既存の店舗向けWebアプリケーションをVue.jsからReactへのコンバートおよびリファクタリング
開発環境Laravel, Figma, React
担当基本設計、詳細設計、デザイン、PG(バックエンド・フロントエンド)

2023

プロジェクト名社内向けiPad用受付アプリ
概要社内向けのiPad用受付アプリのデザイン・開発
開発環境Figma, Flutter, Slack
担当基本設計、詳細設計、デザイン、PG(バックエンド・フロントエンド)
プロジェクト名Noruuu-Ride
概要ToB向けのホワイトレーベルな配車アプリケーションの新規開発・リリース
開発環境Laravel, Figma, Flutter
担当基本設計、詳細設計、デザイン、PG(バックエンド・フロントエンド)
プロジェクト名Noruuu-Ride (しもまちベイビータクシー)
概要下関市からの受託開発で、Noruuu-Rideを利用した妊婦専用のタクシー配車アプリのデザイン・開発
開発環境Laravel, Figma, Flutter, Vue.js
担当基本設計、詳細設計、デザイン、PG(バックエンド・フロントエンド)
プロジェクト名Noruuu-Enterprise
概要ToB向けクーポンの発行・管理・利用状況分析を一元管理するシステムを新規開発
開発環境Laravel, Figma, React
担当基本設計、詳細設計、デザイン、PG(バックエンド・フロントエンド)

2024

プロジェクト名Noruuu-Ride(LINEミニアプリ)
概要ToB向けの日本版ライドシェアに対応した新サービスをLINEミニアプリで提供
開発環境LINE, Laravel, Figma, Next.js
担当基本設計、詳細設計、デザイン、PG(バックエンド・フロントエンド)
プロジェクト名Noruuu-Sharing(オンデマンドMaaSアプリ)
概要ユーザーが必要なタイミングで車両を予約・利用できる乗合サービスを実現し、SaaSとして展開可能な仕組みを構築
開発環境Laravel, Figma, Next.js
担当基本設計、詳細設計、デザイン、PG(バックエンド・フロントエンド)

CONTACT

CONTACT

wantedly