最新のOpen edXリリースであるMapleでは、 マイクロフロントエンドの学習 (または MFE) が、学生のデフォルトの LMS エクスペリエンスになります。
Learning MFE にはどのような新機能がありますか?
学習MFEに素晴らしい機能を追加しました!コース概要に、サブセクションの作業量見積もり機能が追加されました。コース概要ページでの見積もりはこんな感じです。コースセクション「学習のためのセルフケア」の学習時間とビデオ視聴にかかる推定時間と、アクティビティ数が表示されています。
さらに、コース内での進捗状況を祝う新しい機能もいくつか追加されました。学習者が最初のセクションを完了すると、モーダル ポップアップが表示されます。
3日間連続達成を祝うモーダルポップアップ:
進捗のマイルストーンと連続記録は バックエンドで設定可能。 また 構成可能 コースを修了したばかりの学習者を対象としたランディング ページです。
学習者への影響
学習用MFEの新機能は、学習者の学習成功率を向上させるツールです。自動学習努力見積もり機能は、自己ペース学習環境とサポート付き学習環境の両方において、より効果的な時間管理の意思決定を支援するデータを提供することで、学習者を支援します。この機能は、パーソナライズされた学習スケジュールを支援するための幅広い戦略の一環であり、コース修了率を50%向上させる可能性があります。進捗状況のマイルストーンと学習ストリークのポップアップは、自己確認を促し、肯定的なフィードバックループを通じて学習の継続性を強化します。コース教材に3日間連続で取り組む学習者は、そうでない学習者に比べてコース合格率が20倍高くなります。
MFE とは何ですか?
Open edXマイクロフロントエンドアプリケーションは、独立して構築・デプロイできる小規模なReactアプリケーションです。MFEは、クライアント側で動的にレンダリングされるJavaScriptアプリケーションであり、新しいコードを本番環境へより安全かつ迅速にデプロイすることを可能にします。また、edxプラットフォームモノリスから特定のコードの一部を抽出することで、チームが新機能を開発し、アップストリームに貢献することを容易にします。 MFE の詳細については、こちらをご覧ください。
学習用MFEは、コース概要、進捗状況ページ、コースコンテンツなど、学習者向けのすべてのコースページをレンダリングします。Lilacリリースでは、学習用MFEはオプションで利用可能でしたが、「レガシー」エクスペリエンスがデフォルトでした。Mapleでは状況が逆転し、学習用MFEがデフォルトで提供され、レガシーエクスペリエンスは希望者にオプションで提供されます。ただし、レガシーエクスペリエンスは来年6月のNutmegリリースで廃止される予定ですのでご注意ください。
制限があるとすれば、どのような制限がありますか?
すべてのコースビデオの長さは edx-valコース概要の労力見積もり (上記で詳述) を表示するには、コースを再公開する必要があります。
入学試験は 非推奨の 学習用MFEには実装されていません。入学試験のあるコースは、MFEから表示するとエラーが発生します。コース検索は利用できません。また、他の問題ブロックを変更したり親要素にアクセスしたりするJavaScriptを含むカスタムJavaScript問題ブロックは、エラーが発生するようになりました。この変更は、インストールのセキュリティを強化するために行われました。
より難解な点として、非標準のコース階層はMFEでレンダリングされません(Studioで作成されたコースはすべて正しい階層構造に従いますが、非標準のコースはOLXでコンテンツを手動で作成することによってのみ作成できます)。また、「旧Mongo」(新しいコースキーパターンであるcourse-v1:ORG+COURSE+RUNではなく、ORG/COURSE/RUNが使用されているコースキーパターン)のコースコンテンツは、MFEでは提供できません。これらの2つの問題が、お客様のインストール環境に当てはまる可能性は極めて低いです。
インストールをレガシー(LMS Djangoレンダリング)エクスペリエンスに戻すには、サイト運営者は2つのフラグを使用できます。 (1) の三脚と (2) グローバルまたはコース実行ごとに設定できます。これらのオプションとレガシーエクスペリエンスはNutmegで削除される予定ですので、ご注意ください。
他に知っておくべき奇妙なことはありますか?
面白い質問ですね!作成者の方は、学習者としてコースコンテンツをプレビューする際に、引き続き従来のエクスペリエンスをご利用いただけます。従来のエクスペリエンスでは、XBlockの学生ビュー、講師ダッシュボード、そして以下のタブ(ディスカッション、Wiki、チーム、メモ、そしてすべての静的タブ(カスタムページ))もご利用いただけます。
さらに、レガシー エクスペリエンスと MFE の間には、スタイル上の違いが若干あることに気付くかもしれません。
サイト操作: Learning MFE を展開するにはどうすればよいですか?
チェックアウトします Tutor用マイクロフロントエンドベースプラグイン. 家庭教師 は、本番環境とローカル開発の両方に対応した Docker ベースの Open edX ディストリビューションです。
Learning MFE インスタンスのドメイン名が、e コマース、検出、LMS、スタジオの CORS_ORIGIN_WHITELIST に追加されることが重要です。
質問がある場合やサポートが必要な場合はどこに問い合わせればよいでしょうか?
これらの変更の詳細については、 Maple リリースノート など Mapleの技術変更に関する文書さらに、Open edXコミュニティでは様々な方法でサポートを受けることができます。ソフトウェア開発に関する質問は、 Discord開発トピック、またはサイト運営に関するご質問は Discord DevOpsトピック。 に Slack 、#frontend-working-group でフロントエンド開発者を見つけ、#ops で SRE/DevOps のサポートを見つけます。
ありがとうございました!
最後に、 ビルド・テスト・リリースワーキンググループ (Slackでは#wg-build-test-release) はMapleリリースの進行役を務め、Learning MFE、そしてMFE全般がOpen edX環境で正常に動作することを確認するために尽力してくれました。Nutmegリリースのお手伝いにご興味がありますか?リリース計画は今から始まります! BTRへの参加方法の説明ご質問があれば、Slack でお気軽にお問い合わせください。
![]()