WordPeessのブログ記事の目次が急に消えた!? ふと気づいたら、WordPressのブログ記事の目次が消えていた。 あれ?と思ったら、Table of Contents Plusのアップデートの影響らしい。 ひとまず下記の手順で解決しました。 (※特にTable of Contents Plusをダウングレードする必要はない。) 今回表示がされなくな...
Memos
preconnectの使い方。ページの読み込み速度を上げるために。
preconnectとは? link rel="preconnect"で事前に接続する。 「preconnect」とはその名の通り、「事前接続」のこと。 例えばjQueryやGoogle Analyticsなど、外部からのコードを読み込むときがある。 preconnect。 そういうときに、linkタグのrel属性の値に「preconnect」を指定すると、ペ...
GoogleのBardは、OpenAIのChatGPTを越えていくのだろうか?
ChatGPTはスタートで先行。 OpenAIの名はその分野では数年前からすでに有名だったそうだが、一般世間的には昨年末から今年の初めに一気に知れ渡った。 ChatGPTの発表がその一番の要因だが、これはある意味OpenAI社側でも予想以上だったそうだ。 結果的に、会話型、対話型のAIチャットサービスとしては、スタートダッシュに成功した形となっている。 Ch...
Bard GoogleのAIチャットサービス。ChatGPTとの違いは?
Bardとは? Bardとは、Google社による会話型AIチャットサービス。 昨年Googleのエンジニアが「意識や感情を持った」という旨を主張した「LaMDA」を利用しているという。 Bardについては、GoogleのCEO、Sundar Picha(サンダー・ピチャイ)氏がブログとTwitterで発表している。 参考:Google AI updates: Ba...
“Atom.app”を開くとコンピュータが破損します。の対処法。
Atomがいよいよ。 開発終了が発表されていたAtomが、いよいよ使用不可となってきた。 起動しようとすると「"Atom.app"を開くとコンピュータが破損します。ゴミ箱に入れる必要があります。」という結構な強めのメッセージが表示され、起動自体ができない。 (※Macの場合。おそらくWindowsも似たようなメッセージかと思われる。) ...
ChatGPTの始め方と使い方と。初心者向けシンプル版。
ChatGPT(チャットGPT)の始め方。日本語、スマホでもOK。 ChatGPT(チャットGPT)の始め方は、目安数分から10分、ゆっくり進めても数十分もあれば大丈夫。 手元にメールアドレスと携帯番号があれば、サインアップ&ログインですぐに始められる。 使うのはブラウザだけ。 パソコンでもスマホでも。 無料、かつブラウザだけで使え、パ...
ChatGPTはSVGアイコンを作れるのか?2023年と2024年の違い。
ChatGPTにSVGアイコンを作れるのかを聞いてみた。 petsここは2023年時。 ChatGPT(チャットGPT)はある程度のコーディングができる。 そこで、コードでできている「SVGアイコン」が作れるのかを聞いてみたところ、、、 「私はテキストの解釈と生成が専門なので、SVGアイコンはグラフィックデザイナーやアイコン生成ソフトを利用する必要があります。」 ...
CSSの変数と関数。覚えておくと便利なCSSプログラミング。
CSSでも変数や関数が使えるように。 CSS変数やCSS関数によるプログラミング。 CSSでプログラミング。 CSSの生みの親であるHåkon Wium Lie(ホーコン・ウィウム・リー)氏はTwitterで、もともとCSSはプログラミング言語にしないようにしていた、と発言している。 そのような経緯もあったためか、長らくCSSは、変数や関数、演算などのプログラミング...
ChatGPTの正確性を、簡単かつ格段に上げる使い方。
ChatGPTは大谷翔平を驚くほど知らない? (※敬称略) ChatGPTは、大量のテキストテータから学習しているとのこと。 そこでChatGPTへ、大谷翔平選手について知っているかを聞いてみた。 ところがChatGPTは、はちゃめちゃな答えを返してくれる。 (※その後は、着々と改善。) 「大谷翔平について何か知っていますか?」 ChatGPTへの質問...
CSS aspect-ratioの使い方。効かないときはどうする?
CSSで縦横比の指定。aspect-ratioの使い方。 aspect-ratioプロパティ。 aspect-ratio aspect-ratioの登場により、画像やGoogle Map、YouTubeなどの縦横比(アスペクト比)の指定がCSSでできるようになった。 ブログやニュースなどの投稿記事のアイキャッチ画像の統一や、商品画像の一覧、Google MapやYo...
ChatGPTの文章作成やコーディング、SEO対策は変わるか?
ChatGPT(チャットGPT)とは? (※敬称略) OpenAI社による言語モデル、いわゆるAIチャットサービス。 ChatGPTはアメリカのOpenAI社のサービスで、無料プランでも使える。 いわゆるAIによる対話型のチャットサービスだが、従来のAIチャットとは違い、想像以上に自然な文章で会話ができる。 専門的な単語使用や間違いもあるが、文...
Illustratorのシェイプ形成ツールの使い方。見つからないときは!?
シェイプ形成ツールは簡単に使える。 「シェイプ形成ツール」は「パスファインダー」と似たような機能で、なんとなく気軽に使える。 もちろん使い分けをするのがベストだが、両方ともそれほど難しくなく、それでいて扱えると作業効率が格段に上がる。 ロゴやピクトグラム、イラスト作成時などには特に役に立つ。 もしこのことを知らなければ、「ペンツール」などで頑張ってしまい、結局それで...
FigmaからWebPで書き出しす方法。Olive Pressの使い方
Figmaのプラグイン「Olive Press」とは? WebPで書き出すことが増えている。個人的にはWeb用の画像のほとんどは.webp形式を使用している。 現時点、FigmaやIllustratorなどのソフトはデフォルトでWebPは書き出せないが、画像形式を変換できるWebサイトはネット上に多々ある。 また、Figmaのプラグイン「Olive Press」は、Fig...
Google Tag Managerの設置場所は一体どこにすれば良いの?
Google Tag Manager(GTM)とは? Google Tag Managerとは、UA(ユニバーサル アナリティクス)に変わるアナリティクス(分析)ツールで、「サイトへのアクセス状態」がわかるもの。 Google Tag Manager Googleアカウントさえあれば、無料で利用が可能。 導入自体は比較的簡単にできる。ネット上にも情報が多い。 企業...
iPhoneのバッテリー交換の目安は?バッテリー最大容量って?
iPhoneのバッテリー交換の目安。 バッテリー交換の値上げ。 iPhoneのバッテリー交換の費用が2023年3月1日から値上げするとのこと。 3,000円の値上げ幅なので、交換をするかどうか、買い替えをするかどうかの判断をしておいた方が良いかもしれない。 Apple公式サイトによると、現在使用中のiPhoneのバッテリーの最大容量が80%未満かどうかが、交...
「データベース接続確立エラー」の対処。wp-configに問題がないとき。
データベース接続確立エラーの対処。 このエラーが出ると画面が真っ白(ダークモードの場合は真っ黒)となり、WordPressの管理画面へも入れなくなるので、初めてのときはあたふたしまう。 焦ってしまうが、もし、WordPressのインストール時や引越しの際にこのエラーが出る場合は、wp-config.phpのファイルに誤りがあることが多い。 管理画面へは入れなくても...
Figma プラグインを削除する方法。追加も削除もシンプルに。
Figmaへ追加したプラグインを削除したいとき。 Figmaはプラグインのインストールが簡単なので、ついつい色々なものを追加してしまう。 そうしているうちに、数日後、数ヶ月後には、あれ?と、何のためのプラグインだったかがわからなくなってしまったり、増えすぎて探しづらくなってきたりする。 Figmaからプラグインを削除する手順。 プラグインの追...
Figmaがもし有料化されたら。Next Figmaのデザインツール。Pixso。
Pixso。Figmaがもし有料化されたら。 無料プランでも使えるFigma。 Adobe社からの買収と撤回により、いつかFigmaも有料化されるのでは?と内心不安を抱えている人たちは、結構いるのではないだろうか。 例えば、 初心者の方や学習中の方たちが、ちょっと使ってみたいな、というとき。 職場ではAdobeのプランがあるけど、自宅にないと不便だな、というと...
Figma 削除したファイルを復元したいとき。復元の方法。
Figma使用中に削除してしまったファイルを復元したい。 Figmaで作業中に、誤ってファイルを削除してしまうときがある。 ゴミ箱を探しても、残念ながらFigmaにはゴミ箱はない。 焦ってしまうが、ゴミ箱的な場所は存在し、そこから復元することは可能だ。 Figmaの削除ファイルを復元する手順。 「Drafts / 下書き」をクリ...
text-overflowの使い方。CSSで文字数を制御。効かないときは?
CSSで文字数の制御。text-overflowの使い方。 text-overflowで3点リーダーを付ける場合は単体では機能しなく、次の4つを一緒に指定する必要がある。 width: 30em; (幅の単位や広さは任意。) overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 「text...