INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Releases
•

5

分で読める

What’s New? Self-Hosted Media, Time & Date Functions, and More

ProtoPie 7.9 introduces a range of exciting features designed to enhance the realism of your prototypes.

Rebeca Caritas、 Customer Success Manager

メディア要素の制御性向上から、3Dエフェクトへの一歩、そしてリアルタイムのインタラクティブ性の可能性まで。ProtoPie は、プロトタイプのメディアアニメーションなどに新たな改善をもたらします。今回の最新リリースの新機能を見ていきましょう。

セルフホスト型メディア

エンタープライズユーザー向けに利用可能

ProtoPie は、新しい Media response を使用して、URL 経由でセルフホスト型メディアをインポートできる機能を提供できることを誇りに思います。

セルフホスト型メディアをプロトタイプに組み込むことで、読み込み時間の短縮、プライバシーの強化、シームレスなユーザー体験が実現します。なお、互換性のため、これらの URL はセルフホストである必要があります。

この機能は、API と組み合わせることでさらに高い汎用性を発揮します。API をデザインワークフローに統合すると、画像をプロジェクトに動的に取り込み、動的で柔軟なアプローチを実現できます。

さらに、シンプルな画像 API の場合は、追加の API プラグインは必要ありません。代わりに、API リクエスト URL を直接 Media response に挿入するだけで、プロセスをさらに効率化できます。たとえば、この便利な統合の例として Lorem Picsum を利用できます。ここで使用できる一般的な他のプラットフォームには、Unsplash、Pexels、Pixabay があります。画像、動画、Lottie ファイルのいずれを選んでも、ProtoPie ならそれをプロジェクトにシームレスに統合できます。

URL によるコンテンツの挿入

この機能を使うための簡単なガイドはこちらです:

  1. Pie にアップロードするメディアタイプを「Source」オプションで選択します。

  2. 「URL」オプションを選択し、セルフホスト型 URL を入力します。

  3. URL が正確で有効であることを確認するための検証チェックを確認します。


self-hosted media


セルフホスト型 URL を使ってメディアファイルをアップロードしましょう。

Media response

ProtoPie に加わった最新の強化機能、まったく新しい Media response をご紹介できることを嬉しく思います。この強力な追加機能により、画像、動画、または Lottie レイヤーのコンテンツを簡単に変更できるようになりました。ローカルファイルから動画や画像をアップロードしたい場合でも、エンタープライズユーザーとしてセルフホスト型 URL からメディアをインポートする必要がある場合でも、ProtoPie にお任せください。
セルフホスト型メディアの詳細はこちら。

動画

この Pie をダウンロードして試してみる.

時間と日付の関数のご紹介

ProtoPie には、新しい時間と日付の関数が多数追加され、リアルタイムや日付と連動するプロトタイプを作成できるようになりました。現在の日付を取得して表示したり、異なるタイムゾーンを扱ったり、日付の差を計算したり、時間の値を人間が読みやすい形式に変換したりできます。これにより、時計、カレンダー、日付計算機、タイムカウンターなど、動的なプロトタイプを作成できるようになります。

時間と日付の関数の例

時間と日付の関数は ISO8601 形式 に従っており、以下を含みます:

  • 時間関数: timeNow(), time(), hour(), minute(), second(), diffTime(), formatTime()

  • 日付関数: dateNow(), date(), year(), month(), day(), diffDate(), formatDate(), epochToDate()

プロトタイプを強化するために 日付と時刻の関数 を活用する方法を学びましょう。


date-and-time-functions


時間と日付の関数を使って、今後のイベントまでの残り日数を確認しましょう

この Pie をダウンロードして自分で試してみてください。

透明背景の動画

ProtoPie は、透明背景の動画を採用することで、3D へと一歩前進します。かさばる PNG シーケンスによる動作の遅さに別れを告げ、ProtoPie でプロトタイプ性能の新時代を迎えましょう。

透明背景の動画に対応することで、ProtoPie は 3D に向けた先駆的な一歩を踏み出しながら、プロトタイプのパフォーマンスを向上させます。


videos-with-transparent-background


透明背景の動画を取り入れて、メディアアニメーションに命を吹き込みましょう

対応フォーマット

透明背景の動画をプロトタイプに組み込む際は、最適に動作させるための特定の条件を考慮することが重要です:

  • Web では: Chrome はアルファ付き VP9(.webm)をサポートし、Safari はアルファ付き HEVC(.mov, *.mp4)をサポートします。

  • iOS では: アルファ付き HEVC の使用が推奨されます。iOS で誤ったコーデック/形式を使用すると、動画が指定領域内で正しく表示されない場合があります。

  • Android では: Android はアルファチャンネル付きの動画ファイルをネイティブではサポートしていません。

対応フォーマット について詳しく見る。

ProtoPie でデザインプロジェクトをさらに高めましょう

ProtoPie は、プロトタイプを前例のないレベルへ引き上げる究極のソリューションです。関係者と閲覧者の両方を魅了する、本物らしいインタラクションを統合して、デザインの可能性を最大限に引き出しましょう。

ProtoPie の革新的な機能を、ぜひ今日から無料トライアルでお試しください。