技術をかじる猫

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

AngularJS をセットアップする

AngularJS とは セットアップ 恒例のコードリーディング コンポーネントの追加 リリース ドキュメント 感想 AngularJS とは Google と OSS コミュニティで作成されるフロントエンドフレームワークです。 angular.jp セットアップ Angular のコマンドラインツ…

VueJS を使ってみる

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

国が発する家計、金融教育「マネビタ」

マネビタ 背景 日本人はほぼ金融教育を受けてない やってみる マネビタ www.shiruporuto.jp マネビタは金融庁の下部組織、金融広報中央委員会が運営している、無料の eラーニング口座です。 金融と経済を学ぶ ライフプランを描く お金を借りる お金を増やす …

久々に REACT をセットアップしてみる

REACT のデフォルトプロジェクトを作成 REACT の特性 ルーティング 挙動 リリース REACT の濃い作り REACT のデフォルトプロジェクトを作成 既存プロジェクトに入れるのではなく、基本セットとしてセットアップします。 npx create-next-app を打っとけばな…

技術書展14 で出てきた新規本から、トレンドを探ってみた

本当なら、1ブースで複数本を出しているので、それも考慮に入れておくのが集計的には正しいのかもしれないが、面倒だったので… 対象は 技術書展14 の新刊本のみ。 書籍のタイトルのみ解析 最頻の単語を探る だけにとどめる。 本当なら、書籍の紹介文を全部拾…

技術書展 14 行ってみた

技術書展とは? 技術書専門の同人誌即売会です。 技術の名前がつけば、ジャンルは問わないので、IT以外にも、航空機パイロットの教科書、放射線関連、刀剣の歴史、人工肉の家庭培養など多岐に渡ります。 ジャンルが広いので、紹介本、入門書の類が比較的多く…

template を利用する

template の使い方 template を親の HTML から独立させたい! JavaScript に突っ込んじゃえ template を別ファイルに切り出しちゃえ template の使い方 基本的な使い方は MDN に載っているので、コレをまず参考にする。 developer.mozilla.org これをもとに…

Shadow DOM について

概要 まずはタグを作る Shadow DOM の特性 style 透過性 要素の透過性 イベントの透過性 Shodow DOM の外側にイベントをバブリングする Open Closed の違い 弱点 概要 Shadow DOM を実際に作成した上で、どの様な動作をするのかを検証してみる。 white-azale…

スクラッチ組織のセットアップ時にレコードを CSV で設定できるようにするプラグイン

やりたいこと スクラッチ組織で開発するとき、テスト用の初期設定データセットアップがめんどくさいから自動化したい。 sfdx の既存コマンドで満足できない sfdx には正式なコマンドとして force:data:tree が存在するが、このコマンドは JSON を取り込む一…

sfdx プラグインを作成してみる

sfdx のインストール sfdx プラグインジェネレータのインストール 最初のプラグイン ちょっといじって反応を見よう プラグインをインストールしてみる コマンドの追加 参考 sfdx のインストール まずは NodeJs をインストールするところから。 下記リンクの…

純粋な HTML+JavaScript だけでカスタムタグを作る

カスタムなタグを作成してコンポーネントを作成するフレームワークを使ったことのある人は多いと思う。 と言うかこのサイトで紹介している LWC なんてまんまそれだし… white-azalea.hatenablog.jp で、この タグを作るって仕様的にどうなってるん? て事で調…

ServiceWorker について(2)

目標 ServiceWorker でPush通知を受け取る。 内容的には下記の記事の続き。 white-azalea.hatenablog.jp 目次 目標 目次 フレームワークインストール 実装 各ファイルの実装 起動してみる Push 通知を送ってみる。 尚、参考はこれ qiita.com

Firebase で push 通知

目標 Push 通知機能を Firebase を利用して実装してみるテストプログラム。 本当は ServiceWorker を時前実装でやろうとしてたのだけど、そのサンプルで多様されてる Firebase が気づいたら独自フレームワークになってたらしいので、それで試してみた。 目標…

ServiceWorker について(1)

目的 LWC などのフロントエンド技術は、極論調べてフレームワークに従っていれば処理できます。 使うだけならその内部を把握する必要はありませんが、どんな機能をどのように使って処理するのかを把握しておけば、応用が効くかも知れません。 ここでは Servi…

ユダヤの教え タルムード 説話集

書籍 ユダヤの教え タルムード 説話集作者:あままAmazon レビュー 子供に聞かせる「昔話」には教育的側面、知恵などが含まれる。 例えば日本昔ばなしのそれは大抵が「勧善懲悪」「良いことは帰ってくる」「悪いことはいつかしっぺ返しが来る」「ズルはしては…

NodeJS でRESTサーバを最短で(Salesforceのコールアウトテストサーバ)

Salesforce でほぼ標準の開発環境 sfdx ですが、コレ、nodejs 経由でインストール出来るのですよね。 逆に言うと、nodejs と親和性が高いとも言えます。 そこで、Salesforce のコールアウト(Apex*1 から、Salesforce 外の HTTP リクエストを送信する仕組み…

Python2.7 で死ぬほどシンプルな REST サーバ

とりあえずコレを見つけて、楽だったのでメモ Simple and functional REST server for Python (2.7) using no dependencies beyond the Python standard library. · GitHub このシンプルさでしれっと REST サーバ立つのはいいね。 #!/usr/bin/env python imp…

漫画 バビロン大富豪の教え

書籍 読んだのは「バビロン大富豪の教え」。原書は英語で、日本語訳も当然ある。 漫画で読みやすくなっていて、設定がそこそこ現代日本風にアレンジはされている。 漫画 バビロン大富豪の教え 「お金」と「幸せ」を生み出す五つの黄金法則作者:ジョージ・S…

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

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

CentOS 7 の Apache (+PHP) から、シェルを経由して sfdx コマンドを実行する

Docker に CentOS + Apache + PHP Dockerfile を作る CentOS インストールと PHP インストールまで自動化 FROM centos:7 RUN yum update -y && yum clean all # Repository # EPEL RUN yum install -y epel-release # remi RUN yum -y install http://rpms.f…

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

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

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

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

良さげなライブラリの紹介があったのでメモ

trailhead.salesforce.com 具体的に良いなと思ったのが github.com 使い方はコレ trailhead.salesforce.com 何をやってるかというと、作業単位を一旦保存実行を待って内部キャッシュし、指定したタイミングで一括保存等をトランザクション制御つきでやってく…

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

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

ゴールドポイントカードプラスが、家計簿アプリに連携出来ないので CSV 連携する

はじめに ことの始まりはこの Tweet。 加えて楽天やヨドバシなどのカードは、ポイントもつくので、原則はカード払い+スマホで利用履歴、家計簿管理。コレが蓄財のベストプラクティスの一つですね。ヨドバシの買い物比率高いと、10%つくから、翌月に2リット…

書籍レビュー : 本当の自由を手に入れるお金の大学

レビュー 「これで勝てねば貴様は無能だ」(シャア・アズナブル) をもじって「これで貯蓄できねば貴様は無能だ」と言っていい位、ステップバイステップで貯蓄方法を具体的に教えてくれる一冊。 本当の自由を手に入れるお金の大学作者:両@リベ大学長朝日新…

書籍レビュー: アメリカの高校生が学んでいるお金の教科書

アメリカの高校生が学んでいるお金の教科書作者:アンドリュー・O・スミスSBクリエイティブAmazon 感想 キャリアや転職、貯蓄蓄財や、その資産を守る基礎。 国のルールや老後まで、お金に関わる様々なステージについて教えてくれる一冊でした。 日本人が読む…

読書: アメリカの高校生が学んでいるお金の教科書(14) ― 老後(もう書籍関係ないな)

話題以外書籍に全く関係なくなった (;´∀`) だって制度が違いすぎるのだもの… というのも、国民の生活を守るという点においては日本の制度が手厚すぎる。 大きく儲けて…のドリームが難しい代わりに、生活するって意味では福利の手厚い国ですまったく… 老後…

読書: アメリカの高校生が学んでいるお金の教科書(13)―本の内容書いてないw

もう本の内容書いてない… 法律が絡むと、国独自になるので、各章のタイトルから勝手に調べるだけになってきてる。 契約 二者間か、複数人間の当事者による合意を表すもの。 契約で取引される価値あるものの概念を「約因」といい、約因が契約に拘束力を持たせ…

読書: アメリカの高校生が学んでいるお金の教科書(12)―?日本に適用できないじゃん

ここももはや本の内容は完全無視… だって国の補償内容とか全然違うのだもの… 貧困格差 日本国内においては、社会保障制度などを通じた再分配後のジニ係数*1はほぼフラットであり、再分配後の格差は低い。 ただし、年齢別に確認してみると、65 歳以上の高齢者…