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

いがわ.

Memos

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

AIとウソ問題。対処方法は？サリヴァン先生とサングラス。

Bingとの会話の中で。 AIによる嘘。 AIの意思というよりも思考プロセス。 BingはGPT-4の技術を利用し、画像の認識もできるという。 ただし、やはり、間に受けてはいけない。 多くの人は、AIとの会話の中で生じる明らかな間違いや、意図しないミステイク的なものにはもう、慣れていると思われる。 急激に普及しているとは言え、まだまだ開発...

インターネットミームと利己的な遺伝子。

利己的な遺伝子とミーム。 meme（ミーム）？ meme? meme（ミーム）とはもともとはイギリスの動物行動学者、進化生物学者のRichard Dawkins（リチャード・ドーキンス）が1976年に提唱したもの。 遺伝子のような単位で文化が伝達されるという考え方は、ドーキンス以前にもあったそう。 それを、『The Selfish Gene（利...

Macで隠しファイルを表示させる方法について。

MacやWindowsの隠しファイルとは？ 隠しファイルは表示されない。 MacでもWindowsでも。 謝って変更や削除をしてしまわないように、デフォルトでは見えなくされているファイル。 ところがWeb制作の際に必要となる、.htaccessや.ssh、.ftpconfigなども見えない、不可視状態となってしまう。 そのようなときは... 隠し...

Bardの使い方。日本語対応、かつ無料。スマホでも。

Bard（Gemini）の使い方。 使い方としては、ただただシンプル。Bardへログインするだけ。 もともとブラウザでGmailやスプレッドシートなどを利用していれば、おそらくすでにGoogleアカウントでログインされている。 パソコンからでもスマホからでも。 Bard（Gemini）はパソコンでもスマホでも、ChatGPTにように簡単に使える。 何か...

スカイプのBingチャットが便利。GPT-4を無料で使える。

SkypeでのGPT-4（ChatGPT最新版）の使い方。 Skypeの中のBing。 使い方としては、ただただシンプル。Skypeをダウンロード、インストールするだけ。 もともとSkypeがインストールされていれば、おそらく自動的にBingチャットが追加されている。 ※後日追記） Skypeの「Bing」は「Copilot」へ名称が変わりました。使い方は...

Webのブレイクポイント。レスポンシブデザインのメディアクエリ。

CSSブレイクポイント、メディアクエリの最小値は？ Webサイトのブレイクポイントの決め方はどうするべきか。 ブレイクポイントの意味との決め方。320pxも現存している。 Webデザイナーやコーダーを悩ます、ブレイクポイントの決め方。 Googleアナリティクスを調べていると、320pxからのアクセスは意外と多く、ユーザビリティ的に無視できない。 320px以...

BardとChatGPTの違い。なぜAIたちは日本語が苦手なのだろうか？

プログラムや言語モデルとは思えないイージーなミス。 自然な文章を生成。 2022年のChatGPT（チャットGPT）の登場は、自然な文章で会話ができることに大きな驚きがあった。 それまでのAIチャットと比べ、明らかにレベルが違っていた。 まずこの「自然な文章・文体」について、多くの人たちは驚いただろう。 間違いを回答する文章も生成。 ...

Gemini（Bard）が日本語対応。使い方の例。

Bard（Gemini）が日本語で使えるように。 Bard（Gemini）が日本語対応。 Google社が公式に発表していた、生成AI「Bard」の日本語が対応スタート。 Googleアカウントがあれば、無料ですぐに使える。 BardからGeminiに名前が変わっても、ログイン方法や使い方は同じ。 Geminiにできること。 Ge...

Bingチャットの使い方。GPT-4が使えない？

Bing Chat（コパイロット）。 GPT-4でのチャット。 Bing Chat（コパイロット）のサイト。 特に何かをインストールする必要はなく、「Bing」で検索すると、たいてい一番上にBingのサイトが表示される。 もし迷ってしまったときはURLを確認すると良い。 BingのURL：https://www.bing.com Bingチャットへ質問する。 ...

ChatGPT（チャットGPT）の履歴を残さない方法。オン・オフの設定手順。

ChatGPT（チャットGPT）の履歴とトレーニング。 ChatGPTの履歴。 チャットの履歴。 ChatGPTは通常、画面の左側に履歴が残る。 履歴が残っていると、続きから会話を続けることもできて便利。 また、AIのトレーニング、機能向上にも役立たせることもできる。 履歴を残したくない場合も。 反面、誤って個人情報などを入力してしまって困った、と...

iPhoneのブラウザでのみ表示不具合の現象に。SafariもChromeもBingでも。

iPhoneだけ表示がおかしい。 WindowsもMacもAndroidも問題なく、iPhoneだけ。 iPhoneのブラウザでだけ表示がおかしい。 iPhoneのブラウザ（Safari、Chrome、Edge）でのみ、表示に不具合がある。 このような現象は見たことも聞いたこともなく、ネット上を調べてみてもどこにも情報が見つからない。 だけども今現在、実際に起...

MacでGPT-4（ChatGPT最新版）を使うならEdgeが良いかも。

ChatGPT公式アプリがOpenAIからリリース。 GPT-4対応、Mac用のChatGPTアプリ。 ※2024.08.08 追記） 2024年5月、Mac用のOpenAI純正アプリの「ChatGPT」がリリース。2024年8月にはアップデートも。Edgeは必須というわけではなく、OpenAIの公式サイトからChatGPTをダウンロードすると使用が可能です。 対応...

ChatGPTのAI文章校正や誤字脱字チェック。

ChatGPTに文章校正、誤字脱字、スペルチェックをお願い。 ChatGPTの校正能力。 文章生成AIによる文章校正。 ChatGPTを活用してみると、校正すべき箇所とスペルミスを一瞬で発見できる。 そもそも自然な文章生成が得意なAIなのだから、AI側としては本職の範囲内。 この記事の文章のように「です・ます調」でなくても、自然な「です・ます調」にもしてくれる...

チャッピーへログインできないときの対応。

ChatGPT（チャットGPT）のログイン、サインアップの方法。 ChatGPTのログイン、サインアップのページからログイン。 ChatGPTのサイトへ。 「chatgpt ログイン」、「chatgpt login」、「チャットGPT ログイン」などで検索すると、ログイン・サインアップのサイトが大抵は一番上に出てくる。 情報サイトなども多いので、迷っ...

ChatGPTにプラグイン。機能と使い方。最新情報や計算、旅行計画も。

ChatGPT plugins。プラグインで進化するチャット。 OpenAI社が、「ChatGPT plugins」をリリース。 これにより、言語、会話能力の向上を始め、計算能力の改善や、ニュースなどの最新情報のチェックなどが大いに見込まれる。 プラグインの入れ方。 ChatGPT pluginsの「Join plugins waitlist」から、...

サイトが高速化？.htaccessをチェック。キャッシュ指定は要注意。

サイトの.htaccessファイルが間違っているかも。 サイトが高速化と.htaccessファイル .htaccessでの対応。 サイトが重たいときやSEO対策をしたいとき、.htaccessで対策することが度々ある。 そのような場合、あちこちとサイトを検索して、コードを拝借して利用していることもあるだろう。 ありがたいことに、ネット上には色々とコピペOKなコ...

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

Googleアナリティクス（GA4)のアクセスから、自分（管理者）を除く方法。 アナリティクスで自分のアクセスを除外したい。 サイトのアクセス数。 会社やお店のサイト、個人のサイトなどで、アクセス数を調べたいことがある。 GA4のコードを作成・設置すると計測できるようになるが、そのままでは自分のアクセスも含まれてしまう。 GA4での除外方法。 I...

gapの使い方。対応ブラウザとflexboxでレスポンシブ。

gapとは？ CSS gapプロパティ。 gapという選択肢。 divなどで作ったボックスを並べるとき、要素間に均一な余白を開けると綺麗に見える。 これまでは「margin」、もしくは「padding」を使うのが一般的だったが、「gap」を使うという選択肢が増えた。 対応ブラウザ。 すでにモダンブラウザはgapに対応している。 参考： gap" |...

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

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

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

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

Figma（フィグマ）とAI Genius。画像生成、UI/UXデザインを。

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

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

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

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

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

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

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

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

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

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

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

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

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

チャットGPTの使い方。ログイン方法。

ChatGPT（チャットGPT）の始め方。日本語、スマホでもOK。 ChatGPTの始め方。 ログインする場合。 ChatGPT（チャットGPT）の始め方は、目安数分から10分、ゆっくり進めても数十分もあれば大丈夫。 手元にメールアドレスと携帯番号があれば、サインアップ&ログインですぐに始められる。 ログインしない場合。 2024年4月か...

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

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

変数と関数によるCSSプログラミング。

CSSでも変数や関数が使えるように。 CSS変数やCSS関数によるプログラミング。 CSSでプログラミング。 CSSの生みの親であるHåkon Wium Lie（ホーコン・ウィウム・リー）氏はTwitterで、もともとCSSはプログラミング言語にしないようにしていた、と発言している。 そのような経緯もあったためか、長らくCSSは、変数や関数、演算などのプログラミング...

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

ChatGPTは大谷翔平を驚くほど知らない？ （） ChatGPTは、大量のテキストテータから学習しているとのこと。 そこでChatGPTへ、大谷翔平選手について知っているかを聞いてみた。 ところがChatGPTは、はちゃめちゃな答えを返してくれる。 （※その後は、着々と改善中。） 「大谷翔平について何か知っていますか？」 ChatGPTへの質...

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

ChatGPT（チャットGPT）とは？ （） OpenAI社による言語モデル、いわゆるAIチャットサービス。 ChatGPTはアメリカのOpenAI社のサービスで、無料プランでも使える。 いわゆるAIによる対話型のチャットサービスだが、従来のAIチャットとは違い、想像以上に自然な文章で会話ができる。 専門的な単語使用や間違いもあるが、文...

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

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