多言語翻訳プラグイン「GTranslate」の使い方 WEBサイトを閲覧していて、「日本語に対応していなくて読みにくい……」と感じた経験はありませんか？実は、あなたのWEBサイトに訪れている外国の方も、同じように感じているかもしれません。 そんなときに便利なのが、多言語対応プラグインの導入です。WordPressサイトを手軽に多言語化できる方法として、プラグインの活用が非常に有効です。 多言語化を […]
画像のトリミングについて（Figma） Figmaでは、画像をトリミングすることで不要な周辺部分を非表示にし、必要な範囲だけを表示することができます。このトリミング処理は、あとから再調整することも可能で、カットされた部分の画像データ自体は削除されることはありません。 一度トリミングした画像でも、後から編集して表示範囲を変更することができます。 Figmaで画像をトリミングする手順 Figmaでは、 […]
ブログに欠かせない「アイキャッチ画像」 「毎回アイキャッチ画像を作る時間がない…」 「おしゃれなデザインにしたいけど、毎回時間がかかる…」 そんな悩みを抱えている方は少なくありません。 そこで便利なのが、アイキャッチ画像のテンプレート化です。テンプレートを使えば、毎回ゼロからデザインを考える必要がなくなり、時短・デザインの統一感を両立することができます。 ただし、実際に大量のアイキャッチを作成して […]
ここでは、Figmaのフォントの追加方法について説明していきます。 はじめに ✅ この機能を利用できるユーザー すべてのプランで利用可能 誰でもFigmaデザインにカスタムフォントを追加可能 📚 フォントの利用について Figmaでは、デフォルトでGoogle Fontsが組み込まれており、インストール不要でそのまま使用できます。しかし、Google Fonts以外の […]
【簡単】VSCodeでインデントを一瞬で自動整形する方法を解説！ コードを書くときに避けて通れないのが「インデント（字下げ）」の整備。インデントが乱れていると、コードの可読性が下がり、バグの原因にもつながりやすくなります。だからこそ、インデントを整えることはプログラミングの基本とも言える重要な作業です。 とはいえ、毎回手作業で揃えるのは面倒…。そんなときに便利なのが、Visual Studio C […]
Photoshop「コンポジション参照」の使い方｜画像をもとにAIで画像生成（img to img／ControlNet風） Adobe Photoshopに、AI機能のひとつとして「コンポジション参照」が新たに追加されました。 この「コンポジション参照」機能は、「画像を生成」機能を利用する際に、構図のラフスケッチやポーズ図、線画などをもとに、AIが画像を生成してくれるものです。 「コンポジション […]
Figmaで日本語フォントを快適に選べる神プラグイン「Japanese Font Picker」の使い方 「Figmaで日本語フォントを効率よく探したい…」そんな方におすすめ！本記事では、Figmaで日本語フォントの選定にお困りの方へ向けて、非常に便利なプラグイン「Japanese Font Picker」をご紹介します。 Japanese Font Pickerとは？ 「Japanese Fon […]
【初心者向け】Figmaから画像を書き出す方法 Figmaで作成したデザインを画像として書き出す目的は、大きく分けて次の2つに分類できます： ① デザイン確認・共有用に書き出す場合 等倍（1x）でフレーム全体を書き出せばOK チームメンバーやクライアントとの確認用には、.png や .jpg 形式が一般的 ② Webサイトやアプリで使用する場合 デバイス対応のため、複数のサイズ（1x、2xなど）で […]
Figmaで日本語テキストを縦書きにする方法 Figmaを使っていると、「日本語の縦書きテキストを使いたい」という場面が出てくることがあります。本記事では、Figmaでテキストを縦書きにする方法と、その際の注意点について解説します。 Figmaで縦書きテキストを作成する手順 テキストを選択し、プロパティから縦書きに変更 Figmaでは、テキストの方向を「縦書き」に設定することができます。 「Ver […]
Figmaで画像を挿入する方法 Figmaで画像を挿入してみましょう。今回は、長方形シェイプと円シェイプに画像を配置し、Figmaでの画像操作の基本を学びます。 1. Figmaデザインに画像を挿入する基本方法 Figmaに画像を挿入するには、目的に応じて方法を使い分けることが大切です。大きく分けて以下の2パターンがあります。 A）画像を原寸サイズで挿入する 「とりあえず画像をキャンバスに置きたい […]