Couverture
Couverture はスプリングおよびイージングカーブエディタで、アプリ、Web サイト、プロトタイプのアニメーションを強力に加速します。スプリング...
概要
Couverture はスプリングおよびイージングカーブエディタで、アプリ、Web サイト、プロトタイプのアニメーションを強力に加速します。スプリング、イージング、またはタイミングカーブは、アニメーションにおける時間経過に伴う変化率を指定するために使用されます。Couverture では、これらのカーブをリアルタイムで管理・編集・プレビューできます。これは、クリエイティブなプロジェクト向けに洗練されたアニメーションを作成するための強力なツールです。
主な特長:
• 業界最高水準のスプリング/イージングカーブエディタ
• カーブの保存、管理、エクスポートが可能
• アニメーションをリアルタイムでプレビュー
• すぐに使える状態:24 種類のイージングカーブと 13 種類のスプリングカーブが事前に搭載
• カーブのエクスポート形式:SwiftUI、CoreAnimation、UIKit、CSS、画像(PNG)、float リテラル。float 値は、Figma、After Effects、Motion など、タイミングカーブをサポートするほとんどのデザインツールと互換性があります。
• macOS ショートカット対応
• macOS 12 以降に最適化
• M1(Apple Silicon)搭載 Mac に最適化
なぜ Couverture が必要なのか?
優れたアニメーションは、一流のユーザーインターフェース、Web サイト、アプリケーションの設計において不可欠な要素です。Couverture には、厳密に定義されたスプリングおよびイージングカーブが多数同梱されています。アプリ内ですべてのカスタムカーブを保存・管理でき、さまざまなプログラミングフレームワーク向けにコードスニペットとしてエクスポート可能です。CSS キーフレームアニメーションをカーブベースで生成したり、カーブを画像ファイルとして保存したりできます。魔法のような体験は、非常に遊び心あふれるアニメーションプレビューから始まります。この機能により、これまでにない、より興味深く独創的なアニメーションカーブの作成が促されます。これにより、あなたのクリエイティブな作品は他と一線を画すことができます。
プライバシーについて:
私は開発者として、プライバシーは人権であると確信しています。Couverture は分析データを一切収集しません。お客様のすべてのデータはオフラインで、お客様のデバイス上にのみ保存され、安全に保たれます。
新機能(バージョン 1.1.6):
• 印象的な新しいスプリングカーブエディタ
• スプリングカーブの作成、管理、エクスポート、リアルタイムプレビューが可能
• 新しいワクワクする CSS キーフレームジェネレータで、Web 上で高度な CSS スプリングアニメーションを活用
• デザイナーと開発者の間での円滑なコミュニケーションのために、イージングおよびスプリングカーブを画像として共有可能
• プレビュー画面がリサイズ可能になり、さらに快適な操作体験を実現
• データのアクセシビリティ向上:全カーブデータ
編集部確認情報
動き規定を実行値へ落とす製品設計者、Apple 開発者、Web チームに推奨します。進入/退出/確認/中断の意味定義、内蔵曲線複製、実寸プレビュー、制御点/時間または全スプリング値/終了条件、対象最小実装、連打/取消/逆転/低速機、Reduce Motion、設計/開発共同承認、意味名付き JSON/コード/PNG/録画/試験表/SHA-256 の順です。曲線は設計 token としてリポジトリへ保存します。複雑な時間軸は After Effects/Motion/Lottie、対話試作は Figma/ProtoPie、Web 比較は easing.tools/開発者ツールを使います。
長所
- 抽象的な緩動/スプリング値を実時間の動きにし、SwiftUI、CoreAnimation、UIKit、CSS、PNG、float を出力して設計/開発の曖昧な受渡しを減らします。緩動 24、スプリング 13 を基準にチーム集合を作れます。CSS Keyframe Generator、全集合 JSON、PNG、Shortcuts が Web 実装、版保存、審査、自動化に役立ちます。データはオフラインで分析非収集を掲げ、M1/macOS 12+ に最適化されています。
短所
- プレビューは実行環境ではなく、API 意味、解法、時間、更新率、配置負荷で結果が変わり、同じ float が Figma、After Effects、Motion、CSS、ネイティブで一致する保証はありません。CSS は keyframes 離散化で容量が増え、取消/逆転/対話中断も不自然になり得ます。過剰な跳ねは文字、危険操作、スクロール、動きに敏感な利用者に不向きです。Reduce Motion、酔い、触覚、業務状態、性能予算は自動判断せず、PNG は値を復元できません。完全なプロトタイプ、時間軸、Lottie、状態機械ではありません。
インストール手順
- サイト版は Couverture 1.1.6。配布最低は macOS 10.12、説明では macOS 12+ と M1 最適化なので、旧 OS/各構成を別に確認します。内蔵曲線を複製し、移動、拡大、透明度、色、一覧挿入、モーダル、ジェスチャ中断を 60 Hz/高更新、動きを減らす、低電力、低速機で試します。イージングは制御点と時間、スプリングは質量/剛性/減衰または全出力値、初速、許容差、終了条件を保存します。プレビューだけで決めず、SwiftUI、CoreAnimation、UIKit、CSS、float を最小実装で実行し、CSS keyframes の数、容量、ブラウザ挙動も確認します。取消、逆転、連打、配置変更、Reduce Motion 代替を試し、JSON 全体と PNG を出力し、別 Mac で再読込して名称、枠組み、値、機器、承認日、サイズ、SHA-256 を記録します。
アンインストール手順
- 削除前に 1.1.6 の JSON で全曲線を出力し、実運用曲線ごとに対象コード、制御点/スプリング値、PNG、実動録画を保存します。意味名、時間、対象部品、Reduce Motion 代替、承認、ブラウザ/OS、生成版、SHA-256 を記録します。別 Mac へ JSON を読み込み、最小 SwiftUI/UIKit/CoreAnimation/CSS で主要動作を再現します。終了後に削除しますが、コンテナ、設定、Shortcuts、キャッシュの固有曲線を確認します。ソース、Figma、After Effects、Motion、文書、リポジトリの値は設計版とコード審査で別途廃止します。
よくあるエラーと解決策
- プレビューと実機差は寸法、更新率、解法が原因なので、同じ時間、値、始終点、実配置で再現します。CSS が重い時は keyframe 数と精度を減らし主要ブラウザで合成/CPU を測ります。SwiftUI/UIKit/CoreAnimation 間は API 意味、単位、初速、時間を確認します。振動残りは減衰/終了許容とオーバーシュート、連打は現在表示値からの取消/再目標化を検討します。Reduce Motion には透明、即時、短距離の別経路を用意します。JSON は 1.1.6 出力と未改変構造を確認し、単一集合で切り分けます。PNG は説明用で実装値ではありません。
今回の更新内容
- Couverture 1.1.6 は公式「1.1 — It’s spring time!」に対応し、新 Spring Curve Editor(作成、管理、出力、プレビュー)、Web 用 CSS Keyframe Generator、緩動/スプリング画像共有、可変サイズプレビュー、全集合の JSON 入出力、性能改善を含みます。本頁は確認可能なこれらの項目に限定します。
