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記事

カレンダー

«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    

最近のエントリー

自転車に対する道交法改正、その後

2026.06.22

2026年4月から始まった自転車の青切符制度。施行当初は大きな話題となりましたが、実際の街中ではどのような変化が起きているのでしょうか。法改正によって自転車が車両であるという意識は高まった一方、一時不停止や踏切での停止など実際の運用とのギャップも感じられる状況です。交通ルールや安全運転について改めて考えてみました。

ExcelとWordの決定的な違いと使い分けのポイント

2026.06.15

普段何気なく使っているExcelとWordですが、それぞれに得意な作業があります。集計表や名簿ならExcel、お知らせ文や報告書ならWordなど、目的に合わせて選ぶことで作業効率も修正のしやすさも変わります。日常業務で迷いやすい使い分けを、具体例を交えてわかりやすく紹介しています。

息をのむほどの緑。奥入瀬渓流に行ってきました

2026.06.08

今回は、初めて訪れた青森県の奥入瀬渓流の感動を綴った旅行記です。新緑の美しさや苔の表情、川の流れや滝の音、森の香りなど、五感で味わう自然の魅力満載です。実際に自然の中を歩くことで気づく奥入瀬の美しさを紹介しています。

「一倉定の経営心得」に学ぶ経営の本質について

2026.06.01

一倉定氏の著書『一倉定の経営心得』を通じて、経営の本質を考察しました。「会社の真の支配者は、お客様である」「優柔不断は、誤った決定よりなお悪い」など、厳しくも核心を突く提言から、社長の決断力や顧客視点の重要性をあらためて実感した内容です。

アーカイブ

ブログ内検索

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