at backyard

Color my life with the chaos of trouble.

Entries from 2021-10-01 to 1 month

”が"と見た目は似ていて紛らわしい(全角のダブルクオーテーションについて)

突然だが、ブラウザの開発者ツールを開き、下記のコードを入力すると構文エラーとなる。 console.log(”Hello World”); // => Uncaught SyntaxError: Invalid or unexpected token 原因は単純で上で使われている ” の文字にある。 一見すると、上の Hello Wor…

DenoでHTMLを用いたGUIアプリが作れるCarolを試してみたのと、ゆっくり吹き替え on Macについて

目次 目次 Carolについて Carolを起動させてみる Carolで作成したGUIアプリをシングルバイナリにコンパイルする deno compileコマンドでシングルバイナリを生成(失敗) deno compileコマンドでシングルバイナリを生成(成功) Carolをなぜ試そうと思ったか? Ca…

scoped modulesを用いたパッケージをnpmで公開したときに得た知見

目次 目次 scoped modulesについて npmモジュールでscoped modulesを用いるとき 1. パッケージ名は@ユーザ名/パッケージ名とする 2. publishConfigの設定を行う scoped modulesでnpmにリリースを行ったときに気をつけること scoped modulesをインストールし…

localStorage.key関数では引数に文字列やfalseやundefinedやnullを渡すとlocalStorage.key(0)と同じ結果が返ってくる

たまたま気づいたのでメモしておく。 なお、環境はChromeの 94.0.4606.81 (Official Build) (arm64)で、他のブラウザでは試していないので、もしかしたらブラウザが異なれば挙動は異なるかもしれない。 気づいたのでメモした、ぐらいの軽い備忘録なのでそ…

JestでConsider using the "jsdom" test environment.というエラーが出たので対応した

少し古くなっていたパッケージのバージョンを上げた際にJestのテストで以下のようなエラーが発生した。 The error below may be caused by using the wrong test environment, see https://jestjs.io/docs/configuration#testenvironment-string. Consider u…

Denoで利用されるimport.meta.main や import.meta.url、Deno.mainModuleについて

Deno関連のコードを読んでいたときに出てきた import.meta.main が気になったので、import.meta.url、Deno.mainModule含め調べてみた。 目次 目次 そもそもimport.metaとは? Denoで利用されるimport.metaについて import.meta.mainの挙動を調べる import .m…

Denoのcompileコマンドやクロスコンパイルについて調べた

目次 目次 このポストにおけるDenoのversion Denoで実行ファイルのバイナリを生成する方法 バイナリファイルのサイズと、deno compile --lite オプションがなくなっていたことについて Denoでのクロスコンパイルについて linux用のバイナリを生成する Window…

DeepLで誤ってパスワードを翻訳してしまったが大丈夫!?

最初に この記事はDeepLに機密情報を載せても大丈夫というような内容ではありません。 少なくともDeepLの無料版では、機密情報は入力しないでください、とDeepL側でも明示していますので、機密情報は決して入力しないでください。 これらの内容に関する日本…

RustのプロジェクトでGitHub Actionsを使う

RustのリポジトリでGItHub Actionsを使うための yml ファイルを下記にメモする。 name: Rust CI on: [push, pull_request] jobs: check: name: Check runs-on: ubuntu-latest steps: - name: Checkout sources uses: actions/checkout@v2 - name: Install st…

DenoのプロジェクトでGitHub Actionsを使う

DenoのプロジェクトでGitHub Actionsを使うために設定ファイルを書いてみたので、備忘録として残しておきます。 deno fmt と deno lint、それから deno test をGitHub Actionsで行うための設定ファイルです。 name: Deno CI on: [push, pull_request] jobs: …

iCloudの写真と動画のバックアップを停止して、iCloudの容量を確保するために調べたこと

子供が生まれてからというもの、写真や動画を取る頻度が大幅に増え、iCloudのバックアップ容量は既にいっぱいいっぱいになっている。 容量が足らなくてバックアップに失敗しました的な通知が常にiPhoneに表示されていたはずだが、いつの間にかそんな通知も出…

【クラウドストレージ vs 外付けHDD】iPhoneで撮りまくった動画はどこにバックアップするのが良いか?

結論:iPhoneで撮った写真や動画は外付けHDDにバックアップするのが一番コスパ良い! 最初に この文章を公開したのは2021年だが、2022年になった今でも時折更新している。 やはりバックアップに関する悩みはいつになっても尽きないが、結論にも書いたように…

webpack5を用いてReactでTop level awaitを有効にした環境を作成する

目次 目次 最初に ライブラリのインストール 必要なファイルの作成 webpack.config.jsの記述 アプリケーションコードの記述 index.html index.js App.js ソースコード 最初に create-react-appは用いず、自身でwebpackをインストールしてReact環境を作成する…

Top level awaitについて整理した

トップレベルawait(Top level await)について改めて自分の中で整理することにした。 これはその際の備忘録的なものとなる。 目次 目次 Top level awaitとは? Top level awaitをブラウザで試すシンプルな方法 実際に読み込まれたJSファイル上でTop level awa…

JavaScriptのimport時のファイル読み込み時、複数から呼ばれたJSファイルの挙動について

JavaScriptを書いていて、挙動を理解していない箇所があるので今日はそのメモを書く。 例えば下記のような3つのファイルがある。 // sample1.js import { userList } from "./sample2"; import sample3 from "./sample3"; console.log('===> call sample1.j…

今年もHacktoberfestの季節

Hacktoberfest 2021について 暑い夏も終わり、用がなくとも外を散歩したくなるような季節。また、この時期はHacktoberfestが開催される時期でもある Hacktoberfest 2021 わたしは去年初参加して無我夢中で頑張ってみた結果、なんとかTシャツをもらえた。 今…