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

.

Memos

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

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)」...

ChatGPTのログインなしでの使い方。

ChatGPTがログインなしでも利用可能に。 ログインなし、サインアップしなくてもチャットができる。 ChatGPTがログイン不要に。OpenAIが利用方法を変更。 OpenAIが、AIのメリットを簡単に体験できるように、ChatGPT使用時のサインアップの必要をなくしたと発表。 すでにアカウント不要、ログイン不要で利用が可能。 ChatGPTを使いたい場合は...

WordPressログインパスワード変更。セキュリティ対策。

WordPress管理画面へログインして設定・変更。 WordPressの乗っ取り被害に遭わないように。 WordPressのセキュリティ。 WordPressは人気があり、普及率が高いため、セキュリティには注意が必要。 他のオンラインサービスと同様、パスワードを複雑にしたり、定期的に変更するのは有効な手段のひとつ。 ユーザー名は変更できないが、パスワードは簡...

OpenAIのSoraを使用した短編映画。制作会社やアーティストがすごい。

Soraの短編映画。プロによる動画生成。 Soraの短編映画。 最新のSora公開動画。 OpenAI社自身のデモ動画とサム・アルトマンCEOのX上での動画生成以外で、おそらく初めてのSoraを使った公開動画。 エミー賞へのノミネートやアカデミー賞候補のチーム、エミー賞2度受賞のデザイン代理店、Vimeo Staff Picks獲得の常連者などの、本...

front-page.phpやhome.phpが表示されないとき。

WordPressのトップページのテンプレート。 トップページ用の3つのテンプレートファイル。 トップページにindex.phpを使うのは間違いなの? 会社やチーム、大規模なプロジェクトなどで「共通したルール」がある場合は別として、個人や少人数で制作する場合はindex.phpでも全然構わない。 トップページにfront-page.phpやhome.phpを使用。 ...