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

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

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

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

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

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