素肌にサスペンダー

個人的な備忘と日記

猫は要望がある時に鳴く

トイレが汚いとかご飯が欲しいとかあるけど、その辺は日頃ケアしているので、うちの愛猫が鳴いてくるのはだいたいかまって欲しい時。

本能的に明け方〜朝方活発になるけど、忙しくてなかなかかまってあげれず、鳴き続けてこっちもイライラすることがあった。

昨日余裕がない時に鳴かれ続け、「うるさいなー!」というと、鳴きやんだけどしょんぼりしてしまいとても罪悪感に見舞われた。。 (ショックそうな顔が目に焼きついてしまった)

今日は一転、明け方からよーく遊んであげた。

するといつもまだ活発なこの時間(AM9:00)でもハンモックで外見ながら静かにチルしてる。

要望解決しないと鳴き続けるんで、人間はもうそれを叶えるしかないと思う。(叱ったりしてもしつけできないらしい。むしろ嫌われる。)

社会は理不尽多いので、コーチングしてくれてると思えば、よりポジティブに猫と付き合っていけそう。

【fabric.js】canvasがw300px * h150pxになってしまう場合の対応

以下のように単純な四角形を設置した場合、canvas要素にインラインスタイル(width: 300px; height: 150px;)が適用される。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <canvas id="canvas"></canvas>

  <script src="https://unpkg.com/fabric@4.6.0/dist/fabric.min.js"></script>
  <script>
    window.onload = function () {
      var canvas = new fabric.Canvas('canvas');
      canvas.add(new fabric.Rect({
          left: 100,
          top: 100,
          width: 75,
          height: 50,
          fill: 'green',
          stroke: 'black',
          strokeWidth: 3,
          padding: 10
        }));
    }
  </script>
</body>
</html>

f:id:bnsgt:20220114041746p:plain


var canvas = new fabric.Canvas('canvas');の後に、以下を追記し、setWidth・setHeightで任意のwidth、heightを指定すると、その幅と高さのcanvasで描画される。

canvas.setWidth(1000);
canvas.setHeight(500);

f:id:bnsgt:20220114042027p:plain

【React】 create-react-appのbuildで、デプロイ先がサブディレクトリの場合

デプロイ先が、https://〇〇〇.com/△△△/のようなサブディレクトリの場合、js,css,画像などを相対パスで読み込む必要がある。

package.jsonに以下を追記すればOK。

homepage": "./",

publicフォルダに入っている画像などを読み込んでいる場合は、srcをルートパスで記述せずに、相対パスにする。

<img src="./〇〇〇.jpg" />

楽天証券で、米株積立購入が出来るようになった

2021年12月26日から楽天証券で、米株積立購入が出来るようになった。

www.rakuten-sec.co.jp

ETFも積立購入出来るので、少額やけど早速設定しておいた。

手間や思考使わず購入出来るんで便利。

amazonはいちいちチャージしてから購入した方が少しお得

  • 現金の場合

5000円以上チャージで、0.5%〜2.5%ポイントもらえる。

www.amazon.co.jp

  • クレカの場合(プライム会員のみ)

5000円以上チャージで、0.5%ポイントもらえる。

www.amazon.co.jp

クレカの方は、いちいち上のリンクから「キャンペーンにエントリーする」を押さないといけないっぽい。

めんどいけど、そこまで手間でもないんでチャージをしてから使うのを徹底していきたい。

【TypeScript】モジュールの宣言ファイルが見つからない時の対応

npm packageをimportして使おうとしたら、以下のようなエラーが出ることがある。

モジュール '{package name}' の宣言ファイルが見つかりませんでした。〇〇〇は暗黙的に 'any' 型になります。

npm i --save-dev @types/{package name}

で、インストールできない場合、

今回は、npx create-react-app app --template typescriptで環境構築したプロジェクトだったので、srcディレクトリ内に任意の名前の.d.tsファイルを置けば問題なかった。

src/{package name}.d.ts

declare module '{package name}';

お名前.comのjpドメインでwhois情報公開代行しているのに、登録者名が出ていた。

なんで?って思って調べたら、

2021年12月14日以前に汎用.jp/都道府県型.jpドメインWhois情報公開代行設定をおこなわれている場合は、[登録者名]にお客様の情報が表示されます。

とのこと。

[登録者名]を非公開にしたい場合は、Whois情報公開代行設定をいったん解除し、あらためてWhois情報公開代行設定をおこなってくださいますようお願いいたします。

なので、いったん解除し、もう一度設定したら、非公開になった。


参考

help.onamae.com

www.onamae.com