Cursorを使ってみる
AI技術を活用した機能が特長のコードエディタ「Cursor」を簡単に使ってみます。...
ツールの記事一覧
Puppeteerを使ってみる
ヘッドレスブラウザのChromiumを操作するライブラリ「Puppeteer」を使ってみます。...
axe DevToolsを使ってみる
ウェブページのアクセシビリティテストツールのaxe DevToolsを使ってみます。...
chromeのDevToolsでスクリーンショットを取得する
chromeのDevToolsからスクリーンショットを撮る方法をメモ。...
スクリーンリーダーのNVDAを使ってみる
アクセシビリティ対応の検証でスクリーンリーダーのNVDAを使う機会があったので、使用方法についてメモ。 今回使用するのは...
SourceTreeでブランチ名を変更する
リモートにプッシュしたブランチ名を変更したいということがあったので、変更方法をメモ。...
Figmaでマスクを作成する
Figmaでマスクを作成する方法をメモ。...
Netlifyのビルドイメージを変更する
過去にNetlifyを使って開発した案件で久しぶりの更新対応を行おうとした際、デプロイがうまくいかないということがあった...
スクリーンリーダーのPC-Talkerを使ってみる
アクセシビリティ対応でPC-Talkerを使用する機会があったので、簡単にメモ。...
Netlifyでプルリクエスト毎に確認環境を作成する
以前にNetlifyブランチ毎に確認環境を用意する記事を投稿しましたが、プルリクエスト毎でも確認環境を用意することができ...
Netlifyでブランチ毎に確認環境を作成する
Netlifyでサイト構築を行った際、本番公開用の環境の他にステージング環境を作成したいということがあったので、設定方法...
FigmaでCSSのコードを取得する
Figmaのデザインデータからコーディングを行う際、グラデーションなどのややこしい設定をCSSコードとして取得する方法を...
Gmailのエイリアス機能を使用する
ログイン機能などのあるサイト構築時、テストでメールアドレスを何度も登録したいということがたまにあります。 そういった時な...
FileZillaで保存したパスワードを確認する
FileZillaで保存したFTPパスワードを確認したいということがあったので、伏字になっている部分を確認する方法をメモ...
VSCodeでGitHub Copilotを使ってみる
GitHub Copilotを使用できる機会があったので、VSCodeで使用する際の流れと、実際に使ってみるところまでを...
Astroを使ってみる
Astroはドキュメントサイトやブログなどといった、コンテンツ閲覧がメインのWebサイトの構築に適したフレームワークで、...
スクリーンリーダーのVoiceOverを使ってみる
サイト構築時にスクリーンリーダーでの読み上げを確認したいということがあったので、macOSに組み込まれているVoiceO...
Figmaのデータをローカルファイルとして保存する
案件でFigmaのデザインデータを共有された際、複数人で共有されている状態のデータではなく、自分のみ触れる状態で作業をし...
Googleパブリッシャータグを使ってみる
Googleアドマネージャーを使用する際に「Googleパブリッシャータグ(GPT)」を触る機会があったので、その際に調...
Parcelを使ってみる
設定ファイルを用意せずにビルド環境を作成できるツール「Parcel」を使ってみます。...