開発中のUIをモバイルデバイス・スマホに実際に表示して確認できるFireUI ライブ プレビュー Delphi / C++Builder / RAD Studio （以降ひっくるめてRAD Studioと呼びます）において、開発中のUIをモバイルデバイス・スマホに実際にリアルタイムに表示して確認できるFireUI ライブ プレビューを紹介します。 ライブ プレビューはRAD StudioのIDE内で設計中のユーザーインターフェースを、実際にデバイス上にリアルタイムに表示することができるツールです。様々なOS、様々なデバイス上で、実際に表示されるUIを確認しながらデザインできるため、思い通りの正確なユーザーインターフェース設計を手早く行うことができます。 RAD Studioでは、単一のコードで、かつ、一つのマスタUI設計でiOS, Android, macOS, Windows のデバイス上で動作する各実行ファイルをビルドできるクロスプラットフォーム開発が可能です。このようなクロスプラットフォーム開発においてのユーザーインターフェース設計を助ける機能として、Rad Studioで...

FireUI ライブプレビューとは？ Delphi/C++Builder/RADStudioでマルチプラットフォーム向けアプリ開発を行う場合に便利な機能の一つが FireUI ライブプレビューですね。 この機能は2016年にリリースされたバージョン 10.2 Berlin 以降でサポートされたものであり、IDE 上のデザインフォームで編集した画面デザインを実機上で即座に確認できるという、大変便利な機能です。 ただしこの記事の目的はこの機能の紹介ではありませんので、機能自体に興味がある方は以下のリンクをご覧頂くのがよいでしょう。 https://community.embarcadero.com/blogs/entry/fireui http://qiita.com/pik/items/e8f75f5df7238e5c0c73 http://docwiki.embarcadero.com/RADStudio/Tokyo/ja/FireUI_%E3%83%A9%E3%82%A4%E3%83%96_%E3%83%97%E3%83%AC%E3%83%93%E3%83%A5%E3%83%BC Xamarin をご存知の方なら、Xamarin Live Player からアプリのデバッグや実行機能を除いたもの、と言えばイメージつきやすいかもしれませんね。 しかし FireUI ライブプレビューの機能は PC やネットワークの設定に不備があると期待したとおりに動作しないことがあります。この記事では正しく動作しない場合のトラブルシューティングについてご説明します。

RAD Studio 10.1 Berlinで新規に搭載された、FireUI ライブ プレビューについてご紹介します。 ライブ プレビューはRAD StudioのIDE内で設計中のユーザーインターフェースを、実際にデバイス上に表示することができるツールです。様々なOS、様々なデバイス上で、実際に表示されるUIを確認しながらデザインできるため、思い通りの正確なユーザーインターフェース設計を手早く行うことができます。 ご存じのとおり、RAD Studioでは、単一のコードで複数のOS・複数のデバイス上で各々動作する各実行ファイルをビルドできるクロスプラットフォーム開発が可能です。このようなクロスプラットフォーム開発においてのユーザーインターフェース設計を助ける機能として、Rad Studioではマルチデバイスプレビューや、各OSに対応したUIを表示する機能を持っています。 しかし、実際にビルドして各デバイスで表示してみると、微妙に設計したUIと表示が異なっていたり、独自のディスプレイ形状や解像度を持ったデバイスも存在します。また、モバイルデバイスにおいては、画面を横向きにしたり、縦向きにしたりと方向を変えて利用することもよくあります。そのような画面方向の変化にも対応できているかがモバイルデバイスのUI設計において、重要なポイントでとなるケースもあるでしょう。 そんな時、FireUI ライブ プレビューはとても助けになるツールです。 使用方法は下記の動画にて説明しています：

FireUI Live Preview is a server/client multi-device tool that allows you to broadcast the active form of your application, in real time, to several devices simultaneously. Live Preview lets you see how your application looks and behaves on different devices while you keep working in the IDE, without running the application on the devices and without creating additional views. FireUI App Preview is available for OS X, Windows, iOS, and Android. Embarcadero provides the installers for all the plat...