“Atom.app”を開くとコンピュータが破損します。の対処法。 2023.02.06 井川 宜久 Atomがいよいよ。 開発停止が発表されていたAtomが、いよいよ使用不可となってきた。 起動しようとすると「"Atom.app"を開くとコンピュータが破損します。ゴミ箱に入れる必要があります。」という結構な強めのメッセージが表示され、起動自体ができない。 (Macの場合。おそらくWinも似たようなメッセージかと思われる。) 参考:S... EditormemosWebデザイン
TechAcademyの評判をChatGPTに聞いてみたら。 2023.01.30 井川 宜久 TechAcademyの評判はどうなのだろう? ここ数年ふと気になっているプログラミングスクール「TechAcademy」について、ChatGPTに聞いてみた。 TechAcademyの評判を知っていますか? すると、、、 TechAcademyは日本では有名なプログラミングスクールですが、具体的な評判は知りません。TechAcademyはWeb... ChatGPTCSSJavaScriptjQuerymemosPHPWebデザインWordPressデザイン
CSSの変数と関数。覚えておくと便利なCSSプログラミング。 2023.01.26 井川 宜久 CSSでは変数や関数は使えなかった。 CSSの生みの親であるHåkon Wium Lie(ホーコン・ウィウム・リー)氏はTwitterで、もともとCSSはプログラミング言語にしないようにしていた、と発言している。 そのような経緯もあったためか、長らくCSSは、変数や関数、演算などのプログラミング的な要素は取り入れられなかった。 しかしCSSが登場してすでに20年以上、来年... CSSmemosWebデザイン
CSS aspect-ratioの使い方。効かないときはどうする? 2023.01.24 井川 宜久 CSSで縦横比の指定。aspect-ratioの使い方。 aspect-ratioの登場により、画像やGoogle Map、YouTubeなどの縦横比(アスペクト比)の指定がCSSでできるようになった。 新しいプロパティなので若干、使用方法に慣れが必要かもしれないが、すでに全てのモダンブラウザで実装可能となっている。 ブログやニュースなどの投稿記事のアイキャッチ画像の統一... CSSmemosWebデザイン
Illustratorのシェイプ形成ツールの使い方。見つからないときは!? 2023.01.19 井川 宜久 シェイプ形成ツールは簡単に使える。 「シェイプ形成ツール」は「パスファインダー」と似たような機能で、なんとなく気軽に使える。 もちろん使い分けをするのがベストだが、両方ともそれほど難しくなく、それでいて扱えると作業効率が格段に上がる。 ロゴやピクトグラム、イラスト作成時などには特に役に立つ。 もしこのことを知らなければ、「ペンツール」などで頑張ってしまい、結局それで... DTPIllustratormemosWebデザインデザインデザインツール
FigmaからWebPで書き出しす方法。Olive Pressの使い方 2023.01.16 井川 宜久 Figmaのプラグイン「Olive Press」とは? WebPで書き出すことが増えている。個人的にはWeb用の画像のほとんどは.webp形式を使用している。 現時点、FigmaやIllustratorなどのソフトはデフォルトでWebPは書き出せないが、画像形式を変換できるWebサイトはネット上に多々ある。 また、Figmaのプラグイン「Olive Press」は、Fig... FigmamemosWebデザインデザインデザインツール
Google Tag Managerの設置場所は一体どこにすれば良いの? 2023.01.14 井川 宜久 Google Tag Manager(GTM)とは? Google Tag Managerとは、UAによるGoogleアナリティクスを利用している方には特に説明は必要ないと思われるが、ざっくりというと「サイトの利用状態、アクセス状態」がわかるGoogleのツールだ。 Googleアカウントさえあれば、無料で利用が可能。 導入自体は比較的簡単にできる。ネット上にも情報が多い... JavaScriptmemosPageSpeed InsightsWebデザインアナリティクス
「データベース接続確立エラー」の対処。wp-configに問題がないとき。 2023.01.12 井川 宜久 データベース接続確立エラーの対処。 このエラーが出ると画面が真っ白(ダークモードの場合は真っ黒)となり、WordPressの管理画面へも入れなくなるので、初めてのときはあたふたしまう。 焦ってしまうが、もし、WordPressのインストール時や引越しの際にこのエラーが出る場合は、wp-config.phpのファイルに誤りがあることが多い。 管理画面へは入れなくても... memosWebデザインWordPress
Figma プラグインを削除する方法。追加も削除もシンプルに。 2023.01.11 井川 宜久 Figmaへ追加したプラグインを削除したいとき。 Figmaはプラグインのインストールが簡単なので、ついつい色々なものを追加してしまう。 そうしているうちに、数日後、数ヶ月後には、あれ?と、何のためのプラグインだったかがわからなくなってしまったり、増えすぎて探しづらくなってきたりする。 Figmaからプラグインを削除する手順。 プラグインの追加が簡単であるよ... FigmamemosWebデザインデザインデザインツール
Figmaがもし有料化されたら。Next Figmaのデザインツール。Pixso。 2023.01.10 井川 宜久 Pixso。Figmaがもし有料化されたら。 無料プランでも十分に使えるFigmaがAdobe社に買収されたことによって、いつかFigmaも有料化されるのでは?と内心不安を抱えている人たちは、自分も含めて結構いるのではないだろうか。 例えば、 初心者の方や学習中の方たちが、ちょっと使ってみたいな、というとき。 職場ではAdobeのプランがあるけど、自宅にないと不便だ... FigmamemosWebデザインオンラインツールデザインデザインツール
Figma 削除したファイルを復元したいとき。復元の方法。 2023.01.09 井川 宜久 Figma使用中に削除してしまったファイルを復元したい。 Figmaで作業中に、誤ってファイルを削除してしまうときがある。 ゴミ箱を探しても、残念ながらFigmaにはゴミ箱はない。 焦ってしまうが、ゴミ箱的な場所は存在し、そこから復元することは可能だ。 Figmaの削除ファイルを復元する手順。 「Drafts / 下書き」をクリック。 画... FigmamemosWebデザインデザインデザインツール
text-overflowの使い方。CSSで文字数を制御。効かないときは? 2023.01.06 井川 宜久 CSSで文字数の制御。text-overflowの使い方。 text-overflowで3点リーダーを付ける場合は単体では機能しなく、次の4つを一緒に指定する必要がある。 width: 30em; (幅の単位や広さは任意。) overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 「text... CSSmemosWebデザイン
Illustrator ハート型を綺麗で滑らかに作るシンプルな方法。 2023.01.02 井川 宜久 まずはハートの半分を作る。 Illustratorでハート型のような左右対称な形を作る場合、最初から全体を作るとなかなかうまくいかない。 コツとしては、左右どちらかの半分だけを作って、それを反対側へコピーすると良い。 (数式で描かれたベジェ曲線による同じ形をコピーすることになるため、綺麗な左右対称の形になる。) ハートはペンツールで結構簡単にできる。 ... IllustratormemosWebデザインデザインデザインツール
Illustratorのファイルの保存場所をコンピューターにしたいとき。 2023.01.01 井川 宜久 Illustratorの初期設定のファイルの場所 Illustratorのファイルの保存場所を、クラウドではなくローカルに保存したいときがある。 保存の都度指定することもできるが、あらかじめローカル(コンピューター)にしておきたい場合は、環境設定で指定しておける。 「Illustrator」 > 「環境設定」 > 「ファイル管理」へ進む。 上部のメニューバー... DTPIllustratormemosWebデザインデザインデザインツール
GA4のページビュー数(PV数)は、page_viewとは違う? 2022.12.31 井川 宜久 GA4のpage_viewと、表示回数と、UAのページビュー数と。 UA→GAから移行中のため、現在両方のアナリティクスで指標が見られる状態となっている。 とりあえず両方での「ユーザー数」はほとんど同じだ。(期間が若干違うため一致はしていない。) ただし、「ページビュー数」が全然違う。桁が違うレベルで異なるので、明らかにおかしい。 (※複数のサイトで確認。) ... memosSEOWebデザインアナリティクス
Illustratorでのトリミング(切り抜き)方法。できるだけシンプルに。 2022.12.30 井川 宜久 画像の切り抜きと書き出し方法1 長方形、正方形のトリミング。 画像を選択。 上部の「コントロールパネル」ーに「画像を切り抜き」が表示される。 「オブジェクト」 > 「画像を切り抜き」からでも可。 また、右クリックメニューメニューにも「画像を切り抜き」がある。 ※(Illustratorの画面幅を狭めている場合は、コントロールパネルに「画像を切り抜き」メニュ... DTPIllustratormemosWebデザインデザインデザインツール
Illustratorの背景色を変えたい場合。ダークモードとアートボードと黒とグレー。 2022.12.29 井川 宜久 Illustratorのダークモードは不完全。 OSやChromeやFigmaがダークモードに完全対応している中、現時点(2022年12月)ではIllustratorのダークモードはちょっとしんどい。 Creative Cloudからダークモードに設定することはできるが、肝心のアートボードの背景が真っ白のままで目にきつい。 フォント選択のパネルの背景色も、真っ白のままだ。... IllustratormemosWebデザインデザインデザインツール
WordPressの投稿IDを確認したい時は、ここを見るのが簡単。 2022.12.28 井川 宜久 投稿IDで条件分岐したいとき。 WordPressサイトを構築・運用する際に、投稿IDを知りたいときがある。特定の記事でのみでJavaScriptやGoogle Fontsを読み込みたい場合などに。 普通にheader.phpなどで読み込むと、全ての投稿記事に適用されてしまう。そうなるとページの表示速度にも影響してしまうので、できれば条件分岐をしたい。 その場合、条件分岐... memosPHPWebデザインWordPress
Illustratorのスポイトで半透明の色を拾いたいとき。(PhotoshopやFigmaと違う。) 2022.12.27 井川 宜久 スポイトで半透明の色を拾いたい。 Illustratorで作業中に、キーカラーを基に透明度を使ってデザインを組んでいくことがある。 そういったとき、不透明度が設定されていない場合はスポイトツールでサクッと色を拾える。が、不透明度が設定されているオブジェクトの場合はそうはいかない。 何年か前にできるようになった気がするが、忘れてしまったか、気のせいか、そもそもそんな方法は存... DTPmemosWebデザインデザインデザインツール
画像編集フリー。無料のオンラインツール「Photopea」。 2022.12.22 井川 宜久 画像編集をちょこっとしたくなったとき。 無料プランで使えるオンライン画像編集ツール「Photopea」。 ちょっとした画像編集作業をしたくなったとき、このパソコンにPhotoshopが入っていればなぁ、と思うことがある。 しかしPhotoshopはなかなか高価であり、単発や短時間の作業ではコスパが良くない。 そういうときに、ブラウザ上で無料で使え、アカウント登録は任... DTPmemosWebデザインオンラインツールデザイン