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

いがわ.

Memos

AI Mode（AIモード）へのSEO、LLMO対策。

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

AIモードのGoogle検索。スマホもパソコンもAIで。

AI Mode（AIモード）とは？ GoogleのAIによる、会話・質問形式のネット検索。 知りたい情報をAIがまとめて生成。 Search LabsからAI Overviews（AI による概要）、そしてAI Modeへ。 ネットで調べたいとき、従来のキーワードによる検索のほか、Geminiとの連動で会話や質問形式で検索することができるように変わっていく。 ...

X（Twitter）のキャッシュクリアの手順。ストレージを削除。

Xのキャッシュクリアの手順。メディアストレージを削除。 Xのキャッシュをクリアしたいとき。iPhone（iOS）。 𝕏のキャッシュクリアは2つの箇所がある。 Xには画像や動画（GIF画像）などの「メディアストレージ」、WebサイトのCookieやログインなどの「ウェブサイトストレージ」の2つに分かれている。 メディアストレージ（Xで見た画像やGIF画像などのデー...

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

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

ChatGPTでの背景を切り抜き、背景色変更。

ChatGPTで画像を生成し、背景を切り抜く。 言葉で画像生成や画像編集の指示を出す。 日本語での指示出しでOK。 まずは切り抜いたい画像を用意。今回はChatGPTの生成画像を切り抜いてみる。 メッセージ（プロンプト）の例。 「可愛い２匹の猫が遊んでいる画像をお願いします。」 これで画像生成は完了。 （※スクショはダークモード時のもの。）...

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

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

無料で使えるGoogle GeminiのDeep Research。

Deep Researchとは？ ネット上を調査し、レポートにまとめる。 深く、しっかりと調べるDeep Research。 ChatGPTやGemini、Grokなど、主要な生成AIで一気に広がったDeep Research機能。 若干の名前の違いはあれど、基本的な機能は同じ。 要するに、インターネット上を「深くリサーチする」ことができる。 思考プロセ...

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

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

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

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

キース・リチャーズはなぜ複数形？パイレーツ・オブ・カリビアン前のキース。

若い頃から早死にすると思われていたKeith Richards。 。 薬物とアルコールに溺れ、タバコを吸い続けたキース・リチャーズ。 Richardsではなく、Richardの名でデビュー。 薬物、酒、タバコ、それでいて不死身というイメージが定着している、Rolling Stones（ローリング・ストーンズ）のKeith Richards（キース・リチャーズ...

ChatGPTと多重人格。カスタム指示の設定方法。

ChatGPTのカスタム指示とは... ChatGPTに、予め伝えておきたいことを指定できる。 ChatGPTのカスタマイズのメリットの例。 同じ内容や背景を、毎回入力する必要がなくなる。 ユーザーのニーズに合わせて条件を設定でき、やり取りがスムーズになる。 カスタム指示に基づいて、会話のトーンやスタイルが統一される。 不快に感じる要素を避けたり、好みの表現を維...

ChatGPTやGeminiなどの生成AIの年齢制限について。

ChatGPTには年齢制限がある。 ChatGPTを使用するときは？ ChatGPTをリリースしている、OpenAIによる年齢制限。 生成AIの使用には、意外と見落としがちな年齢制限がある。 OpenAIの利用規約によると、ChatGPTや画像生成AIのDALL-Eを使用するためには、13歳以上と明記されている。 または、住んでいる国で定められている最低年齢に...

NotebookLMの使い方と検証結果。

NotebookLMとは？ NotebookLMの活用事例。 ファイルや動画の内容を把握し、チャットができる。 GoogleのGeminiを用いたAIリサーチアシスタント、NotebookLM。 ソース（情報源）として音声ファイルやPDFファイル、URLなどを送ると、その内容をGeminiが理解する。 その後は、内容に基づいて、チャットで質問などのやりとりがで...

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

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

チャットGPT o3-miniの使い方とヒント。

ChatGPT o3-miniとは何か？ 無料ユーザーでも利用可能。 ChatGPT o3-mini。考えてから回答する推論モデル。 4oと別系統の、o1モデル。 考えてから回答するChatGPTの「o1（オーワン）」シリーズ。 GPT-4oの後継とは別に、補完モデルとしてリリースされている。 最初のo1が登場したのは2024年の12月初旬。「反射的に回答」す...

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

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

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

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