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

いがわ.

Memos

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

Perplexityのアカウント作成と使い方の基本。

Perplexityのアカウント作成の手順。 Perplexityへサインイン（ログイン）して利用したい場合。 Perplexityへサインインする方法。 Perplexityはサインインしなくても利用できるが、サインインをすると制約が少なくなる。 サインインには下記のアカウントが使用できる。 Googleのアカウント。 Appleのアカウント。 Pe...

MacでVSCodeが起動しないときの対応。

VS Codeが起動しない！？ 突然起動しなくなったVS Code。 エラーメッセージもなく、起動もしない。 普段使用しているものが急に使えなくなると、とにかく不便。 インターネット検索で同じような事例が見つからないと、焦りやストレスも溜まってしまう。 AIが提案するVS Code復旧策。 VS Codeの情報はたくさんあるがノイズも多い...

天秤AIのアカウント作成と使い方。ChatGPTやClaude、Geminiが無料で。

ChatGPTやGemini、Claudeの最新版が無料で使える。 無料でGPT-4oやGemini 1.5 Pro、Claude 3.5 Sonnetを。 最新AIによる回答生成、比較ができる「天秤AI byGMO」。 複数の生成AIが無料で使える天秤AI。しかもChatGPTやGemini、Claudeの各シリーズだけでなく、それぞれの最新バージョンまで利用可能。 ...

メールアドレス流出とセキュリティ対策。

メールアドレスが流出？ メール流出のチェックサイト。 ノートンのサイトでメールアドレスを入力するだけ。 セキュリティソフトで有名な「ノートン」が、オンラインでメール流出のチェックツールを用意してくれている。 参照元：個人情報流出チェックページ | ノートン メールアドレスが流出していないかをチェックした結果。 メールアドレス流出のチェック...

Tabキーで予測された単語を選択、が表示されるとき。

Tabキーで予測された単語を選択、という表示が突然表示される。 Tabキーで予測された単語を選択とは何なのか？ Macを再起動後、勝手に表示された「予測された単語」。 この画面は、見たことはあったかもしれないが、消えないということは初めて。 また、「改行」や「開業」と打ちたかったわけでもない。 身に覚えのない、予測された単語。 気がつかないうちに...

FigmaでデザインされたWebサイトの例。

FigmaでデザインされたWebサイト。 Figmaでデザインされたサイトの判断。 このサイトはFigmaでデザインしている？ 現代ではさまざまなデザインツールが普及している。 そのため、Webサイトの見た目だけで、使用しているデザインツールを特定するのは難しい。 またFigmaには、WordPressやWix、STUDIO、Canvaなどのような、Webサイ...

ChatGPTのメモリ機能がない？無料版にも提供開始。

ChatGPTのメモリ機能が無料ユーザーへ。 会話を長期記憶。ChatGPTのメモリ機能。 ChatGPTのメモリ機能。 有料版のChatGPT Plusユーザーの機能である「メモリ」の、無料ユーザーへの提供が始まっている。 これは「GPT-4o」と同時に発表されていたことのひとつで、無料ユーザーでも有料版の機能の一部が使えるようになる。 ※後日追記） ...

Claudeのアーティファクトの使い方。

ClaudeのArtifacts（アーティファクト）機能。 アーティファクトとは？ Artifactsの読み方はアーティファクト？ アーティファクツ？ Claude 3.5 Sonnetのリリースと一緒に、「Artifacts」という新しい機能が追加された。 Artifactsは、Artifact（人工物や工芸品、古物、成果物や生成物の意味）の複数形なので、「アーテ...

AI生成のウェブサイトについて。

WordPressと生成AI。 AIによる生成サイト。 AI生成サイトの現在地。 たまに、AIによりWebサイトがあっという間にできあがった的な情報を見る。 そうなれば仕事の効率が良くなり、生産性が上がるかもしれない。 ただし、生成AIやデザインツールのAI機能によって作られたWebサイトが、WordPressのようにデータベースも作りました、...

チャットGPTの文章が長すぎるとき。カスタム指示で短く制限。

ChatGPTは長文を送ってくることがある。 チャットの文章が800文字、1200文字を超えることも。 ちょっとしたチャットでも長い。 ChatGPT（チャットGPT）は手軽で便利な反面、返答が一方的かつ大量になることがある。 特に求めているわけでもないときに、どかっと大量の文章で「提案」や「回答」をされると、正直なところ、読む気がなくなる。 文字数カウントで...

生成AIとWebデザイン、ChatGPTの活用。

生成AIとデザインの交差点。 AIと画像生成・イラスト生成。これからの創作。 AI生成のテクノロジーと、アナログ作業の創造性。 すでにAI（人工知能）は、さまざまな分野で急速に進化しており、デザインの世界もその例外ではなくなった。 その中でも特に注目されているのが、OpenAIの生成AI、ChatGPT。 AIのイメージを超えた性能。 当...

CSS first-letterが効かないとき。Webデザイン。

CSS擬似要素のfirst-letter。 first-letterは、最初の一文字という意味。 ::first-letter 「first-letter」を日本語にすると、そのまま「最初の一文字」となる。 Webデザインをしているとき、その「最初の一文字」だけのデザインを変えたいときがある。 最初の一文字だけデザインを変えたい。 例えば見出しの最初の一...

ブロックレベルとインラインの要素一覧と、HTMLコンテンツモデル。

ブロックレベル要素とインライン要素の再認識。 ブロックレベル要素とインライン要素はどこに？ ブロックレベル要素とインライン要素は無くなるはずだった。 かつてHTML5からは、各要素からブロックレベルとインラインの区分けが無くなると言われていた時期があった。 実際、MDNのサイトでは無くなっている。 参照：Block-level content (ブロックレベル...

Figmaで使える日本語フォント。おすすめフリーフォントサイト。

Figmaで日本語フォントが無料で。おすすめな33選。 無料で商用利用も可能な日本語フォント。 日本語フォントのまとめ。 Figmaで使える無料の日本語フォントがまとめられている。 50種類あり、商用利用も可。 （※細かな利用条件は各フォントの公式サイトでチェック。） 参照：無料で商用利用も可！日本語フォント集 50選 / 50+ Fre...

ChatGPT（チャットGPT）のPDF要約を検証。

ChatGPTのPDF要約はどこまでできるのか？ PDF要約検証。Illustratorのショートカットキーのリスト。 GPT-4oのPDF要約をチェック。 GPT-4oではPDF要約もできる。そこで、どこまでできるのかを検証してみた。 （※無料プランでは回数などの制限あり。2024年5月下旬時点ではGPTsもまだ利用できない。） PDFファイルを用意...

Figmaで写真にぼかしをかける方法。

Figmaのエフェクト機能でぼかし。 Figmaには4種類のエフェクトがある。 Figmaにデフォルトで備わっているエフェクトは下記の4種類。 インナーシャドウ ドロップシャドウ レイヤーブラー 背景のぼかし （※「ブラー（Blur）」は日本語で「ぼかし」の意味。） この中の、「レイヤーブラー」と「背景のぼかし」で、写真にぼかしをかけることができる。...

IllustratorとPhotoshopのショートカットキー一覧。

Illustratorのショートカットキー一覧。 イラレのショートカットキー一覧が。 Ai おすすめショートカットキーリスト。 Adobe Creative Cloudのチュートリアル記事に、イラレのショートカットキーの一覧が載っている。 Mac用とWindows用それぞれに対応しており、キーボード配置の画像とそれに対するテキストによる構成で、一般的なショートカット...

Figmaのカラーパレットプラグインの使い方。

カラーパレットと色相環。 色相環ベースのカラーパレット。 Color Wheel デザイナーは色彩を適切に選択し、調和のあるカラーパレットを作成することが求められる。 そんなときに便利なのが、Web上で色相環を基にカラーパレットを作れるジェネレーター。 参照：https://www.figma.com/ja-jp/color-wheel Color ...

GPT4oを無料で使える。ChatGPT最新モデル。

GPT-4o。無料でも使えるChatGPT最新モデル。 見て、読んで、聞いて、声で会話するChatGPT。 音声会話が格段に飛躍。 ChatGPTが、文字・画像・音声などのトレーニングによる新たなニューラルネットワークの構築で、より自然な音声で会話ができるようになる。 感情表現ができ、バリエーションがあり、声の抑揚やトーンも変えられる。 YouTube...

Claudeのアカウント作成。ログイン方法。

Claude（クロード）のアカウント作成方法。 Claudeは仕事用に作られたAI アシスタント。 Claudeの読み方は「クロード」。 名前の由来？ Claudeは、情報理論の考案者であり、情報理論の父とも呼ばれるClaude Shannon（クロード・シャノン）と同じ名前。 また、著名な画家で印象派の名前の由来でもある、Claude Mon...

Googleアナリティクスから自分のアクセスを除外する。

WordPressの条件分岐でGAのコードを設置。 WordPressの条件分岐で、自分のアクセスを除外。 WordPressの場合。 WordPressに慣れている場合は、IPアドレスを使った除外や、オプトアウトのアドオンよりも設置が簡単。 IPアドレスの場合。 意外と知られていないのかもしれないが、固定IPアドレスを使用していない場合は、日にちの経過やルー...

ChatGPTとは？利己的な遺伝子とミーム。

ドーキンスの『利己的な遺伝子』とは？ 利己的な遺伝子とその乗り物として。 スマホが普及するずっと前の、科学の本。 イギリスの学者リチャード・ドーキンス（Richard Dawkins）は、1970年代に『利己的な遺伝子』、1980年代には『延長された表現型』という書籍を出している。 遺伝子が利己的？ 著書の中でのドーキンスの視点や定義では、「遺...

Gemini。情報収集と画像認識&画像生成。活用方法。

Gemini。GoogleのAI。 Geminiとは？ GoogleのマルチモーダルAI。 現代社会では、大量のWebサイトやスライド資料などでの情報収集で、文章&画像作成が必要不可欠。 仕事や学習、プライベートなど、さまざまな場面でそれらのスキルが求められる。 しかし、膨大な情報量を処理し、分かりやすくまとめることは、難易度の高い作業。 そんな課題を解...

Media Cleanerの使い方。メディアライブラリのリンク先を検索・削除。

WordPressのメディアライブラリの「未添付」検索では追いつかない。 増えていくWordPressの不要なメディアファイル。 WordPressのメディアファイルを減らしたい。 WordPressでサイト運営をしていると、ついついと使っていない画像が溜まってしまうことがある。 特に更新頻度が高いサイトや、ブログを運用している場合などは、結構な数のファイルがメディ...

Llama 3の使い方。MetaのAI、読み方はラマ。400Bも。

Llama（ラマ）3。オープンに利用可能な大規模言語モデル。 オープンソースでフリーなLlama 3。 Llama 2からLlama 3へ。 最先端のオープンソース大規模言語モデルの次世代モデルであるMeta社の「Llama 3」が登場。 もはや言い古された感さえあるが、Llamaの最新モデルであることに変わりはなく、Llama 2を大きく上回るパフォーマンスとのこ...

AIの画像生成やイラスト生成と写真や絵の評価。

AIによる画像生成やイラスト生成。 AIによる画像やイラストたち。 AI画像の急速な普及。 AIによる画像生成やイラスト生成が止まらない。 それも、画像生成AIの「Stable Diffusion」や「Midjourney」だけでなく。 元々は対話型AIだった「ChatGPT」をはじめ、「Gemini（旧Bard）」や「Copilot（旧Bing Chat）」...