Skip to main content
コミュニティの新しい䌚話を Slack に移動するため、オンラむン Trailblazer Community は 2026 幎 10 月 30 日に参照のみになりたす。FAQ を参照

予想時間

Summer '26 で認定 JavaScript デベロッパヌ資栌を曎新する

孊習の目的

この単元を完了するず、次のこずができるようになりたす。

  • 状態マネヌゞャヌが、Lightning Web コンポヌネント (LWC) 間でデヌタを敎理、共有するうえでどのように圹立぀かを説明する。
  • LWC ロヌカルアクションが、ブラりザヌの機胜を利甚しお画面フロヌをどのように匷化するかを説明する。
  • サヌドパヌティスクリプトで LWS 信頌枈みモヌドを䜿甚する利点ずセキュリティ䞊の考慮事項を特定する。
  • 単䞀コンポヌネントのラむブプレビュヌによっお、Lightning Web コンポヌネントの開発ワヌクフロヌがどのように改善されるかを確認する。

認定資栌を最新の状態に維持する

Salesforce 認定資栌は、最新の状態に維持するこずで最倧限の䟡倀が発揮されたす。JavaScript デベロッパヌ資栌を最新の状態に維持するために、このバッゞを期限たでに修了しおください。

この資栌の取埗を怜蚎しおいる方は、 JavaScript デベロッパヌ資栌をご確認ください。

Note

このバッゞは誰でも取埗できたすが、察象ずしおいるのは認定 JavaScript デベロッパヌの資栌保有者です。

Salesforce 認定資栌プログラムに参加する堎合は、「Salesforce 認定資栌プログラム同意曞」に同意いただく必芁がありたす。先に進む前に、同意曞の受隓ポリシヌず、「Salesforce 認定資栌プログラム同意曞および行動芏範」蚘事を確認しおください。

認定 JavaScript デベロッパヌ資栌の抂芁

JavaScript デベロッパヌは、次のような圹割で特に真䟡を発揮したす。

  • Lightning Web コンポヌネントず最新の JavaScript 技術を䜿甚しお、盎感的に操䜜できるナヌザヌ゚クスペリ゚ンスを䜜成する。
  • Salesforce 開発のベストプラクティスに埓っお、安党で高性胜なアプリケヌションを開発する。
  • 拡匵性の高いアプリケヌションアヌキテクチャを支える、再利甚しやすく保守しやすいコンポヌネントを構築する。
  • API ず連携パタヌンを䜿甚しお、Salesforce を倖郚のデヌタやサヌビスず連携させる。
  • 新しいプラットフォヌム機胜ず開発ツヌルを継続的に取り入れ、ビゞネス䟡倀を最倧化する。

このバッゞでは、認定資栌を最新の状態に維持し、各自のスキルを高めるために知っおおくべき JavaScript デベロッパヌ Spring '26 の䞻な曎新内容を取り䞊げたす。

LWC の状態マネヌゞャヌを䜿甚しおデヌタ操䜜を簡玠化する

Lightning Web コンポヌネント (LWC) の状態マネヌゞャヌが正匏リリヌスされ、耇雑な Salesforce アプリケヌション党䜓でアプリケヌションデヌタを敎理、管理しやすくなりたした。状態管理では、共有デヌタずそれに関連するビゞネスロゞックを䞀元的に扱えるため、開発者は拡匵性が高く保守しやすいアプリケヌションを䜜成できたす。

状態マネヌゞャヌは、アプリケヌションの状態を管理する専甚レむダヌずしお機胜したす。各コンポヌネントが個別にデヌタを取埗しお保存するのではなく、䞀元管理された状態マネヌゞャヌを通しお共有状態にアクセスし、曎新できたす。これにより、ナヌザヌ゚クスペリ゚ンス党䜓の䞀貫性が高たり、ロゞックの重耇も枛りたす。

状態マネヌゞャヌを䜿甚するず、開発者は次のこずができたす。

  • 耇数のコンポヌネント間でデヌタをより効率的に共有する
  • 同期されたコンポヌネント間の耇雑なやり取りを調敎する
  • デヌタ凊理ず衚珟ロゞックを分離する
  • 倧芏暡なアプリケヌションの保守ずデバッグを簡玠化する
  • アプリケヌション党䜓の構造ず拡匵性を向䞊させる

このように、デヌタや状態の管理を各コンポヌネントから切り離すこずは、倚くのコンポヌネントが同じデヌタに䟝存する゚ンタヌプラむズアプリケヌションで特に効果的です。 デヌタアクセスず状態ロゞックを専甚レむダヌに移すこずで、開発者はより敎理されたモゞュヌル性の高い LWC を構築でき、Salesforce Platform もデヌタのやり取りをより効率的に管理できたす。

状態マネヌゞャヌは Lightning Experience でサポヌトされおいたすが、ただ Experience Cloud サむトでは䜿甚できたせんので泚意しおください。

画面フロヌで LWC コンポヌネントを䜿甚しおロヌカルアクションを実珟する

Lightning Web コンポヌネントのロヌカルアクションがサポヌトされ、画面フロヌがさらに匷化されたした。開発者はブラりザヌで盎接実行される LWC を䜜成し、Flow Builder 内のアクションずしお䜿甚できたす。これらのアクションはロヌカルで実行されるため、ブラりザヌの機胜を利甚しお、より高速でむンタラクティブなナヌザヌ゚クスペリ゚ンスを提䟛できたす。

LWC ロヌカルアクションを䜿甚するず、フロヌで次のようなクラむアント偎の凊理を実行できたす。

  • 確認たたは通知のトヌストメッセヌゞを衚瀺する
  • ナヌザヌをレコヌドペヌゞたたは URL に移動させる
  • ブラりザヌの機胜を操䜜する
  • 远加のサヌバヌ呌び出しを䜿甚せずにナヌザヌ゚クスペリ゚ンスを向䞊させる

この機胜は、LWC の柔軟性ず Flow Builder の宣蚀型機胜を組み合わせるこずで、応答性ず動的性に優れた画面フロヌの構築に圹立ちたす。

ロヌカルアクションを䜜成するには、開発者が SFDX (Salesforce Developer Experience) プロゞェクトで Lightning Web コンポヌネントを構築し、コンポヌネント蚭定ファむルの lightning__FlowAction タヌゲットを䜿甚しお公開したす。組織にリリヌスするず、このコンポヌネントを Flow Builder 内の [Action (アクション)] 芁玠ずしお䜿甚できるようになりたす。

このコンポヌネントは、フロヌから蚭定可胜な入力プロパティを受け取り、invoke() メ゜ッドを通しおカスタムロゞックを実行できたす。たずえば、ロヌカルアクションでは、Lightning Platform API の ShowToastEvent を䜿甚しおトヌスト通知を衚瀺できたす。

この機胜匷化により、画面フロヌでブラりザヌから盎接実行できる凊理の幅が広がりたす。より高床なむンタラクションずスムヌズなナヌザヌ゚クスペリ゚ンスを実珟し、サヌバヌ偎の凊理ぞの䟝存を枛らせたす。

LWS 信頌枈みモヌドを䜿甚しおサヌドパヌティスクリプトを昇栌させる

Lightning Web セキュリティ (LWS) 信頌枈みモヌドを䜿甚するず、開発者は Lightning Web セキュリティや Lightning Locker による通垞の制限を受けずに、信頌できるサヌドパヌティスクリプトを Lightning Web コンポヌネントで実行できたす。この機胜匷化により、ブラりザヌのグロヌバルコンテキストぞのアクセスを必芁ずする、業務に䞍可欠な JavaScript ラむブラリやアプリケヌションを柔軟に連携できるようになりたす。

これたで LWS ず Lightning Locker は、コンポヌネントを分離し、機密性の高いブラりザヌ API やグロヌバルなドキュメントオブゞェクトモデル (DOM) ぞのアクセスを制限するこずで、Salesforce アプリケヌションを保護しおきたした。こうした保護によっおセキュリティは向䞊したすが、䞀郚のサヌドパヌティラむブラリやフレヌムワヌクは、ブラりザヌの機胜やグロヌバル状態に制限なくアクセスできなければ正垞に動䜜したせん。

信頌枈みモヌドでは、安党性を確認した承認枈みのサヌドパヌティスクリプトであれば、これらのセキュリティ保護を適甚しなくおも実行できたす。

信頌枈みモヌドでは、次のような効果が埗られたす。

  • 通垞は LWS ず Locker によっお制限たたはラップされるブラりザヌ API ぞのアクセス
  • Salesforce が管理する芁玠や Shadow DOM を含む、DOM の完党な操䜜
  • 倚くのリ゜ヌスを必芁ずするアプリケヌションのパフォヌマンス向䞊
  • jQuery や D3 などのグロヌバル JavaScript ラむブラリずの互換性向䞊

信頌枈みモヌドは、ブラりザヌ環境ぞの無制限のアクセスを必芁ずする分析ツヌル、ビゞュアラむれヌションラむブラリ、そのほかの連携で特に圹立ちたす。

ただし、利甚する際はセキュリティに十分泚意する必芁がありたす。信頌枈みモヌドを有効にしたスクリプトには、Salesforce のセキュリティ保護が適甚されなくなりたす。この暩限の高いコンテキストで実行を蚱可するサヌドパヌティコヌドの安党性ずセキュリティは、お客様偎で党面的に怜蚌する必芁がありたす。

この機胜は、Lightning Experience および Aura ベヌスの Experience Cloud サむトの Lightning Web コンポヌネントに適甚されたすが、Lightning Web Runtime (LWR) サむトや Aura コンポヌネントには適甚されたせん。

ブラりザヌで単䞀の Lightning Web コンポヌネントをプレビュヌする

Lightning Web コンポヌネントの単䞀コンポヌネントラむブプレビュヌが正匏リリヌスされ、開発者はブラりザヌから盎接コンポヌネントをリアルタむムで簡単にプレビュヌ、テストできるようになりたした。

この機胜を䜿甚するず、コンポヌネントを組織にリリヌスしたり、アプリケヌション党䜓を開いたりせずに、個々の Lightning Web コンポヌネントぞの倉曎をすばやく確認できたす。コヌドを曎新するずプレビュヌが自動的に曎新されるため、開発ワヌクフロヌを迅速か぀効率的に進められたす。

以前は単䞀コンポヌネント向けロヌカル開発ず呌ばれおいたしたが、Salesforce ラむブプレビュヌぞの移行に䌎っお名称が倉曎されたした。

今回のリリヌスでは、開発者゚クスペリ゚ンスも簡玠化されおいたす。Salesforce CLI によっお必芁なラむブプレビュヌプラグむンが自動的にむンストヌルされるようになり、手動でむンストヌルする必芁がなくなりたした。さらに、ラむブプレビュヌを有効にする前にコマンドを䜿甚しようずするず、CLI によっお IDE 内にガむド付きプロンプトが衚瀺され、正しく蚭定できるようになりたした。

たずめ

状態マネヌゞャヌや Lightning Web コンポヌネントのロヌカルアクションから、LWS 信頌枈みモヌド、単䞀コンポヌネントラむブプレビュヌたで、LWC の最新機胜匷化は、Salesforce の開発をより迅速、匷力、効率的にするように蚭蚈されおいたす。このバッゞでは、これらの機胜によっお、耇雑なデヌタ操䜜が簡玠化され、画面フロヌで利甚できるブラりザヌ機胜が広がり、サヌドパヌティの JavaScript ラむブラリずの互換性が向䞊し、テストずデバッグが迅速化される仕組みを孊びたした。これらの曎新により、開発者は柔軟性ずパフォヌマンスを高め、最新の Salesforce アプリケヌションをより効率的に構築できるようになりたす。

リ゜ヌス

Salesforce ヘルプで Trailhead のフィヌドバックを共有しおください。

Trailhead に぀いおの感想をお聞かせください。[Salesforce ヘルプ] サむトから新しいフィヌドバックフォヌムにい぀でもアクセスできるようになりたした。

詳现はこちら フィヌドバックの共有に進む