その Mendix 8つのお知らせ Mendix お客様、パートナー、同僚からいただいた多くの肯定的な反応からもわかるように、World 2019は大きなインパクトを与えました。本日、パブリックベータ版のリリースを発表できることを大変嬉しく思います。 Mendix スタジオプロ8！
その Mendix 8のリリースは、新機能をお届けする複数の発表の最初のものとなります。 Mendix Studio Pro（旧称Desktop Modeler）は、世界で最も洗練された ローコード開発環境 開発者に高度な拡張性を持たせながら制御性も提供します。さらに、 Mendix Studio（旧称Web Modeler）がついに登場。世界で最も強力なノーコード開発環境として、 Mendix Studioを使用すると、ビジネスに携わる人々が初めてのアプリを簡単に構築できます。 Mendix スタジオについては後ほどブログで紹介します！
今日はローコードで、 Mendix Studio Pro 8 を使用すると、消費者レベルのエクスペリエンスを備えた真のネイティブ モバイル アプリを構築できます。これは単なる機能ではなく、重要な新機能です。従来、ネイティブ モバイル開発は非常に複雑で高価でしたが、ローコード アプローチによってアクセス可能になりました。これは、単一のモデルから複数のプラットフォームで実現されます。
我々はこれをやった最初の人たちでもあります。
なぜネイティブモバイルなのか?
ここ数年、ユーザー エクスペリエンスに対する期待が高まり、モバイル デバイスがさらに強力になり、モバイルが主要なチャネルになってきました。たとえば、銀行業務の場合、使いやすさと指紋だけで支払いができるという理由から、多くのユーザーが Web サイトではなくモバイル アプリを使用しています。消費者向けのアプリを構築する場合、ユーザー エクスペリエンスは非常に重要です。UX が低ければ、ブランドにダメージを与え、コンバージョン率が低下し、ユーザーが競合他社に乗り換える可能性があるからです。
優れたユーザー エクスペリエンスは、消費者向けアプリにとってのみ重要なのではありません。UX が重要で、ネイティブ モバイル テクノロジーによって新しい (革新的な) ビジネス モデルが実現される B2B アプリのユース ケースも数多くあります。ボイラーを販売し、その設置と保守を他の企業に依存している会社について考えてみましょう。この会社は、ボイラーに接続して (迅速な設置と検査のため)、新しい部品を注文したり新しいボイラーを販売したりできる優れたネイティブ アプリを整備士に提供できます。整備士の効率を高めることで、ブランドの採用が促進され、売上の増加につながります。
ネイティブ モバイルは、従業員の効率を高めることができるため、企業と従業員のシナリオでも大きな価値があります。これはすべて、ネイティブ デバイスの機能、他のデバイスやモノとの通信オプション、接続なしでのタスクの実行を活用することと密接に関係しています。接続がまったくないか、接続が許可されていない工場の遠隔地で検査を行う必要があるフィールド サービス エンジニアを想像してください。機械に接続し、センサー データを読み取り、実行手順を指示できるオフライン対応アプリがあれば、エンジニアは接続なしでもはるかに効率的に作業でき、エラーも少なくなります。
ネイティブ モバイルは、顧客と従業員に彼らが望み、値するエクスペリエンスを提供するための前進の道です。
次世代のモバイルアプリを構築するために、私たちは Mendix 以下の側面を非常に重要視してください。
- 真のネイティブテクノロジーを使用した最高のユーザーエクスペリエンス
ネイティブ モバイル テクノロジを使用すると、開発者は、パフォーマンス、素早さ、ナビゲーション、ジェスチャ (スワイプして戻るなど) に関してユーザーが期待するとおりに動作する、真のネイティブ アプリを構築できます。これには、生体認証、カメラ機能、Bluetooth、拡張現実などの新しいテクノロジなど、最近のデバイスが提供する強力な機能の活用が伴います。ネイティブ テクノロジによってのみ、高度なユーザー エクスペリエンスを実現し、これらすべてのデバイス機能を活用できます。
2. オフラインファーストのアプローチによる信頼性と高速性
優れたユーザー エクスペリエンスは、ネイティブ テクノロジーだけで実現できるわけではありません。接続がほとんどまたはまったくない場合でも (これは想像以上に頻繁に発生します)、ユーザーが常にタスクを実行できることが非常に重要です。自動車事故に遭って保険会社のアプリを使用できない場合や、エンジニアが場所を検査する必要があるが接続がないため検査できない場合を想像してください。接続がないとユーザー エクスペリエンスが低下する例は、他にもたくさんあります。
ユーザーが常に接続に依存しており、その接続が遅い場合、アプリの動作も遅くなることを覚えておくことが重要です。これもまた、ユーザー エクスペリエンスの低下につながります。
接続状態に関係なく常に動作するアプリの構築に対する強い需要があります。そのため、オフライン ファースト アプローチを採用しました。これは接続に依存しませんが、接続が存在する場合は接続を使用できます。オフライン ファーストの詳細については、引き続きお読みください。
3. 優れた強力な開発者エクスペリエンス
そのため、美しいアプリを素早く構築し、強力なデバイス機能を簡単に活用できるようにするネイティブのモバイル重視の機能を追加しました。
さらに、ネイティブ テクノロジーは、ハイブリッド/Web テクノロジーを使用する場合と比較して、開発者のエクスペリエンスを向上させるのに役立ちます。開発者は、ネイティブの動作を模倣したり、Web テクノロジー関連のモバイルの問題に対処したりするために時間を費やす必要がないためです。
4. 最先端かつ将来を見据えたテクノロジー: React Native
私たちが使用する基盤技術については ネイティブに反応するは、Facebook が開始した、広く採用され、非常に人気のあるオープンソース フレームワークです。React Native を使用して構築されたアプリの素晴らしいショーケースがいくつかあり、私たちもこの同じテクノロジーを使用しています。
その他の素晴らしいショーケースについては、 React Native を使っているのは誰ですか?.
React Nativeのもう一つの素晴らしい点は、優れた視覚化のためのコンポーネントや、デバイス機能を活用したコンポーネントを構築し、簡単にアプリに統合できる大規模な開発者コミュニティがあることです。 Mendix アプリ。大規模なコミュニティと React Native の幅広い採用により、これらは積極的にメンテナンスされている高品質のコンポーネントです。
システムを教えてください。
これを実現するために、私たちはプラットフォームにいくつかの新機能と機能を追加しました。これにより、素晴らしいものを構築できるようになります。 ネイティブモバイルアプリ.
新しいネイティブナビゲーションプロファイル
の強さ Mendix ナビゲーション プロファイルを使用することで、単一のアプリからさまざまなチャネルを通じて機能を公開できます。ネイティブ モバイルが新しいナビゲーション プロファイルとして追加されたため、既存のチャネル (Web アプリやハイブリッド アプリなど) の横にネイティブ モバイル アプリを追加できます。
同様の開発者エクスペリエンス
構築できます Mendix ネイティブモバイルアプリは、ウェブやハイブリッドモバイルアプリと同じ方法で作成できます。使い慣れた Mendix ページ、ウィジェット、ナノフロー、JavaScript アクション、マイクロフローなどのコンポーネントを使用して、ネイティブ アプリを構築します。
ただし、ネイティブ アプリの構築とハイブリッド アプリの構築にはいくつかの違いがあります。たとえば、モバイルでの使用に最適化するために、ウィジェットのセット (および使用可能なプロパティ) が若干異なります。具体的には、リスト ビューでプルダウン アクションを選択して更新できるようになりました。
私たちはコラボレーションを非常に重視しています Mendix、それぞれ Mendix ネイティブ モバイル アプリには、ユーザーがアプリに関するフィードバックを提供できるフィードバック ウィジェットが付属しています。
もう 1 つの魅力的な新機能は、アプリのログイン プロセスを完全にモデル化できることです。これにより、開発者は優れた認証エクスペリエンスを作成できます。これを簡単にするために、標準のログイン ページと生体認証がすぐに使用できます。
まとめると、優れたモバイルアプリを作るのにモバイルの達人である必要はありません。既存の Mendix 知識があれば十分です。
ネイティブアプリにする
Make It Nativeモバイルアプリ（ Android and iOS）。アプリに変更を加えたら、再生ボタンを押すとアプリが自動的に再読み込みされ、元の状態を維持しながら変更内容が表示されるので、同じデータで同じページにとどまります。これにより、非常に短いフィードバック サイクルが作成されます。さらに、たとえばスタイルを変更した後は、シンプルな 3 本指タブを使用してアプリを再読み込みできます。
ネイティブモバイルクイックスタートアプリ
私たちは ネイティブモバイルクイックスタート のアプリ Mendix App Store は、ネイティブ モバイル アプリをすばやく構築できるスターター アプリです。すぐに実行できる状態になっており、デバイスの機能を活用するネイティブ ウィジェットとアクションがすべて含まれています。
テーマとスタイル
Atlas UI には、ネイティブ モバイル向けの美しいすぐに使えるテーマが含まれるようになりました。これは、ページ テンプレートに加えて、すべてのウィジェットのスタイルとバリエーションを備えた完全なテーマです。今後さらに多くのページ テンプレートが追加される予定です。
Mendix ウィジェットには、他の多くの便利なオプション (ウィジェットの周囲の間隔など) に加えて、一般的なスタイル設定オプション (ウィジェットの外観に影響) を簡単に構成できるデザイン プロパティが含まれています。
テーマとスタイルは、SASS/CSS ではなく JavaScript に基づいており、モバイル ユース ケースに最適化されています。このモバイルに最適化されたスタイルにより、優れた UX のために CSS トリックを適用しなければならない時代は終わりました。これは CSS に似ていることは知っておくと良いですが、かなりの違いもあります。詳細については、 ネイティブスタイル and ネイティブモバイルアプリの作成とテスト方法 に選出しました。 Mendix のドキュメントで詳しく説明されています）。
スタイル設定は JavaScript に基づいているため、JavaScript 関数と変数を使用でき、非常に強力になります。単一の変数を反転してダーク テーマを取得できます。これはとてもクールですよね。
新しいナノフローアクション
このリリースでは、50以上の新しいナノフローアクティビティを追加しました。これらはネイティブモバイルクイックスタートアプリに含まれていますが、 Mendix App Store。
その ネイティブモバイルリソース モジュールには、ナビゲーション、データの共有、通知の表示などの他のデバイス機能に加えて、カメラ、位置情報、指紋、ストレージなどのネイティブ デバイス機能を活用するネイティブ モバイル関連のナノフロー アクティビティが含まれています。
ネイティブモバイルリソースの他に、 ナノフローコモンズ モジュールには、ネイティブ アプリだけでなく、Web アプリやハイブリッド アプリでも使用できる、より汎用的なアクションが含まれています。
最後に、リスト操作、リスト集約、メッセージの表示というナノフロー アクションを Studio Pro に直接追加しました。
統合エディタによるJavaScriptアクション
もう一つの素晴らしい機能は、 Mendix 8では、JavaScriptを使用して独自のナノフローアクションを作成できるようになりました。これらのプラグ可能なナノフローアクション（Studio ProではJavaScriptアクションと呼ばれます）を使用して、デバイスの機能を活用したり、あらゆる種類のロジックを実行したりできます。JavaScriptアクションはすでによく知られているはずです。 Mendix Javaアクションに似ているため、開発者にとって非常に便利です。また、Javaアクションの最も人気の機能である、さまざまなパラメータタイプ、Studio Proツールボックスでのナノフローアクティビティとしての公開、パブリックまたはプライベートのパッケージングと配布も利用できます。 Mendix App Store。
JavaScriptアクションの最も優れた点は、ブラウザを離れることなく編集できることです。 Mendix Studio Proでは、JavaScriptアクションドキュメントのコードタブ内に強力なエディタが統合されています。これは、 モナコ出版社最も人気のあるIDEを動かすエディタである Visual Studio Codeこのエディタは、スマートなコンテキスト認識型自動補完、Web上の埋め込みドキュメント、 Mendix API、正しいインデント、コードに優しいショートカット。
JavaScriptアクションは、UIコンポーネントとアクションの分離が改善されるため、新たな可能性の世界を開き、開発者のエクスペリエンスを向上させます。独自のJavaScriptアクションを構築する方法の詳細については、 JavaScriptアクションの書き方.
ネイティブウィジェット
このリリースには、すぐにリッチなアプリの作成を開始できるように、優れたウィジェットのセットが含まれています。テキスト、入力タイプ、ボタン、リスト、コンテナー、タブ コンテナーなど、多くのコア ウィジェットが用意されています。さらに、マップ ウィジェット、進行状況バー、進行状況サークル、スライダー、フローティング アクション ボタン、バッジ、読み込みインジケーター、Web ビューも用意されています。これらのウィジェットはモバイル向けに最適化されていることに注意してください。たとえば、入力にはネイティブ コントロールと適切なキーボード タイプが使用され、タブは適切にアニメーション化され、スワイプはスムーズに動作します。
ここでは、いくつかのバリエーションを持つウィジェットの例を見ることができます。
これらのウィジェットはすべてネイティブモバイルクイックスタートアプリで見つけられます。または、ネイティブモバイルリソースモジュールから個別にダウンロードすることもできます。 Mendix App Store。
独自のウィジェットを構築する
すぐに使用できるウィジェットの他に、独自のウィジェットを簡単に作成できるようにしました。これらはプラガブル ウィジェットと呼ばれ、最新の一般的なテクノロジーを使用しています。ネイティブ モバイル用のウィジェットの作成は、基本的に React (ネイティブ) コンポーネントの作成と同じなので、既存の JavaScript 開発スキルを簡単に活用できます。
さらなるサポートのために、ウィジェット プロジェクトを簡単に生成できる Yeoman ジェネレーターをリリースしました。これにより、すぐに使い始めることができ、開発フローが高速かつ簡単に作成できます。このジェネレーターを使用すると、JavaScript または TypeScript に基づいて、ネイティブ モバイル アプリだけでなく、Web アプリやハイブリッド アプリのウィジェットを作成できます。ジェネレーターには、テンプレートに基づいて空のプロジェクトを作成したり、テスト ケースを生成したりするなど、さまざまなオプションが含まれています。
簡単に統合できるオープンソースのReact Nativeコンポーネントが多数用意されており、もう1つの強力な機能は、外部依存関係を使用してそれらをインストールできるオプションです。 npm.
これを読んだ後に独自のプラグインウィジェットを構築したい場合は、 プラグイン可能なウィジェットを構築する ハウツードキュメント。
オフラインファースト
前述のように、ユーザーに優れたエクスペリエンスと信頼性の高いアプリを提供するには、オフラインファーストのアプローチが重要です。 Mendix 8 には、これをこれまで以上に簡単に実行できるいくつかの新機能が含まれています。
デフォルトでは、 Mendix アプリのデータ モデルを自動的に分析し、オフライン ナビゲーション プロファイル内で使用されるページとナノフローに基づいて、どのエンティティを同期する必要があるかを判断します。このリリースでは、既定の同期構成を最適化するために、構成可能な同期を追加しました。XPath 制約を使用して、ダウンロードされる内容を制限できます。さらに、エンティティのダウンロードを無効にすることもできます。これは、オブジェクトをアップロードのみする必要がある場合 (たとえば、「フィードバック」エンティティ) に非常に便利です。この構成は、ナビゲーション プロファイルにあります。
オフライン ファースト アプリの構築を容易にするために、ナノフローの取得アクティビティでの XPath 式のサポート、データ ビューのデータ ソースとしてナノフローを使用するオプション、ナノフロー アクティビティのリスト操作、リストの集約、メッセージの表示のサポートなど、その他の便利な機能も追加しました。
オフラインファースト機能の仕組みの詳細については、以下をご覧ください。 オフラインファースト に選出しました。 Mendix のドキュメントで詳しく説明されています）。
次は何ですか
ベータ期間中、当社はお客様やパートナーと積極的に協力してフィードバックを収集し、製品の改善に役立てていきます。今後のリリースに向けて取り組む予定のトピックの一部を以下に示します。
- アプリID、名前、アイコン、スプラッシュ画面などの設定に基づいてバイナリ（APKとIPA）をビルドできるようにするアプリストア公開
- サブナノフローとは、ナノフローを他のナノフロー内で再利用することを意味します
- ナノフローからマイクロフローを呼び出すことは、オフラインアプリにとって大きな機能であり、サーバー上のマイクロフローを呼び出してサーバー上でロジックを実行したり、データを同期したりすることができます。
- より多くのネイティブページテンプレート、ウィジェット、機能、ハンバーガーメニューなどのレイアウトの柔軟性
スニペットとビルディングブロックのサポート
すでにハイブリッド モバイル アプリをお持ちの場合はどうなりますか?
前述のように、ネイティブ モバイルは新しいチャネルとして (ナビゲーション プロファイル経由で) 利用でき、ハイブリッド プロファイルの横に追加できます。これにより、単一のモデルからハイブリッド モバイル アプリのすぐ横にネイティブ モバイル アプリを構築できます。
ドメイン モデル、ナノフロー、マイクロフロー、統合など、ハイブリッド アプリのさまざまな部分をネイティブ モバイル アプリで再利用できます。ネイティブ モバイルのページはレイアウトが異なるため、レイアウトを変更することでページをネイティブ ページに変換できます。ただし、ネイティブ ページにはウィジェットとプロパティのセットが異なるため、解決する必要がある一貫性エラーが発生します。
スタイルは、JavaScript に基づいてモバイル用に最適化されているため、ネイティブ モバイル アプリ専用に作成する必要があります。優れたユーザー エクスペリエンスを提供するには、いずれにしてもそのようにする必要があるでしょう。
新しいアプリの場合、これらのネイティブ モバイル機能を利用することをお勧めします。ただし、ハイブリッド モバイル アプリをネイティブ アプリに移行するかどうかは、具体的な状況とビジネス ケースに基づいて決定する必要があります。ベータ期間中は、ネイティブ モバイルの使用をいつどのように開始できるかを確認するための第一印象を得ることができます。
どうやって始められますか？
すぐに始めたいという方は、簡単な手順をご覧ください。 こちら 数分で最初のネイティブモバイルアプリを構築するためのガイドです。近々、トレーニングモジュールも公開される予定です。 Mendix アカデミー.
Mendix Studio Pro 8.0.0（ベータ版）は、 Mendix リリースノートは以下をご覧ください こちらベータ版リリースの詳細については、 何ですか Mendix ベータ機能?.
ネイティブにしましょう！
皆さんはメーカーです。皆さんがどんなクリエイティブで革新的なモバイルアプリを作るのか、とても楽しみです。皆さんのフィードバックや、皆さんのモバイルアプリのユースケースについてもっと聞きたいです。 Mendix ネイティブモバイルアプリ。お気軽にお問い合わせください。 [メール保護]製品に関する問題については、 Mendix サポート または質問を投稿してください フォーラム.
