Skip to main content

Skill & Career

スキルと経歴

スキル

エディタ

Visual Studio Code

Visual Studio Code

メインで使用しているエディタ。

開発環境

Git

Git

普段の案件業務から、個人開発にわたり使用。差分はVS CodeのGUIで確認し、コマンドはCLIで操作することが多い。

Docker

Docker

多少、調べながら自分で環境を作ったことがあり、基礎的な知識がある程度。

Webpack

Webpack

多少、調べながら自分で環境を作ったことがあり、基礎的な知識がある程度。

Vite

Vite

多少、調べながら自分で環境を作ったことがあり、基礎的な知識がある程度。

Storybook

Storybook

実務でも個人開発でも活躍している。個人開発ではプロトタイプツールの代わり。

Jest

Jest

基本的な機能はだいたい理解している。

Playwright

Playwright

基本的な機能はだいたい理解している。

言語・フレームワーク

HTML

HTML

忠実なセマンティクスで記述するよう意識している。

CSS

CSS

Tailwind CSSやChakraが好み。

JavaScript

JavaScript

実務使用経験はあるが、基本的にフロントのみ。あとはGoogle Apps Scriptの経験あり。使用歴は4年。

TypeScript

TypeScript

現代のJavaScriptを理解し、型安全なコードを記述できる。使用歴は2年。

React

React

現在メインとする開発スキル。案件ごとのコーディング規約やフロントエンドの作法を考慮しながら開発できる。使用歴は2年。

Docusaurus

Docusaurus

当サイトで使用。v2を使用。

Next.js

Next.js

Next.jsの仕組みを正しく理解し、パフォーマンス等の要件を最適化した実装をすることができる。各種開発ツールの設定を含む環境構築が可能。

Node.js

Node.js

フロントエンドの開発環境としては概ね理解している。バックエンドの実装経験はNext.jsのサーバーサイドの処理やCloud Functionsなど。

React Native / Expo

React Native / Expo

リリース・運用経験はなく、学習用に数個のアプリを作成した。

Prisma

Prisma

学習用の趣味開発で使用したことがある。

TailWind CSS

TailWind CSS

最近の推しCSSフレームワーク

データベース

Firebase

Firebase

個人開発で主に使用。基本的な機能はだいたい理解している。

MySQL

MySQL

実務使用経験あり。データベース、バックエンドとインフラは余裕があれば伸ばしていきたい。

GCP

GCP

Google Analytics Data API, Google Maps API, Google Sheets API等の利用。学習用でCloud Build, Cloud RunでNext.jsアプリをデプロイした経験がある。

所持資格

名称取得年月
応用情報技術者2021/03

経歴

※ここで書いている技術スタックは、実際に使われているもののうち、自分が関わった部分のみ記載しています。

フリーランスウェブエンジニア 【2019/01 ~ 】

2020/09 ~ Now

モダンフロントエンドの世界へ

  • 言語・FW：TypeScript / React / Next.js / Node.js / Svelte / Astro / React Native
  • DB：Firebase / Supabase / PlanetScale
  • 環境：GitHub / Notion / Slack / webpack / Vite / Expo
  • クラウドサービス：GCP / Cloudflare / Vercel / Netlify
  • その他：Storybook / Jest / Vitest / Playwright / Prisma

直近2年はReact案件の業務委託に特化。担当領域は、フロントエンドの設計・実装・テスト。フロントエンドのツールチェインの整備（環境構築、テスト環境整備、CI/CD）にも関わる。

2019/01 ~

フリーランスのウェブエンジニアへ

  • 言語・FW：JavaScript / PHP / WordPress
  • DB：MySQL
  • 環境：Docker

独学の末、WordPress開発者としてスタート。LP制作やホームページ制作での実装を担当。

調理職 【2012/10 ~ 2021/07】

2017/04 ~ 2021/07

地元に戻り、喫茶店の調理職へ

    地元食材を用いた付加価値の高い商品を提供している。自分が独学したもののもうひとつが料理で、それが嵩じて調理職に。

    2012/10 ~ 2017/03

    レストラン事業会社に就職

      店長候補として入社し、予算・売上管理や従業員マネジメントなど店舗運営業務を全般的に行う。特に従業員マネジメントに力を入れ、アルバイトの離職率改善へ取り組む。

      個人開発

      2021

      Food Blog

      • 言語・FW：TypeScript / React / Next.js / Tailwind CSS
      • DB：microCMS
      • 環境：GitHub
      • その他：Storybook / MDX / Sentry / Jest / Playwright

      Next.jsとmicroCMSで作ったレシピブログのサンプル。要件として非エンジニアの方がCMSから入稿とサイトの基本設定の変更ができることを想定。MarkdownだけでなくMDXにも対応しているため拡張性がある。Core Web Vitalsを意識した SEO、構造化データ定義、PWA、RSSなどメディアサイトとして十分な機能を実装している。

      2021

      My Favorite Gear

      • 言語・FW：TypeScript / React / MUI
      • DB：Firestore
      • 環境：GitHub / Vite
      • クラウドサービス：Firebase[Hosting]
      • その他：Twitter API / Rakuten API / Vitest

      自分のお気に入りのアイテムを8つ選んでTwitterに投稿できる。Twitter・アプリケーション・商品サイト（楽天・Amazon）間のスムーズな導線を構築。ご利用にはTwitterアカウントが必要。