mail

github

twitter

facebook

hatena

1人目のフロントエンドエンジニアとして、フロントチームを立ち上げ。
技術選定やコンポーネント設計、デザインシステムの構築に携わる。

腸内フローラ解析のスタートアップに入社。
Ruby on Railsで自社サービスの開発に携わる。

Cykinso

WEB制作会社の案件を元に実践的なコーディング技術を学ぶ。
SPA や SVG アニメーションなどを実装。

Akros

コーポレートサイトやランディングページなどの制作を受注。
マークアップや中規模サイトの CSS 設計を担当。

Lancers

課題制作で実際にWEBサイトを制作。
授業内のコンペティションで最優秀賞を受賞。

Schoo

HTML・CSS・JavaScriptなどWEBテクノロジーの基礎を学ぶ。
動画完了数は1500本以上。

dotinstall

HTML

効率的で変更に強いコーディング

レイアウトからアニメーションまで

効率的で保守性の高いコーディング

Sass

PostCSS

BEM・SMACSS

最新の仕様にキャッチアップしながら保守性の高いコーディング、独自のUIや演出を作成

JavaScript

ライブラリーを組み合わせつつ独自のプログラムも実装

jQuery

TypeScript

Next.jsでのSPA実装、StoryBookによるコンポーネント管理

React

Nuxt.jsでのSPA実装、StoryBookによるコンポーネント管理

プロジェクトにあったビルド環境の構築

gulp

webpack

パフォーマンスとセキュリティ・DXを高めた開発

Jamstack

ヘッドレスCMSで既存資産を生かした迅速な開発

microCMS

テーマ作成、小・中規模サイトの制作

WordPress

Rails

Vagrant

Docker

サーバー構築・ドメイン・CDN・Lambda

Terraform

Itamae

すべてのプロジェクトをバージョン管理

プルリクエストベースのチーム開発

GitHub

CircleCI

素早いコーディングができるようにカスタマイズ

パフォーマンスの計測やデバック

Chrome

東京都がリリースした新型コロナウイルス感染症対策サイトの開発に参加しました。
グラフやテーブルの実装、コンポーネントを整理して TypeScript 化するリファクタリング、パフォーマンス向上など、70あまりサイトを改善するプルリクエストを作成しました。


東京都新型コロナウイルス感染症対策サイト

腸内フローラ解析の会社で、Rails による WEB アプリケーション開発や Nuxt.js によるフロントエンドの開発をしています。
LP やサービス画面はスタイルガイドを整備して、保守性と拡張性を意識した CSS やコンポーネントの設計をしています。

Mykinso

アメリカと日本で活躍されているコンサルタントのコーポレートサイトをデザイン・制作しました。シンプルなデザインに統一しつつ、アニメーションで演出を加えました。日英の多言語対応も行い、WordPressですべての文言を更新できるようにしました。

Nozomi Finacial Group

AVIVA様のWEBデザインコースのランディングページのコーディングを担当しました。落ち着いたデザインを守りつつ、アクセントとしてスクロールエフェクトやホバーエフェクトを工夫しました。

aviva pro

架空の旅行会社のランディングページのデザイン・コーディングを担当しました。写真をきれいに見せるために要素をできるだけ省いたフラットなデザインを採用しました。