デザイナー、コーチ、ディレクター / 井川

.

Memos

Googleアナリティクス(GA4)で自分のアクセスを除外できないとき。

Googleアナリティクス(GA4)で自分のアクセスを除外できないとき。

Googleアナリティクス(GA4)のアクセスから、自分(管理者)を除く方法。 会社やお店のサイトや個人のサイトなどで、アクセス数を調べることがある。 その際、自分(管理者)自身のアクセスもカウントされると、正確性に欠けてしまう。 そのための対処として、従来のGoogleアナリティクス(UA)では、IPアドレスでフィルタをかけ、アクセス数から除外できた。 参考:Go...

CSS gapの使い方?Flexboxでレスポンシブ?効かないときは?

gapの使い方。flexboxでレスポンシブ。効かないときは?

gapとは? divなどで作ったボックスを並べるとき、要素間に均一な余白を開けると綺麗に見える。 これまでは「margin」、もしくは「padding」を使うのが一般的だったが、「gap」を使うという選択肢が増えた。 すでにモダンブラウザはgapに対応している。 参考: gap" | Can I use... Support tables for HTML5, CS...

FigmaからCMYKでエクスポート。画像軽量化プラグイン「TinyImage Compressor」の使い方。

FigmaからCMYKでエクスポート。画像軽量化プラグイン「TinyImage Compressor」の使い方。

TinyImage Compressorプラグインとは? 圧縮だけでなく、印刷用やWeb用などにも。 TinyImage Compressorは、Figmaからエクスポートするファイルを軽量化してくれるプラグイン。 Figmaでは現時点サポートされていないCMYKに変換したり、画像形式をWebPなどに変換してくれる。 印刷用にしたい場合はCMYKでPDFのエクスポー...

O-DANの使い方や著作権など。商用利用可なフリー素材をODAN(オーダン)。

オーダンの使い方。商用利用と利用規約。

O-DAN(オーダン) 商用利用可能なフリー写真や画像を世界から横断。 ここ数年すっかりお世話になっている、商用利用可かつ著作権フリーな写真・画像の検索サイトO-DAN。 とにかく使い勝手が手軽で、アカウント登録の必要さえもない。 基本的にクレジット表記も不要で、加工もOK。ブログの記事やアイキャッチ画像(サムネイル)にも使える。 ライセンスの例。 例外もある...

FigmaとAI Genius。レイアウト作成、UI/UXデザインを一緒に。

FigmaとAI Genius。画像生成、UI/UXデザインを。

GeniusをAI仲間に、Figmaでデザインを。 AIの勢いが止まらない。 デザインツール「Figma」にも、AIのデザイン・コンパニオンがやってくる。 開発元のDiagram社のサイト上で公開されている動画によると、「Companion(コンパニオン)」という名の通り、付き添う仲間や友、連れ、という役割をしてくれる様子。 ざっくりとデザインを考えているときなどに...

Illustrator 「クロスと重なり」の使い方。簡単操作が作業効率を上げる!

Illustrator 「クロスと重なり」の使い方。簡単すぎて作業効率が上がる!

クロスと重なりとは? 「クロスと重なり」機能の登場で、デザインでよく使う、オブジェクトの重ね方が一瞬でできるようになった。 例えば、オリンピックの五輪マークのようなデザインをしたいときなどは、とても便利にできる。 以前はハサミツールでパスを切ったり、切ったオブジェクトを同じ場所に重ねたりと、色々と合わせ技が必要だったが、「クロスと重なり」はその作業を短縮させられる。 ...

Illustratorの「スケッチをベクターに変換」を実際にやってみた手順。

Illustratorの「スケッチをベクターに変換」を実際にやってみた手順。

手書きのスケッチをベクターデータへ変換。 「スケッチをベクターに変換」の機能は、その名の通り、ペンや鉛筆などで描いたスケッチのJPGやPNG画像をベクター化することができる。 ずっと欲しかった機能で、ありそうでなかった。使い方は簡単で、数ステップで可能。 アートボードにJPGやPNGなどを配置する。 今回はボールペンで描いたエッフェル塔のスケッチをスキャンし...

AI DALL·E 葛飾北斎と歌川広重による札幌の浮世絵?

AI DALL·E 葛飾北斎が描いたような札幌のような風景。

北斎風の札幌のような風景画。 葛飾北斎は1760年の東京(江戸)生まれ。 当時の北海道(蝦夷地)はアイヌの人々が住む土地だった。 東京から北海道までは距離も遠く、札幌市は街自体が存在していなかった。 なので、北斎が描いた「富嶽三十六景」にも、札幌の風景は存在しえない。 (「富嶽」は「富士山」のこと。) DALL·E(ダリ)による、北斎風の札幌のような風景画。...

WordPress投稿の目次が消えたら!Table of Contents Plusの表示方法。

Table of Contents Plusの目次が急に消えたときの対処法。

WordPeessのブログ記事の目次が急に消えた!? ふと気づいたら、WordPressのブログ記事の目次が消えていた。 あれ?と思ったら、Table of Contents Plusのアップデートの影響らしい。 ひとまず下記の手順で解決しました。 (※特にTable of Contents Plusをダウングレードする必要はない。) 今回表示がされなくな...

GoogleのBardは、OpenAIのChatGPTを越えていくのだろうか?

GoogleのBardは、OpenAIのChatGPTを越えられるだろうか?

ChatGPTはスタートで先行。 OpenAIの名はその分野では数年前からすでに有名だったそうだが、一般世間的には昨年末から今年の初めに一気に知れ渡った。 ChatGPTの発表がその一番の要因だが、これはある意味OpenAI社側でも予想以上だったそうだ。 結果的に、会話型、対話型のAIチャットサービスとしては、スタートダッシュに成功した形となっている。 Ch...

Bard GoogleのAIチャットサービス。ChatGPTとの違いは?

Bard GoogleのAIチャットサービス。ChatGPTとの違いは?

Bardとは? Bardとは、Google社による会話型AIチャットサービス。 昨年Googleのエンジニアが「意識や感情を持った」という旨を主張した「LaMDA」を利用しているという。 Bardについては、GoogleのCEO、Sundar Picha(サンダー・ピチャイ)氏がブログとTwitterで発表している。 参考:Google AI updates: Ba...

“Atom.app”を開くとコンピュータが破損します。の対処法。

"Atom.app"を開くとコンピュータが破損します。ついにAtomの日の入り。

Atomがいよいよ。 開発終了が発表されていたAtomが、いよいよ使用不可となってきた。 起動しようとすると「"Atom.app"を開くとコンピュータが破損します。ゴミ箱に入れる必要があります。」という結構な強めのメッセージが表示され、起動自体ができない。 (※Macの場合。おそらくWindowsも似たようなメッセージかと思われる。) ...

ChatGPTの始め方と使い方と。初心者向けシンプル版。

ChatGPTの使い方。日本語対応済み。本名でもニックネームでも可。

ChatGPT(チャットGPT)の始め方。日本語、スマホでもOK。 ChatGPT(チャットGPT)の始め方は、ゆっくり進めても数分から数十分もあれば大丈夫。 手元にメールアドレスと携帯番号があれば、サインアップ&ログインですぐに始められる。 使うのはブラウザだけ。 無料かつブラウザだけで使えるので、パソコンでもスマホでも同じような使用感。 ...

ChatGPTはSVGアイコンを作れるのか?

ChatGPTはSVGアイコンを作れるのか?

ChatGPTにSVGアイコンを作れるのかを聞いてみた。 ChatGPT(チャットGPT)はある程度のコーディングができる。 そこで、コードでできている「SVGアイコン」が作れるのかを聞いてみたところ、、、 「私はテキストの解釈と生成が専門なので、SVGアイコンはグラフィックデザイナーやアイコン生成ソフトを利用する必要があります。」 という旨の返答だった。 ...

CSSの変数と関数。覚えておくと便利なCSSプログラミング。

CSSの変数と関数。覚えておくと便利なCSSプログラミング。

CSSでは変数や関数は使えなかった。 CSSの生みの親であるHåkon Wium Lie(ホーコン・ウィウム・リー)氏はTwitterで、もともとCSSはプログラミング言語にしないようにしていた、と発言している。 そのような経緯もあったためか、長らくCSSは、変数や関数、演算などのプログラミング的な要素は取り入れられなかった。 しかしCSSが登場してすでに20年以上、来年...

ChatGPTの正確性を、簡単かつ格段に上げる使い方。

ChatGPTの具体例。意外と野球選手を知らない。

ChatGPTは大谷翔平を驚くほど知らない? ChatGPTは、大量のテキストテータから学習しているとのこと。 そこでChatGPTへ、大谷翔平選手について知っているかを聞いてみた。 ところがChatGPTは、はちゃめちゃな答えを返してくれる。 「大谷翔平について何か知っていますか?」 実際には、大谷翔平は2013年に北海道日本ハムファイターズからNPBデ...

CSS aspect-ratioの使い方。効かないときはどうする?

CSS aspect-ratioの使い方。効かないときの対応例。

CSSで縦横比の指定。aspect-ratioの使い方。 aspect-ratioプロパティ。 aspect-ratioの登場により、画像やGoogle Map、YouTubeなどの縦横比(アスペクト比)の指定がCSSでできるようになった。 ブログやニュースなどの投稿記事のアイキャッチ画像の統一や、商品画像の一覧、Google MapやYouTubeなどのアスペクト比の固...

ChatGPTの文章作成やコーディング、SEO対策は変わるか?

ChatGPTの使い方。文章作成やコーディング、SEO対策は変わるか?

ChatGPT(チャットGPT)とは? OpenAI社による言語モデル、いわゆるAIチャットサービス。 ChatGPTはアメリカのOpenAI社のサービスで、無料プランでも使える。 (※「ChatGPT Plusは」は月額20ドルの有料サービス。) いわゆるAIによる対話型のチャットサービスだが、従来のAIチャットとは違い、想像以上に自然な文章で会話...

Illustratorのシェイプ形成ツールの使い方。見つからないときは!?

Illustratorのシェイプ形成ツールの使い方。見つからないとき。

シェイプ形成ツールは簡単に使える。 「シェイプ形成ツール」は「パスファインダー」と似たような機能で、なんとなく気軽に使える。 もちろん使い分けをするのがベストだが、両方ともそれほど難しくなく、それでいて扱えると作業効率が格段に上がる。 ロゴやピクトグラム、イラスト作成時などには特に役に立つ。 もしこのことを知らなければ、「ペンツール」などで頑張ってしまい、結局それで...