FigmaでWebPの画像を書き出す
FigmaでWebPの画像を書き出せるプラグイン「WebP Exporter」を試してみます。...
ツールの記事一覧
Astroでコンポーネントを使用する
Astroのコンポーネント周りの設定を試してみます。...
AstroでMarkdownファイルを使ってページを生成する
Astroでサイトを構築する際、Markdownファイルを使ってページを生成したいということがあったので、調べたことをメ...
Viteの環境でルートパスを変更する
Viteの環境でのビルド時に特定のディレクトリをルートに変更したいということがあったので、設定方法をメモ。...
ブラウザの「Arc」を使ってみる
Chromiumベースのブラウザ「Arc」を簡単に使ってみます。...
Three.jsをViteで使用する
設定方法 ターミナルでプロジェクトを作成するディレクトリに移動して、下記コマンドでViteのプロジェクトを作成します。 ...
Astroのビルド時のルートパスを変更する
Astroのビルド時のパスをルートパスから変更したいということがあったので、設定方法をメモ。...
Astroで画像を使用する
Astroで画像を使用する方法についてメモ。...
v0を使ってみる
Vercelから提供されている、UI自動生成ツールの「v0」を簡単に使ってみます。...
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でサイト構築を行った際、本番公開用の環境の他にステージング環境を作成したいということがあったので、設定方法...