喋るChatGPT。対面会話AI。Chat D-IDの不思議なAlice。 2023.03.14 井川 宜久 Chat D-ID(チャットD-ID)とは? 声で会話をするChatGPT。 会話型チャットAIのChatGPT(チャットGPT)が、早くも喋り始めている。 D-ID社のサービス「Chat D-ID」のサイトを訪れると、「Alice」という名前の人間の女性のような顔立ちのAIが出迎えてくれる。 画像生成AIの「Stable Diffusion」と、会話型AI... AIChatGPTmemosWebデザインデザイン脳
ChatGPTがLINEに?「AIチャットくん」の始め方、そして使い方。 2023.03.08 井川 宜久 ChatGPT(チャットGPT)とは? ChatGPTはアメリカのOpenAI社のサービス。想像以上に自然な会話で、想像以上にバズっている。 様々な報道で耳にすることも多い。 AIチャットくんは、LINEで使えるChatGPTを活用したサービス。 「AIチャットくん」は、日本の企業である株式会社picon(ピコン)によりリリースされた。 ... AIChatGPTmemos脳
Googleアナリティクス(GA4)で自分のアクセスを除外できないとき。 2023.03.06 井川 宜久 Googleアナリティクス(GA4)のアクセスから、自分(管理者)を除く方法。 会社やお店のサイトや個人のサイトなどで、アクセス数を調べることがある。 その際、自分(管理者)自身のアクセスもカウントされると、正確性に欠けてしまう。 そのための対処として、従来のGoogleアナリティクス(UA)では、IPアドレスでフィルタをかけ、アクセス数から除外できた。 参考:Go... memosSEOアナリティクス
CSS gapの使い方?Flexboxでレスポンシブ?効かないときは? 2023.03.02 井川 宜久 gapとは? divなどで作ったボックスを並べるとき、要素間に均一な余白を開けると綺麗に見える。 これまでは「margin」、もしくは「padding」を使うのが一般的だったが、「gap」を使うという選択肢が増えた。 すでにモダンブラウザはgapに対応している。 参考: gap" | Can I use... Support tables for HTML5, CS... CSSmemosWebデザインデザイン
FigmaからCMYKでエクスポート。画像軽量化プラグイン「TinyImage Compressor」の使い方。 2023.02.27 井川 宜久 TinyImage Compressorプラグインとは? TinyImage Compressorは、Figmaからエクスポートするファイルを軽量化してくれるプラグイン。 Figmaでは現時点サポートされていないCMYKに変換したり、画像形式をWebPなどに変換してくれる。 印刷用にしたい場合はCMYKでPDFのエクスポート、Web用にしたい場合はRGBでWebPに、とい... FigmamemosWebデザインデザインデザインツール
O-DANの使い方や著作権など。商用利用可なフリー素材をODAN(オーダン)。 2023.02.21 井川 宜久 O-DAN(オーダン) 商用利用可能なフリー写真や画像を世界から横断。 ここ数年すっかりお世話になっている、商用利用可かつ著作権フリーな写真・画像の検索サイトO-DAN。 何が良いかと言えば、とにかく使い勝手が手軽。アカウント登録の必要さえもない。 基本的にクレジット表記も不要で、加工もOK。ブログの記事やアイキャッチ画像(サムネイル)にも使える。 (※クレジット表... memosWebデザインオンラインツールデザイン
FigmaとAI Genius。レイアウト作成、UI/UXデザインを一緒に。 2023.02.19 井川 宜久 GeniusをAI仲間に、Figmaでデザインを。 AIの勢いが止まらない。 デザインツール「Figma」にも、AIのデザイン・コンパニオンがやってくる。 開発元のDiagram社のサイト上で公開されている動画によると、「Companion(コンパニオン)」という名の通り、付き添う仲間や友、連れ、という役割をしてくれる様子。 ざっくりとデザインを考えているときなどに... AIFigmamemosWebデザインデザインデザインツール脳
Illustrator 「クロスと重なり」の使い方。簡単操作が作業効率を上げる! 2023.02.18 井川 宜久 クロスと重なりとは? 「クロスと重なり」機能の登場で、デザインでよく使う、オブジェクトの重ね方が一瞬でできるようになった。 例えば、オリンピックの五輪マークのようなデザインをしたいときなどは、とても便利にできる。 以前はハサミツールでパスを切ったり、切ったオブジェクトを同じ場所に重ねたりと、色々と合わせ技が必要だったが、「クロスと重なり」はその作業を短縮させられる。 ... IllustratormemosWebデザインデザインデザインツール
Illustratorの「スケッチをベクターに変換」を実際にやってみた手順。 2023.02.17 井川 宜久 手書きのスケッチをベクターデータへ変換。 「スケッチをベクターに変換」の機能は、その名の通り、ペンや鉛筆などで描いたスケッチのJPGやPNG画像をベクター化することができる。 ずっと欲しかった機能で、ありそうでなかった。 使い方は簡単で、数ステップでベクター化できる。 アートボードにJPGやPNGなどを配置する。 今回はボールペンで描いたエッフェル塔のスケ... IllustratormemosWebデザインデザインデザインツール
AI DALL·E ジョン、ポール、ジョージ、リンゴ? ボブ・ディラン? 2023.02.16 井川 宜久 ロック、クラシック・ロックの巨匠たち。 The BeatlesやThe Rolling Stones、Bob Dylan。 彼らはみな大体、1940年〜1943年の生まれだ。 つまり、物心がつかないうちに、世界的に非常に困難な時代に生まれている。 その中で運があったのは、幼少期から遅くても思春期には楽器を習い、TVが普及し、1950年代のアメリカのブルースやロックに... AIDALL·Ememosオンラインツールデザインデザインツール脳
AI DALL·E 葛飾北斎と歌川広重による札幌の浮世絵? 2023.02.15 井川 宜久 北斎風の札幌のような風景画。 葛飾北斎は1760年の東京(江戸)生まれ。 当時の北海道(蝦夷地)はアイヌの人々が住む土地だった。 東京から北海道までは距離も遠く、札幌市は街自体が存在していなかった。 なので、北斎が描いた「富嶽三十六景」にも、札幌の風景は存在しえない。 (「富嶽」は「富士山」のこと。) DALL·E(ダリ)による、北斎風の札幌のような風景画。... AIChatGPTDALL·Ememosデザイン脳
WordPress投稿の目次が消えたら!Table of Contents Plusの表示方法。 2023.02.12 井川 宜久 WordPeessのブログ記事の目次が急に消えた!? ふと気づいたら、WordPressのブログ記事の目次が消えていた。 あれ?と思ったら、Table of Contents Plusのアップデートの影響らしい。 ひとまず下記の手順で解決しました。 (※特にTable of Contents Plusをダウングレードする必要はない。) 今回表示がされなくな... memosWebデザインWordPress
preconnectの使い方。ページの読み込み速度を上げるために。 2023.02.10 井川 宜久 preconnectとは? link rel="preconnect"で事前に接続する。 「preconnect」とはその名の通り、「事前接続」のこと。 例えばjQueryやGoogle Analyticsなど、外部からのコードを読み込むときがある。 preconnect。 そういうときに、linkタグのrel属性の値に「preconnect」を指定すると、ペ... memosPageSpeed InsightsPHPSEO
GoogleのBardは、OpenAIのChatGPTを越えていくのだろうか? 2023.02.09 井川 宜久 ChatGPTはスタートで先行。 OpenAIの名はその分野では数年前からすでに有名だったそうだが、一般世間的には昨年末から今年の初めに一気に知れ渡った。 ChatGPTの発表がその一番の要因だが、これはある意味OpenAI社側でも予想以上だったそうだ。 結果的に、会話型、対話型のAIチャットサービスとしては、スタートダッシュに成功した形となっている。 Ch... AIBardChatGPTIoTITmemosオンラインツール脳
Bard GoogleのAIチャットサービス。ChatGPTとの違いは? 2023.02.08 井川 宜久 Bardとは? Bardとは、Google社による会話型AIチャットサービス。 昨年Googleのエンジニアが「意識や感情を持った」という旨を主張した「LaMDA」を利用しているという。 Bardについては、GoogleのCEO、Sundar Picha(サンダー・ピチャイ)氏がブログとTwitterで発表している。 参考:Google AI updates: Ba... AIBardIoTITmemosオンラインツール脳
“Atom.app”を開くとコンピュータが破損します。の対処法。 2023.02.06 井川 宜久 Atomがいよいよ。 開発終了が発表されていたAtomが、いよいよ使用不可となってきた。 起動しようとすると「"Atom.app"を開くとコンピュータが破損します。ゴミ箱に入れる必要があります。」という結構な強めのメッセージが表示され、起動自体ができない。 (※Macの場合。おそらくWindowsも似たようなメッセージかと思われる。) ... EditormemosWebデザイン
ChatGPTの始め方と使い方と。初心者向けシンプル版。 2023.01.31 井川 宜久 ChatGPT(チャットGPT)の始め方。日本語、スマホでもOK。 ChatGPT(チャットGPT)の始め方は、ゆっくり進めても数分から数十分もあれば大丈夫。 手元にメールアドレスと携帯番号があれば、サインアップ&ログインですぐに始められる。 使うのはブラウザだけ。 無料かつブラウザだけで使えるので、パソコンでもスマホでも同じような使用感。 ... AIChatGPTIoTITmemosオンラインツール脳
TechAcademyの評判をChatGPTに聞いてみたら。 2023.01.30 井川 宜久 TechAcademyの評判はどうなのだろう? ここ数年ふと気になっているプログラミングスクール「TechAcademy」について、ChatGPTに聞いてみた。 TechAcademyの評判を知っていますか? すると、、、 TechAcademyは日本では有名なプログラミングスクールですが、具体的な評判は知りません。TechAcademyはWeb... ChatGPTCSSJavaScriptjQuerymemosPHPWebデザインWordPressデザイン
ChatGPTはSVGアイコンを作れるのか? 2023.01.29 井川 宜久 ChatGPTにSVGアイコンを作れるのかを聞いてみた。 ChatGPT(チャットGPT)はある程度のコーディングができる。 そこで、コードでできている「SVGアイコン」が作れるのかを聞いてみたところ、、、 「私はテキストの解釈と生成が専門なので、SVGアイコンはグラフィックデザイナーやアイコン生成ソフトを利用する必要があります。」 という旨の返答だった。 ... AIChatGPTIoTITmemos
CSSの変数と関数。覚えておくと便利なCSSプログラミング。 2023.01.26 井川 宜久 CSSでは変数や関数は使えなかった。 CSSの生みの親であるHåkon Wium Lie(ホーコン・ウィウム・リー)氏はTwitterで、もともとCSSはプログラミング言語にしないようにしていた、と発言している。 そのような経緯もあったためか、長らくCSSは、変数や関数、演算などのプログラミング的な要素は取り入れられなかった。 しかしCSSが登場してすでに20年以上、来年... CSSmemosWebデザイン