Profile
2017年から東京でフロントエンドエンジニアとして働いています。
Nuxt (Vue) をメインで扱っています。
- 出身&在住 - 埼玉県
- 生年月日 - 1996.11.6
- 好きなもの - ゲーム 🎮 / 猫 😺 / 料理 👩🍳 / 映画 🎥 / 音楽 🎧
Jobs
- 2017 - ██████████
- 2021 - ████████
- 2024 - ████████████████████████
Skills
Primary
業務でメインスキルとして使用中
- Vue
主にNuxtを通して使用していますが、たまにバニラでの開発も行っています。
Vue 2から3への移行経験があります。
- Nuxt
SSGでの開発とNode.jsサーバーの開発の両方を行っています。
バージョン2から3、そして4への移行経験があります。
- TypeScript
メインはNuxtなどを通したフロントエンドとしての運用ですが、Node.jsとしてのバックエンドやインフラ開発(NuxtやLambdaなど)を行うことも多いです。
- Node.js
主にNuxt serverやLambdaでインフラやバックエンド開発を行っています。
- Vitest
テスト開発は主にVitestで行っています。
主に単体テストを目的として使用しています。
以前はJestを使用していましたが、全面移行しました。
- Lambda
APIの構築や、CloudFrontのミドルウェアとしての使用、業務改善用のツール開発などに使用しています。
- GH Actions
CI/CDパイプラインの構築に使用しています。自動テスト、デプロイ、業務改善ツール、カスタムアクションなどの作成経験があります。
- Tailwind
CSS開発を行う際にメインで使用しています。
- JavaScript
TypeScriptとしての使用がほとんどなので、素のJavaScriptを書くことはほとんどありませんが、たまに必要な場合は書いています。
- HTML
過去にアクセシビリティの本格的な対応を行った経験などがあり、その際にマークアップの知識を深めました。
- CSS
最近はTailwindを使用しているので、素のCSSを書くことはほとんどありませんが、たまに必要な場合は書いています。
- Vite
主にNuxtを通して使用しています。たまに簡単な静的サイトを作成する際に使用することもあります。
Secondary
業務でサブスキルとして使用中
- Rails
自身で直接コードを触ることは少ないですが、業務のバックエンド開発でメインで使用しているため、知識は取り入れるようにしています。
簡単なAPIエンドポイントの作成などをたまに行っています。
- Hasura
業務でGraphQL用のミドルウェアとして使用しています。Hasura Actionsといった機能も一部使用経験があります。
まだまだ使いこなせていない機能が多く、勉強中です。
- GraphQL
主にHasuraとの連携で使用しています。クライアントは主にApolloを使用しています。
- Terraform
AWSのインフラ構築や、GitHubの設定管理などを目的とした使用経験があります。
- AWS
幅広く構築経験があります(S3、CloudFront、RDS、ECR、ECS、Lambda、API Gateway、DMS、など・・・)。
- API Gateway
RESTエンドポイントの作成、WebSocket開発用のエンドポイント開発や認証機構などを、自身で一から構築しました。
- Swagger
API設計・ドキュメント作成に使用しています。
TypeScriptと連携したSDK生成機構を構築することで、Railsとフロントエンドのやり取りに使用しています。
- Zod
Swaggerとの連携などに使用しています。
- Renovate
以前はdependabotを使用していましたが乗り換えました。カスタムルール、グループ化、自動マージ設定など色々試しています。
- PostgreSQL
主にHasuraを通した操作がメインですが、必要な際は自身でスキーマ設計なども行っています。
- MySQL
普段はPostgreSQLがメインですがたまに使います。
- Docker
ECS用のコンテナイメージの作成や、開発環境の構築などに使用しています。
Studying
勉強中
- Vercel
本サイトのデプロイもVercelで行っています。業務では使用経験なし(契約などが壁・・・)。
- React
業務ではほんのちょっとだけ。主に個人開発で使ってます。
- Next.js
- Remix
- Prisma
本サイトのデータベース管理に使用しています。
- Github Copilot
Coding Agentが面白い!色々作らせてみてます。
- Express
Experienced
以前使ってた
- Netlify
以前このサイトのデプロイに使用していました。
機能的には好きなのですが、無料プランだとリージョンの問題で遅すぎて乗り換え。
- Scss
以前、やむを得ずモダンな開発が難しかった環境でよく使っていました。
mixinや変数など、色々工夫して頑張っていました。
最近はバニラのCSSが便利になってきたこともあり、ほとんど使っていません。
- Circle CI
以前使用していましたが、最近はGitHub Actionsに完全に乗り換えています。
- webpack
以前は使用していましたが、最近はViteに乗り換えています。
v4からv5への移行経験があります。
- Storybook
だいぶ前のバージョンですが使っていました。普段のメンテナンスに時間を取れず断念しました。
開発体験自体はすごく良かったので、いつかリベンジしたいです。
- jQuery
レガシープロジェクトに携わる際に使用していました。
ゴリゴリ使うというよりは、どちらかというとVanilla JSへの脱却を目指すために学んでいた感じでした。
- Grunt
レガシープロジェクトでの設定経験があります。
最終的にはwebpackへ乗り換えました。
- Pug
やむを得ずモダンな開発が難しい環境のときに良く使用していました。
ミックスインや継承機能などを使って頑張っていました。最近は全く使用していません。
- Jest
Vitestに乗り換えたので、最近は全く使っていません。