レゴブロックで会社システムを自分好みに!Lightning Web Componentsって何?

「あれ、このボタン、もっとこっちにあったら便利なのになぁ」

「この画面、いつも同じ情報を手で入力し直すの、面倒!」

会社で使っているシステム、どこか使いにくいな…と感じたこと、ありませんか?

特に、たくさんの情報が表示される「Salesforce(セールスフォース)」というシステムを使っている方なら、一度はそう思ったことがあるかもしれませんね。

実は、そんな「もっとこうだったらいいのに!」を、まるで魔法のように叶えてくれる技術があるんです。それが今回お話しする「Lightning Web Components(ライトニング・ウェブ・コンポーネンツ)」、略してLWCです!

それは何? 〜 魔法のレゴブロック 〜

想像してみてください。あなたは、世界に一つだけの、自分だけの素敵な家を建てたいと思っています。

でも、イチからレンガを積み上げて、窓も手作りして…なんて、大変すぎますよね。

そこで登場するのが、LWC、つまり「魔法のレゴブロック」です!

LWCは、まるで熟練の職人さんが一つ一つ丁寧に作り上げた、特別なレゴブロックのようなもの。

  • 「ボタンのブロック」
  • 「文字を入力する箱のブロック」
  • 「写真を表示するブロック」

など、いろんな形の賢い部品が用意されています。

しかも、ただのレゴブロックじゃありません。これらの部品は、「Salesforceのお家」にピッタリ合うように設計されていて、とっても賢く動くんです。

これを使えば、難しい専門知識がなくても、ポンポンとブロックを組み合わせていくだけで、自分だけの「使いやすいシステム画面」を建てることができるんですよ。

何ができる? 〜 熟練の秘書が整えるパーソナルデスク 〜

さて、この「魔法のレゴブロック」で、具体的にどんなことができるんでしょう?

例えば、会社の顧客情報を見る画面。いつも「顧客の名前」を見て、それから「過去の購入履歴」を探して、「最近の問い合わせ」を別の画面で開いて…なんて、あっちこっち移動していませんか?

LWCを使えば、もう大丈夫!

「顧客の名前を表示するブロック」の横に、「この顧客の購入履歴を自動でまとめて表示するブロック」、その下に「最新の問い合わせ内容をパッと見せるブロック」を、まるで一枚の紙に貼っていくように配置できるんです。

そうすると、一つの画面を開くだけで、知りたい情報が全部、分かりやすくまとまって見えるようになります。

まるで、散らばっていた書類が、整理整頓されたファイルボックスに収まるようなイメージですね。

これまでの「使いにくいシステム」が、まるで熟練の秘書があなたのために整えてくれた、パーソナルデスクのように生まれ変わるわけです。

簡単な例 〜 伝えるだけで、あとはお任せ! 〜

では、簡単な例で見てみましょう。

あなたは、ある画面に「名前を入力する箱」と、「挨拶ボタン」を置きたいとします。

LWCでこれをどう作るか?

まず、「文字を入力するブロック」と、「ボタンのブロック」を持ってきます。

ボタンのブロックには、「このボタンが押されたら、入力された名前を使って『〇〇さん、こんにちは!』というメッセージを画面に表示してね」という指示を、日本語で書いたメモを貼っておきます。

すると、画面には名前を入力する場所とボタンが表示され、あなたが名前を入力してボタンを押すと、「〇〇さん、こんにちは!」と、素敵な挨拶がパッと表示されます。

まるで、レゴブロックのボタンに、小さなメッセージカードを貼り付けて、押したらカードの文字が変わるようなイメージです。

「どうやって?」という難しい仕組みは、この賢いレゴブロック(LWC)が裏でちゃーんとやってくれるんです。あなたは「何をしたいか」を伝えるだけでOK。宅配便で荷物を送る時に、宛名を書いて「お願いします!」って渡すだけで、あとは全部お任せ、というのと似ていますね。

結び 〜 あなたのためのITシェフ 〜

どうでしょう?「Lightning Web Components」と聞くと、なんだか難しそうな呪文みたいに聞こえるかもしれません。

でも実は、あなたの「もっとこうしたい!」を叶えるための、とっても便利で賢い「魔法のレゴブロック」なんです。

これがあれば、会社のシステムがもっともっと使いやすくなって、毎日の仕事がサクサク進むようになります。

まるで、プロのシェフがあなたの好みに合わせて、最高の料理をサッと作り上げてくれるみたいに、LWCはあなたのための、最高のシステム画面を作り出すお手伝いをしてくれるんですよ。

ITって、実はそんなに難しくなくて、私たちの生活を豊かにするための、身近な道具なんです。そう感じていただけたら、嬉しいな!

コメント