2017年からフリーランスエンジニアとして、主にWeb開発/運営を、フロントエンド・バックエンド・インフラなど幅広く受け付けています。
【基本情報】
| 名前 | Hiroki Hayashi |
| 生息地 | 東京都 |
| 経歴 | 東京電力入社後、Webサービスを作りたいと思い退社→個人事業主として開業し、Web制作を行っています。 |
| x | https://x.com/RollTall |
| Github | https://github.com/H-Hp |
| Youtube | Gotosol |
| クラウドワークス | 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インフラのコード化
•デプロイの自動化
•データベースマイグレーションの自動化
【成果物】
Propugnare･ｵｲﾝﾗｲﾝ将棋
・アプリ説明：オンラインの将棋の対戦サービス
・URL： https://propugnare.online/
・使用技術：Rails / PostgreSQL
Aim-目的の発見サイト
・アプリ説明：目標を発見できるサイトです。作業中のお供のサービスもあります。
・URL： https://aim-room.com/
・使用技術：Rais / Bootstrap / PostgreSQL
Json Lysis – Jsonを見やすい図へ
・アプリ説明：複雑なJSONデータを直感的な視覚的図表へ瞬時に変換できます。
・URL： https://json-lysis.xyz/
・使用技術：PHP / Zend Engine / Composer / Laravel / node
ResponsiveClear – ﾚｽﾎﾟﾝｼﾌﾞ確認ﾂｰﾙ
・アプリ説明：ResponsiveClear は、URL を入力するだけで、さまざまなデバイスでの Web サイトの応答性を即座に確認できる、超高速の無料 Web サービスです。
・URL： https://propugnare.online/
・使用技術：Next.js / node
自作3Dモデルのメアリー
・Blenderにて自作しました。Mixamoなどのアニメーションツールにて動かすこともできます。
https://portfolio-astro-peach.vercel.app/3dmodel
Youtube
基本的にUnity内で制作を行っています。
Blenderにて、自分で0からモデリング→アーマチュア作成→メッシュとアーマチュア連携→ウェイト設定→自分でシンプルなアニメーションを作成したり、Mixamoでアニメーションを追加したりしています。
360度のパノラマ動画で2160s・4Kという最高品質の画質で花火の動画を作成しました。画面をマウスなどで動かすと周りを見渡せます。
学生時代に友人とオーケストラみたいなことをしていて、指揮者やキーボードや木琴をしていたので、その経験を活かして、unity内でピアノを作り演奏しました。
GithubFollowChecker
・アプリ説明：Githubで相互フォロー以外の自分だけが相手をフォローしているアカウントを発見できます。相互フォローを相手から解除された時にそのアカウントを見つけ出し、フォローを外すために使えます。
・URL： https://github.com/H-Hp/GithubFollowChecker
・使用技術：Go
・使い方：Githubからインストール後にターミナルで「go run main.go」を実行するとこちらが片思い、もしくは相手からの一方的なユーザーが一覧表示されます。
ポートフォリオ紹介サイト
https://portfolio-astro-peach.vercel.app/
Androidアプリ
笑い袋アプリ
・アプリ説明：ボタンを押すと声が出る笑袋アプリです。
・URL： https://github.com/H-Hp/Laugh_Unity
・使用技術：Unity / C#
目覚まし時計
・アプリ説明：シンプルな目覚まし時計アプリです。
・URL： https://github.com/H-Hp/Alerm_Android
・使用技術：Java
禁欲タイマー
・アプリ説明：シンプルな禁欲タイマーです。
・URL： https://github.com/H-Hp/MyOnakinTimer_Unity
・使用技術：Unity / C#
【主な業務経歴】
電子カルテシステム(EHR)のバックエンド開発と保守 – 2023年10月〜2025年9月まで
【プロジェクト概要】
医療機関向けクラウド型電子カルテシステムを提供する企業様にて、Laravelでバックエンドを主に担当
【業務内容】
・患者ダッシュボードの実装
・診療データ分析レポート生成機能
・データ可視化(グラフ、チャート)
・エクスポート機能(CSV、PDF) ・診療報酬計算ロジックの実装
・診療明細書生成機能
・保険点数計算
・レセプト対応
・診療記録管理システムの開発
・RESTful APIの設計と実装
・API認証(OAuth2)の実装
・API文書の作成(Swagger)
・ユニットテストの作成
・機能テストの実装
・ブラウザテストの実装
・コードの修正をおこなったチームメンバーに対するコードレビュー
【実績】
Laravelフレームワークを用いた電子カルテシステム(EHR)の開発は初めての経験であったが、医療情報システムの開発ガイドライン(厚生労働省)および三省ガイドラインを短期間で学習し迅速にキャッチアップ。MVCアーキテクチャを最大限に活用し、HIPAA準拠を意識した保守性とセキュリティの高いコード構造を実現。Eloquent ORMを駆使して複雑な患者データモデル・診療記録データを効率的に設計・実装し、データベースのパフォーマンスを最適化。また、Laravel Passportを導入してOAuth2.0ベースの堅牢なAPI認証システムを構築し、医療情報の厳格なアクセス管理を実現。フロントエンドではReact17とLaravel Mixを組み合わせ、シングルページアプリケーション(SPA)としてレスポンシブで高速な医療従事者向けインターフェースを実現。さらに、Laravel Queueを活用して大量のレセプト計算処理を非同期で効率的に処理するバッチシステムを開発。Laravel Schedulerを用いて定期的な診療統計レポート生成や患者通知送信を自動化し、システム全体の効率を大幅に向上。また、Laravel Duskを使用して包括的な自動テストを実装し、医療システムに求められる高い品質保証プロセスを強化。データの暗号化処理(AES-256)、監査ログ機能、アクセス権限管理の実装により、医療情報の機密性・完全性・可用性を確保。これらの取り組みにより、スケーラブルで保守性の高い電子カルテシステムを短期間で構築し、クライアントの診療業務効率化と医療の質向上に大きく貢献。
【使用技術/ツール】
Laravel9→10
REST API
React17
PHPUnit
Laravel Dusk
PostgreSQL14
【規模】
開発チーム：5名
役割：開発保守
温泉 旅館予約特化型サイトの大規模開発フロントエンドReact開発 – 2021年4月〜2023年4月まで
【プロジェクト概要】
日本の温泉・旅館予約特化型サイトの大規模開発
【担当業務】
・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パイプラインの構築によりデプロイの完全自動化を達成。また、多言語対応やアクセシビリティ改善にも取り組み、国際的な利用者にも配慮したサービス設計を実現。結果として、ユーザビリティの高い、パフォーマンスに優れた温泉・旅館予約サイトの開発に大きく貢献した。
【使用技術/ツール】
React v17.0.2
Emotion v11.4.0
TypeScript v4.3.4
Jest
ts-jest v27.0.4
testing-library
playwright
Node v15.14.0
npm v7.7.6
ASPNET
【規模】
開発チーム：フロント6名 + バックエンド5名 + QA・PM含め15名規模
役割：開発エンジニア
Railsでのナレッジ管理システム開発 – 2020年4月〜2021年3月まで
【プロジェクト概要】
営業代行サービスを提供する企業様にて、ナレッジ管理システムの開発チームに参画し、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名
役割：開発エンジニア
ピアノ学習サービスのe-ラーニング系のWebサービス会社のRailsによるWebアプリの改修 – 2019年4月〜2019年9月まで
【プロジェクト概要】
ニュースメディア系の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年6月まで
【プロジェクト概要】
・知人の株のトレード/分析ツールを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関連)、勉強も苦にならないので、わからないことも積極的に調べて業務に活かします。
またクライアント様の意図を考えて、こうしたら助かるなということを考えながら作業します。