at backyard

Color my life with the chaos of trouble.

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で撮りまくった動画はどこにバックアップするのが良いか?

何ヶ月も前に書いていた文章が下書きフォルダの中で塩漬けになっていたのを発見したので公開することにした。 (またやってしまった...) 目次 目次 結論 [いきなり脇道] 家族での写真共有はみてねがおすすめ 動画のバックアップに最適なクラウドストレージサ…

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シャツをもらえた。 今…

mac上でダブルクリックでPySimpleGUIを用いたGUIアプリケーションを起動する方法

下記のポストに引き続き、PySimpleGUIに関するポスト。 shinshin86.hateblo.jp macでは .command という形式で .sh ファイルを作成することで、ダブルクリックでそのシェルスクリプトファイルを実行することができる。 この仕組を応用して、ファイルをダブル…

PySimpleGUIを触ってみた備忘録(ボタンの配置とログ出力のサンプル、テーマカラーについて)

PySimpleGUIというPythonでかんたんにGUIを作れるライブラリを触ってみたので備忘録。 github.com 目次 目次 PySimpleGUIとは? VBAからPythonへの移行が増えている? PySimpleGUIで作成したログ表示サンプル PySimpleGUIのテーマカラーについて FindElement…

Google Search Consoleで2021年9月17日までのデータしか表示されなくなっている件についてと、秋の訪れとCaramel Shipについて

現在Google Search Consoleでは2021年9月17日までのパフォーマンスデータしか表示されなくなっている 現在Google Search Consoleでは2021年9月17日までのパフォーマンスデータしか表示されなくなっているが、これはGoogle Search Console側の問題であるよう…

Create React Appで作成したアプリケーションに対してTestCafeでのE2EテストをGitHub Actionsから動かす

Create React Appで作成したアプリケーションに対して、E2EテストをTestCafeで実装した。 ローカルでE2Eテストを動かす分にはさほど難しくはなかったが、GitHub Actions で動かす際にはハマったりすることが多かったので、一旦このように書けば動く、という…

マクドナルドのサイドメニューをチキンマックナゲットにしたら、食後独特の胃の重さがなくなったことについて

今日は個人的にライフチェンジングと書くと大げさだろうが、マクドナルドを食べる際に意識するようになって大きく改善されたことについて書いていこうと思う。 なお、このブログ内での記述はあくまで個人の感想によるものであり、またマクドナルドのポテトを…

GitHubのREADMEで画像サイズを指定する方法

ちょっと苦労したので備忘録として残しておきます。 前提条件 あくまで自身の備忘録として残しているので、網羅的な内容ではない GitHubのissueに画像をアップロードして、そちらの画像をREADMEから参照からする際にこの指定方法を用いている GitHub Flavor…

E2E テストフレームワークのTestCafeを始める前に聞かれる、TestCafe Browser Toolsの権限許可について

E2EテストのフレームワークであるTestCafe。 数年前からTestCafeが良い、という話を時折耳にする機会があった。 https://testcafe.io/testcafe.io 今までなかなか触れる機会がなかったが、ちょうど今Reactでオセロを作っているので、それのE2EテストをTestCa…

ジョン・フルシアンテのCarvelに出てくるCarvel Cakeとは

ジョン・フルシアンテの大好きなアルバム「シャドウズ・コライド・ウィズ・ピープル」 John Frusciante - Shadows Collide With People ジョン・フルシアンテの大好きなアルバムに「シャドウズ・コライド・ウィズ・ピープル」というのがある。 このアルバム…

Docker for WIndowsで"open //./pipe/docker_engine: The system cannot find the file specified. " みたいなエラーが出たときの対応

Docker for Windowsを使っていたときのこと、PCを再起動したタイミングで docker ps などでDockerコマンドを打つと、下記のようなエラーを吐くようになってコンテナを起動することができなくなってしまった。 # エラー全文は載せていないですが、あしからず …

LINEポイントの使いみちについて調べてみた

LINEポイントの有効期限があと30日で切れる、という通知がLINEから来たので、そもそもLINEポイントはどういう用途で使えるのかを改めて調べてみようと思った次第。 なおこの有効期限だが、LINEポイントを新たに獲得すれば期限は延長されるらしい。 mobile.li…

シェル内の移動に便利そうなjumpをインストールして触ってみた備忘録

rebuild.fmのエピソード313で話題に上がっていたjumpを試してみることにしたので、そのインストールに関する備忘録 rebuild.fm jumpのリポジトリはこちら github.com jumpのインストール 各プラットフォーム向けのインストール方法が用意されており、Go環境…

8月23日から24日にかけてGoogle Search Console上での検索パフォーマンスが急落しているが気にしなくて良さそう

運営している複数のサイトのGoogle Search Consoleを見ていたら、8月23日から24日にかけてGoogle Search Console上での検索パフォーマンスが急落していた。 検索パフォーマンスの落ち方がどのサイトでも共通していたので、これはなにかと思って調べてみると…

Google AdSenseのiPhoneアプリが終了していた

最近Google AdSenseのiPhoneアプリが壊れているなーと思ったら、どうやらアプリ自体が終了していたらしいです。知らなかった。 試しにツイッターで検索してみたところ、どうやら以前から終了は予告されていた模様。こういうときツイッター検索って本当に便利…

Expressのappモジュールを元にして簡単にSitemapを生成するためのnpmパッケージ【easy-express-sitemap-generator】を作成した

作ってみた報告です(まだAlpha版ですが)。 Expressのappモジュールを元にして簡単にSitemapを生成するためのnpmパッケージを作りました。 名前はeasy-express-sitemap-generatorといいます。 github.com インストールする際は npm install easy-express-site…

子供の動画依存(YouTube依存)を辞めさせた方法

少し前に下記の記事で娘が動画中毒(YouTube中毒)になりかけていると書いた。 shinshin86.hateblo.jp あれから、このままでは良くないと妻と話し合い、娘の動画依存(YouTube依存)を解消すべく、動画中毒脱却に向けた施策を打ち始め、見事にそれは功を奏した。…

AMPサイトでGoogle AdSense広告を出す方法

最初に この記事はだいぶ前に書いたまま下書き保存で塩漬けになっていたものである。 すっかり忘れていたので、今更ながら公開することにした。 AMPサイトでGoogle AdSense広告を出す方法 AMPサイトでGoogle AdSenseの広告を表示する方法についてだが、AMP対…

useRefを使って指定したDOMのサイズを取得する方法

最近、表題のような処理を書くべき状況になったのだが、うまく書けなかったので、反省の意味を込めて書いていく。 useRef を用いて対象のDOMを取得 useRef を使うと対象のDOMを取得できる。 https://ja.reactjs.org/docs/hooks-reference.html#useref Ref と…

data-cfemailというHTML属性と[email protected]という文字列について調べてみた

先日 data-cfemail という見慣れないHTML属性を見た。これは a タグで囲われており、囲われている中のテキストは [email protected] という文字列が表示されている。 また /cdn-cgi/l/email-protection へのリンクにもなっている。 内容としては表示されてい…

GitHubでリポジトリ作るだけでは草は生えない、Caramel ShipとB/W、娘がイヤイヤ期に突入する気配、などなど

GitHubでリポジトリ作るだけでは草は生えない 最近知ったのだけど、GitHubで新規にリポジトリを作るだけでは草は生えないらしい。 すごくどうでもいいことなのだけど、今更ながら知った。まあ、知らなくても特になんの問題もない。 確かにリポジトリ作っただ…

Pythonの小さなWebフレームワークBottleについているSimpleTemplate Engineを試してみた

Pythonで一番小さなWebフレームワークと言われているBottle。 このBottleにはSimpleTemplate Engineというテンプレートエンジンがついている https://bottlepy.org/docs/dev/stpl.html 私は今までこれを使ったことがなかったのだが、先日自身が公開しているb…