目次

• タイトルおよび著作権情報
• はじめに
  • 対象読者
  • ドキュメントのアクセシビリティについて
  • ダイバーシティ&インクルージョン
  • 関連リソース
  • 表記規則
• 1 Oracle JavaScript Extension Toolkit (JET)の開始
  • Oracle JET Model-View-ViewModelアーキテクチャ
  • Oracle JETに組み込まれている機能
  • Oracle JETで使用されるサード・パーティ・ライブラリ
  • Oracle JETの開発環境の作成
    • 開発エディタの選択
    • Oracle JETツールのインストール
    • Node.jsのインストール
    • npx Node.jsパッケージ・ランナーの使用
    • Oracle JETコマンドライン・インタフェースのインストール
    • Yarnパッケージ・マネージャ
    • TypeScript開発用のOracle JETアプリケーションの構成
  • Oracle JETスタータ・テンプレートの使用
    • スタータ・テンプレートについて
    • スタータ・テンプレートの変更について
    • スタータ・テンプレートのコンテンツの変更
  • Oracle JETクックブックの使用
  • Oracle CDNおよびOracle JETライブラリを使用したアプリケーション起動の最適化
• 2 Webアプリケーション・ワークフローの理解
  • Webアプリケーションのスキャフォールド
    • Webアプリケーションのojet createコマンド・オプションについて
    • Webアプリケーションのスキャフォールディングについて
    • Webアプリケーションのファイル構造について
    • Webアプリケーションのファイル構造の変更
    • WebアプリケーションへのプログレッシブWebアプリケーション・サポートの追加
  • Webアプリケーションのビルド
    • Webアプリケーションのojet buildコマンド・オプションについて
  • Webアプリケーションの提供
    • ojet serveコマンド・オプションとExpressミドルウェア関数について
    • 自己署名証明書を使用したHTTPSサーバーでのWebアプリケーションの処理
    • パスベースのルーティングを使用したWebアプリケーションの処理
  • Webアプリケーション・ツールのワークフローのカスタマイズ
    • Webアプリケーションのスクリプト・フック・ポイントについて
    • スクリプト・フック・ポイントのプロセス・フローについて
    • hooksサブフォルダの場所の変更
    • Webアプリケーションのフック・スクリプトの作成
    • Webアプリケーションのフック・スクリプトへの引数の引渡し
  • Oracle JETアプリケーション開発でのWebpackの使用
  • Oracle JETのデフォルトWebpack構成の構成
• 3 レスポンシブ・アプリケーションの設計
  • Oracle JETおよびレスポンシブ・デザイン
  • メディア・クエリー
  • Oracle JETのフレックス、グリッド、フォームおよびレスポンシブ・ヘルパー・クラスの命名規則
  • Oracle JETのフレックス・レイアウト
    • flexプロパティの変更について
    • フレックス・レイアウトでのコンテンツの折返しについて
    • フレックス・レイアウトのカスタマイズについて
  • Oracle JETのグリッド
    • グリッド・システムについて
    • グリッド・システムおよび印刷
    • グリッド・コンビニエンス・クラス
  • レスポンシブ・フォーム・レイアウト
  • アプリケーションへのレスポンシブ・デザインの追加
  • レスポンシブJavaScriptの使用
    • レスポンシブJavaScriptのクラス
    • 画面サイズに基づいたカスタム要素の属性の変更
    • 画面サイズに基づいたコンテンツの条件に応じたロード
    • レスポンシブ・イメージの作成
  • レスポンシブ・ヘルパー・クラスの使用
  • レスポンシブCSSイメージの作成
  • デフォルト・フォント・サイズの変更
    • アプリケーション全体のデフォルト・フォント・サイズの変更
    • デバイス・タイプに基づいたデフォルト・フォント・サイズの変更
  • CSSのサイズおよび生成の制御
• 4 モジュラ開発に対するRequireJSの使用
  • Oracle JETおよびRequireJSについて
    • Oracle JETのモジュール編成について
    • Oracle JETアプリケーションでのRequireJSについて
  • Oracle JETアプリケーションでのRequireJSの使用
  • Oracle JETアプリケーションへのサード・パーティ・ツールまたはライブラリの追加
  • サードパーティのツールおよびライブラリの追加のトラブルシューティング
  • Oracle JETアプリケーションでのRequireJSのトラブルシューティング
  • Oracle JETアプリケーションでのJavaScriptパーティションおよびRequireJSについて
• 5 シングルページ・アプリケーションの作成
  • Oracle JETを使用したシングルページ・アプリケーションの設計
    • シングルページ・アプリケーションに対するOracle JETサポートの理解
    • Oracle JETでのシングルページ・アプリケーションの作成
  • oj-module要素の使用
    • oj-moduleのViewModelライフサイクルの使用
• 6 Oracle JETのユーザー・インタフェースの基礎の理解
  • Oracle JETのユーザー・インタフェースについて
    • Oracle JETのUIコンポーネント、パターンおよびユーティリティの識別
    • Oracle JETコンポーネントの共通機能について
    • Oracle JETの予約済ネームスペースおよび接頭辞について
  • バインディングおよび制御フローについて
    • oj-bind-textを使用したテキスト・ノードのバインド
    • HTML属性のバインド
    • oj-bind-ifを使用した条件の処理
    • oj-bind-for-eachを使用したループ命令の処理
    • スタイル・プロパティのバインド
    • イベント・リスナーのJETおよびHTML要素へのバインド
    • クラスのバインド
  • ページへのOracle JETコンポーネントの追加
    • アニメーション効果の追加
    • 追加したコンポーネントの表示の管理
• 7 Oracle JETユーザー・インタフェース・コンポーネントの使用
  • Oracle JETユーザー・インタフェース・コンポーネントについて
  • コレクションの操作
    • 表、データ・グリッド、リスト・ビューの選択
    • DataProviderのフィルタ演算子について
  • コントロールの使用
  • フォームの使用
  • レイアウトおよびナビゲーションの使用
  • ビジュアライゼーションの使用
    • アプリケーションに対するデーダ・ビジュアライゼーション・コンポーネントの選択
    • デーダ・ビジュアライゼーション・コンポーネントでの属性グループの使用
• 8 Oracle JET Webコンポーネントの使用
  • カスタムWebコンポーネントの設計
  • Webコンポーネントについて
    • Webコンポーネント・ファイル
    • Webコンポーネントのスロッティング
    • Webコンポーネントのテンプレート・スロット
    • Webコンポーネント・イベント
    • Webコンポーネントの例
  • Webコンポーネント作成のベスト・プラクティス
    • 推奨される標準パターンとコーディング・プラクティス
    • CSSおよびテーマ適用の標準
    • バージョン採番の標準
  • Webコンポーネントの作成
    • スタンドアロンWebコンポーネントの作成
    • JETパックの作成
    • JETパックのリソース・コンポーネントの作成
    • Webコンポーネントの参照コンポーネントの作成
  • Webコンポーネントのテーマ適用
    • Webコンポーネントのテーマ適用について
    • Webコンポーネントのテーマ適用のガイドライン
    • Webコンポーネントのテーマ適用
    • JETパックのCSSの統合
    • 利用側アプリケーションでスタイルを提供できるようにCSSを最適化
    • 利用側アプリケーションへのテーマ・コンポーネントの組込み
  • Webコンポーネントのテスト
  • ページへのWebコンポーネントの追加
  • Webコンポーネントのビルド
  • VComponentベースのWebコンポーネントのAPIドキュメントの生成
  • Webコンポーネントのパッケージ化
  • 共有Oracle Component Exchangeをホストするためのプロジェクトの作成
  • Oracle Component ExchangeへのWebコンポーネントの公開
  • CDNでのWebコンポーネントのアップロードおよび消費
• 9 Oracle JET RESTデータ・プロバイダAPIの使用
  • Oracle JET RESTデータ・プロバイダについて
  • Oracle JET RESTデータ・プロバイダについて
  • Oracle JET RESTデータ・プロバイダを使用したCRUDアプリケーションの作成
    • RESTデータ・プロバイダのデータ・モデルの定義
    • レコードの読取り
    • レコードの作成
    • レコードの更新
    • レコードの削除
• 10 入力の検証および変換
  • Oracle JETバリデータおよびコンバータについて
    • バリデータについて
      • Oracle JETバリデータについて
      • Oracle JETコンポーネントの検証属性について
      • Oracle JETコンポーネントの検証メソッドについて
    • コンバータについて
      • Oracle JETコンポーネントのコンバータ・オプションについて
  • Oracle JETコンバータについて
    • Oracle JETコンポーネントでのOracle JETコンバータの使用
    • Oracle JETコンバータの寛大な解析について
    • Oracle JETにおけるタイムゾーン・サポートの理解
    • Oracle JETでのカスタム・コンバータの使用
    • Oracle JETコンポーネント以外でのOracle JETコンバータの使用
  • Oracle JETバリデータについて
    • Oracle JETコンポーネントでのOracle JETバリデータの使用
    • Oracle JETでのカスタム・バリデータの使用
    • 非同期バリデータについて
• 11 ユーザー支援の使用
  • 編集可能コンポーネントでのOracle JETのメッセージAPIの理解
    • Oracle JET編集可能コンポーネントのメッセージ属性について
    • Oracle JETコンポーネントのメッセージ・メソッドについて
  • Oracle JET編集可能コンポーネントでの検証およびメッセージ機能の理解
    • Oracle JET編集可能コンポーネントによる標準検証の実行方法の理解
      • ユーザーが編集可能コンポーネントの値を変更した場合の標準検証プロセスについて
      • 編集可能コンポーネントでValidate()がコールされた場合の標準検証プロセスについて
    • Oracle JET編集可能コンポーネントによる遅延検証の実行方法の理解
      • Oracle JET編集可能コンポーネントが作成された場合の遅延検証プロセスについて
      • valueプロパティがプログラムによって変更された場合の遅延検証プロセスについて
  • Oracle JETメッセージの使用
    • Oracle JET編集可能コンポーネントへのビジネス検証エラーの通知
      • messages-custom属性の使用
      • 編集可能コンポーネントでのshowMessages()メソッドの使用
    • oj-validation-groupコンポーネントの理解
      • oj-validation-groupによる編集可能コンポーネントのグループの有効性の追跡
    • ページ・レベルおよびセクション・レベルのメッセージの作成
  • 編集可能コンポーネントのoj-label help属性の構成
  • 編集可能コンポーネントのhelp.instruction属性の構成
  • ヒント、ヘルプおよびメッセージの表示の制御
• 12 アクセシブルなOracle JETアプリケーションの開発
  • Oracle JETとアクセシビリティについて
  • Oracle JETコンポーネントのアクセシビリティ機能について
  • アクセス可能なOracle JETページの作成
    • WAI-ARIAランドマークの構成
    • 高コントラスト・モードの構成
      • 高コントラスト・モードでの色および背景イメージの制限の理解
      • Oracle JETアプリケーションへの高コントラスト・モードの追加
      • 高コントラストのイメージまたはアイコン・フォントの追加
      • 高コントラスト・モードのテスト
    • スクリーン・リーダー・コンテンツの非表示
    • ARIAライブ・リージョンの使用
• 13 Oracle JETアプリケーションの国際化およびローカライズ
  • Oracle JETアプリケーションの国際化およびローカライズについて
  • Oracle JETアプリケーションの国際化およびローカライズ
    • Oracle JETの国際化およびローカリゼーション・サポートの使用
    • Oracle JETでの双方向(BiDi)サポートの有効化
    • ロケールと方向の動的設定
    • 通貨、日付、時間および数値の使用
  • Oracle JETの翻訳バンドルの使用
    • Oracle JETの翻訳バンドルについて
    • Oracle JETへの翻訳バンドルの追加
• 14 Oracle JETアプリケーションでのCSSおよびテーマの使用
  • Oracle JETに付属するRedwoodテーマについて
  • Redwoodテーマに付属するCSSファイル
  • Redwoodテーマを使用したアプリケーションの作成
  • Redwoodテーマのスケールの調整
  • CSSおよびテーマを使用するためのベスト・プラクティス
    • DOCTYPE要件
    • テキスト方向の設定
  • イメージの使用
    • イメージに関する考慮事項
    • アイコン・フォントに関する考慮事項
  • カスタム・テーマおよびコンポーネント・スタイルの使用
    • Oracle JETのCSS変数およびカスタム・テーマについて
    • JET CLIを使用したカスタム・テーマ・サポートの追加
    • JET CLIでのカスタム・テーマの変更
    • テーマ・ビルダーによるカスタム・テーマの変更
    • カスタム・テーマでのCSSの最適化
    • CSS変数を使用したスタイル・コンポーネント・インスタンス
    • ベースHTMLタグのJETスタイル設定の無効化
• 15 Oracle JETアプリケーションの保護
  • Oracle JETアプリケーションの保護について
    • Oracle JETコンポーネントおよびセキュリティ
    • Oracle JETのセキュリティおよび開発者の責任
    • Oracle JETのセキュリティ機能
    • Oracle JETのセキュア・レスポンス・ヘッダー
    • コンテンツ・セキュリティ・ポリシー・ヘッダー
  • Oracle JETアプリケーションでのOAuthの使用
    • OAuthの初期化
    • OAuth初期化の検証
    • OAuthヘッダーの取得
  • Cross-Origin Resource Sharing (CORS)について
• 16 データ・キャッシュおよびオフライン・サポートの構成
  • Oracleオフライン永続性ツールキットについて
  • オフライン永続性ツールキットのインストール
• 17 Oracle JETアプリケーションのパフォーマンスの最適化
  • パフォーマンスおよびOracle JETアプリケーションについて
  • Oracle JETアプリケーションへのパフォーマンスの最適化の追加
  • Oracle CDN最適化のためのアプリケーションの構成について
    • ライブラリおよびモジュールのバンドル・ロード処理の構成
    • ライブラリおよびモジュールの個別ロード処理の構成
  • パス・マッピング・スクリプト・ファイルと構成オプションの理解
  • コンテンツ配信ネットワークでのライブラリおよびモジュールの使用
• 18 Oracle JETアプリケーション・ファイルの監査
• 19 Oracle JETアプリケーションのテストおよびデバッグ
  • Oracle JETアプリケーションのテスト
    • テスト・タイプ
    • コンポジット・コンポーネント・ユニット・テスト
    • Oracle JETテスト・テクノロジ・スタックについて
    • テスト用のOracle JETアプリケーションの構成
    • 自動テストでのBusyContext APIの使用
  • Oracle JETアプリケーションのデバッグ
    • Webアプリケーションのデバッグ
• 20 Oracle JETアプリケーションのパッケージ化およびデプロイ
  • Webアプリケーションのパッケージ化
  • Webアプリケーションのデプロイ
  • JETアプリケーションからの非ソース・ファイルの削除およびリストア
• A トラブルシューティング
• B リリース17.0.0 でのOracle JETアプリケーションの移行
  • リリース9.x.0以降からリリース17.0.0へのRedwoodテーマのアプリケーションの移行
  • RedwoodテーマCSSへの移行
  • 8.3.0より前のリリースからリリース17.0.0 へのAltaテーマのアプリケーションの移行
• C Oracle JETのリファレンス
  • Oracleのライブラリとツール
  • サード・パーティのライブラリとツール
• D oraclejetconfig.jsonファイルのプロパティ
• E CI/CD用のOracle JET CLI API
  • プロパティ
  • メソッド
  • 例