技術をかじる猫

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

Javascript

最近アップロードした動画類

CSV ファイルを Python で加工する youtu.be ヨドバシゴールドポイントカードの CSV ファイルを、Zaim という家計簿管理ソフトの CSV 取り込みにやりやすいように加工するサンプル。 Python の技術要素 ファイル列挙 CSVの入出力 正規表現 【初級向け】 Sale…

VueJS を使ってみる

vue js とは セットアップ方法 1. JavaScript 取り込みだけでセットアップ 2. ビルド環境構築 構成の確認 ドキュメント リリース 感想 昨今の Web framework 第二弾、Vue js 3 (この記事書いてる時点で最新のやつ) vue js とは Web framework の一つ。 Rea…

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

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

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

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

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

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

【メモ】ECMAScript 仕様輪読会 第25回

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

Salesforce 以外の LWC

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

Salesforce 開発者の JavaScript スキル(4)

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

Salesforce 開発者の JavaScript スキル(3)

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

Salesforce 開発者の JavaScript スキル(2)

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

Salesforce 開発者の JavaScript スキル(1)

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

JavaScript でニューラルネットを実行

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

SPAするほどでもない時に気軽に使う JavaScript framework, Vue と Knockout 比較

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

HTML5+JS でメニューをそこそこカッコよく出してみる

前回の続き。 画面にブラーをかけてみる - 謎言語使いの徒然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>

javascript だけで、ウィザードっぽい画面遷移作ってみた

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

正規表現で謎の動き

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