ChatGPTの始め方と使い方と。初心者向けシンプル版。 2023.01.31 ChatGPT(チャットGPT)の始め方。日本語、スマホでもOK。 ChatGPTの始め方。 ログインする場合。 ChatGPT(チャットGPT)の始め方は、目安数分から10分、ゆっくり進めても数十分もあれば大丈夫。 手元にメールアドレスと携帯番号があれば、サインアップ&ログインですぐに始められる。 ログインしない場合。 2024年4月か... AIChatGPTmemos脳
ChatGPTはSVGアイコンを作れるのか?2023年と2024年の違い。 2023.01.29 ChatGPTにSVGアイコンを作れるのかを聞いてみた。 petsここは2023年時。 ChatGPT(チャットGPT)はある程度のコーディングができる。 そこで、コードでできている「SVGアイコン」が作れるのかを聞いてみたところ... 「私はテキストの解釈と生成が専門なので、SVGアイコンはグラフィックデザイナーやアイコン生成ソフトを利用する必要があります。」 ... AIChatGPTmemos脳
CSSの変数と関数。覚えておくと便利なCSSプログラミング。 2023.01.26 CSSでも変数や関数が使えるように。 CSS変数やCSS関数によるプログラミング。 CSSでプログラミング。 CSSの生みの親であるHåkon Wium Lie(ホーコン・ウィウム・リー)氏はTwitterで、もともとCSSはプログラミング言語にしないようにしていた、と発言している。 そのような経緯もあったためか、長らくCSSは、変数や関数、演算などのプログラミング... CSSmemosWebデザイン
ChatGPTの正確性を、簡単かつ格段に上げる使い方。 2023.01.25 ChatGPTは大谷翔平を驚くほど知らない? () ChatGPTは、大量のテキストテータから学習しているとのこと。 そこでChatGPTへ、大谷翔平選手について知っているかを聞いてみた。 ところがChatGPTは、はちゃめちゃな答えを返してくれる。 (※その後は、着々と改善中。) 「大谷翔平について何か知っていますか?」 ChatGPTへの質... AIChatGPTmemos脳
CSS aspect-ratioの使い方。効かないときはどうする? 2023.01.24 CSSで縦横比の指定。aspect-ratioの使い方。 aspect-ratioプロパティ。 aspect-ratio aspect-ratioの登場により、画像やGoogle Map、YouTubeなどの縦横比(アスペクト比)の指定がCSSでできるようになった。 ブログやニュースなどの投稿記事のアイキャッチ画像の統一や、商品画像の一覧、Google MapやYo... CSSmemosWebデザイン
ChatGPTの文章作成やコーディング、SEO対策は変わるか? 2023.01.20 ChatGPT(チャットGPT)とは? () OpenAI社による言語モデル、いわゆるAIチャットサービス。 ChatGPTはアメリカのOpenAI社のサービスで、無料プランでも使える。 いわゆるAIによる対話型のチャットサービスだが、従来のAIチャットとは違い、想像以上に自然な文章で会話ができる。 専門的な単語使用や間違いもあるが、文... AIChatGPTmemos脳
Illustratorのシェイプ形成ツールの使い方。見つからないときは!? 2023.01.19 シェイプ形成ツールは簡単に使える。 「シェイプ形成ツール」は「パスファインダー」と似たような機能で、なんとなく気軽に使える。 もちろん使い分けをするのがベストだが、両方ともそれほど難しくなく、それでいて扱えると作業効率が格段に上がる。 ロゴやピクトグラム、イラスト作成時などには特に役に立つ。 もしこのことを知らなければ、「ペンツール」などで頑張ってしまい、結局それで... Illustratormemosデザイン
FigmaからWebPで書き出しす方法。Olive Pressの使い方。 2023.01.16 Figmaのプラグイン「Olive Press」とは? FigmaからWebPで書き出せる。 Olive Press 画像ファイルをWebPの形式で使うことが増えている。 現時点、FigmaやIllustratorなどのソフトはデフォルトでWebPは書き出せないが、画像形式を変換できるWebサイトはネット上に多々ある。 また、Figmaのプラグ... Figmamemosデザイン
Google Tag Managerの設置場所は一体どこにすれば良いの? 2023.01.14 Google Tag Manager(GTM)とは? Google Tag Managerとは、UA(ユニバーサル アナリティクス)に変わるアナリティクス(分析)ツールで、「サイトへのアクセス状態」がわかるもの。 Google Tag Manager Googleアカウントさえあれば、無料で利用が可能。 導入自体は比較的簡単にできる。ネット上にも情報が多い。 企業... JavaScriptmemosPageSpeed InsightsWebデザインアナリティクス
iPhoneのバッテリー交換の目安は?バッテリー最大容量って? 2023.01.13 iPhoneのバッテリー交換の目安。 バッテリー交換の値上げ。 iPhoneのバッテリー交換の費用が2023年3月1日から値上げするとのこと。 3,000円の値上げ幅なので、交換をするかどうか、買い替えをするかどうかの判断をしておいた方が良いかもしれない。 Apple公式サイトによると、現在使用中のiPhoneのバッテリーの最大容量が80%未満かどうかが、交... iPhonememos
データベース接続確立エラーの対処法。wp-configに問題がないとき。 2023.01.12 データベース接続確立エラーの対処。 WordPress作業時の突然のデータベース接続確立エラー。 データベース接続確立エラー発生時の表示例。 このエラーが出ると画面が真っ白(ダークモードの場合は真っ黒)となったりし、WordPressの管理画面へも入れなくなるので、初めてのときはあたふたしまう。 焦ってしまうが、もし、WordPressのインストール時や引越... memosWebデザインWordPress
Figma プラグインを削除する方法。追加も削除もシンプルに。 2023.01.11 Figmaへのプラグインの入れ方の手順。 プラグインの入れ方と保存。 便利なFigmaのプラグイン。 Figmaのツールバーから、「アクション / Actions」へ進む。 画面下部のツールバーの、「アクション / Actions」メニューをクリック。 (※バージョンアップなどで画面のデザインが変わっていることがあります。) ... Figmamemosデザイン
Figmaがもし有料化されたら。Next Figmaのデザインツール。Pixso。 2023.01.10 Pixso。Figmaがもし有料化されたら。 無料プランでも使えるFigma。 Adobe社からの買収と撤回により、いつかFigmaも有料化されるのでは?と内心不安を抱えている人たちは、結構いるのではないだろうか。 例えば、 初心者の方や学習中の方たちが、ちょっと使ってみたいな、というとき。 職場ではAdobeのプランがあるけど、自宅にないと不便だな、というと... Figmamemosデザイン
Figma 削除したファイルを復元したいとき。復元の方法。 2023.01.09 Figma使用中に削除してしまったファイルを復元したい。 Figmaで作業中に、誤ってファイルを削除してしまうときがある。 ゴミ箱を探しても、残念ながらFigmaにはゴミ箱はない。 焦ってしまうが、ゴミ箱的な場所は存在し、そこから復元することは可能だ。 Figmaの削除ファイルを復元する手順。 「Drafts / 下書き」をクリ... Figmamemosデザイン
text-overflowの使い方。CSSで文字数を制御。効かないときは? 2023.01.06 CSSで文字数の制御。text-overflowの使い方。 text-overflowの仕様。 text-overflow text-overflowで3点リーダーを付ける場合は単体では機能しなく、次の4つを一緒に指定する必要がある。 width: 30em; (幅の単位や広さは任意。) overflow: hidden; white-space: nowr... CSSmemosWebデザイン
iPhoneをマナーモードにする方法。カチッと簡単に。電源とバイブも。 2023.01.04 iPhoneのマナーモード。 電車や公共の場所などで、iPhoneの音が鳴らないようにしたいときがある。 電源を切っても良いが、そうするとサイトの閲覧やSNSなどを使用できなくなる。 なので、そういうときは「マナーモード」にすると便利。 iPhoneの左側の「着信/サイレントスイッチ」でオン・オフが可能。 マナーモードのオン(消音モード)とオフ(着信モ... iPhonememos
縦棒?パイプ?「 | 」の読み方って。出し方はどうする? 2023.01.03 「 | 」の読み方はいろいろある。 縦棒? パイプ? 日本語では縦棒や縦線と呼ばれる。 Macの場合は「たてぼう」で変換すると出てくるだろう。Windowsでは「たてせん」でも出てくる。 英語でもpipe(パイプ)やvertical bar(バーティカルバー)など、色々と読み方がある。 「 | 」のいろいろな読み方。 「 | 」の記号の読み方は、... Editormemos
Illustrator ハート型を綺麗で滑らかに作るシンプルな方法。 2023.01.02 まずはハートの半分を作る。 Illustratorでハート型のような左右対称な形を作る場合、最初から全体を作るとなかなかうまくいかない。 コツとしては、左右どちらかの半分だけを作って、それを反対側へコピーすると良い。 (数式で描かれたベジェ曲線による同じ形をコピーすることになるため、綺麗な左右対称の形になる。) ハートはペンツールで結構簡単にできる。 ... Illustratormemosデザイン
Illustratorのファイルの保存場所をコンピューターにしたいとき。 2023.01.01 Illustratorの初期設定のファイルの場所 Illustratorのファイルの保存場所を、クラウドではなくローカルに保存したいときがある。 保存の都度指定することもできるが、あらかじめローカル(コンピューター)にしておきたい場合は、環境設定で指定しておける。 「Illustrator」 > 「環境設定」 > 「ファイル管理」へ進む。 上部のメニューバー... Illustratormemos