業務経歴書・ポートフォリオ

2017年からフリーランスエンジニアとして、主にWeb開発/運営を、フロントエンド・バックエンド・インフラなど幅広く受け付けています。

基本情報】

名前Hiroki Hayashi
生息地東京都
経歴東京電力入社後、Webサービスを作りたいと思い退社→個人事業主として開業し、Web制作を行っています。
xhttps://x.com/RollTall
Githubhttps://github.com/H-Hp
YoutubeGotosol
クラウドワークスhttps://crowdworks.jp/public/employees/499201
ランサーズhttps://www.lancers.jp/profile/rinrinrinrinrinrin
bokete星50越え

スキル】

言語
Java / PHP / Ruby / Javascript / Python / C# / VBA / CSS

RDB/NoSQL
PostgreSQL / MySQL / MariaDB / SQLite / MongoDB

フレームワーク
Rails / Laravel / jQuery / Bootstrap / NodeJs / ReactJs / Vue.js

SaaS/PaaS
GitHub

AWS
EC2

Webサーバー
Apache / Nginx

その他
Git / HTML / Unity / UnrealEngine / Cordova / Blender

テキストエディター
Sublime Text / eclipse / VS Code / Atom / Cursor

機械学習
Tensorflow / ニューラルネットワーク/決定木/ランダムフォレスト/遺伝的アルゴリズム/強化学習

バリューを発揮しやすい業務

•Webアプリ制作
•パッケージマネージャの導入
•LinterやFormatterの導入
•単体テストや統合テストの導入
•local/dev/stg/prod環境の適切な切り分け
•Gitブランチモデルの適切な定義
•CIサービスの導入
•Dockerによるコンテナ化
•Terraformインフラのコード化
•デプロイの自動化
•データベースマイグレーションの自動化

【成果物

Aim-目的の発見サイト
目標を持てることを目標にしたサイトですがまだまだ未完成です。
使っている技術: HTML / CSS / Git / Javascript / jQuery / PHP など

Youtube

基本的にUnity内で制作を行っています。

Blenderにて、自分で0からモデリング→アーマチュア作成→メッシュとアーマチュア連携→ウェイト設定→自分でシンプルなアニメーションを作成したり、Mixamoでアニメーションを追加したりしています。

360度のパノラマ動画で2160s・4Kという最高品質の画質で花火の動画を作成しました。画面をマウスなどで動かすと周りを見渡せます。

学生時代に友人とオーケストラみたいなことをしていて、指揮者やキーボードや木琴をしていたので、その経験を活かして、unity内でピアノを作り演奏しました。

Androidアプリ

【主な業務経歴】

Laravelで人事管理システム(HRMS)開発 – 2022年5月〜2023年10月末日まで

【プロジェクト概要】
人材派遣サービスを提供する企業様にて、Railsでバックエンドを主に担当
 
【業務内容】
・ダッシュボードの実装
・カスタムレポート生成機能
・データ可視化(グラフ、チャート)
・エクスポート機能(CSV、PDF)
・給与計算ロジックの実装
・給与明細生成機能
・税金・社会保険料の計算
・給与支払い記録の管理
・RESTful APIの設計と実装
・API認証(OAuth2)の実装
・API文書の作成(Swagger)
・ユニットテストの作成
・機能テストの実装
・ブラウザテストの実装
・コードの修正をおこなったチームメンバーに対するコードレビュー
 
【実績】
Laravelフレームワークを用いた大規模人事管理システム(HRMS)の開発は初めての経験であったが、短期間で深く学習し迅速にキャッチアップ。MVC アーキテクチャを最大限に活用し、保守性の高いコード構造を実現。Eloquent ORMを駆使して複雑な従業員データモデルを効率的に設計・実装し、データベースのパフォーマンスを最適化。また、Laravel Passportを導入してOAuth2.0ベースの堅牢なAPI認証システムを構築。フロントエンドではVue.jsと Laravel Mixを組み合わせ、シングルページアプリケーション(SPA)としてレスポンシブで高速なユーザーインターフェースを実現。さらに、Laravel Queueを活用して大量の給与計算処理を非同期で効率的に処理するバッチシステムを開発。Laravel Schedulerを用いて定期的なレポート生成や通知送信を自動化し、システム全体の効率を大幅に向上。また、Laravel Duskを使用して包括的な自動テストを実装し、品質保証プロセスを強化。これらの取り組みにより、スケーラブルで保守性の高い人事管理システムを短期間で構築し、クライアントの業務効率化に大きく貢献。

【使用技術/ツール】
Laravel9
REST API
React17
PHPUnit
Laravel Dusk
PostgreSQL14

【規模】
開発チーム:5名→7名
役割:開発エンジニア

フロントエンドReact開発 – 2021年5月〜2021年12月まで

【プロジェクト概要】
日本の温泉・旅館予約特化型サイトの大規模開発

【担当業務】
・ReactとTypeScriptを使用した入力フォームなどのコンポーネント設計と実装とAPIと連携
・UIコンポーネントのテストを Jest + React Testing Library で実装
・GitHub Actions を用いた CI / CD ワークフローの作成
・Jest + React Testing Library を使用したコンポーネント単位の結合テストの実装
・PlayWright を使用してE2Eテストの実装
・npm scriptにてビルドやテスト自動化を実装
 
【実績】
ReactとTypeScriptを用いたフロントエンド開発は初めての経験だったが、短期間で習得し最新のベストプラクティスを取り入れた。Hooksを活用した効率的な状態管理やカスタムフックの作成により、コードの再利用性と保守性を大幅に向上させた。Jestとtesting-libraryを用いたテスト駆動開発を導入し、コードの品質と信頼性を確保。さらに、playwrightによるE2Eテストを実装し、予約フローの自動テストを確立。npmを活用したパッケージ管理の効率化や、CIパイプラインの構築によりデプロイの完全自動化を達成。また、多言語対応やアクセシビリティ改善にも取り組み、国際的な利用者にも配慮したサービス設計を実現。結果として、ユーザビリティの高い、パフォーマンスに優れた温泉・旅館予約サイトの開発に大きく貢献した。
 
 【使用技術/ツール】
React17
TypeScript
Jest
ts-jest
testing-library
playwright
Node v15.14.0
npm v7.7.6

【規模】
開発チーム:10名
役割:開発エンジニア

Railsでのナレッジ管理システム開発 – 2019年9月〜2020年11月末日

【プロジェクト概要】
営業代行サービスを提供する企業様にて、ナレッジ管理システムの開発チームに参画し、Railsでバックエンドを主に担当
 
【担当業務】
・階層構造を持つカテゴリの実装(closure_treeのgemを使用)
・ActiveRecordモデルの作成と関連付け(has_many, belongs_to, has_and_belongs_to_many等)
・Active Storageを使用したファイルアップロード機能の実装とS3との連携
・コメントのCRUD操作の実装
・Elasticsearchの導入と設定とインデックス設計と複雑な検索クエリの実装
・Rspec による単体テスト統合テスト
・JWT を用いた認証
 
【実績】
こちらのプロジェクトでは、実際に社内で使いやすいように要件定義後にモックアップを使ってもらい、社員さんの声を聞きながら要件を修正していくといった開発が行われていきました。
情報漏洩防止のため、単純なパスワード認証でなくJWTを用いることでセキュリティ性の高いシステムを構築しました。

 【使用技術/ツール】
Rails5.2
Capistrano
Elasticsearch
Rspec
PostgreSQL11
CircleCI
JWT

【規模】
開発チーム:5名
役割:開発エンジニア

RailsによるWebアプリの改修 – 2019年3月〜2019年7月末日まで
 
【プロジェクト概要】
ニュースメディア系のWebサービスを提供する企業様にて、プラットフォームの改修をチームの一員として、主にバックエンド開発を担当し、フロントエンド開発もPWAなど一部担当
 
【業務内容】
・記事、カテゴリ、タグ、ユーザー情報などのテーブル設計の見直しと改修
・バリデーションルールの設定
・全文検索エンジンElasticsearchの導入し、検索クエリの最適化
・Rspecによる統合テスト
・PWA/Progressive Web Apps対応
 
【実績】
PWAは初めての実装でしたが、短期間でキャッチアップし、マニュフェストファイルの作成、ServiceWorkerの作成、HTMLで必要ファイルを読み込みをスムーズに実装することができました。

 【使用技術/ツール】
Rails6
Rspec
Elasticsearch
Vue.js
Github Action
Docker
docker-compose

【規模】
開発チーム:4名
役割:開発エンジニア

VBA/Pythonでの株分析ツール作成 – 2017年7月〜2018年12月まで
 
【プロジェクト概要】
・知人の株のトレード/分析ツールをVBA/Pythonにて作成
 
【業務内容】
・Webページからseleniumでテクニカル情報とファンダメンタル情報をスクレイピング
・要件定義にて必要な機能を洗い出し
・テクニカル指標の数式からPythonでチャート化を実現
・エクセルに各分析のvbaにて発火ボタンを作り、vbaからpythonを呼び出しランダムフォレスト・決定木・tensorflowによる株価分析を行いExcelに結果を集計
・決定木による分析は、前日までの上がった下がったをそれぞれ1と-1で扱い、100個ほどのデータを決定木という図式にして、今日は上がるのか下がるのかを分析するというものです。社会の動きを反映できませんが、過去のデータで当たる率を算出しましたが約6割で収束することができました。
自分でテクニカル分析とファンダメンタル分析を行い、購入するかを判断します。
・企業の細かい財務諸表を読みリスクや購入するべきかを考え、様々なテクニカル指標を判断して購入タイミングを計ります。
・ファンダメンタル情報や分析情報をMySQLに保存
 
 【実績】
・要件定義や設計〜開発〜デプロイやドキュメント作成まで1人で担当
・tensorflowやseleniumなど初めて触る技術を勉強でキャッチアップにて導入を実現

【使用技術/ツール】
VBA
Python
Excel
MySQL
selenium
tensorflow
scikit-learn

 【規模】
開発チーム:1名
役割:PM・開発エンジニア

乳酸菌サプリの製造会社様のHPのLineバナーのクリック回数を計測-2021年8月

Googleアナリティクスの イベントトラッキング により計測しました。

プレスラボ様のHPの改修-2018年1月

プレスラボ様のHPを主にHTML / CSSを使ってレイアウトなどを改修しました。

派遣会社様のExcelにて有給管理表の作成-2018年1月

vbaにて実装しました。有給の仕組みを調べるところからだったので大変でした。

歯医者様のHPの入力フォームをjQueryにて作成-2017年2月

HTML/Javascript/jQueryにて作成しました。

エラーページの作成・401・403・404・500エラーページ-2017年1月

HTMLとCSSにて作成しました。

マニラの英会話のHP作成-2015年6月

HTML / CSS / JavascriptにてシンプルなWebサイトを作成しました。

【PR】

納期を守ることはもちろんのこと、納品後の検収期間も丁寧に対応させていただいております。

案件完成後でもサポート対応しています。

プログラムに関することなら(特にWeb関連)、勉強も苦にならないので、わからないことも積極的に調べて業務に活かします。

またクライアント様の意図を考えて、こうしたら助かるなということを考えながら作業します。

【Twitter