iPhoneのマナーモード。 電車や公共の場所などで、iPhoneの音が鳴らないようにしたいときがある。 電源を切っても良いが、そうするとサイトの閲覧やSNSなどを使用できなくなる。 なので、そういうときは「マナーモード」にすると便利。 iPhoneの左側の「着信／サイレントスイッチ」でオン・オフが可能。 マナーモードのオン（消音モード）とオフ（着信モ...
iPhoneをマナーモードにする方法。カチッと簡単に。電源とバイブも。
Memos
縦棒？パイプ？「 | 」の読み方って。出し方はどうする？
「 | 」の読み方はいろいろある。 縦棒？ パイプ？ 日本語では縦棒や縦線と呼ばれる。 Macの場合は「たてぼう」で変換すると出てくるだろう。Windowsでは「たてせん」でも出てくる。 英語でもpipe（パイプ）やvertical bar（バーティカルバー）など、色々と読み方がある。 「 | 」のいろいろな読み方。 「 | 」の記号の読み方は、...
Illustrator ハート型を綺麗で滑らかに作るシンプルな方法。
まずはハートの半分を作る。 Illustratorでハート型のような左右対称な形を作る場合、最初から全体を作るとなかなかうまくいかない。 コツとしては、左右どちらかの半分だけを作って、それを反対側へコピーすると良い。 （数式で描かれたベジェ曲線による同じ形をコピーすることになるため、綺麗な左右対称の形になる。） ハートはペンツールで結構簡単にできる。 ...
Illustratorのファイルの保存場所をコンピューターにしたいとき。
Illustratorの初期設定のファイルの場所 Illustratorのファイルの保存場所を、クラウドではなくローカルに保存したいときがある。 保存の都度指定することもできるが、あらかじめローカル（コンピューター）にしておきたい場合は、環境設定で指定しておける。 「Illustrator」 > 「環境設定」 > 「ファイル管理」へ進む。 上部のメニューバー...
GA4のページビュー数（PV数）は、page_viewとは違う？
GA4のpage_viewと、表示回数と、UAのページビュー数と。 ※2024.01.11 追記あり。 GA4のPV数はどこにある？ UA→GAから移行中のため、2022年12月現在は両方のアナリティクスで指標が見られる状態となっている。 とりあえず両方での「ユーザー数」はほとんど同じだ。（期間が若干違うため一致はしていない。） ただし、「ページビュ...
Illustratorでのトリミング（切り抜き）方法。できるだけシンプルに。
画像の切り抜きと書き出し方法１ 長方形、正方形のトリミング。 画像を選択。 上部の「コントロールパネル」ーに「画像を切り抜き」が表示される。 「オブジェクト」 > 「画像を切り抜き」からでも可。 また、右クリックメニューメニューにも「画像を切り抜き」がある。 （※Illustratorの画面幅を狭めている場合は、コントロールパネルに「画像を切り抜き」メニュ...
Illustratorの背景色を変えたい場合。ダークモードとアートボードと黒とグレー。
Creative Cloudからのダークモード設定。 Illustratorのダークモード設定手順。 「Creative Cloud」の起動から。 Illustratorのダークモード設定は、まず「Creative Cloud」を起動し、右上の自分のアカウントのアイコンをクリックする。 「Creative Cloud」 > 「環境設定」 > 「アピア...
WordPressの投稿IDを確認したい時は、ここを見るのが簡単。
投稿IDで条件分岐したいとき。 WordPressサイトを構築・運用する際に、投稿IDを知りたいときがある。特定の記事でのみでJavaScriptやGoogle Fontsを読み込みたい場合などに。 普通にheader.phpなどで読み込むと、全ての投稿記事に適用されてしまう。そうなるとページの表示速度にも影響してしまうので、できれば条件分岐をしたい。 その場合、条件分岐...
Illustratorのスポイトで半透明の色を拾いたいとき。（PhotoshopやFigmaと違う。）
スポイトで半透明の色を拾いたい。 Illustratorで作業中に、キーカラーを基に透明度を使ってデザインを組んでいくことがある。 そういったとき、不透明度が設定されていない場合はスポイトツールでサクッと色を拾える。が、不透明度が設定されているオブジェクトの場合はそうはいかない。 何年か前にできるようになった気がするが、忘れてしまったか、気のせいか、そもそもそんな方法は存...
VirusTotal。Googleによる無料オンラインウイルス&マルウェアチェック。
無料オンラインウイルス&マルウェアチェック「VirusTotal」。 VirusTotal。Google社が非商用で運用。 ネットで調べ物などをしているときに、意図しないページへ飛んでしまうことがある。 知らない相手から、メールで添付ファイルやURLのリンクが届くこともある。 また、未知のオンラインツールを使用するときもあるだろう。 VirusTotalは、オンラ...
Photopeaの使い方や主な機能。Photoshopのような無料ツール。
Photoshopなどでちょこっとだけ画像編集したくなったとき。 無料プランで使えるオンライン画像編集ツール「Photopea」。 ちょっとした画像編集作業をしたくなったとき、このパソコンにPhotoshopが入っていればなぁ、と思うことがある。 しかしPhotoshopはなかなか高価であり、単発や短時間の作業ではコスパが良くない。 そういうときに、ブラウザ上で無料...
オンラインで動画を圧縮する、「オンラインでビデオを圧縮」。
オンラインでビデオを圧縮。Compress Video Online。 動画は1枚1枚の画像のコマ送り。そのためどうしても容量が重たくなる。かと言って圧縮のためだけに動画編集ソフトを立ち上げるのもこれもまた気が重たい。 そこで重宝するのが、オンライン圧縮サイト「Compress Video Online / オンラインでビデオを圧縮」。 インストールの必要も、アカウント登...
slickの使い方。jQueryスライダーのシンプルなサンプル例。コピペも可。
slickの、シンプルなサンプル。 headタグ内に記述。 slickの使い方は一般的なスライダーと同様。 まずはjQuery本体とslickのJSと、slickのCSSを、CDNで読み込む。 HTML <script src="https://code.jquery.com/jquery-3.6.2.min.js" in...
Material SymbolsをFigmaへ。インストールしてすぐに使える。
GooleのアイコンフォントをFigmaへ。Material Symbols。 Google Fontsから手軽に使えるアイコンフォント「Material Symbols」が、デザインツール「Figma」のプラグインとして配布されている。 Googleの案内では現時点、2,500以上のアイコンが使えるらしい。 かつ「Outlined（輪郭）」、「Rounded（角丸）」、「S...
Figmaのルーラー（定規）の出し方。表示方法がイラレとちょっと違う！
Figmaのルーラー（定規）の出し方。 Figmaのルーラー。 ルーラー（定規）。 Figmaでデザインをしているときにルーラー（定規）を出そうと「command + R」 or 「Ctrl + R」を押しても出てこない。 あれ！？と思い、じゃあ、と右クリックで出そうとしてもメニューにもない。 IllustratorやPhotoshopで慣れて...
写真の一部を消せるオンラインツール「Cleanup Pictures」。
写真に映り込んだ不要な箇所を消したい。 Photoshopのように。 Cleanup Picturesで消していく。 写真の一部を消したいときに、なぞって消すことができるオンラインツール。 まるで、Photoshopの「修復ブラシ」や「コンテンツに応じた〜」のように。 Cleanup Pictures。 消したい写真をアップロード。 真ん中の点線で...
detailsとsummaryの使い方。HTML&CSS or jQueryアコーディオン。
detailsとsummary。HTMLだけでアコーディオンメニュー。 detailsタグとsummaryタグ。 JavaScriptを使わなくても、HTMLだけで折り畳められたコンテンツ領域の開閉（アコーディオンメニュー）ができようになった。 情報量が多い箇所など、覚えておくと何かと便利そうなHTML5の新しい要素。基本的な使い方はとにかくシンプル。 コピペで使い...
Material Symbols and Iconsの使い方。表示されないときの対処法。
Googleのアイコンフォント。 アイコンフォントといえば「Font Awesome」が有名だが、Google Fontsでもアイコンフォントを無料配布している。 Googleフォントのように使え、SVGやPNG形式で画像として個別にダウンロードすることもできる。 また、デザインツール「Figma」のプラグインとしても利用できる。 Google Fontsのサイトによる...
Figmaの背景切り抜き方法。ペンツールの使い方とプラグイン。
Figmaのペンツールとマスクで、背景から切り抜く。 ペンツール。 IllustratorやPhotoshopでもそうだが、ペンツールの使い方を覚えておくと後々で役に立つ。 AIの普及などにより被写体の切り抜き精度が上がっている。ただ、それでもうまく切り抜けない時は、結局人の手によるペンツールの方が速かったりする。 また、ペンツールはロゴやアイコン、図形やイラストな...
Figmaで名刺を作ってみた結果。作成・入稿・仕上がりまで。
Figmaで名刺を作成、印刷してみたところ、無事に完成。 FigmaでDTP。 Figmaで名刺？ デザインツール「Figma」で、紙媒体の名刺を作って実際に発注し、仕上がりを確認してみた。 Figmaを印刷用に工夫。 単位やカラーモード、ファイル形式などを印刷用に。 Figmaは元々デジタルデバイス向けなので、単位がpxオンリー、カラー...