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

いがわ.

Memos

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

Grokのオープンソース化と、イーロン・マスクと、GitHubダウンロード。

Grok（グロック）のオープンソース化。 Grok-1を公開。 GrokのモデルのGrok-1。 xAIのLLM（大規模言語モデル）である「Grok」の、「Grok-1」が公開。 参照元：xAIのBlog イーロン・マスク氏の予告通り、対応が素早い。 イーロン・マスク（Elon Musk）とは？ テスラやスペースXのCEO。 「テスラ...

Figmaの解像度。計算に使えるサイトやプラグイン。

Figmaで作成する画像の解像度。 Fifmaからエクスポートしたデザインデータは72ppiになる。 Fifmaは元々Web向け。 FifmaはWebデザイン、Webアプリに適したツールなので、書き出したデザインの解像度はデフォルトで72ppiとなる。 IllustratorやPhotoshopのように、解像度の設定や変更をすることもできない。 印刷物には一工...

Figmaのクイックアクションバー。開き方と使い方とショートカット。

Figmaのクイックアクションバーの開き方。 覚えると便利なクイックアクションバー。 開き方。 「メインメニュー（Main menu）」 > 「クイックアクション...（Quick actions...）」と進む。 または、下記のショートカットから開く。 Figmaのクイックアクションバーの使い方。 クイックアクションバーで検索。 ...

チャットGPTのパスワード変更方法。できないときの対処。

ChatGPTのパスワード変更。 ChatGPTのパスワードは、OpenAIアカウントのパスワード。 ChatGPTのパスワードは、OpenAIのアカウントを利用している。 ところが現時点（2024年3月中旬）では、OpenAIのWebサイト上では変更することができない模様。 ChatGPTの画面内にも、パスワード変更の箇所は用意されていない。 パスワ...

ChatGPTが動かない、反応しない、使えないとき。

動かないChatGPTの、原因と対処。 ChatGPTが反応しない。 原因はいくつかある。 ChatGPTが反応しなく、使えなくなったときは、原因としていくつか考えられる。 原因の切り分け。 原因は複数あるので、まず、「OpenAI側の方の原因」なのか、「自分の方の原因」なのかで切り分ける。 OpenAI側の方が原因の場合。 障害が起きていないかど...

Soraの仕組みと、OpenAIの公開デモ。

Soraの仕組みと一般公開されたデモ動画。 Soraのデモ動画：ゴールドラッシュ - Gold Rush 空撮されたような、カリフォルニアのゴールドラッシュ。 19世紀のカリフォルニアの街、川を中心に木造建築物と馬に乗った人々が住む街を、空からドローンで撮影したように生成された動画。 画質はあえて古いカラー映画のようにしたようで、ぱっと見、実写の映画と見分けがつかな...

チャッピーの画像生成。無料ユーザーでも可。

ChatGPTでの画像生成。 ChatGPT無料版での画像生成。 無料プランでも。 有料プランのChatGPT Plusで始まっていた画像生成が、無料プランのChatGPTでも生成できるようになっている。 日本語でも。 英語だけでなく、日本語でも画像生成が可能。 AIの分野は進歩が早く、モデルや機能の名前が変わっても、基本的には同じような手順で画像生成が...

Geminiの使い方。日本語や、料金は？

Geminiでも使い方は変わらず、日本語もOK。 Geminiに名称変更。Bardからブランド統一へ。 Gemini（ジェミニ）。 GoogleからBard（バード）としてリリースされていた生絵AI。 そのAIが、2024年2月8日にGeminiへと名前が変更に。 Geminiは、日本語で双子座という意味で、読み方は「ジェミニ」となった。 （※発音として...

Macで半角カタカナの入力方法。

Macで半角カタカナを入力する方法。 半角カタカナにならない！？ Macで半角カタカナを入力したいとき、出てこないことがある。 そんなときは、設定で半角カタカナの入力モードを確認すると良いかもしれない。 Photo by Fabian Irsara Macのシステム環境設定（システム設定）の確認方法。 手順は下記の通り。 「...

Geminiの画像生成。使い方について。

Geminiの使い方。画像生成の例。 Googleの生成AI Geminiの画像生成。 テキストから画像生成。 Googleの生成AI、「Bard（現Gemini）」が画像生成をスタート。 ChatGPTやCopilotのように、テキストによる指示で画像が生成ができる。 （※2024年2月8日に、Bard（バード）からGemini（ジェミニ）に名称が変更。） ...

ChatGPTの課題。フランケンシュタインとバナナとエルヴィス。

教育とChatGPT。 クラスの中のChatGPT。 学生も教師も。 学生は、ChatGPTを使って課題のリサーチや論文のアイデアを得ることができる。 教師は、カリキュラムの計画や授業資料の作成にChatGPTを利用できる。 フランケンシュタインとバナナ。 ある教師による課題。 海外の学校のお話。 当初から想定されていたことだ...

Figmaでアウトライン、ベクターにする方法。

Figmaのアウトラインはすごく簡単。 アウトライン化はDTPではほぼ必須。 DTPデザインを行なった場合、基本的にテキストを「アウトライン化」して、入稿することが必要となる。 またDTPに限らず、テキスト（ブランド名やキャッチコピーの文字列など）から、パスを使ってロゴや見出しなどをデザインするときも同様。 アウトラインはイラレやフォトショでも。 Illust...

ChatGPTで芥川賞、ミュージシャンがノーベル賞、スマホで読むソクラテス。

AIによって書かれた文章の文学性。 真実か虚構か？ AIは吾輩か？ ChatGPTで芥川賞。 芥川賞を受賞した作品に、生成AIであるChatGPTの文章が使われていたという。 すでに美術作品で、Jason M. Allen（ジェイソン・M・アレン）さんが画像生成AIのMidjourneyを使い、アメリカのコロラド・ステート・フェアの「デジタル アート / デジタル操...

Gmailのエイリアス。2つ目のメールアドレスに。

エイリアスとは？ エイリアス。 エイリアス（alias）とは、「別名」や「別称」という意味を持つ英単語。 Gmailの場合、本来のメールアドレスの他に、別名のメールアドレスを持つことができる。 使い方は非常にシンプルで、エイリアスは便利な予備アドレスにもなる。 Gmailのエイリアスの作り方と使い方。 エイリアスの作り方。 Gmailのエイ...

チャッピーのアーカイブ機能の使い方。続きからチャットを再開。

ChatGPTにアーカイブ機能が。 会話をアーカイブ。続きから再開も可能。 サイドバーの履歴からアーカイブの保管へ。 OpenAIが、ChatGPTにチャットのアーカイブ機能を実装。 アーカイブすると、チャット履歴は画面左側のサイドバーから消え、アーカイブの保管場所に移動する。 アーカイブの保管場所。 アーカイブの保管場所は画面上には見あたらない。 ...

メディアクエリでダークモード。prefers-color-schemeの使い方と効かないとき。

prefers-color-schemeとは？ メディアクエリでライトとダークを切り替え。 prefers-color-scheme。 CSSのメディアクエリで「prefers-color-scheme」を使うと、ライトモードとダークモードを切り替えられる。 カラースキームとOSのテーマやモード。 ライト・ダークの切り替えは、スマホの普及によりユーザーの視聴時...

reCAPTCHAの認証、導入方法。

reCAPTCHAとは？ Googleによる認証システム。 「reCAPTCHA」は、Googleが提供している認証システム。 1か月あたり100万件まで無料で利用でき、人間とbotを区別し、スパムなどからサイトを保護してくれる。 設定方法は少し手間がかかるかもだが、慣れれば数分〜10分ほどで導入できる。 reCAPTCHAのバージョン。 ...

チャットGPTの声の変え方と音声会話。

ChatGPTと音声会話。声の変更も可能。 AI（ChatGPT）とボイスチャット。 ChatGPTの音声会話機能。 ChatGPTで、AIとの音声会話（ボイスチャット）。 有料版だけでなく、無料版でも制限付きで利用可能。 使い方は簡単で、日本語対応もされており、電話のように会話ができる。 回線はインターネット。 インターネット回線...

Figmaのツールバーやサイドバーの表示非表示の方法。

Figmaのツールバーやサイドバーが消えた！？ 無意識にうちにどこかを触っている。 サイドバーがない？ Figmaを使ってデザインなどを行なっているとき、意図せずに下部のツールバーや左右のサイドバーが無くなっていることがある。 FigmaとPhotoshopとIllustratorの違い。 Figmaはフォトショとイラレと共通点が多いが...

セルフピンバックを止めたい。WordPressのコメントモデレート。

「モデレートしてください」が止まらないとき。 WordPressの投稿画面で、自分の記事にリンクを張った場合、「モデレートしてください」という通知が届くことがある。 本来は他のブログからリンクが張られたときに届く通知 (ピンバック・トラックバック)の設定だと思うが、なぜか自分自身から通知が届いてしまう、「セルフピンバック」という現象らしい。 セルフピンバックへの対...

Remove BGのアカウント作成と、Figma用APIキーの作成方法。

Remove BGのアカウント作成手順。 Remove BGのサイトから。 アカウントはRemove BGのサイトの右上の「Sign up（サインアップ）」から無料で作成可能。 アカウントを作成。 「Sign up（サインアップ）」をクリックすると、アカウント作成の画面に切り替わる。 日本語翻訳。 日本語化されていないページがある...

チャッピーを日本語にする方法。

ChatGPTの日本語対応。 ChatGPTの日本語での使い方。チャットは日本語で使える。 英語設定のままでも、チャット自体は日本語で使える。 ChatGPTを日本語化をしなくても、日本語でのチャットは可能。 ただ、設定で何か行いたい場合など、言語設定は日本語にしておいた方が安心。 ログインすると言語設定が可能に。 ログイン前は英語のままでも、ログイン後...

イラレのテキストからベクターの例。Illustratorの生成AI。

Illustrator テキストからベクター生成の使い方。 Illustratorの生成AI機能。（ベクター画像） AIによるベクター生成がいよいよ。 テキストからベクター生成は、Illustratorのバージョン28.0（Illustrator 2024）から使えるようになっている。 参考メモ：Illustratorのテキストからベクター生成が見つからないとき。 ...

楽天銀行にログインできないときの原因と対処方法の例。

楽天銀行へログインができない！？ ログインができないとき。 正しいIDとパスワードでも。 楽天銀行のIDやパスワードを間違いなく入力しても、エラーを繰り返し、その結果ロックがかかってしまうことがある。 パソコンのChromeでのエラー画面の例。 Chromeの場合。 表記されている確認点に問題がなくても、なぜかログインができない。 スマホの...

Illustratorのテキストからベクター生成が見つからないとき。

AIによる、テキストからベクター生成。 テキストからベクター生成。 画像生成AIにより、IllustratorでもAI画像が作成できるようになった。 ちょっと試してみようとしたところ、「テキストからベクター生成」というメニューが見つからなかった。 Illustratorのアップデートで解決。 Illustrator 2024（version 28.0）...

Figmaでカーニング、文字詰ができないときの対応方法。

Figmaのカーニングは「alt + >」と「alt + <」で。 Figmaのカーニング、文字詰めの方法。 カーニングで、詰めたいときと広げたいとき。 Figmaは基本的にデジタルデバイス向けのツール。でも、カーニングができる。 イラレやフォトショと同じく、ショートカットの「alt + >」と「alt + 」は大なり、「」で調整。 文字と文字の間隔を...

フリーランスhubの評判は？

フリーランスHub。 Figma作った名刺が。 フリーランスHubへ。 Figmaで名刺を作ってみた結果を公開していたところ、一例としてフリーランスHubさまで掲載していただけることに。 名刺制作の参考として。 CHIBA DESIGN（チバデザイン）さまによる名刺デザインのコツや、株式会社山櫻さまによる二次元コードのメリットについての記事などと一緒に、ふらっ...

iPhoneの写真をHEICからJPGにする方法。

HEICからJPGへ。 iPhoneのカメラで撮った写真が、HEICという画像形式になることがある。 HEICという画像の形式は、容量が軽くかつ画質が良いというメリットがあるが、まだ普及していない。そのため一部のサービスなどでは使用ができない。 もしiPhoneで撮影した写真を、十分に普及している「JPG（JPEG）」で保存されるようにしたい場合は、「設定」からJPGにで...

Geminiの画像認識の使い方。日本語でも可。

Bard（現Gemini）が画像認識を開始。 Geminiで画像認識。 Googleレンズの機能で。 Google検索の際に現れる、画像検索用のGoogleレンズを使って、 Geminiは画像を認識できる。 無料で使え、Googleアカウントでログインすると、すぐに利用できる。 2024年2月8日に、BardからGeminiに名称変更されました。 202...

ChatGPTから個人情報や著作権の学習を制限するコード。

ChatGPTに、個人情報や著作物を学習されたくないとき。 AIによる知的資産の無断学習、著作権侵害の問題。 ChatGPTからの個人情報や著作権、肖像権へのアクセスを制限。 ChatGPTは便利な反面、勝手にAIに学習されると困るという場合がある。 例えば... 個人情報や肖像（容姿が写った写真など）が含まれるサイト。 著作権があるコンテンツ。 有料...

Figmaでスライドの作り方。デザインシステムの使いt方。

Figma上にある、デジタル庁によるデザインシステム。 デザイン庁のサイト。 とにかくシンプル。 デジタル庁のサイトはシンプルでまとまりが良く、ページの表示速度も速い。 色々とお手本となるWebサイトのひとつ。 デジタル庁のデザインシステム。 まとめられた、デザインデータ。 Webサイトやアプリのためのデザインシステムも公開されている。 スラ...

Llamaの使い方例 。日本語チャット、商用利用も可。

Llamaとは？ Meta社のLLM（大規模言語モデル）。 Llama。 Llamaは、Meta社による会話型、対話型のAI。 OpenAI社のChatGPTと同じく、もともとはGoogle社の研究チームが開発したTransformer (機械学習、深層学習モデル)による自然言語処理をベースとしている。 動物のラマ（リャマ）と同じスペルで、名前が可愛らしい。 ...