スクリーンリーダーのVoiceOverを使ってみる
サイト構築時にスクリーンリーダーでの読み上げを確認したいということがあったので、macOSに組み込まれているVoiceO...
ツールの記事一覧
Figmaのデータをローカルファイルとして保存する
案件でFigmaのデザインデータを共有された際、複数人で共有されている状態のデータではなく、自分のみ触れる状態で作業をし...
Googleパブリッシャータグを使ってみる
Googleアドマネージャーを使用する際に「Googleパブリッシャータグ(GPT)」を触る機会があったので、その際に調...
Parcelを使ってみる
設定ファイルを用意せずにビルド環境を作成できるツール「Parcel」を使ってみます。...
Viteを使ってみる
フロントエンド開発のビルドツール「Vite」(ヴィート)を簡単に使ってみます。 Viteはフランス語で「素早い」という意...
Figmaを使ってみる
Figmaはブラウザ上でもデザイン制作が行えるツールで、Figmaのアカウントを取得すれば利用できる点や、1つのファイル...
IllustratorでSVGを書き出す際の注意点
Illustratorから書き出したSVGを支給してもらうことがあったのですが、SVGタグとして埋め込もうとした際にうま...
APNGのファイルを生成する
APNG形式のファイルを生成する流れを試してみます。...
Adobe Animateを使ってみる
アニメーション作成ソフトのAdobe Animateを簡単に触ってみます。...
ChatGPTを使ってみる
OpenAIのアカウントを作成して、ChatGPTを実際に使ってみるまでの流れをメモ。...
Herokuで多要素認証の対応を行う
Herokuにログインして作業を行う機会があったのですが、少し前からMFA(多要素認証)の設定が必須になっていたようだっ...
VSCodeでマークダウンのプレビューを行う
VSCodeでマークダウンのプレビューを行う方法をメモ。...
SourceTreeでカスタムアクションの設定ができない
SourceTreeの環境設定で、カスタムアクションのタブを選択できないということがあったので対応方法をメモ。 Sour...
Vercelを使ってみる
ホスティングサービスのVercelへのデプロイを、GitHubを使って行ってみます。...
GitHubで2要素認証を設定する
少し前に、GitHubで2023年末までに2要素認証の有効化を必須にするというアナウンスがでていたので、2要素認証の設定...
Homebrewのインストール時にWarningが出る
以前にHomebrewのインストールの流れを記事で投稿しましたが、新しいMacでHomebrewのインストールをした際に...
Node.jsのバージョン管理ツールの「n」を使ってみる
新しいMac環境でNode.jsのバージョン管理ツールを導入する機会があったので、nを試してみました。 Windowsは...
Adobe XDでマスクを作成する
XDのデータから書き出しをする際、一部マスクをかけた状態で書き出しを行いということがたまにあるので、マスクのかけかたにつ...
PhotoshopでWebPを書き出す
Photoshopのバージョン23.2からWebPに対応したそうなので、WebPでの書き出しや保存をいくつか試してみまし...
Node.jsのバージョン管理ツールのfnmを使ってみる
Windows環境で新しくNode.jsのバージョン管理ツールを導入する機会があったので、fnmを試してみました。...