デザインデータに含まれるフォントがパソコンになかった場合の表示
支給されたデザインデータに含まれるフォントが自分のパソコンにインストールされていなかった場合、デザインソフト上でどういっ...
その他の記事一覧
.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でフォントをインストールする
デザインデータを支給された際、デザイン上で使用されているフォントがパソコンに入っていないため、実際の表示と若干異なって表...
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形式のファイルを生成する流れを試してみます。...