WebデザインやDTP、AIなどについてのメモです。 / いがわ

.

Memos

Figmaで図形や文字を斜めに。ベクター編集モード。

Figmaの文字を斜めにする「Skew」。 Skewプラグインで斜めに。 Figmaの文字を斜めにする。 Figmaでデザインをしているとき、文字を斜めにしたいときがある。 そんなときに便利なのが、Skewプラグイン。 テキストをアウトライン化しなくても、斜めの状態で文字編集ができる。 Skewプラグイン。 プラグインサイトから利用が可能。...

AI Mode(AIモード)へのSEO、LLMO対策。

AI Mode(AIモード)はいつから?SEOはLLMOに? AI Modeは、段階的に使用されてきたネーミング。 Search LabsからAI Overviews、そしてAI Modeへ。 以前は「強調スニペット」などで検索結果の最上位に表示されていた箇所は、試験や段階を踏みながら、「Search Labs」>「AI Overviews」と進化していった。 そし...

FigmaのWebサイトデザイン画面が見つからないとき。

FigmaのWebデザイン用画面が見つからない? FigmaのUI/UXデザインが変更。 Figma Sitesの登場。 Figma Config 2025の開催後、FigmaのUI/UXがアップデートされており、機能がもりもりになっている。 デザイン用の画面も、AIとノーコードツールの流れによって、機能やインターフェイスが変わっている。 Webサイトデザイン...

ChatGPTの画像生成ができないとき。画像生成の制限と方法。

ChatGPT GPT-4oの画像生成、Image Generation。 Image Generation(Image Gen)の使い方例。 作りたい画像をメッセージで指示。 生成したい画像をテキスト入力で指示。 (※テキストメッセージのことをプロンプトとも呼ばれる。) 現在は生成に結構、時間がかかる。(今回は無料プランで生成。) メッセージ(...

Figmaで縦書きができないときの対処方法。

Figmaの縦書きプラグイン「Vertja」とは? Figmaで文字を縦書きにしたいとき。 縦書き用のプラグイン。 Figmaは日本語対応はしているが、縦書きへの対応は現時点ではされていない。 デザイン上、縦書きにしたい箇所も出てくるので、プラグインがあると助かる。 Vertjaで縦書きができる。 Figmaの縦書きには、Vertical(バーティカル)...

Figmaで背景を削除。デフォルトのAI機能でさくっと切り抜き。

FigmaのAI新機能、「背景を削除」。 プラグイン不要。Figmaだけで背景削除。 「ツールバー」>「アクション」>「背景を削除」。 FigmaのAI機能を使った削除ができるようになっている。 手順は簡単で、選択ツールで画像を選択し、下部にあるツールバーから、アクションへ進み、背景を削除を選ぶだけ。 背景削除の精度も、徐々に高まると思われる。 (※20...

Figmaの画像書き出しができないときの対処。エクスポートの方法。

Figmaのエクスポートによる書き出しは4種類の画像形式。 PNGのメリット。 どうしてPNGなのか? Figmaのエクスポート(画像書き出し)は、デフォルトではPNGとなっている。 PNGはUI/UXデザインを行うときに便利で、アイコンやボタン、ロゴなどを書き出しやすい。 イラストやトリミングされた画像も、PNGが向いている。 PNGは透過が可能。 ...

WordPressのテーマ。ホワイトハウス。

WordPressテーマによるホワイトハウス。 WordPressによるホワイトハウスのWebサイト。 2025年1月にリニューアル。 2025年1月にリニューアルされたアメリカ合衆国のホワイトハウスのサイトは、引き続きWordPressが使用されている。 WordPressの評価は変わらない。 ノーコードや生成AIが普及していく中で、WordPressはまだ...

イラレの画像トレースを実際にやってみた手順。

イラストを画像トレースでベクターへ変換。 「画像トレース」の機能は、ペンやデジタルツールなどで描いたイラストなどの、JPGやPNG形式の画像をベクター化することができる。 使い方は簡単で、数ステップで可能。 アートボードにJPGやPNGなどを配置する。 今回はフリー素材サイトの(イラストAC)のイラストを使用。 (※フリー画像でも改変禁止のものもあるの...

ブルーライトカット眼鏡は意味ない?眼科医療機関と経験談。

ブルーライトカットとUVカット効果の体験談。 ブルーライト&UV。カット率90%超のオーバーグラス。 オーバーグラスのメリット。 既存のメガネの上からかけられるオーバーグラスは、安くて便利。 ブルーライトとUV(紫外線)がそれぞれ90%以上のカット率があるタイプは、確かに効果が感じられた。 オーバーグラスのデメリット。 メガネが二重になるため重い。長時間...

キャッシュがGoogleからWayback Machineへ。削除や拒否の方法。

キャッシュの更新リクエストができない? キャッシュの更新はリクエスト不可に。 キャッシュの更新はできない。 Google Search Consoleのサイドバーから「削除」の画面に進むと、「キャッシュの更新はリクエストできなくなりました。スニペットの更新は引き続きリクエストできます。」と表示がされていることがある。 これは、長らくGoogleの検索結果にあった「キ...

CSSが効かないのはダークモードが原因かも。

CSSが効いていない。一部だけおかしい場合。 CSSアニメーションやキャッシュの問題? CSSの優先順位も間違いない。 CSSは間違いないはず。W3CのValidatorでのチェックでも問題がない。 参照:W3C CSS 検証サービス ブラウザやサーバーのキャッシュも削除済み。 CSSのブラウザキャッシュは、スーパーリロードで無視もできる。 バージ...

WordPress投稿画面のオートセーブを無効化する方法。

WordPress投稿画面の自動保存機能とは? 自動保存、オートセーブの普及。 自動保存、オートセーブ機能は便利な反面... 近年ますます普及している、自動保存、オートセーブ機能。 デザインツールでは重宝しているオートセーブ。ただし、WordPressの投稿記事ではちょっと煩わしく感じることがないだろうか? また、リビジョン数が増えてしまうので、データ量が肥大...

Simple Image XML Sitemapの使い方の例。

Simple Image XML Sitemapのインストール方法。 Simple Image XML Sitemapとは? 画像のXMLサイトマップを生成するプラグイン。 Simple Image XML Sitemapは、更新頻度も高く、ページや投稿内にアップロードされたすべての画像のXMLサイトマップを生成してくれるというプラグイン。 WordPress管理画...

Google検索結果とサムネイル。

Google検索結果でサムネイルが表示されないときの誤解。その1。 metaタグによるサムネイル画像の指定は、実は意味がない。 <meta name="thumbnail" content="指定したいサムネイル画像へのパス">では検索結果に表示されない。 Googleの検索結果へのサムネイル表示については、下記のように...

ファビコンが検索結果へ表示されなくなった原因と対処。

検索結果からファビコンが突然消える? ファビコンがGoogleやYahooで表示されない。 ファビコンの設定方法を確認。 気がついたらGoogleやYahooの検索結果からサイトのファビコンが消えていた。 ファビコンの設定方法を確認しても、特に問題が見つからず。 ファビコン表示がされないときの主な確認事項。 画像の形式や拡張子。(favicon.ic...

WordPressのリビジョン機能を制御。プラグインでも。

WordPressのリビジョン機能。 WordPressのリビジョン数は制限もできる。 リビジョンは便利。ただし容量が増えてしまう。 リビジョンは便利な反面、データベースの容量が増えてしまう。 また、古い記事のリビジョンは、ほとんどの場合、すでに使うことのないデータとなっている。 それらのデータが大量に溜まることで、サイト表示の速度低下や、思わぬエラーの原因と...

WordPressのバックアップができないときの対処方法。

WordPressのバックアップができないときの対応。 WordPressのバックアップはあわてずに。 WordPressのバックアップは実はシンプル。 WordPressは無料プランと有料プランがあり、拡張性が高く、普及率も高い。 ただ普通の静的なサイトと違い、情報発信などを行える動的サイトなので、データベースを利用する。 そのためサイトの制作時や公開後のト...

WordPressのリビジョンがおかしいときの復元方法。

WordPressのリビジョン表示を復元。 WordPressのリビジョンが2026年前に。 リビジョンの日時表示の設定。 WordPressでリビジョンを使用していたところ、いつの間にか日時が2026年前になっていた。 2026年前というと紀元前であり、明らかにどこかがおかしい。 クライアントさまのサイトではなく、修正方法もわからなかったのでそのままにしてお...