ヒトとテクノロジーのやりとりに興味を持つフロントエンドエンジニア
複雑なデータや専門知識が必要な入力フォームを
直感的に理解できるように整理し提示するのが得意
product
OBSのDiscordアイコン外観変更ジェネレーター
Discordで通話中のメンバーをOBS Studioに表示するときに、横並びにしたりアイコンを四角にしたりするためのカスタムCSSをつくるジェネレーター
OBSのDiscord通話相手立ち絵表示ジェネレーター
Discordで通話中のメンバーをOBS Studioに表示するときに、立ち絵で表示するためのカスタムCSSをつくるジェネレーター
Discordテキストチャンネル外観変更ジェネレーター
DiscordのテキストチャンネルをOBS Studioに表示するときに、見た目を変更するためのカスタムCSSをつくるジェネレーター
![npx aviftojpg <dir> [options]](/img/aviftojpg.jpg)
npx aviftojpg <dir> [options]
複数のAVIFファイルを一括でJPEGファイルに変換するnpxコマンド
![npx printpngprompt <dir> [options]](/img/printpngprompt.jpg)
npx printpngprompt <dir> [options]
Stable Diffusionで出力したPNGファイルからプロンプトやモデル情報などを取得するnpxコマンド
pickup
Node学園 43時限目
『[入門]Webフロントエンド E2E テスト』と『テスト自動化実践ガイド』の出版記念としてE2Eテストに関してのイベントを東京Node学園協力のもと開催。
![『[入門]Webフロントエンド E2E テスト』](/img/sd-e2e.jpg)
『[入門]Webフロントエンド E2E テスト』
技術評論社のフロントエンジニア選書シリーズとしてE2Eテストの入門本として出版。Software Designの寄稿をベースに、Playwrightの使い方とE2Eテストの考え方について執筆。
配信画面上で今誰が話してるのかをDiscordのアイコンで超わかりやすくする「OBSのDiscordアイコン外観変更ジェネレーター」の使い方 - GIGAZINE
GIGAZINEによる紹介。
Software Design 2022年4月号
短期連載 Cypressで作る“消耗しない”E2Eテスト環境［4］ を寄稿。
Software Design 2022年2月号
短期連載 Cypressで作る“消耗しない”E2Eテスト環境［2］ を寄稿。
どうしてHTML5が廃止されたのか
フューチャー技術ブログへの寄稿。そもそもHTML5とは何か、廃止された経緯について解説。
保守・拡張をしやすいカプセル化したCypress
フューチャー技術ブログへの寄稿。E2EテストはCypressのCustom Commandsなどでカプセル化すると読みやすくなおしやすい。
package.json dependencies メンテの仕方 最短ルート
Qiitaへの投稿。package.json の dependencies を最新に保って脆弱性を解消するために、どこから手を付ければいいのか。
Software Design 2018年1月号
一般記事 システムのセキュリティ運用をもっと楽に・セキュアに 脆弱性管理サービスFutureVuls登場 を寄稿。
Software Design 2017年10月号
第2特集 システムのセキュリティチェックをもっと楽に 脆弱性スキャナVuls入門 を寄稿。
職務経歴書
スキル・資格・経歴を記載。ご縁があれば。