JS go to test 改め JS Teleporter を作成した報告。VSCode拡張のdeprecateフラグを付ける方法がGithub discussionでコメントする方法しか無かったのが意外だったので小話を記載しました

JSのテストを行き来するVScode拡張が強くなった報告とVSCode拡張のdeprecatedについての小話

自分なりに読みやすいテストコードとはなんだろう、自分がテストを書くときに心がけていることはなんだろうか、その点について記載しました。

読みやすいコードとテストコードは評価軸が違う 〜 読みやすいテストコードのために心がけること

「私が」知らなかった`Uppercase`などの文字列に関連する組み込み文字列操作型について活用方法等をセットで記載しています。

知られざるTypeScriptの組み込み型と活用法 〜 組み込み文字列操作型

Github Actionsを利用して、カレントブランチと派生元のブランチでビルド結果に差分がないかを確認する方法をつくりました。

Github Actionsでビルド結果に差分が無いかを確認する

Node.jsでフォルダ構造が重要なアプリのテストは、fsのモックが億劫で手を付けられません。しかし、mock-fsを利用すると簡単にモックが作れます。

Node.jsのfsモジュールをモックしてテストする: mock-fsモジュールのすゝめ

ウォーターフォール開発は1970年のRoyce氏の論文がもととなったとされている。しかしながら、それは間違いであった。本記事はその事実と、ウォーターフォールの起源を探った軌跡を記載する。

僕たちはまだ本当のウォーターフォールを知らない

RaycastというMacのランチャーツールのエクスペリアエンスが高かったので紹介記事です。ついでにAlfredから乗り換えたときの備忘録的な。

Raycast というmacOSのランチャーツールの答えの1つ 〜 Alfredから乗り換えてみる

とっぷらによる2021年に使った技術の遅めの振り返りです。

2021年に使った技術の振り返り

JavaScript/TypeScriptでテスト・コード間を移動するVSCode拡張が見つからなかったので自作しました。ついでに作り方も。

JavaScript/TypeScriptでテスト・コード間を移動するwith VSCode拡張の作り方

オレオレルールをTypeScriptで作る記事が不足していたので書きました。

Custom ESLint RuleをTypeScriptで作りたい

ユーザとユーザー、どうして差がついたのか、慢心、環境の違い。その結論は謎

ユーザとユーザー、どうして差がついたのか、慢心、環境の違い

初めてのポエミーな記事。転職について日記レベルのことを書きました。

23歳が転職するまでの100日間

電子署名はデジタル世界での安心を守る仕組みですが、あまり一歩進んだ知識をつけづらいです。本記事によって少しでも電子署名の基礎が分かればと思います。

電子署名について一歩踏むこんで知る

Firefoxでは動くけどChromeでは動かない証明書が完成したので直しました。SANが重要だそうです。

Chromeで使える証明書の作成方法

左から伸びて右に縮む線をCSSで書きましたが、情報がぱっと調べた感じなさそうなので備忘録として残します。

左から伸びて右に縮む線をCSSで

Huskyをv6に上げたらcommitできなくなったので、解決方法とその理由について調べてみました。

Huskyをv6に上げたらcommitできずに動かない

DigestInfoとだけ書かれた仕様から始まる、様々な仕様を経由した色の濃い道程について記載します。

DigestInfo とだけ言われた私への手向け歌

Nuxt.jsでJSON-LDを用いたSEOの構造化データを実装したので、そのまとめです。

Nuxt.jsと「JSON-LD」による構造化データ

DSAのアルゴリズムについて簡単にですがまとめてみました。

君もDSAについて考えてみてよ

離散対数問題に対して代数学を学びながら定義までの道筋を開いてみた。群とか全く知らない人でも最高速で離散対数問題の定義までこぎつけるようになります。

離散対数問題について更に詳しく調べてみた

RSA公開鍵暗号はDH法が現れた翌年発表されました。その論文の流れに沿ってRSA公開鍵暗号について調べてみました。

RSA公開鍵暗号についてそれなりに力を入れて考えてみたら

鍵交換法、というと必ず出てくるDH法。今回はちょっとだけ詳しく調べてみました。

DH法についてそれなりに力を入れて調べてみたら

React Hooksで簡単に要素の外側をクリックされた時に検知できる仕組みを作りました。

Reactで要素の外側をクリックされた時を検知する[React Hooks]

.NET Frameworkを利用して、Windowsのスクリーンショットを撮るツールを作成したときの記録です。

.NET Frameworkで画面のスクリーンショットを撮る

Line。日々通知が来る方が少ないこのサービス。毎日朝に可愛い女の子がメッセージを送ってくれる。そんな妄想をしながら作りました。

LINE0件の日常に彩りを[LineBot作成日記 With GCP]

話題のバンドラ、ESBuildでビルドして、Google Cloud Functionで実行してみました。

ESBuildでビルドしてGoogle Cloud Functionで実行するまで

Reactでコードを書いてるときにindex.tsxのときはフォルダ名を、それ以外の場合はファイル名から拡張子を抜いた値をVSCodeのスニペットで利用したくなったので作成しました。

index.tsxのときはフォルダ名を、それ以外の場合はファイル名をスニペットで利用したい[With VSCode]

ivory開発三日目にしてStorybookとTestの設定を行いました。便利なVSCodeのスニペットの設定もしました。

StorybookとTestの設定と何かと便利なVSCodeのスニペットの設定[ivory開発日誌3日目]

ReactのUIフレームワークに対して今ひとつ最適解を選べないとっぷらは、Tailwind.cssを利用することにした。これは、その時の記録……。

Tailwind.cssをReactの環境にインストール[Ivory開発日誌2日目]

PWAのオフライン対応をより簡単に行えるWorkbox。Workboxのキャッシュ戦略の中の「Stale-While-Revalidate」パターンにおいて、裏でデータを取得したときに通知を受け取り、それを元に画面の再描画を行うまでの方法を記載しました。

workboxの「Stale-While-Revalidate」キャッシュ戦略時、裏でデータを取得したときの通知を受け取りたい

yarnを行うと「info There appears to be trouble with your network connection. Retrying...」が出てくるので解決した。

yarnを行うと「info There appears to be trouble with your network connection. Retrying...」が出てくる

マストドンクライアントを作ろう。そう思い立った翌日に、彼は荒野の中にいた。――Electronの環境構築って、案外面倒くさいんだな。彼は呟きながら、徹夜明けの耳に鳥の囀りを聞いた

React×Electron×TypeScriptの環境設計【Ivory開発日誌1】

これ記事にする必要なくない? ってぐらい薄い生地。ピザでも作れそう

WindowsにNodeをインストールする

社内の制限などでMicrosoft Storeが使えない環境でのWSL導入手順に関するチラシの裏です。

Microsoft Storeが使えない環境でもWSLが使いたい!　～ WSL without Microsoft Store

Node.jsの作者が新しく作ったJavaScriptおよびTypeScriptの実行環境であるDeno。そんなDenoのバージョン1がリリースされましたので、紹介とインストール、ハローワールドまで試してみました

Hello, Deno!! ～ 新たなJavaScript実行環境であるDenoを試してみる 

Java、Scala、Kotlin。JVM上で動く言語の3つ。特にJavaとKotlinはAndroidで利用することが多いでしょう。ではこれらの言語、サーバーサイドでは一体どのようなフレームワークがあるのか、気になったので調べてみました。

サーバーサイド言語としてのJVM言語について調べてみた

ブログを作る、それはどこから? 私はNuxtとContentfulを使って今回は1からブログを作りました。今回の記事ではブログの構成の紹介をします