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

いがわ.

Memos

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

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

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

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

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 3のアカウント作成。ログイン方法。

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

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でサイト運営をしていると、ついついと使っていない画像が溜まってしまうことがある。 特に更新頻度が高いサイトや、ブログを運用している場合などは、結構な数のファイルがメディアライブラリ内に含まれていく。 〜中略〜 未...

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

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