Strength
強み
動きは、見本を触って決められます
「なんとなくかっこよく」では、イメージがずれがちです。
制作参考事例のデモを実際に触ってもらいながら、速さや動く量を決めていきます。
重くならないように作ります
アニメーションを入れても、表示の速さや操作の反応を落とさないよう、読み込みの順番や描画の負荷を計測しながら実装します。
動きが苦手な方にも配慮します
OSで「視差効果を減らす」を選んでいる方には、動きを止めた表示に切り替えます。
キーボードだけでも操作できるようにします。
microCMSのAPIとつなぐ画面も
記事の検索や絞り込み、無限スクロール、プレビュー画面など、microCMSのAPIを使った機能も開発します。
React・Vueでの画面開発にも対応します。
Scope
対応している内容
アニメーション
- スクロール連動の演出
- ページ遷移
- WebGL(three.js)
- SVGのアニメーション
UI
- スライダー・タブ・アコーディオン
- モーダル・メニュー
- 絞り込み・検索
- フォームの入力補助
開発
- microCMS APIとの連携
- React・Vueでの画面開発
- Astro・Next.jsでのサイト構築
- 既存コードの改修
使用する技術
- JavaScript
- TypeScript
- GSAP
- three.js
- React
- Vue
- Astro
- Next.js
- View Transitions API