Macでフォントをインストールする
デザインデータを支給された際、デザイン上で使用されているフォントがパソコンに入っていないため、実際の表示と若干異なって表...
その他の記事一覧
Gulp実行時に「zsh: command not found: gulp」とエラーが出る
普段触っていない案件のGulp環境を使用しようとした際、「zsh: command not found: gulp」とエ...
Nuxt.jsでhostsの設定を行う
Nuxt.jsのローカルでの開発時に、本番環境のサブドメインを使用したいということがあったので、hostsを使って設定す...
Parcelを使ってみる
設定ファイルを用意せずにビルド環境を作成できるツール「Parcel」を使ってみます。...
Viteを使ってみる
フロントエンド開発のビルドツール「Vite」(ヴィート)を簡単に使ってみます。 Viteはフランス語で「素早い」という意...
スプレッドシートからjsonデータを生成する
スプレッドシートの内容からjsonデータを生成する方法を試してみました。...
Figmaを使ってみる
Figmaはブラウザ上でもデザイン制作が行えるツールで、Figmaのアカウントを取得すれば利用できる点や、1つのファイル...
スプレッドシートでプルダウンの選択肢を他のシートから参照する
スプレッドシートでプルダウンから選択できるようにする際、他のシートから値を参照する方法をメモ。...
IllustratorでSVGを書き出す際の注意点
Illustratorから書き出したSVGを支給してもらうことがあったのですが、SVGタグとして埋め込もうとした際にうま...
APNGのファイルを生成する
APNG形式のファイルを生成する流れを試してみます。...
Adobe Animateを使ってみる
アニメーション作成ソフトのAdobe Animateを簡単に触ってみます。...
ChatGPTを使ってみる
OpenAIのアカウントを作成して、ChatGPTを実際に使ってみるまでの流れをメモ。...
Herokuで多要素認証の対応を行う
Herokuにログインして作業を行う機会があったのですが、少し前からMFA(多要素認証)の設定が必須になっていたようだっ...
YouTubeのショート動画の埋め込みをする
YouTubeのショート動画の埋め込み方法に少し迷ったので、埋め込み方法についてメモ。...
VSCodeでマークダウンのプレビューを行う
VSCodeでマークダウンのプレビューを行う方法をメモ。...
SourceTreeでカスタムアクションの設定ができない
SourceTreeの環境設定で、カスタムアクションのタブを選択できないということがあったので対応方法をメモ。 Sour...
Herokuでデプロイ時に「error:0308010C:digital envelope routines::unsupported」と出て失敗する
Nuxt.jsで構築したサイトをHerokuで公開していたのですが、少し前からデプロイ時にタイトルのエラーが出るようにな...
Vercelを使ってみる
ホスティングサービスのVercelへのデプロイを、GitHubを使って行ってみます。...
webpackでSassをCSSファイルにコンパイルする
webpackの環境でCSSを別ファイルとして生成する方法を試してみます。...
Gulp環境でWebPを生成する
Gulp環境でimagemin-webpを使用して、WebPを扱えるようにしてみます。...