v0を使ってみる
Vercelから提供されている、UI自動生成ツールの「v0」を簡単に使ってみます。...
その他の記事一覧
Cursorを使ってみる
AI技術を活用した機能が特長のコードエディタ「Cursor」を簡単に使ってみます。...
Puppeteerを使ってみる
ヘッドレスブラウザのChromiumを操作するライブラリ「Puppeteer」を使ってみます。...
chromeのDevToolsでスクリーンショットを取得する
chromeのDevToolsからスクリーンショットを撮る方法をメモ。...
特定のサイトのCookieやWebStorageを削除する
chromeでの作業中、特定のサイト内で使用しているストレージを削除したいということがあるので、やり方をメモ。...
SourceTreeでブランチ名を変更する
リモートにプッシュしたブランチ名を変更したいということがあったので、変更方法をメモ。...
Google Apps Scriptで再デプロイした際にURLを変更しないようにする
Google Apps Scriptでデプロイ済みのコードを変更して再度デプロイする際、デプロイ後のURLが変更されない...
Figmaでマスクを作成する
Figmaでマスクを作成する方法をメモ。...
Netlifyのビルドイメージを変更する
過去にNetlifyを使って開発した案件で久しぶりの更新対応を行おうとした際、デプロイがうまくいかないということがあった...
Netlifyでプルリクエスト毎に確認環境を作成する
以前にNetlifyブランチ毎に確認環境を用意する記事を投稿しましたが、プルリクエスト毎でも確認環境を用意することができ...
Netlifyでブランチ毎に確認環境を作成する
Netlifyでサイト構築を行った際、本番公開用の環境の他にステージング環境を作成したいということがあったので、設定方法...
デザインデータに含まれるフォントがパソコンになかった場合の表示
支給されたデザインデータに含まれるフォントが自分のパソコンにインストールされていなかった場合、デザインソフト上でどういっ...
.gitignoreで一部のファイルのみ監視対象にする
.gitignoreで全ファイルを監視対象外にした上で、一部のファイルを監視対象にする方法をメモ。...
FigmaでCSSのコードを取得する
Figmaのデザインデータからコーディングを行う際、グラデーションなどのややこしい設定をCSSコードとして取得する方法を...
Gmailのエイリアス機能を使用する
ログイン機能などのあるサイト構築時、テストでメールアドレスを何度も登録したいということがたまにあります。 そういった時な...
FileZillaで保存したパスワードを確認する
FileZillaで保存したFTPパスワードを確認したいということがあったので、伏字になっている部分を確認する方法をメモ...
VSCodeでGitHub Copilotを使ってみる
GitHub Copilotを使用できる機会があったので、VSCodeで使用する際の流れと、実際に使ってみるところまでを...
Astroを使ってみる
Astroはドキュメントサイトやブログなどといった、コンテンツ閲覧がメインのWebサイトの構築に適したフレームワークで、...
Safariでのチェックボックスやラジオボタンのフォーカスの挙動を調べてみる
以前にSafariのtabキーでのフォーカス移動についての記事やCSSの:focus-withinを使ってみる記事で触れ...
Safariのtabキーでのフォーカス移動時、チェックボックスやボタンがフォーカスされない
Safariでのフォーム入力でtabキーを使ってフォーカス移動した時、チェックボックス・ラジオボタン・リンク・ボタンにフ...