GA4のページビュー数（PV数）は、page_viewとは違う？ 2022.12.31 GA4のpage_viewと、表示回数と、UAのページビュー数と。 ※2024.01.11 追記あり。 GA4のPV数はどこにある？ UA→GAから移行中のため、2022年12月現在は両方のアナリティクスで指標が見られる状態となっている。 とりあえず両方での「ユーザー数」はほとんど同じだ。（期間が若干違うため一致はしていない。） ただし、「ページビュ... memosSEOWebデザインアナリティクス
Illustratorでのトリミング（切り抜き）方法。できるだけシンプルに。 2022.12.30 画像の切り抜きと書き出し方法１ 長方形、正方形のトリミング。 画像を選択。 上部の「コントロールパネル」ーに「画像を切り抜き」が表示される。 「オブジェクト」 > 「画像を切り抜き」からでも可。 また、右クリックメニューメニューにも「画像を切り抜き」がある。 （※Illustratorの画面幅を狭めている場合は、コントロールパネルに「画像を切り抜き」メニュ... Illustratormemosデザイン
Illustratorの背景色を変えたい場合。ダークモードとアートボードと黒とグレー。 2022.12.29 Creative Cloudからのダークモード設定。 Illustratorのダークモード設定手順。 「Creative Cloud」の起動から。 Illustratorのダークモード設定は、まず「Creative Cloud」を起動し、右上の自分のアカウントのアイコンをクリックする。 「Creative Cloud」 > 「環境設定」 > 「アピア... Illustratormemosデザイン
WordPressの投稿IDを確認したい時は、ここを見るのが簡単。 2022.12.28 WordPressの投稿IDで条件分岐したいとき。 投稿IDを確認したい。 投稿には個別にIDが振られている。 WordPressサイトを構築・運用する際に、投稿IDを知りたいときがある。特定の記事でのみでJavaScriptやGoogle Fontsを読み込みたい場合などに。 普通にheader.phpなどで読み込むと、全ての投稿記事に適用されてしまう。そうなると... memosPHPWebデザインWordPress
Illustratorのスポイトで半透明の色を拾いたいとき。（PhotoshopやFigmaと違う。） 2022.12.27 スポイトで半透明の色を拾いたい。 Illustratorで作業中に、キーカラーを基に透明度を使ってデザインを組んでいくことがある。 そういったとき、不透明度が設定されていない場合はスポイトツールでサクッと色を拾える。が、不透明度が設定されているオブジェクトの場合はそうはいかない。 何年か前にできるようになった気がするが、忘れてしまったか、気のせいか、そもそもそんな方法は存... Illustratormemosデザイン
VirusTotal。Googleによる無料オンラインウイルス&マルウェアチェック。 2022.12.26 無料オンラインウイルス&マルウェアチェック「VirusTotal」。 VirusTotal。Google社が非商用で運用。 ネットで調べ物などをしているときに、意図しないページへ飛んでしまうことがある。 知らない相手から、メールで添付ファイルやURLのリンクが届くこともある。 また、未知のオンラインツールを使用するときもあるだろう。 VirusTotalは、オンラ... memosオンラインツール
Photopeaの使い方や主な機能。Photoshopのような無料ツール。 2022.12.22 Photoshopなどでちょこっとだけ画像編集したくなったとき。 無料プランで使えるオンライン画像編集ツール「Photopea」。 ちょっとした画像編集作業をしたくなったとき、このパソコンにPhotoshopが入っていればなぁ、と思うことがある。 しかしPhotoshopはなかなか高価であり、単発や短時間の作業ではコスパが良くない。 そういうときに、ブラウザ上で無料... memosデザイン
オンラインで動画を圧縮する、「オンラインでビデオを圧縮」。 2022.12.19 オンラインでビデオを圧縮。Compress Video Online。 動画は1枚1枚の画像のコマ送り。そのためどうしても容量が重たくなる。かと言って圧縮のためだけに動画編集ソフトを立ち上げるのもこれもまた気が重たい。 そこで重宝するのが、オンライン圧縮サイト「Compress Video Online / オンラインでビデオを圧縮」。 インストールの必要も、アカウント登... memosWebデザインオンラインツール
slickの使い方。jQueryスライダーのシンプルなサンプル例。コピペも可。 2022.12.17 slickの、シンプルなサンプル。 headタグ内に記述。 slickの使い方は一般的なスライダーと同様。 まずはjQuery本体とslickのJSと、slickのCSSを、CDNで読み込む。 HTML <script src="https://code.jquery.com/jquery-3.6.2.min.js" in... CSSHTMLJavaScriptjQuerymemosWebデザイン
Material SymbolsをFigmaへ。インストールしてすぐに使える。 2022.12.16 GooleのアイコンフォントをFigmaへ。Material Symbols。 Material Symbols 手軽に使えるアイコンフォント。pets Google FontsのMaterial Symbols。 Google Fontsから手軽に使えるアイコンフォント「Material Symbols」が、デザインツール「Figma」のプラグイン... Figmamemosデザイン
Figmaのルーラー（定規）の出し方。表示方法がイラレとちょっと違う！ 2022.12.15 Figmaのルーラー（定規）の出し方。 ルーラー（定規）の表示方法。 Figmaでルーラーを表示させたい。 Figmaでデザインをしているときにルーラー（定規）を出そうと「command + R」 or 「Ctrl + R」を押しても出てこない。 あれ！？と思い、じゃあ、と右クリックで出そうとしてもメニューにもない。 IllustratorやPhotoshop... Figmamemosデザイン
写真の一部を消せるオンラインツール「Cleanup Pictures」。 2022.12.14 写真に映り込んだ不要な箇所を消したい。 Photoshopのように。 Cleanup Picturesで消していく。 写真の一部を消したいときに、なぞって消すことができるオンラインツール。 まるで、Photoshopの「修復ブラシ」や「コンテンツに応じた〜」のように。 Cleanup Pictures。 消したい写真をアップロード。 真ん中の点線で... memosWebデザインオンラインツール
detailsとsummaryの使い方。HTML&CSS or jQueryアコーディオン。 2022.12.10 detailsとsummary。HTMLだけでアコーディオンメニュー。 detailsタグとsummaryタグ。 JavaScriptを使わなくても、HTMLだけで折り畳められたコンテンツ領域の開閉（アコーディオンメニュー）ができようになった。 情報量が多い箇所など、覚えておくと何かと便利そうなHTML5の新しい要素。基本的な使い方はとにかくシンプル。 コピペで使い... CSSHTMLJavaScriptjQuerymemosWebデザイン
Material Symbols and Iconsの使い方。表示されないときの対処法。 2022.12.09 Googleのアイコンフォント。 アイコンフォントといえば「Font Awesome」が有名だが、Google Fontsでもアイコンフォントを無料配布している。 Googleフォントのように使え、SVGやPNG形式で画像として個別にダウンロードすることもできる。 また、デザインツール「Figma」のプラグインとしても利用できる。 Google Fontsのサイトによる... CSSHTMLmemosWebデザイン
Figmaの背景切り抜き方法。ペンツールの使い方とプラグイン、そしてAI。 2022.12.07 Figmaのペンツールとマスクで、背景から切り抜く。 ペンツールで切り抜き。 覚えると便利なペンツール。 IllustratorやPhotoshopでもそうだが、ペンツールの使い方を覚えておくと後々で役に立つ。 AIの普及などにより被写体の切り抜き精度が上がっている。ただ、それでもうまく切り抜けない時は、結局人の手によるペンツールの方が速かったりする。 また、... Figmamemosデザイン
Figmaで名刺を作ってみた結果。作成・入稿・仕上がりまで。 2022.12.06 Figmaで名刺を作成、印刷してみたところ、無事に完成。 FigmaでDTP。 Figmaで名刺？ デザインツール「Figma」で、紙媒体の名刺を作って実際に発注し、仕上がりを確認してみた。 Figmaを印刷用に工夫。 単位やカラーモード、ファイル形式などを印刷用に。 Figmaは元々デジタルデバイス向けなので、単位がpxオンリー、カラー... DTPデザインFigmamemos
FigmaやFigJamを日本語化。言語設定や日本語版の使い方。 2022.12.03 Figmaを日本語化。設定方法はMacもWindowsも同じ。 Figmaが日本語対応。より使いやすく。 言語変更で日本語のUI（ユーザーインターフェイス）に。 2022年にFigmaの日本法人が設立されてから、Figmaはデフォルトで英語⇄日本語の言語変更が可能となっている。 参考：Figma日本語対応のお知らせ Figmaの言語変更はシンプ... Figmamemosデザイン
Figmaで検索・置換する方法。ショートカットからでOK。 2022.12.02 Figmaで検索・置換が可能に。 Figmaのアップデートで検索と置換の機能が実装されていた。 ショートカットで検索、置換ができるので、なかなか使い勝手が良い。 使い方は簡単で、以下のショートカットですぐに覚えられる。 ショートカット Mac：「Command」 + 「F」 Win：「Ctrl」 + 「F」 ※「F」は「Find... Figmamemosデザイン
Figmaでモザイクをかける方法。Pixelsでさらっと簡単に。 2022.12.01 Figmaのモザイクプラグイン「Pixels」とは？ Pixelsで画像にモザイクを。 写真や文字にモザイクをかけたいとき。 ネット上などに写真や画像をアップする際、個人情報や特定の箇所にモザイクをかけたいことがある。 Figmaにはデフォルトでは備わっていないようなので、こういうときはプラグイン。 Pixelsでモザイクをかけられる。 プラグインを探し... Figmamemos
