フリーランスHubへ。 Figmaで名刺を作ってみた結果を公開していたところ、一例としてフリーランスHubさまで掲載していただけることに。 今回の掲載先。 CHIBA DESIGN（チバデザイン）さまによる名刺デザインのコツや、株式会社山櫻さまによるQRコードのメリットについての記事が紹介されています。 ひと工夫で魅力的なデザインに！名刺づくりの参考にしたい記事まと...

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

Bardが画像認識。Googleレンズへアップロードで。 Google検索の際に現れる、画像検索用のGoogleレンズの機能を使って、 Bardが画像を認識できるようになっている。 2023年8月時点では日本語対応はしていないが、そう遠くないうちに対応すると思われる。 画像認識機能について。 現時点でもChromeの言語設定を変えると、画像認識を使用することができる...

ChatGPTにクロール（情報を収集）されたくないとき。 ChatGPTは便利な反面、勝手にAIに学習されると困るという場合がある。 例えば、、、 個人情報が含まれるサイト。 著作権があるコンテンツ。 ログインが必要な有料サイト。 など。 そのような場合は、「robots.txt」でWebサイトのクロールを拒否することができる。 いくつかの手段が...

Figma上にある、デジタル庁によるデザインシステム。 デジタル庁のサイトはシンプルでまとまりが良く、お手本となるWebサイトのひとつ。 利用の手引きとしてサイト制作におけるビジョンや過程がスライド形式でアップされているため、プレゼン用などFigmaを使ったスライド作りの参考にもなる。 デジタル庁のデザインシステム。 Webサイトやアプリのためのデザインデータが、F...

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

scroll-snap-typeの使い方例。CSSでシンプルなカルーセル。 ちょっと前まではJavaScriptが必須だった、カルーセルやスナップするスクロール。 いまではもう、CSSだけでも結構いける。 スマホのスワイプにも対応している。 scroll-snap-typeの特徴。 CSSのみ。JavaScriptが不要。 scroll-snap-typ...

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

ミームとは？ ミーム（meme）とは、そもそも1976年にイギリスの学者であるRichard Dawkins（リチャード・ドーキンス）が提唱したもの。 The Selfish Gene（利己的な遺伝子）という著書の中で、ドーキンス自身が作り上げた造語である。 ドーキンスは専門的な難しい用語を、なるべく一般層にもわかりやすいように説明することを得意としている。 だが、...

隠しファイルとは？ 謝って変更や削除をしてしまわないように、デフォルトでは見えなくされているファイル。 ところがWeb制作の際に必要となる、.htaccessや.ssh、.ftpconfigなども見えない、不可視状態となってしまう。 そのようなときは、、、 ショートカットで表示させる方法。 ショートカットは以下の方法が楽。コマンドや少しの手順で表示・非...

ChatGPT（チャットGPT）アプリとは？ OpenAI社による、いわゆる会話型AI、チャット生成AIの「ChatGPT」のスマホアプリ版。 （2023.05.26時点ではiPhoneのiOSのみだが、近いうちにAndroid版もリリース予定とのこと。） ChatGPTアプリのインストール方法。 リンクから進む。 ...

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

SkypeでのGPT-4（ChatGPT最新版）の使い方。 使い方としては、ただただシンプル。Skypeをダウンロード、インストールするだけ。 もともとSkypeがインストールされていれば、おそらく自動的にBingチャットが追加されている。 パソコンからでもスマホからでも。 Skypeはパソコンでもスマホでも、LINEのように日本語で簡単に使える。 （...

ブレイクポイント、メディアクエリの最小値は？ 320pxも現存している。 Webデザイナーを悩ますブレイクポイント。 Googleアナリティクスを調べていると、320pxからのアクセスは意外と多く、ユーザビリティ的に無視できない。 スマホの元祖である、初代iPhoneの横幅は320pxだった。それが基準となっているのか、2023年7月末時点でも、度々320pxからの...

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

Bard（バード）が日本語で使えるように。しかも無料で。 Google社が公式に発表していた、生成AI「Bard」がいよいよ日本語対応された。 現時点では試験運転中だが、Googleアカウントがあれば無料ですぐに使える。 Bardのログイン方法。 Bardは以下の方法から、すぐに利用できる。 Bardへログインする手順。 ...

GPT-4チャットを無料で使う方法として。 Microsoft社が公式に発表していた、「新しいBingがOpenAIの GPT-4上で稼働」を試してみた。 もし毎日ヘビーに使用するような場合は、本家OpenAI社の有料版ChatGPT（GPT-4）を使った方がストレスがないが、無料で使用できるのはありがたい。 BingでGPT-4の始め方。使ってみた手順。 新しいB...

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

iPhoneだけ表示がおかしい。 WindowsもMacもAndroidも問題なく、iPhoneだけ。 iPhoneのブラウザでだけ表示がおかしい。 このような現象は見たことも聞いたこともなく、ネット上を調べてみてもどこにも情報が見つからない。 だけども今現在、実際に起こっている。 文字コード？ Mac用のVSCodeで作成したファイルは、デフォ...

TruthGPTの使い方。アカウント登録不要、ログインなし。 ※これはElon Musk（イーロン・マスク）さんが発表したものとは別のAIのようです。 ウィルスチェックを行っていましたが、当方では問題は見つかりませんでした。 TruthGPTアプリはGoogle Playで公開されており、Googleのアプリ審査は通っています。 ブラウザによる警告が出ることがありますの...