技術をかじる猫

適当に気になった技術や言語、思ったこと考えた事など。

LWC

Salesforce LWC の コンポーネントによる部品の作り方

youtu.be 第二弾…というか自社内でリクエストのあった内容で動画作ってみました。 エンディングのあと関連動画リンクを表示するための黒スクリーンを眺めに取るべきか… 字幕は Youtube の字幕出力にお願いして、動画上の埋め込みは排除…。 あと、案外作って…

Salesforce LWC で入力フォームを作成するサンプル操作の動画を公開しました

youtu.be まぁ言うたかてこれだけなんですが… Salesforce 環境の LWC でカスタムな入力フォームを作っていくよ カスタムオブジェクト(一般に言うテーブル定義)を作成するよ カスタムオブジェクトをすぐに画面から操作できるようにするよ(タブ作るよ) Lig…

JavaScript (+LWC)のチュートリアル: リバーシを作る(3)

JavaScript (+LWC)のチュートリアル: リバーシを作る(3) 概要 LWC らしくコンポーネント化していきます。 前提知識 前回までの知識 実装 ボードの適用 初期状態はこんな感じ 見ればわかりますが、リバーシのボードは、単純に 1 マス 1 マスのブロックの集ま…

JavaScript (+LWC)のチュートリアル: リバーシを作る(2)

概要 今回が単純なリバーシの実装と、シンプルな画面表示まで。 画面はこだわったものではなく、単純に文字表示のもの。つまり UI ではなく、ゲームのルール実装を優先します。 前提知識 前回までの知識 目次 概要 前提知識 目次 ディレクトリ構造を変更する…

JavaScript (+LWC)のチュートリアル: リバーシを作る(1)

概要 第一回目は LWC (オープンソース版)のインストールと、基本的使い方まで 前提知識 基本的な JavaScript コードが書ける前提。 目次 概要 前提知識 目次 LWC インストール NodeJS のインストール(Windows) 公式サイトからのインストール Chocolatey を使…

Salesforce 以外の LWC

目次 プロジェクト作成方法 ディレクトリ構成 LWC アプリ開発の違い Tips 参考情報 プロジェクトの作成方法 ざっくりアプリケーションの雛形を作成します。 ※ このやり方は 2022/03 としてはやや古いやり方です。最新版は、公式レシピ含め、Windows11 で正常…

OSS 版 LWC でWebApp

LWC というと、Salesforce の Lightning Web Component が真っ先に浮かぶ人は、Salesforce 界隈の人だと思う。 で、Salesforce プラットフォーム上のフレームワークとして有名ではあるのだけど、実際にはこいつは Opensource としても使える。 因みにこの記…

LightningWebComponent(OSS)で Bootstrap を読み込む

LightningWebComponent をイジってみて、Web Component としてシンプルだなーOSS版も使ってみるかなーと思ったらいきなりドハマリしたのでメモ。 OSS版 LWC を始める といってもやり方は恐ろしく単純で $ npx create-lwc-app my-app これだけでテンプレがで…