CookBook

IM-BloomMaker IE で画面を開くと「Internet Explorer は対応していません。」と表示するアプリケーションの作成方法

投稿日:

この CookBook では、 IE で画面を開くとダイアログで「Internet Explorer は対応していません。」と表示するアプリケーションを作成します。
Accel Platform 2020 Summer 以降で作成できます。

作成方法

Accel Platform 2020 Summer で追加された環境変数を利用し、コンテナの「ページ読み込み時」のイベントにアクションを設定して作成していきます。

また、以下の完成サンプルをダウンロードしてご活用ください。
cookbook_189450_im_bloommaker

メッセージの設定

  1. 変数タブを開き、多言語に切り替えます。

  2. 新規作成し、キー名: alertMessage、標準: Internet Explorer is not supported. を設定します。


    以上でメッセージの設定は終わりです。
    次はアクションを作成します。

アクションの設定

  1. アクションタブを開きます。
  2. アクションを新規作成し、アクション名を showAlertMessage に変更します。

  3. 「標準」-「メッセージ〇をアラートダイアログで表示する」を配置します。
  4. 変数に多言語の $i18n.alertMessage を設定します。

  5. 実行条件タブを開き、「変数〇が〇のとき」の実行条件を配置します。

  6. 変数に環境変数の $env.clientInfo.application を設定します。
    $env.clientInfo.application を設定することで、クライアントで使用しているブラウザの種類を取得できます。


  7. 固定値に MSIE と入力します。
    ※ IE を使用している場合、$env.clientInfo.applicationMSIE という文字列を取得します。

    以上でアクションの設定は終わりです、アクションを保存しましょう。

イベントの設定

  1. コンテナを選択をクリックします。
  2. 「イベント」-「ページ読み込み時」に showAlertMessage を設定します。

    以上でイベントの設定は終わりです。デザイナを保存しましょう。

アプリケーションの実行

Chrome と IE でアプリケーションを実行してみましょう。

  • Chrome

    Chrome ではアラートダイアログは表示されません。
  • IE

    IE ではアラートダイアログが表示されました。

-CookBook
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

IM-BloomMaker フォーム部品(Bulma)のグループ化と結合の使い方

このCookBookでは、intra-mart Accel Platform 2020 Summer から利用可能になった コンテンツ種別「Bulma」の「フォーム部品(Bulma)」を使用したグルー …

no image

ワークスペースとスケジュール機能との連携

このCookBookでは、「intra-mart Accel Collaboration」の機能の1つであるワークスペースと「intra-mart Accel Collaboration」のスケジュー …

no image

IM-BloomMaker 式表現で三項演算子が利用可能になりました。

このCookBookでは、Accel Platform 2020 Winter から利用可能になった式表現の三項演算子について紹介しています。 式表現については、ユーザ操作ガイドを参照してください。 …

no image

IM-LogicDesignerで、Redmineカスタムクエリのチケット一覧を取得する方法

このCookBookでは、IM-LogicDesignerを使用してRedmineのチケット (issues) 一覧を取得する方法を紹介します。 Redmineは、外部からチケット一覧を取得するための …

no image

AWS 上に Accel Platform を構築する方法

  この CookBook では、AWS の仮想マシン機能(Amazon EC2)を用いて、スタンドアローンで intra-mart Accel Platform を構築する方法について紹介 …