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を試してみました。...
VSCodeで検索や置換を行う
VSCodeでの検索・置換方法について試した内容をメモ。...
imagemin-webpでWebPを生成する
imagemin-webpを使って画像のWebPへの変換処理を試してみます。...
brew updateがエラーで実行されない
以前にnodenvでバージョンが見つからなかった場合の対応方法の記事でbrew updateを使う方法を紹介しましたが、...