山口 周

株式会社中川政七商店, 社外取締役

永田 菜海

NOT A HOTEL株式会社, Destination Experiences Manager

Chieko Hakuto

Rei Matsuda

フロントエンドアニメーション小ネタ集

falling cherry blossom

写真を撮り、トリミングしてスタンプを貼り画像を生成できるサイトです。
(source: https://github.com/ray-zero2/photoFrame)

Canvasの学習を始めて最初に作った作品です。(canvas 2D)
(canvasの学習にフォーカスしたため、デザインは行っていません。)

JSの仕様やオブジェクト指向もよくわからず制作したためコードは綺麗ではありませんが、
ロジックについてしっかり悩んで実現することができました。

スタンプを描画する際はオフスクリーンのcanvasを2枚使用し、
一番上に描画されているスタンプ以外の全てを事前に描画しておくことで
余計なレンダリングを防ぐ工夫を行いました。

フォトフレーム

particles

ロケット

Happy New Year 2021

Konel / テクニカルディレクター

Hiroyoshi Murata

Dentsu Craft Tokyo, テクニカルディレクター

Jun Tanaka

FESTA運営 + 作品制作

空きスペース可視化プロジェクト

Accomplishments / Portfolio

JavaScript

TypeScript

SCSS

HTML

Vue.js

GLSL

WebGL

React

仕事で使えるフロントエンドフレームワーク

仕事で使えるフロントエンド関連クラウドインフラ

仕事で使えるフロントエンドテストフレームワーク

仕事で使えるCSSフレームワーク

仕事で使えるフロントエンドツール

携わったプロダクト・サービスの種類

携わったプロダクト・サービスの段階

直接マネジメントしたことのある人数

開発経験のあるプロジェクトの規模（画面数）