Sign up
Log in
My Platform
Tools
Tools
Go back
Downloads
IPP
Licensing
Learn
Learn
Go back
Training
Welcome
Guided Paths
Training Planner
Courses
Tech Talks
Classroom
Certifications
Documentation
Overview
OutSystems 11
Best Practices
How-to Guides
Community
Community
Go back
Home
Jobs
Forums
Forge
Ideas
Members
Badges
Support
OutSystems.com
Sign up
Log in
学習
›
コース
›
Webアプリ開発(OutSystems 11)
日本語
English
日本語
Ajaxと再利用可能なUI
Ajaxインタラクション
申し訳ありませんが、このコースをご覧になるにはログインする必要があります。
ログイン
このコースのサポートが必要な場合は、
フォーラムをご利用ください。
| トレーニングについてアイデアやご意見がありましたら、
こちらにお寄せください。
Web開発の概要
Web開発の概要
WebインタラクションやHTTPリクエスト/レスポンス、クライアント側/サーバー側の動作の概要です。
OutSystemsのWebアプリケーション
モジュラープログラミングの原則など、OutSystemsでアプリケーションやモジュールを作成する方法のほか、要素を公開・参照する方法を説明します。
テスト
演習: Webアプリケーション作成習
アプリケーションやWebアプリのモジュールのほか、Hello worldのようなインタラクティブな画面を作成します。
データモデリング
データベースエンティティ
エンティティや静的エンティティのほか、アトリビュートや利用可能なアクションを紹介します。
テスト
OutSystemsの変数
入力変数、出力変数、ローカル変数のほか、変数のデータ型(リストやストラクチャを含む)を紹介します。
テスト
演習: データモデリング
必要なエンティティを作成して初期データでブートストラップし、必要な静的エンティティとそのレコードを作成します。
基本的な画面開発1
基本的な画面開発
画面の作成、Preparationでのデータ取得、全体的な画面ライフサイクルなど、画面開発の基本を紹介します。
テスト
基本的なデータクエリ
データをソート・フィルタリングする方法など、Aggregateを使用してデータを取得する方法の概要です。
テスト
ウィジェット1
複数のレコードを持つFormウィジェット、入力ウィジェットなど、情報の表示に利用できる基本的なウィジェットについて説明します。
テスト
リスト画面と詳細画面
主要なエンティティに対応するリスト画面と詳細画面を作成し、リスト画面をトップメニューに追加します。
データリレーションのモデリング
データリレーションのモデリング
OutSystemsでデータリレーションをモデリング、作成、定義、表示する方法を説明します。
テスト
演習: データリレーションモデリング
エンティティ識別子を使用して1対多および多対多のリレーションを作成し、一意のインデックスをエンティティに追加した後、エンティティ図を作成してデータモデルとリレーションを可視化します。
基本的な画面開発2
画面インタラクション
LinkウィジェットとNavigationウィジェットを使用して画面インタラクションを行い、画面ライフサイクルを制御する方法を学びます。
テスト
演習: 画面インタラクション
映画や関係者のレコードを作成・更新するボタンを追加し、映画の検索機能を追加することで、画面をインタラクティブにします。
高度なクエリ - Aggregate
Aggregateのプロパティと設定を活用し、より高度なクエリをAggregateエディタで作成します。
高度なクエリ - Aggregate
Aggregateのプロパティと設定を活用し、より高度なクエリをAggregateエディタで作成します。
テスト
高度なクエリ - SQL
SQLツールの概要のほか、SQLツールを使用してSQL文を作成・テストする方法を紹介します。
テスト
ウィジェット2
Container、If、Radio Button、Check Boxの各ウィジェットの使用方法を説明します。また、ドロップダウンセレクタを提供するCombo Boxウィジェットの様々な設定方法や使用方法も説明します。
テスト
演習: データクエリとウィジェット2
高度なデータクエリを使用して、MovieDetail画面のセクションに表示する映画関係者の情報を取得し、Moviesリストで検索できるようにします。
ロジックとバリデーション
アクションと例外処理
様々なタイプのアクションのほか、そのアクションフローを様々なタイプのノードで定義する方法や、フローで起こりうる例外を発生させ、処理する方法を説明します。
テスト
演習: アクションと例外処理
再利用可能なサーバーアクションを作成し、関数として使用できるように設定した後、Database Exception用の例外処理を追加します。
入力検証
ビルトイン検証からカスタムビジネス検証まで、OutSystemsで提供される入力検証のフレームワークについて説明します。また、ユーザーにフィードバックを提供する方法も紹介します。
テスト
デバッグと監視
モジュールのデバッグを開始して、主要な変数の値の検査中に実行フローを制御する方法や、ログを特定・表示して発生事象を監視する方法を学びます。
テスト
演習: 入力検証
フォーム送信の検証を設定し、サーバー側のカスタムバリデーションを実装して、ユーザーに提供されるフィードバックをテスト・表示する方法を学びます。
Ajaxと再利用可能なUI
Ajaxインタラクション
送信をAjax形式で行えるように設定し、Ajax固有のノードを使用してリクエストを適切に処理する方法を学びます。
テスト
演習: Ajaxインタラクション
ユーザーがコメントを送信・表示できる領域を作成します。この領域は、すべてのコメントをAjaxで送信・更新します。
Webブロック
Webブロックを紹介し、Webブロックの作成方法と使用方法のほか、Webブロックが親と通信できるようにイベントを定義・トリガーする方法を説明します。
テスト
演習: Webブロック
再利用可能なWebブロックを作成して、ユーザーが映画を評価する際の星を表示・編集できるようにします。また、イベントとハンドラを作成して、画面が変化に反応できるようにします。
セキュリティとセッション処理
ロールベースのセキュリティ
OutSystemsのセキュリティを扱い、新規/既存のロールの権限をユーザーやグループに付与することで、リソースへのアクセスを制御する方法を説明します。
テスト
演習: セキュリティ
アプリケーション固有のロールを作成して新規ユーザーに付与し、アプリの特定の部分へのアクセスをそのロールに限定することで、ロールベースのアクセス制御を実装します。
セッション処理
セッション変数を作成・使用してユーザーリクエスト間で状態を保持する方法を説明します。また、サイトプロパティを使用して、ユーザー間およびセッション間でアプリケーション固有の変数を保持する方法も説明します。
テスト
演習: セッション処理
セッション変数を作成して、映画の検索時に入力したフィルタを記憶できるようにします。また、サイトプロパティを作成して、映画の最高評価を設定します。
Webサービス
Webサービス
OutSystemsで利用できるWebサービスのタイプを紹介し、SOAP WebサービスとREST APIの両方を利用、公開、設定、監視する方法を説明します。
テスト
演習: Webサービス
映画のポスター画像へのパスを返すREST APIメソッドを利用します。また、APIからの予期されたエラーを適切に処理するようにレスポンスを設定します。
テーマと高度なUI
テーマとスタイル
様々な要素に適用するレイアウトやスタイルを定義し、スタイルの適用順を把握することで、アプリのルックアンドフィールを制御します。
テスト
演習: テーマとスタイル
テーマのスタイルに使用する画像をインポートし、アプリのウィジェットに適用する新しいスタイルクラスを作成することで、アプリのルックアンドフィールを更新します。
高度なUIパターン
OutSystems UIを紹介し、利用可能なUIパターンを見ていきます。また、RichWidgetsで利用できるList NavigationウィジェットとList Sortウィジェットも扱います。
テスト
演習: 高度なUIパターン
動的なソートやページネーションをMovies画面に追加し、BalloonパターンやUser Initialsパターンをアプリに追加します。
UI開発の高速化
画面テンプレートの詳細のほか、データ置換機能を使用してテンプレートを個別のニーズに合わせてカスタマイズする方法を紹介します。また、リスト画面と詳細画面のスキャフォールディングも扱います。
テスト
コースのまとめ
コースのまとめ
コースのまとめのほか、対応する認定試験やほかに提供しているコースを紹介します。
ロード中…
Loading