30 分でローコード: 美しいマルチチャネル アプリの構築
Mendixのローコード プラットフォームを使用すると、美しいマルチチャネル アプリを構築できます。
ビデオトピック
-
成績証明書（トランスクリプト）
[00：00：07.580]
こんにちは、xxxのローコードへようこそ[00：00：10.290]
ウェビナー 私はクレイグ・ホワイトです[00：00：12.450]
メンダックスの伝道チームと私は[00：00：14.370]
今日のウェビナーをご案内します[00：00：15.990]
マルチチャネルアプリを検討しているので、それぞれ[00：00：22.529]
今月は別のトピックを見ていきます[00：00：25.019]
そして先月、同僚のサムと[00：00：26.939]
黒で覆われたコラボレーションビジュアル[00：00：28.590]
開発とこれを見つけることができます[00：00：31.019]
ウェビナーに参加する場合は、Minh Dexcomにアクセスして[00：00：33.120]
右上のデモをクリックしてください[00：00：38.579]
ここに来た別の人が言った[00：00：41.620]
マルチチャネルアプリについて取り上げます[00：00：43.539]
今月 来月 モバイル体験[00：00：46.809]
オンラインとオフラインのモバイルアプリと[00：00：50.800]
8月に統合を検討し[00：00：52.839]
スマートアプリなので統合を検討しています[00：00：56.019]
他のサービスと連携して積極的な[00：00：58.449]
コンテキスト認識型アプリなので、[00：01：01.390]
今日はただ続けるつもりです[00：01：02.829]
このプレゼンテーションでは、[00：01：05.770]
製品とウェブモデラー、そして[00：01：07.960]
最後に少し時間があるので[00：01：09.940]
ご質問があれば[00：01：12.399]
通話中に質問してください。[00：01：15.009]
最後にこれらに答えるので、mendax[00：01：18.280]
ローコードプラットフォームで、[00：01：21.119]
企業はビジネス間で協力する[00：01：24.009]
ITと私たちはこれを低い[00：01：26.649]
全体をカバーするコードプラットフォーム[00：01：28.000]
作成できるアプリケーションライフサイクル[00：01：31.000]
アプリは70倍速く、XNUMX%使用[00：01：33.880]
従来のものに比べてリソースが少ない[00：01：35.770]
開発方法なのでこれを見つけました[00：01：39.490]
ガートナー米国支社からの引用[00：01：41.429]
企業はUXに焦点を当てておらず、[00：01：44.160]
実際には価値を提供していない[00：01：46.149]
顧客なので、私はよく考えましたどのように[00：01：50.050]
私たちはこのUXの課題を克服するためにまず[00：01：54.520]
急速に革新し、[00：01：56.770]
新しいアイデアをテストすることで、[00：02：00.129]
アジャイルスクラムフレームワークを採用することで[00：02：02.459]
いつでも迅速に配達できます[00：02：05.770]
最低限の機能が備わっていることを確認してください[00：02：07.629]
各スプリントの終了時に実行可能な製品[00：02：09.640]
アプリ疲れを克服するには[00：02：14.530]
素晴らしいユーザーエクスペリエンスなので、本当に必要です[00：02：17.379]
顧客に本当に良いものを提供するために[00：02：19.209]
アプリを使用する理由と、これが[00：02：22.030]
モバイルアプリは本当に良い理由です[00：02：23.709]
ダウンロードして、それを維持してください[00：02：25.269]
デバイス、そして3番目に[00：02：29.790]
顧客に選択肢を与える[00：02：31.799]
チャンネルにアクセスして参加できるように[00：02：35.760]
デスクトップ、タブレット、モバイルであなたと[00：02：37.950]
体験を便利に[00：02：40.500]
それが私をマルチチャネルへと導く[00：02：43.790]
私が言うマルチチャンネルとは[00：02：46.739]
顧客にとって便利になる[00：02：48.560]
顧客のニーズを考える[00：02：50.700]
あなたのビジネスとのやり取りから[00：02：52.980]
最高の体験を提供して[00：02：55.079]
できると私はあなたの[00：02：58.109]
お客様の選択により、[00：03：00.480]
レスポンシブなページは[00：03：02.400]
画面サイズが自動的に変更される可能性があります[00：03：05.370]
特別に設計されたページ[00：03：07.919]
特定のデバイスタイプでは、[00：03：10.680]
Android用のネイティブモバイルアプリがあり、[00：03：13.409]
iOSとそれらすべてが流れていく[00：03：18.239]
継続的なユーザーエクスペリエンスを実現[00：03：21.569]
あなたのブランドが肯定的に評価されるよう[00：03：23.609]
これらすべてのチャンネルで描かれている[00：03：25.859]
そのデザインと[00：03：27.510]
経験は一貫しており、[00：03：29.730]
見た目も雰囲気も同じように[00：03：32.370]
単一のプラットフォームは明らかに役立つので[00：03：35.220]
すでに[00：03：37.739]
マルチチャネルでウェブサイトを持ち、[00：03：40.379]
iOSアプリとAndroidアプリがありますが、それぞれ[00：03：43.199]
おそらく別々に開発されたもの[00：03：44.760]
更新は個別に維持され、それぞれ[00：03：47.310]
独自のバックエンドを持つ[00：03：48.690]
インフラストラクチャなので、[00：03：51.599]
変更を加える場合は、おそらく[00：03：53.879]
複数の異なる場所で更新する[00：03：56.190]
そしておそらくそれを管理する別のチーム[00：03：59.069]
私もこの画像を見つけました[00：04：02.340]
マルチチャネルの良い例です[00：04：04.650]
顧客との体験[00：04：08.609]
右側に電話があり、[00：04：12.060]
電話でリクエストすることができます[00：04：14.970]
ウェブアプリでも、[00：04：17.220]
ネイティブモバイルアプリがリクエストを送信[00：04：20.669]
あなたのプランナーにあなたのプランナーは[00：04：23.220]
デスクトップサイトを使用してから[00：04：25.860]
あなたの分野への任命[00：04：27.630]
エンジニアなら、当然行くことができます[00：04：30.060]
顧客の要望に応え、[00：04：32.820]
現場のエンジニアはタブレットで閲覧している[00：04：34.620]
ここに3つあります[00：04：37.409]
3つの異なるチャンネルがあります[00：04：39.479]
アプリの見方は様々ですが[00：04：41.400]
あなたが構築するアプリ[00：04：43.439]
mendax locoプラットフォームを使用する場合、または[00：04：46.139]
同じバックエンドを持ち、[00：04：48.839]
フロントエンドは多くのコンポーネントを再利用できる[00：04：51.209]
しかし、最適化すればうまく動作するでしょう[00：04：53.849]
これら3つの異なる[00：04：56.159]
チャンネルなのでこの画像は[00：04：59.519]
それがどのように機能するかを示して、私は行きます[00：05：03.479]
私のデモではこれを例に挙げてみました[00：05：06.110]
もう一度言いますが、私はさまざまなチャンネルを持っています[00：05：08.189]
デスクトップが[00：05：10.439]
例えば画像といくつかの[00：05：12.449]
タブレットの列に書き込むと[00：05：16.349]
それを画像内の画像として表示し、[00：05：20.789]
列に書いてから電話[00：05：23.369]
重ねて表示する[00：05：24.989]
そして左側には[00：05：27.929]
いくつか取り上げたいことがあります[00：05：29.699]
今日のデモ[00：05：40.990]
まず最初に[00：05：44.550]
男性Dexcomとアプリを見つけることができます[00：05：47.500]
ソリューションとアプリにアクセスしてギャラリーを見る[00：05：49.960]
ギャラリーアプリギャラリーは、[00：05：53.650]
エバンジェリストチームと私たちはここで[00：05：56.110]
9つのアプリで異なる[00：05：58.900]
業界別のユースケース[00：06：00.910]
建築にインスピレーションを与えてくれることを願っています[00：06：03.490]
あなたの次のアプリですが、私が[00：06：06.550]
これを取り上げたのは、私が[00：06：08.260]
例を挙げてみます。[00：06：10.900]
私たちが構築した請求ポータルをご覧ください[00：06：16.650]
そしてそこに[00：06：20.100]
このアプリにはいくつかのブログとビデオがあります[00：06：23.010]
しかしここでの重要な点は、私が[00：06：25.290]
このアプリをプレビューして、ここに私自身がいます[00：06：29.190]
クレームで誰かを助けるために[00：06：31.950]
保険金請求とここで実際に使用する[00：06：34.650]
会話型のユーザーインターフェースなので[00：06：36.960]
クレーム処理のプロセスを案内する[00：06：38.540]
私が行きたかった理由は[00：06：40.950]
まず最初にここに表示しているのは[00：06：42.390]
何を請求したいですか[00：06：43.560]
ここに2つのアイテムがあります[00：06：46.680]
これにチェックを入れると次の画面に進みます[00：06：49.500]
部[00：06：50.220]
私もここに来て同じものを見ることができます[00：06：52.830]
電話でアプリなので、これは今[00：06：57.030]
電話をシミュレートすると、[00：06：59.270]
クリス、私たちの他の伝道者とこれ[00：07：05.310]
まさに同じことを経験するでしょう[00：07：06.570]
旅をしなくてもいいので[00：07：09.960]
何か違うことがあれば、私たちはおそらく[00：07：13.500]
おそらく、[00：07：15.480]
上部のツールバーは[00：07：18.210]
少し違っていて、それが下がると[00：07：20.250]
より小さなデバイスサイズと[00：07：23.070]
また、私たちはこう言ったのではなく[00：07：24.750]
そこに画像を携帯電話に表示すると[00：07：27.840]
カテゴリーを表示したいのですが[00：07：31.080]
これはあなたにあなたが知っていることを与える[00：07：33.180]
一貫したユーザーエクスペリエンスを実現[00：07：35.610]
顧客がこれに関与する[00：07：37.740]
ビジネスに携わることができるので[00：07：40.620]
同じプロセスで[00：07：44.360]
彼らはまだできる、彼らはまだできる[00：07：47.490]
彼らの主張が受け入れられ、これは大きな[00：07：51.690]
ここではマルチチャンネルを表示する例を示します[00：07：57.810]
これは実際にAtlasフレームワークを使用しています[00：08：02.850]
Atlas UIはデザインです[00：08：06.000]
mendaxによって構築された言語であり、これは[00：08：09.150]
あなたが見たときに何が得られるか[00：08：10.920]
すぐにウェブモデルに入り、[00：08：13.770]
多数の電話テンプレートを入手し、[00：08：16.040]
レスポンシブテンプレートには以下も含まれています[00：08：19.560]
ネイティブモバイル機能についてお話しします[00：08：22.380]
モバイルでこれについてもっと知る[00：08：24.800]
来月のウェビナーでも[00：08：28.919]
上部のテンプレート[00：08：31.930]
これを使えば、[00：08：35.600]
良い例とさまざまなタイプ[00：08：37.700]
ユースケースとこれらをいつ使用するか[00：08：40.669]
これらのそれぞれを構成する要素は何か[00：08：43.100]
テンプレートはこれを使用して確認できます[00：08：46.370]
たとえばダッシュボードではデフォルトで[00：08：49.460]
ページヘッダーとカード指標を使用します[00：08：52.160]
ビルディングブロックなので複数あります[00：08：56.000]
さまざまな電話テンプレートもあります[00：08：59.600]
レスポンシブなテンプレートがあるので[00：09：02.810]
ダッシュボードとダッシュボードがあります[00：09：04.400]
チャートなので、[00：09：06.560]
素晴らしい出発点となり、[00：09：09.290]
必要に応じてカスタマイズできます[00：09：11.060]
これらはすべて[00：09：13.460]
CSSやsassなどのオープンスタンダード[00：09：16.340]
ブートストラップで変更できる[00：09：18.680]
これらを好きなようにカスタマイズして[00：09：20.990]
あなたのビジネスにとって重要なことは[00：09：24.230]
これらのビルディングブロックはここにあります[00：09：25.700]
ドラッグするだけで簡単に作れるように作られています[00：09：29.060]
それをアプリに組み込むと、先ほど言ったように[00：09：31.640]
それは本当に素晴らしいスタートを与えてくれます[00：09：32.900]
そのアプリを構築するためのポイントと[00：09：34.760]
それを繰り返すことができるので、一度構築したら[00：09：36.320]
最初のバージョンでは、どの部分が[00：09：38.840]
改善したり変更したりしたいかもしれません[00：09：41.870]
最後にウィジェットがあります。ウィジェット[00：09：47.360]
もう一度紹介するオプションを提供します[00：09：50.900]
いくつかのボタンとカレンダーオプションと[00：09：54.500]
チャート、画像カルーセル、その他[00：09：59.840]
カスタムチェックボックスといくつかの[00：10：03.740]
ここでは、どのような方法なのかを説明します[00：10：05.720]
あなたもそれらを使用してください[00：10：08.120]
クリックできるドキュメント[00：10：09.980]
ドキュメントといくつかの[00：10：11.990]
その機能の使い方の例[00：10：16.690]
MINIXの使い方について見ていきます[00：10：19.280]
今プラットフォームを構築し、[00：10：21.170]
新しいアプリなのでいくつかあります[00：10：25.440]
アルトゥールはここで包まれ、私は実際に[00：10：27.120]
紹介することを提案する[00：10：29.610]
ツアーでは、[00：10：31.440]
プラットフォームとアプリの構築方法[00：10：33.450]
最初からええと、私は[00：10：36.960]
ここに入って、私は実際に[00：10：38.220]
空白のアプリを選択する[00：10：39.750]
ここにはスターターアプリがいくつかあり、例えば[00：10：41.610]
イベントアプリやアセットの構築[00：10：43.380]
マネージャーと私はただ選ぶつもりです[00：10：45.900]
空白のアプリとこの場所30の呼び出しを呼び出す[00：10：53.190]
マルチチャンネルなので、今作成中です[00：10：58.560]
アプリをバックグラウンドで実行することで[00：11：00.900]
環境を作り、[00：11：02.250]
チームがコラボレーションできるスペース[00：11：05.400]
一緒にアプリを開発するのも[00：11：08.090]
サンドボックス環境を設定する[00：11：12.030]
アプリケーションを[00：11：15.510]
サンドボックス環境では、[00：11：18.210]
アプリを見て、それがどのように見えるかを確認してください。[00：11：20.900]
誰でもそのURLを表示して、[00：11：25.170]
アプリは進歩しており、おそらく[00：11：28.380]
テストも行っているので、そのURLを[00：11：30.750]
あなたの会社の他の人に聞いてみてください[00：11：32.490]
彼らにあなたのアプリを見てテストしてもらいましょう[00：11：34.050]
新しいアイデアやフィードバックも得られるので[00：11：39.080]
アプリの編集に入り、[00：11：42.650]
私たちはウェブマドラーを目指しています[00：11：47.790]
市民開発者向けまたはそれ以下[00：11：51.330]
技術開発者か、それとも他の[00：11：53.760]
ユースケースとしては、開発者が[00：11：57.720]
ビジネスユーザーとユーザーデザイン[00：12：00.330]
インターフェースなので、理解しやすく[00：12：03.300]
このアプリがどんなものになるのか、[00：12：06.450]
その後、これらの変更を同期することができます[00：12：08.490]
デスクトップモデラーは[00：12：11.070]
より多くの技術開発者が[00：12：13.140]
統合などの機能を追加する[00：12：16.980]
デスクトップモデラーを使用するその他のサービス[00：12：20.510]
まず最初に[00：12：23.339]
新しいヘッダーを追加して、[00：12：26.310]
ここに既存のヘッダーがあるので、ここに新しいヘッダーを置きます[00：12：31.500]
これの名前を見るだけで、[00：12：40.710]
インライン編集ができるようになりました[00：12：45.650]
マルチチャンネルアプリなので、実際に[00：12：49.710]
テキストボックスをダブルクリックするだけで[00：12：51.720]
ここで変更するオプションがあります[00：12：53.790]
キャプションのサイズを変更できます[00：12：56.940]
ここは簡単に変更できるので[00：13：02.190]
見た目を変えたり、追加したりすることもできます[00：13：05.810]
ここでもデザインプロパティは[00：13：09.030]
間隔と配置を変更できます[00：13：12.080]
CSSを知らなくても[00：13：15.810]
ただ出発するつもりです[00：13：17.340]
タイトルだけ残して、残りはそのままにしておきます[00：13：20.000]
今ツールボックスに入ってみると[00：13：23.400]
すでにこれらのヘッダーの1つを使用しています[00：13：24.750]
このヘッダーリストと[00：13：27.510]
実際にレイアウトグリッドを使用するので、[00：13：32.430]
レイアウトセクションにドラッグするだけで[00：13：34.920]
グリッドと今私はいくつか与えられていることがわかります[00：13：39.300]
右側のオプションとして[00：13：41.070]
このレイアウトグリッドをどのように見せたいか[00：13：44.339]
別のデバイスなので、[00：13：48.570]
4列目が表示されているのがわかります[00：13：52.050]
これらを表示するオプションを[00：13：54.150]
タブレットと携帯電話で、現時点では[00：13：58.080]
私は携帯電話のビューを見ています[00：14：00.420]
ここからタブレットに簡単に切り替えられます[00：14：02.820]
ビューまたはレスポンシブビューに変更すると、[00：14：07.620]
次にカードを追加します[00：14：10.470]
ここにカードを追加します[00：14：12.270]
アクションは非常に簡単にこれらを追加することができます[00：14：16.110]
それぞれの列にカードを入れ、[00：14：19.580]
前に言ったように、これは調整されるので[00：14：23.339]
タブレットに4×4の画面ができました[00：14：28.710]
モバイルビューは本当に便利でした[00：14：32.040]
簡単に説明すると[00：14：34.140]
これがどのように見えるか知りたいので[00：14：37.230]
これらのアイコンのいくつかを変更して、[00：14：41.040]
これをプラスにするつもりです[00：14：44.120]
顧客を追加します。顧客を追加すると言う[00：14：58.180]
ここで私は[00：15：01.790]
顧客リストに追加したら[00：15：03.920]
顧客はユーザーに、[00：15：10.310]
リストも素敵な大根なので[00：15：15.550]
顧客顧客なので、これは[00：15：19.850]
クリックすると顧客リストが表示されます[00：15：21.620]
完全性のために[00：15：23.660]
完全性私はこれらを底に名づける[00：15：26.330]
2つ目です。このアイコンを次のように変更します。[00：15：31.910]
よく[00：15：40.750]
今やりたいのは新しい顧客を追加することです[00：15：43.000]
それを行う前にページを作成しました[00：15：46.960]
すでに何をしたいのか、そして今何をしたいのか[00：15：49.300]
ドメインモデルを作成するので、[00：15：52.270]
データが保存される場所です[00：15：53.860]
バックグラウンドでここに私は[00：15：57.850]
新しいエンティティを作成し、[00：16：00.820]
この顧客に電話し、顧客I内で[00：16：04.360]
属性を作成する必要があるので属性[00：16：07.090]
あなたの分野は基本的に必要なので[00：16：11.230]
名前という名前の新しいものが必要です[00：16：16.870]
メールと呼ばれるものも変更することができます[00：16：21.970]
ここでも入力してください[00：16：24.250]
ここでは文字列を使用しますが、[00：16：27.330]
ブール値または通貨日付時刻とすべて[00：16：31.240]
あなたが期待するもの[00：16：34.260]
使用時と同じように[00：16：36.310]
Excelでは、特定の形式でデータをフォーマットすることができます[00：16：38.650]
電話番号を聞きたいのですが[00：16：46.089]
場所を尋ねてみようと思います[00：16：49.120]
地図も追加するつもりなので[00：16：50.440]
さて、今私は顧客を獲得しました[00：16：55.930]
私は4つの属性を持っています[00：16：58.000]
今その顧客について店に行くと[00：17：00.760]
私のページに戻ると、私のホームページにあります[00：17：04.689]
これにマイクロフローロジックを追加します[00：17：07.600]
ここでボタンは今マイクロフローです[00：17：11.560]
メンダックス内のロジックはこう言った[00：17：14.890]
私が特定の行動をとるとき[00：17：16.930]
このボタンをクリックして作成します[00：17：21.040]
新しいマイクロフローを私はこう呼ぶことにします[00：17：24.280]
顧客を追加するには、[00：17：28.150]
ボタンはまさにそれです[00：17：30.250]
これから新しいものを追加する予定です[00：17：31.570]
顧客なのでまず必要なのは[00：17：33.700]
オブジェクトを作成するので、[00：17：35.710]
クリックする顧客オブジェクト[00：17：38.710]
ここでプロパティを選択し、[00：17：41.230]
今作成した顧客エンティティ[00：17：54.420]
それで、今、それは書かれているように作成されます[00：17：57.010]
新しい顧客が来たら次は[00：17：59.830]
私がやるべきことは、新しいものを見せることだった[00：18：01.300]
このページでは、Handleyのショーがあります[00：18：06.040]
ページボタンのアクティビティなのでドラッグします[00：18：09.940]
ここでページのアクティビティを表示して設定します[00：18：14.140]
ページなので、実際にそれを行う前に[00：18：17.410]
通過するオブジェクトを選択するので、[00：18：19.270]
目的はこの新しい顧客なので[00：18：22.390]
新規顧客を選択し、[00：18：25.330]
新しいページに移動すると[00：18：27.250]
空の顧客オブジェクトが機能する[00：18：30.070]
新しいページを作成して[00：18：34.690]
ここで選択肢が与えられ、[00：18：36.400]
先ほどもお話ししましたが[00：18：37.330]
AtlasのUIデザインと[00：18：40.300]
テンプレートはビルディングブロックなので、[00：18：42.850]
ここにはページテンプレートがあり、[00：18：45.310]
いくつかの中から選択して[00：18：48.190]
ダッシュボードのリストフォームはここにあります[00：18：53.020]
あらかじめ入力されたページコンテンツを選択します[00：18：55.060]
顧客エンティティに基づいてこれを知っている[00：18：57.700]
実際に今私を制限しようとしている - ただ[00：18：59.500]
フォームは大丈夫です。[00：19：01.720]
新規顧客を獲得するために、私は[00：19：04.480]
ここでタイトルを追加したいのですが[00：19：08.970]
顧客を追加してこれを作成し、[00：19：13.930]
ページがあるので、ここのボタンをクリックします[00：19：16.270]
それは実際には私を[00：19：17.620]
先ほど作成したページと[00：19：19.720]
すでに4つに分かれているのがわかります[00：19：22.090]
入力フィールドを提供するテキストフィールド[00：19：28.450]
これら4つの属性に必要なのは[00：19：31.270]
保存ボタンとキャンセルボタンも作成しました[00：19：33.250]
ボタンが自動的に表示されるのでキャンセルボタン[00：19：35.560]
最初のページに戻って[00：19：38.020]
保存ボタンはデータをコミットします[00：19：41.110]
そのデータモデルに入力すると[00：19：43.360]
ドメインモデルもこれでうまくいく[00：19：47.980]
さまざまなデバイスで[00：19：51.070]
次回は見た目をカスタマイズして[00：19：56.080]
今私は家に帰りたい[00：20：00.430]
少しなのでリストを表示したいと思います[00：20：03.640]
顧客数が多いのでこれをクリックすると[00：20：06.340]
ここでボタンをクリックする[00：20：10.119]
マイクロなのでこれをクリックします[00：20：11.829]
ページボタンを表示しません。[00：20：15.759]
オブジェクトを作成するには、表示する必要があるだけです[00：20：17.529]
新しいページなので、これは[00：20：20.319]
顧客リストと呼ばれるもので、[00：20：26.529]
リスト このリストブロックを使用します[00：20：28.209]
ここで私ができることは、[00：20：33.819]
まず最初に選択する必要があるのは[00：20：36.459]
このリストのデータソースは[00：20：40.449]
顧客になるのでクリックすると[00：20：46.029]
タイトルに実際に入力すると[00：20：50.099]
中括弧を開いて名前を選択してください[00：20：58.539]
このテキストも同じようにします[00：21：01.599]
物事は私にプロンプトを表示します[00：21：03.219]
メール、電話も同様です[00：21：08.289]
番号はとても簡単にアクセスできます[00：21：11.799]
ドメインモデル内のそれらの属性は[00：21：15.849]
それはそれらを引き込み、[00：21：17.019]
リストビューではこれらが繰り返されます[00：21：19.419]
オブジェクトなので、これを修正するだけで済みます[00：21：22.359]
一番上のはご覧の通り[00：21：24.309]
さらに下に繰り返しを表示し、[00：21：28.349]
このボタンは使わないと思う[00：21：30.189]
実際に表示します[00：21：34.779]
名前、メール、電話番号を入力して[00：21：38.169]
このヘッダーを最後のものと一致するように再作成します[00：21：51.910]
それはだ[00：21：53.410]
私もここに来て少し[00：21：55.360]
違うよ[00：21：59.680]
最後に私がしたいことは[00：22：01.860]
ただ今はこれを公開していないだけで[00：22：08.740]
すぐに待たなくて済むように[00：22：10.900]
それでGoogleマップを入手します[00：22：15.090]
ウィジェットこれを置くだけです[00：22：18.040]
ここの下にまず[00：22：22.030]
私に伝えたいのは、ソースが必要だということなので[00：22：26.470]
ここで設定を選択します[00：22：32.040]
コンテキスト[00：22：39.520]
そして住所属性を選択して[00：22：42.580]
ここに場所があるのでそれを選択します[00：22：45.340]
そして、それはデフォルトでまたはそれ以降になります[00：22：48.670]
ああ、実際、先ほど言ったように[00：22：51.790]
ここにスペースを追加できるので[00：22：54.940]
ここに中程度の間隔を置いて[00：22：57.340]
CSSをまったく知らなくても、[00：22：59.890]
媒体を選択すると、[00：23：01.210]
ここでこれらのオブジェクトの間に少し間隔を空けます[00：23：03.820]
これらの要素は大丈夫だと思う[00：23：11.410]
ホームページにアクセスしたら[00：23：13.059]
顧客を追加して追加することができます[00：23：15.429]
所在地を含む顧客の詳細[00：23：17.650]
顧客ページをお持ちの場合、または弊社で閲覧できる場合[00：23：20.830]
それはすでに出版されていますが[00：23：24.400]
最後に更新します[00：23：25.630]
いくつかの変更が行われたので、これを展開します[00：23：29.650]
サンドボックス環境に移行して[00：23：33.520]
ここでいくつかのオプションを表示できます[00：23：36.130]
アプリをデスクトッププレビューとして、または[00：23：38.890]
素晴らしいプレビューなので、まずは電話してみましょう[00：23：41.230]
プレビューなのでこれはシミュレートされた電話です[00：23：45.580]
顧客を追加できるようにビューを表示します[00：23：49.620]
ここに私自身を追加して[00：23：59.500]
ロンドンで怪我をした私は[00：24：03.309]
もう少しだけ表示させて[00：24：06.070]
噂によると、もう少し追加します[00：24：08.380]
伝道者やシモンはよく[00：24：18.340]
ボストンオフィスなので、別のものを追加します[00：24：20.559]
そこに位置していて、クリスが[00：24：23.590]
先週ロッテルダムで[00：24：27.520]
クリスはそこにいます。それで、私が[00：24：43.120]
顧客をクリックすると、[00：24：45.039]
アプリに表示される情報[00：24：47.230]
理由はこのGoogleマップにあります[00：24：52.150]
少なくともズームを設定していないので[00：24：54.190]
レベルなのでズームアウトすると私は中にいると言うでしょう[00：24：57.309]
ロンドン、ボストン、ロッテルダムだから私は[00：25：04.630]
実際にやることは戻ることです[00：25：06.070]
そして、すぐに変更するので、私が行く場合は[00：25：09.730]
ここに行ってウィジェットをクリックします[00：25：16.470]
ズームレベルを変更します[00：25：26.799]
15を信じて、私はこの自動を回します[00：25：29.650]
ズームアウトして、すでに[00：25：32.440]
そこが変更されたので、再度更新します[00：25：37.049]
もう一度言いますが、これは私の[00：25：39.370]
モデルオンライン完璧それを見てみましょう[00：25：43.000]
もう一度クリックして顧客を完璧に[00：25：47.950]
私にはサイモンとクリスの3人がいます[00：25：51.280]
さまざまな場所で展示[00：25：53.140]
先ほど言ったように、今情報があります[00：25：56.409]
ここでこれを見るためのオプションがあります[00：25：58.720]
デスクトップと同じように動作します[00：26：01.990]
広告顧客を獲得する方法[00：26：06.310]
そして顧客もいるが[00：26：09.220]
それはもうなくなってしまった、今はもっと増えてしまった[00：26：11.500]
遊ぶ余地はこれらを渡すことです[00：26：13.620]
これはAtlas UIが[00：26：17.350]
そして、ビルディングブロックで[00：26：20.080]
機能するものを作る[00：26：21.400]
さまざまなデバイスタイプと[00：26：27.700]
私が実際に最後にやることは[00：26：29.200]
ウェブ上の最新のものを紹介します[00：26：31.000]
モデラーはテーマカスタマイザーを表示します[00：26：33.480]
ここで色を変えることができます[00：26：37.840]
左上に別のロゴを追加して[00：26：40.240]
メンダックスのロゴがあったので[00：26：42.730]
アトラスのロゴを追加して[00：26：45.790]
実際にここに行って変更してください[00：26：49.510]
異なるブランドの色が登場しました[00：26：52.150]
定義済みのブランドカラーボタン[00：26：54.250]
このロゴをアップロードしてから[00：26：56.500]
実際にカラーパレットを変更しました[00：26：58.270]
これは私のロゴの色です[00：27：00.490]
これはここから取得されるので、更新すると[00：27：02.590]
あなたのブランド あなたのブランドのロゴ[00：27：06.100]
ここにロゴの色が表示されますので[00：27：08.050]
「選びたい」と簡単に言うことができます[00：27：10.120]
私の主な色と二次色[00：27：12.970]
独自のロゴ[00：27：15.090]
そのスタイルを適用したら[00：27：19.560]
ツールバーにその更新が表示されます[00：27：23.140]
一番上に今あるので[00：27：24.930]
最後にもう一度更新して、[00：27：28.000]
その変化を見てください[00：27：37.790]
それで、電話プレビューをクリックすると[00：27：40.580]
ロゴが変わったのがわかります[00：27：46.160]
ここで皆さんが目にするもう一つのものは[00：27：47.630]
モバイルデバイスでの表示なので、[00：27：50.150]
今これを試してみたいので、[00：27：53.510]
携帯電話を接続するとどうなるのか[00：27：55.730]
私の携帯電話の鏡が見えます[00：28：00.400]
今それに接続するだけで[00：28：05.090]
すでにiOSアプリストアをオープンしており、[00：28：10.540]
メンダックスを探しています[00：28：13.300]
ここで開くをクリックして[00：28：17.320]
ここにmendaxアプリがあります。クリックすると[00：28：20.990]
左上にQRをスキャンするオプションがあります[00：28：26.390]
コードなのでそのコードをスキャンします[00：28：29.600]
画面が今表示され、これが読み込まれます[00：28：32.060]
今作ったアプリをアップして[00：28：34.880]
これの本当に素晴らしいところは[00：28：36.290]
実際にモバイルデバイスでテストして[00：28：38.780]
プレビューと電話を見たばかりです[00：28：41.120]
ブラウザでプレビューできるようになりました[00：28：44.570]
実際にアプリが動作する様子を[00：28：47.600]
電話がかかってきて同僚の家まで歩いて行けるようになった[00：28：50.900]
デスク[00：28：51.350]
私が作ったアプリを見せて[00：28：53.330]
そして、私は彼らにそれが機能しているのを見せることができます[00：28：55.370]
モバイルではナビゲーションメニューがあります[00：28：57.880]
ここでも私たちは見なかった[00：29：00.500]
今回はもっと追加できる[00：29：02.150]
そこにナビゲーションもあって、自分で移動できる[00：29：04.070]
アプリをダウンロードすると[00：29：07.610]
mendaxモバイルアプリでできること[00：29：09.710]
それを人々に見せて、[00：29：12.050]
請求書[00：29：17.220]
最終的には、[00：29：20.110]
顧客にとって適切な体験[00：29：22.510]
顧客に選択肢を与えるべきです[00：29：23.590]
さまざまな方法であなたと関わり、[00：29：25.150]
これはレスポンシブウェブを通じて行われるかどうか[00：29：26.740]
あらゆるデバイスで閲覧できるアプリ[00：29：28.240]
デバイスまたはネイティブモバイルアプリで[00：29：30.520]
App Storeからダウンロードでき、[00：29：32.550]
ネイティブデバイスにアクセスできる[00：29：35.260]
スワイプや使用などの機能[00：29：37.780]
カメラともう一つは[00：29：41.050]
何が最善か分からない[00：29：43.030]
方法は、低コストで迅速に革新することです[00：29：46.510]
あなたのアイデアをテストするためのコードプラットフォーム[00：29：48.520]
繰り返して見てみたら、[00：29：51.340]
すぐにアイデアを思いつき、[00：29：53.580]
顧客を保存するためのシンプルなアプリを構築する[00：29：57.340]
そしてこれを繰り返して[00：29：59.920]
評価週を追加する メモを追加する[00：30：02.410]
顧客一人ひとりにアプリをより良くする[00：30：05.590]
各開発スプリントの後に私が[00：30：09.400]
本当に好きですし、私が言ったように[00：30：11.260]
モバイルMINIXモバイルアプリでは[00：30：12.940]
QRコードをスキャンしてアプリを見ることができます[00：30：15.850]
そして、それを本当に具体的なものにするだけでなく、[00：30：19.630]
あなたと開発チームだけでなく[00：30：21.730]
主要なビジネス関係者にも[00：30：26.830]
皆さんがどのようにして[00：30：28.510]
mendaxでマルチチャネルアプリを構築する[00：30：30.340]
ローコードプラットフォームはあなたにいくつかの[00：30：31.900]
自分で作れるアプリのアイデア[00：30：34.050]
アプリギャラリーをチェックして[00：30：36.780]
次回のウェビナーにご参加ください。