Salesforceにおける静的リソースとは？ Salesforceの静的リソースとは、画像やスタイルシート、JavaScript、アーカイブなどzipファイルやjarファイルに値するものをSalesforceのWebサーバにアップロードする機能です。 静的リソースは、コンテンツ配信のネットワークであるCDNとして使用できるファイルで管理や配信ができます。また、キャッシュと配信は自動で処理されるようになっています。Salesforceの静的リソースは、グローバル変数を使って参照可能です。 グローバル変数をVisualforceで直接使う、URLFOR() などの関数でパロメータとして使用できます。サイト作成などSalesforce上で画像やスタイルシートをユーザに見せたいときなど使用可能な機能です。

Salesforceにおける静的リソースの概要

静的リソースをVisualforceに追加する方法

＜apex:page＞
    ＜!-- Add the static resource to page's ＜head＞ --＞
    ＜apex:includeScript value=“{! $Resource.jQuery }”/＞
    ＜!-- A short bit of jQuery to test it's there --＞
    ＜script type=“text/javascript”＞
        jQuery.noConflict();
        jQuery(document).ready(function() {
            jQuery(“#message”).html(“Hello from jQuery!”);
        });
    ＜/script＞
    ＜!-- Where the jQuery message will appear --＞
    ＜h1 id=“message”＞＜/h1＞
＜/apex:page＞

圧縮された静的リソースのアップロードについて

圧縮された静的リソースをVisualforceに追加する方法

＜apex:page showHeader=“false” sidebar=“false” standardStylesheets=“false”＞
    ＜!-- Add static resources to page's ＜head＞ --＞
    ＜apex:stylesheet value=“{!
          URLFOR($Resource.jQueryMobile,'jquery.mobile-1.4.5.css')}”/＞
    ＜apex:includeScript value=“{! $Resource.jQuery }”/＞
    ＜apex:includeScript value=“{!
         URLFOR($Resource.jQueryMobile,'jquery.mobile-1.4.5.js')}”/＞
    ＜div style=“margin-left: auto; margin-right: auto; width: 50%”＞
        ＜!-- Display images directly referenced in a static resource --＞
        ＜h3＞Images＜/h3＞
        ＜p＞A hidden message:
            
                 url=“{!URLFOR($Resource.jQueryMobile, 'images/icons-png/eye-black.png')}”/＞
            ＜apex:image alt=“heart” title=“heart”
                 url=“{!URLFOR($Resource.jQueryMobile, 'images/icons-png/heart-black.png')}”/＞
            
                 url=“{!URLFOR($Resource.jQueryMobile, 'images/icons-png/cloud-black.png')}”/＞
        ＜/p＞
    ＜!-- Display images referenced by CSS styles,
         all from a static resource. --＞
    ＜h3＞Background Images on Buttons＜/h3＞
    ＜button class=“ui-btn ui-shadow ui-corner-all
         ui-btn-icon-left ui-icon-action”＞action＜/button＞
    ＜button class=“ui-btn ui-shadow ui-corner-all
         ui-btn-icon-left ui-icon-star”＞star＜/button＞
    ＜/div＞
＜/apex:page＞

Salesforceにおける静的リソースの注意点

Salesforceの静的リソースを活用しよう

この記事の監修者・著者

株式会社オープンアップITエンジニアAWSパートナー/Salesforce認定コンサルティングパートナー 認定企業

ITエンジニア派遣サービス事業を行っています。AWSやSalesforceなど専門領域に特化したITエンジニアが4,715名在籍し、常時100名以上のITエンジニアの即日派遣が可能です。

・2021年：AWS Japan Certification Award 2020 ライジングスター of the Year 受賞
・2022年3月：人材サービス型 AWSパートナー認定
・AWS認定資格保有者数1,154名（2024年6月現在）
・Salesforce認定コンサルティングパートナー
・Salesforce認定資格者276名在籍（2024年5月現在）
・LPIC＋CCNA 認定資格者：472 名（2024年6月時点）

最新の投稿

• 2024-12-27営業インタビュー情報共有の活性化の中心に。SP企画部の新たな取り組み
• 2024-07-01営業インタビュー最短で当日にご提案可能。 OPE営業の対応が早い3つの理由
• 2024-07-01営業インタビュー研修見学ツアーが高評価！「お客様のOPEに対する期待を高め、継続に貢献できればと思います。」
• 2024-07-01営業インタビュー信頼関係を構築し、エンジニアの長期就業へ