Blog

BLOG

2018.01.09

Visualforce をLightning Experience 風のスタイルに ～ LightningStylesheets 属性～

Tweet

こんにちは。クラウドソリューショングループのエンジニアの高尾です。

2015年にForce.com プラットフォームの新たなユーザインターフェース（以下「UI」）として「 Lightning Experience（以下「LEX」）」が発表されました。

発表当初からすると最近ではずいぶんと機能が充実してきており、従来のUI（= Salesforce Classic ）と遜色ないぐらいに使えるようになってきています。

そのような状況からこのところ弊社の既存のお客様からちらほらとLEXで Salesforce を使いたいという要望を頂くようになりました。

ただし、そのためにはいくつか乗り越えなければならない問題があり、その中の一つとして独自開発した Visualforce はそのままではLEX風のUIにならないという点があります。

当然HTMLとStyleSheetを駆使してLEXに最適化された Visualforce とすることは可能ですし、「 Lightning Design System 」というLEXで使われているCSSフレームワークも存在しますが、いずれにしても対応にはそれなりの工数が必要となり、お客様へその工数をご負担頂くことも難しいため、弊社でも頭を抱えておりました。

そのような時に Salesforce プラットフォームにWinter18のアップデートが適用され、β版ではありますが新機能として、既存の Visualforce をLEX風のスタイルに変換してくれる機能が追加となりました。

設定方法は非常に簡単で、「ApexPage」タグにて「LightningStylesheets="true"」の属性を追加するだけです。

以下は実装例です。
単純に取引先の詳細画面を表示するだけの Visualforce 画面です。

LightningStylesheets 属性追加前

ソース

LightningStylesheets属性追加前のソース

※クリックすると拡大します

画面

LightningStylesheets属性追加前の画面

※クリックすると拡大します

LightningStylesheets 属性追加後

ソース

「ApexPage」タグにて「LightningStylesheets="true"」の属性を追加します

※クリックすると拡大します

画面

LightningStylesheets属性追加後の画面

※クリックすると拡大します

β版ということもあって日付項目が正しく動作しないなど問題もあるようですが、個人的には既存のお客様にも気軽にLEXのUIをご利用頂けるように早く正式リリースとなればと心待ちにしています。

ユーザからの要望はどのように伝わる？

Salesforce のカスタマーコミュニティ（ IdeaExchange ）では、ユーザからの要望を投稿できるようになっていて広くアイディアを募集しています。
他のユーザが投稿した要望に『いいね！（賛同）』することで機能追加されやすくなるようです。

・IdeaExchange
http://successjp.salesforce.com/ideaexchange/

最後に

今回ご紹介しました通り、Salesforce では、年に3回行われるバージョンアップで毎年100以上の新機能が追加されています。エンドユーザからの要望のあるものは続々とリリースされ、常に進化し使い勝手の良いサービスとなっております。

Salesforce 技術関連記事

一緒に開発しませんか？

サンビット株式会社では、Salesforce によるクラウドシステム構築の開発技術者を募集しています！
興味のある方はぜひお問い合わせください。

Salesforce お役立ち/TIPS記事

  • by サンビット株式会社
  • 08:55

カレンダー

«1月»
日 月 火 水 木 金 土
 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31    

最近のエントリー

泣ける卒業ソングBEST3！

2026.03.23

卒業シーズンに聴きたくなる曲を、私の思い出とともにBEST3形式で紹介します。それぞれの曲を聴くと、中学生の頃の悩みや放課後の何気ない時間、小学校の卒業式の記憶がよみがえります。懐かしさや少しの切なさを感じながら、春の節目に前向きな気持ちをもらえる卒業ソングを振り返りました。

泣ける卒業ソングBEST3！

宮崎県のパワースポット「高千穂峡」を観光してきました

2026.03.16

宮崎県の人気観光地・高千穂を巡った体験を紹介します。高千穂峡では、阿蘇山の噴火によって形成された柱状節理の渓谷や真名井の滝など、自然が生み出した神秘的な景観を楽しみました。また、高千穂神社や天岩戸神社、西本宮から遥拝する天岩戸、神々が集まったと伝わる天安河原など、日本神話ゆかりの地も巡りました。荒立神社や国見ケ丘にも立ち寄り、自然と神話が息づく高千穂の魅力を満喫した観光の様子をレポートします。

宮崎県のパワースポット「高千穂峡」を観光してきました

社長を騙りLINEに誘導する「CEO詐欺」の手口【第１４回 情報セキュリティブログ】

2026.03.13

近年、社長など企業の代表者を装い、LINEなどの別ツールへ誘導する「CEO詐欺」が増加しています。これは従来のビジネスメール詐欺（BEC）の手口を応用したもので、メールでのやり取りを最小限にすることでセキュリティソフトによる検出を回避しようとする特徴があります。件名や表示名を社長名に偽装するなど巧妙化しており、攻撃の自動化やAIの悪用も指摘されています。こうした状況の中で、不審に思う意識を持ち、社内で情報共有を行うことが被害防止の第一歩となります。

社長を騙りLINEに誘導する「CEO詐欺」の手口【第１４回 情報セキュリティブログ】

ぷっくり可愛いシールブーム、親子の「適温」は？

2026.03.09

SNSでも話題の透き通った質感とぷっくりとした立体感が魅力のボンボンドロップシール。子どもだけでなく大人も惹きつける一方で、品薄や転売、持ち物格差などブームの過熱も目立ちます。子どもの笑顔を願う親心が、いつの間にか焦りや疲れに変わってしまうことも。流行を否定せず楽しみつつも、大人が冷静な姿勢を保つことの大切さを考えてみました。

ぷっくり可愛いシールブーム、親子の「適温」は？
過去一覧を見る

カテゴリーリスト

アーカイブ

ブログ内検索

採用情報
マイナビ転職でサンビットページをみる

  1. TOP
  2. BLOG
  3. Visualforce をLightning Experience 風のスタイルに ～ LightningStylesheets 属性～

検 索

Copyright (C) SUNBIT All Rights Reserved.