AstroでHTMLの圧縮を無効にする
Astroで構築したサイトで、HTMLを圧縮していない状態でビルドしたいということがあったので方法をメモ。...
ツールの記事一覧
ClaudeでMCPを使用する
ClaudeでMCPを使用する方法を試してみます。 今回はWindows環境での使用になります。...
Claudeを使ってみる
Claudeのアカウント登録から実際に使ってみるまでの流れをメモ。...
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を使って開発した案件で久しぶりの更新対応を行おうとした際、デプロイがうまくいかないということがあった...