JavaScript開発

スクロールに合わせた演出やWebGLから、microCMSのAPIを使った機能まで。
動きと仕組みの両方を作ります。

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

URLを送るだけで、
お見積もりできます。

デザインデータがなくても、今のサイトや参考サイトのURLがあれば大丈夫です。
移行するかどうか迷っている段階のご相談も歓迎します。