ventus-inc https://blog.hatena.ne.jp/ventus-inc/ 株式会社HEARTBEATSエンジニアブログ https://ventus-inc.hatenablog.com/ こんにちは。リードエンジニアの冬鏡です。HEARTBEATS のプロダクトである ORICAL には、ユーザーが集めたカードや装飾アイテムを自由に配置して、自分だけの画面を作れる「バインダー」という機能があります。 バインダー機能の利用イメージ。権利保護のため、一部カード画像をぼかしています。 単に「Canvas を使った機能を作った」という話ではありません。なぜ開発者が仕様検討段階から入ったのか。なぜグリッド配置ではなく自由配置にしたのか。Canvas の上で、移動・回転・衝突判定・ピンチ操作をどう扱ったのか。そして、複数パートナーに展開するプロダクトとして何を意識したのか。 普段の HEA… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fventus-inc.hatenablog.com%2Fentry%2F2026%2F05%2F12%2F152049" title="バインダー開発の裏側: 仕様づくりからCanvas実装まで - 株式会社HEARTBEATSエンジニアブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.blog.st-hatena.com/images/theme/og-image-1500.png Hatena Blog https://hatena.blog 2026-05-12 15:20:49 rich https://ventus-inc.hatenablog.com/entry/2026/05/12/152049 1.0 100%