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

.

Memos

いがわが描いたイラストのにゃんこ。

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)のイラストを使用。 (※フリー画像でも改変禁止のものもあるの...

ブルーライトカットの科学的根拠、眼科と経験談。

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

アナリティクスにログインできなくなったときの対処。

Google Analyticsへログイン不可に!? Analyticsのログイン画面からエラーが。 Analyticsでの、エラー表示。 下記の内容で、エラー表示がされていた。 自分のアカウントなので、管理者は自分のはず。 ユーザー名(メールアドレス)とパスワードも間違いはない。 まず、下記の項目の確認も行った。 確認したこと。 ...

宮沢賢治とアインシュタインの知られざる因果関係。春と修羅と光。

宮沢賢治の詩集、『春と修羅』。 宮沢賢治の、生前唯一の詩集。 学校では習わない、『春と修羅』。 宮沢賢治と言えば、「雨ニモマケズ」や「オツベルと象」、「やまなし」などが義務教育の教科書でよく知られている。 それらは小学生や中学生でもわかるような言葉や、模範的内容による詩や童話のため、教材として使用されやすいと思われる。 テレビアニメでの、ドラえ...

iOS18にアップデート後、受信メールが消えたときの対処方法例。

iOS 18へアップデート後、Appleのパスワードエラーと、Mailアプリで受信エラーに。 メールの送信はできても、受信ができない。 iOS 18のさまざまな不具合の例。 iOS 18にアップデートした後、さまざまな不具合が発生した。 ネット上にもけっこうな数の不具合の例が見られる。 バッテリーはいつものこととも言えるが、写真アプリや文字変換についての例も多...

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

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

AI Overviewの使い方と、オフにする方法。

AI Overviewとは? - 検索をよりスマートに。 AI新時代の検索システム、AI Overview。 生成AIを利用したGoogle検索。 情報過多の現代においては、必要な情報に素早くアクセスすることはますます重要。 Googleはこの課題に対処するため、AIを活用した検索機能「AI Overview」を開発、提供を始めている。 Search Labs...

Google ChromeとChatGPTサーチの使い方。

ChromeとChatGPT search。キーワード検索から自然言語検索へ。 キーワード検索から自然言語検索へ。 検索方法が変わる? ChatGPTの新機能、「ChatGPT search」がChromeの拡張機能版でもリリース。 また、Googleもすでに「Search Labs」を提供しており、その延長で「AI Overview」がリリースされている。 ...

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

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

ChatGPTとの音声会話。アドバンスドボイス。

ChatGPTと音声会話? ChatGPTのボイスチャット機能。 ChatGPTと音声会話。 ChatGPTはテキストによるチャットだけではなく、電話のように声で会話ができる。 参考:ChatGPT(チャットGPT)との音声会話と、音声の変更方法。 Advanced Voice Mode。 従来のボイスチャットは、若干のラグや、アクセントに少しクセがある...

OpenAI o1-preview。新しいChatGPTモデル。

OpenAI o1-preview。考えてから答えるChatGPT。 考えてから答えるAI ChatGPT o1モデル。 o1-previewとo1-mini。 これまでのような「反射的」に、「反応」で答えるようなAIではなく、いったん「考えて」、「推論して」から答えるAIモデルが登場。 ひとの場合でも反射的に答えるより真剣に考えてから答える方が信頼感があるように、...

Google レンズで検索、アドレスバーからGeminiと会話。

Chromeで閲覧中のサイトの画像をGoogle レンズで検索可能に。 Chromeで見ている商品などを検索できる。 これいいなと思ったら、Google レンズで検索。 Chromeがバージョンアップし、見ているサイトで気になるものがあれば、Google レンズで検索し、商品名などを調べることができる。 検索方法はシンプルで、下記の通り。 Chromeの画...

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年前というと紀元前であり、明らかにどこかがおかしい。 クライアントさまのサイトではなく、修正方法もわからなかったのでそのままにしてお...

ファビコンが表示されなくなったときの対処例。

ファビコンが表示されない? 検索結果からファビコン表示が消える。 ファビコン表示不可。GoogleでもYahooでも。 ふと気がついたら、Google検索結果からサイトのファビコンが表示されなくなっていた。 突然のことであり、Yahooでもファビコンは表示されていなかった。 ファビコン表示がされないときの主な確認事項。 画像の形式や拡張子。(favi...

Perplexity aiとWordPressの.com提携。

Perplexityの意味は? Perplexityの読み方は? Perplexity(パープレキシティ)。 Perplexityは、一般的な日本人にとっては馴染みのない言葉。 Google翻訳やDeepL翻訳で普通に訳すると「困惑」や「当惑」となるので、なおさらピンとこない。 それこそPerplexed(困惑した)状態となる。 Perplexityは、...

Voice Engineという名の、音声合成技術。ボイスチャット。

Voice Engineとは? Voice Engineという名の、音声合成技術。 Voice Engineは、15秒の音声サンプルでその声を再現する。 OpenAIから「Voice Engine」という音声合成技術が発表されてから数ヶ月。 「Voice Engine」は、15秒間の音声サンプルがあれば、その声を基に、本人と同じような声でしゃべることができる。 ...

WordPressのメディアライブラリが表示されないときの対処。

WordPressのメディアライブラリが表示されない? メディアライブラリにファイルが表示されない。 メディアの追加とアイキャッチ画像の設定ができない。 今回の現象。 WordPressの投稿画面から、メディアを追加しようとすると、メディアファイルが空欄になっていた。 つまり、メディアライブラリにファイルが表示されない。 アイキャッチ画像(サムネイル画像...

SearchGPTの使い方とウェイティングリストの登録手順。

SearchGPTの使い方。GPT検索がテスト中。 SearchGPTという、新しい検索方法。 ウェブ検索の使い方が、キーワード検索から、自然言語検索へ。 OpenAIが、SearchGPT(サーチGPT)のプロトタイプを試験運転中。 ネット検索(ウェブ検索)の使い方が、キーワード検索から、自然言語検索へと変わっていくかもしれない。 OpenAIによる...

Figma Slidesの使い方。スライドの例。

Figma Slidesとは? Figma Slides。スライドがテンプレートから作れる。 Figma Slidesの使い方について。 Figma Slidesは現在ベータ版として用意されており、アカウントがあれば2025年初頭まで無料で使用が可能。 使い方はシンプルで直感的。 使い方は簡単で、テンプレートなのですぐに慣れる。 スライド画面のサイズはモ...

UI3。FigmaでWeb、スライド、UI/UXデザイン。

UI3というFigmaのインターフェイス。 FigmaのUI3ベータ版に。 FigmaのUI3ウェイティングリストから。 ウェイティングリストに登録していたFigmaのUI3が、ベータ版として使用可能となっている。 (※スクショはダークモード時のもの。) UI3と従来のUIの違い。 ツールバーが上部から下部へ移動。 大きな変化としては、以前...

WordPressの例とセキュリティプラグインで強化。

WordPressのセキュリティ問題と脆弱性。 WordPressのセキュリティ強化とシェア率。 WordPressのセキュリティ対策とシェア率の高さ。 現在は世界中のWebサイトの約40%が、WordPressでできて言われている。WordPressのシェア率の高さはかなり以前から言われており、徐々にシェア率を伸ばしてきた。 そのため、ターゲットとして狙われやすい...

VS Codeの折り返しと、ショートカット。

VS Codeが折り返していない!? VS Codeのコードが折り返さずにはみ出てしまう。 コードが右端で折り返していない。 VS Codeでコーディングをしているときに、コードがはみ出ていることに気がつくことがある。 直したはずなのに、また折り返しにならないことも。 VS Codeの折り返しの設定箇所は複数ある。 右端での折り返...