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

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

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

esspec.connpass.com 概要 tc39.es ECMA Script 2023 の仕様書ガチ読みしようぜ☆ という輪読会。 ECMAScript 仕様輪読会 - YouTube 今回は、そのうち Construct 辺りを読もうとしたところで、一旦方針を変えた会でした。 曰く「コンストラクタ読む前にクラス…

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

コマンド-ラインインターフェース | Salesforce Trailhead やってみたら内容薄かった件…裏で LSTM の勉強を進行中… うーん Prepare for your Salesforce JavaScript Developer I Credential Trailmix このTrailやってるはずなのだけどJavaScript関係なくね？…

trailhead.salesforce.com あー来ちゃったよ日本語じゃないやつら（翻訳追いついてない奴ら） Get Started with Modern JavaScript Development モダンな JavaScript を始めよう。 ざっくり JavaScript の歴史を説明している。 重要なのは ES6 (ES2015 以降…

trailhead.salesforce.com オブジェクトの作成 オブジェクト作成は {} で行けるけど、実際にゃ Object.create() を使っとる。 { ... } の作成はリテラル表記 プロトタイプ表記…懐かしい class が出るまではこうしてオブジェクト定義してました。 function Bi…

JavaScript の基本概念について trailhead.salesforce.com JavaScript の概要、使用する理由、使用法 概要だけざっくり もともとJSはHTMLを軽く動かすオプション的扱いだった そのうち動的ページができてきた。サーバ(Salesforce)で処理する VF がそれ。 そ…

前回のニューラルネットの分類で、アヤメの判別を実装しました。 white-azalea.hatenablog.jp この学習データを JavaScript に持って行って動かそうとしたのが今回。 学習データを取り出そう ニューロンの学習した重みとバイアスを JSON 化して取り出すよう…

ちょっと鯖欲しかったので Activator new で作って試す。 nodejs で勉強するチャンスだったかもしれないが、時間もなかったのでとりあえず知ってるやつで。 とりあえず、読めるようにしておく。 build.sbt に libraryDependencies ++= Seq( jdbc, cache, ws,…

前回の続き。 画面にブラーをかけてみる - 謎言語使いの徒然white-azalea.hatenablog.jp マウスを左に持って行ったらメニューを表示する仕様で実装してみた。 タグ構成は下記 <nav role="popup-nav" class="popup-nav" blar-target="all_contemts"> <div class="popup-icon"> <div class="glyphicon glyphicon-menu-hamburger">CONTENTS</div> </div> <div class="content"> </div></nav>

Hello AZ UI Liblary デザイン調整する余裕がなかったし、作りもかなりやっつけ。 とは言え、ページングとそれによるインジケータの移動はなんとかできた。 急ぎで作ったので、作りもやっつけ臭がする。 どこかで構造の見直ししないとなぁ…。

すごく単純なコードを書いたのだが str = "4444"; if (str.match(/^¥d{4}$/)) { alert("マッチしました。"); } しかし、Chrome 40.0.2214 で alert が発火せず… 意味が分からないと、「¥d」を「[0-9]」に置き換えると発火する。 意味が分からないが事実は事…