インタラクティブ HTML は JMP® バージョン 11 で導入されました。以降のバージョンでは、よりインタラクティブな機能のサポートが追加されています。
JMP 15 では、インタラクティブ HTML は新製品であるJMP Liveもサポートします。
インタラクティブHTMLを単独で使用すると、ユーザーはJMPレポートを共有できます。JMP Liveは、コラボレーション、組織化、セキュリティ、自動化、そしてより高度なインタラクティブ性によって、その共有をサポートします。
このホワイト ペーパーでは、JMP 15 Interactive HTML の新機能について、単独で使用する場合と JMP Live の一部として使用する場合について説明します。
それらはどのように連携するのでしょうか?
「ファイル > 名前を付けて保存」または「ファイル > エクスポート」を選択すると、JMPレポートをインタラクティブHTML形式でエクスポートできます。これにより、拡張子が「.htm」または「.html」の単一ファイルとして、自己完結型のWebアプリケーションが作成されます。
このファイルは最新のWebブラウザに読み込んで分析情報を表示したり、データを探索したりできます。ファイルをメールで送信したり、共有ドライブやウェブサイトに保存して他のユーザーと共有したりすることも可能です。図1に示すように、接続は片方向です。JMPはファイルを作成しますが、ファイルはJMPと通信できません。JMP Liveでは双方向の接続が可能で、よりインタラクティブな操作が可能になります。
Figure 1. JMP Interactive HTML and JMP Live図1. JMPインタラクティブHTMLとJMPライブ図1. JMPインタラクティブHTMLとJMPライブ
最新のウェブブラウザは高速なので、双方向接続は必要な場合にのみ使用します。それ以外の場合、当社のソフトウェアはウェブブラウザ内でのみ動作します。このアーキテクチャは、お客様のネットワーク転送コストを最小限に抑え、速度を最大限に高めます。そのため、今後のリリースでもこのアーキテクチャを維持・改善していく予定です。
JMP 15 の両方の新機能は何ですか?
インタラクティブHTMLに新機能を追加すると、JMP Liveでも同様に動作します。JMP 15では、ユーザーインターフェースを刷新し、インタラクティブなレポート機能をさらに追加しました。
モダンなユーザーインターフェース
Webの世界では、5年は「一世代」とみなされます。あらゆるものが本当に速く変化します。そのため、JMP 11用に設計されたユーザーインターフェースは6年前のものとなり、刷新する時期が来ていました。
長年にわたり、デスクトップアプリケーションとウェブアプリケーションの両方で、オブジェクトがインタラクティブであることを示す視覚的な手がかりとして3次元が用いられてきました。例えば、ボタンは現実世界と同じように3次元的に見えるため、ユーザーはボタンが押せると認識していました。私たちも、ボタンやその他のコントロールにこの「3D」スタイルを採用しました。
2012年頃から「フラット」スタイルが人気となり、特にWindows 8のMicrosoft Metroデザインで顕著に表れました（Ralph, 2012）。このスタイルはシンプルでクリーンな外観ですが、3Dの視覚的な手がかりはありません。当時、ユーザビリティの専門家は、すべてのオブジェクトが同じようにクリック可能に見えると、ユーザーはどれが使えるのか分からなくなってしまうのではないかと懸念していました（Nielsen, 2012）。
近年、「フラット」スタイルは「フラット2.0」（Moran, 2015; Cousins, 2016）に引き継がれました。このスタイルはフラットな外観を維持しながら、微妙な3Dシェーディングやインタラクティブな効果を追加することで、視覚的な手がかりを提供します。見た目は依然としてシンプルでクリーンでありながら、視覚的な手がかりによってユーザーが何をすべきかがわかりやすくなります。
Figure 2. 3D, Flat, and Flat 2.0 Styles図2. 3D、フラット、そしてフラット2.0スタイル図2. 3D、フラット、そしてフラット2.0スタイル「フラット2.0」スタイルの好例は、Googleのマテリアルデザイン（Cousins, 2015）です。私たちはこれをユーザーインターフェースのスタイルガイドとして採用しました。これは双方にとってメリットのあることです。私たちはGoogleのデザインの恩恵を受けるだけでなく、Google Chrome、Googleメール、その他広く使われている製品でも使用されています。この馴染みのある標準に従うことで、ユーザーの学習コストを削減できます。
また、グレーとライトの 2 つのカラー テーマのサポートも開始しました。
Figure 3. Gray and Light Themes図3. グレーとライトのテーマ図3. グレーとライトのテーマ
ついに、タッチスクリーン検出のための信頼性の高いアルゴリズムを発見しました。この問題は、多くの人が考えるよりもはるかに困難です（Cox, 2013; Peterson, 2018）。この問題を解決することで、デスクトップとタブレット向けにカスタマイズされた2つのユーザーインターフェースを提供できるようになります。ボタンやその他のコントロールは、デバイスに合わせて適切なサイズに調整できます。デスクトップでは、データのブラッシングや複数のオブジェクトの選択のためにモードを切り替える必要がなくなり、ユーザーの時間を節約できます。
よりインタラクティブなレポート
JMP 15 では、インタラクティブ HTML レポートがさらにインタラクティブになりました。
その一つとして、カスタムグラフィックスクリプトのサポート強化を行いました。これはJMPの重要な機能でありながら、あまり知られていないものです。JSLスクリプトで円や四角形などのグラフィック要素を描画しない限り、その存在に気づかないかもしれません。カスタムグラフィックスクリプトは隠れた機能ではありますが、多くのJMPプラットフォームで使用されており、よりインタラクティブな操作性を実現しています。
Figure 4. Custom Graphics Script in Discriminant Platform図4. 判別プラットフォームのカスタムグラフィックスクリプト図4. 判別プラットフォームのカスタムグラフィックスクリプト
また、Graph Builderのレポートでは、よりインタラクティブな機能がサポートされています。以下に例を示します。
- 棒グラフ（横並びの間隔バー）
- 折れ線グラフ（水平応答、積み上げ線）
- エリアプロット（水平応答、積み上げエリア）
- ヒートマップ（値によるラベル、カテゴリ別の色の役割、対数スケール、その他の統計）
Figure 5. More Interactive Graphs from Graph Builder図5. グラフビルダーからのよりインタラクティブなグラフ図5. グラフビルダーからのよりインタラクティブなグラフ
1 つのフィルターの値が別のフィルターによって決定される条件付きデータ フィルターのサポートも追加されました。
Figure 6. A Conditional Data Filter. The states in third filter are conditioned by the population in the second filter, which is conditioned by the region in the first filter.図6. 条件付きデータフィルター。3番目のフィルターの州は2番目のフィルターの人口によって条件付けられ、2番目のフィルターの人口は1番目のフィルターの地域によって条件付けられます。図6. 条件付きデータフィルター。3番目のフィルターの州は2番目のフィルターの人口によって条件付けられ、2番目のフィルターの人口は1番目のフィルターの地域によって条件付けられます。
管理図ビルダーのサポートを開始しました。JMP 15.0 ではツールヒントのみがサポートされていますが、これは私たちが目指す方向性です。
最後に、JMP 15 では、LogLinear Variance、Partition、Boosted Trees、Bootstrap Forest など、プロファイラーがより多くのプラットフォームでインタラクティブになります。
Figure 7. LogLinear Variance Profiler図7. LogLinear分散プロファイラー図7. LogLinear分散プロファイラー
JMP ライブレポートにのみ含まれるものは何ですか?
JMP Interactive HTMLは多くの機能を備えていますが、スタンドアロンのWebアプリケーションであるため、インタラクティブ性には限界があります。JMP Liveでは分析を再実行できます。分析を再実行するには、列を切り替える方法と行を除外する方法の2通りがあります。
JMP Liveは列スイッチャーをサポートしています。JMPと同様に、列を切り替えて分析を再実行できます。
Figure 8. Column Switcher in JMP Live, Exploring Air Quality Data図8. JMP Liveの列スイッチャーで空気質データを探索図8. JMP Liveの列スイッチャーで空気質データを探索
また、JMP Liveでは、データフィルターは選択状態と非表示状態に加えて、行を除外する状態もサポートしています。データフィルターで行を除外または含めると、分析が再計算されます。
Figure 9. Data Filter Include/Exclude Menu図9. データフィルタの「含める/除外」メニュー図9. データフィルタの「含める/除外」メニュー最後に、データフィルタなしで行を除外することもできます。例えば、外れ値を除外するには、外れ値を選択し、「選択した行を除外して非表示にする」メニューを選択します。これにより、分析全体が再生成されます。
Figure 10. "Hamburger" Include/Exclude Menu図10. 「ハンバーガー」の包含/除外メニュー図10. 「ハンバーガー」の包含/除外メニュー
これらの機能のインタラクティブな例は、JMP Public でご覧いただけます。
まとめ
JMP Interactive HTMLは、バージョンが新しくなるごとに、よりインタラクティブな機能のサポートが追加されます。JMP 15では、ユーザーインターフェースの最新化に加え、カスタムグラフ、グラフビルダー、条件付きデータフィルター、管理図ビルダー、プロファイラーのインタラクティブ性も向上しました。
JMP Live でインタラクティブ HTML を使用すると、列を切り替えたり行を除外したりすることで、分析全体を再計算できます。
今後のリリースでもインタラクティブ HTML を改良し、お客様が最も望んでいる JMP 機能のサポートを追加していきます。
参考文献
Cousins, C. (2015)「マテリアルデザインの本当のメリットとは?」 https://thenextweb.com/dd/2015/11/10/what-are-the-real-merits-of-material-design/ .
Cousins, C. (2016)、「Flat 2.0 とは何か、なぜ気にする必要があるのか?」、 https://designshack.net/articles/graphics/whats- flat-2-0-and-why-Should-you-care/ 。
Cox, S. (2013)「タッチスクリーンを検出できない」、 http://www.stucox.com/blog/you-cant-detect-a-touchscreen/ 。
Moran, K. (2015)「フラットデザイン：その起源、問題点、そしてフラット2.0がユーザーにとって優れている理由」、 https://www.nngroup.com/articles/ flat-design/ 。
Nielsen, J. (2012)「 Windows 8 — 初心者とパワーユーザーの両方にとって残念なユーザビリティ」、 https://www.nngroup.com/articles/windows-8-disappointing-usability/ 。
Petersen, J. (2018)「タッチデバイスの検出：2018年アップデート」、 https://peterscene.com/detecting-touch-devices-2018-update/ 。
Ralph, N. (2012)「Windows 8 Metro UI: Windows の大胆な新顔」、 https://www.pcworld.com/article/251340/windows_8_metro_ui_a_bold_new_face_for_windows.html 。
