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キーを使ってフォーカス移動した時、チェックボックス・ラジオボタン・リンク・ボタンにフ...
Figmaのデータをローカルファイルとして保存する
案件でFigmaのデザインデータを共有された際、複数人で共有されている状態のデータではなく、自分のみ触れる状態で作業をし...
Macでフォントをインストールする
デザインデータを支給された際、デザイン上で使用されているフォントがパソコンに入っていないため、実際の表示と若干異なって表...