肖像権とは、ざっくりと言うなら、写真に写っている人の権利。 Photo by Connor Olson 例えば写真に写った人の場合。 肖像権の有無があり、「ネット画像 = 無料」ではない。 何気なく撮った写真の背景などに顔が特定できる第三者が映り込んでいたという場合がある。 その写真をネット上に公開する際は、その第三者の方が一般人でも許...

WebMとWebP。 WebPはすでに対応済み。 名前が似ているように、Googleが開発したファイル形式。 WebMは、動画のファイル形式。拡張子は「.webp」。 WebPは、画像のファイル形式。拡張子は「.webm」。 WebMはまだ対応途中。 AppleとGoogleと。 スマホは事実上、AppleのiOSかGoogle...

CSS filterプロパティでできること。 CSSのfilterの種類。 filterプロパティについて。 filterプロパティの関数は代表的なもので10種類ほど。以前はPhotoshopなどで行っていたWebサイト用の画像加工が、結構CSSだけでカバーできるようになった。 filterプロパティの例。 （※下記に実装例あり。） filter: ...

スマホを落とした時のリスク。 スマホの画面が割れる。 スマホの画面は液晶や有機ELが採用されているが、表面はあくまでもガラスであることが多い。なので当然、硬い地面に落としたら割れてしまう。 一旦割れてしまうと自分では修理できないので、業者に修理に出すか、もしタッチパネルが無事であればそのまま使ったりする。しかし修理代はバカにならないし、割れたまま使うのは見た目が気...

WordPressで動画を埋め込みたい。 WordPressで動画再生。 WordPressショートコードの[ video ]〜[ /video ]。 WordPressの投稿で、mp4などの動画を埋め込みたい場合がある。上の猫の動画のように。 ところが、WordPress投稿画面の「メディアを追加」から動画を追加しようとすると[ video ]〜[...

脳のエネルギーは、酸素とブドウ糖。 身体が疲れているときや、汗をかいたとき。 水分と塩分だけではなく、ブドウ糖も。 スポーツや肉体労働時、また夏場では汗を書くことが多いので、よく「水分と塩分補給をしましょう。」と言われる。そして水やお茶、スポーツドリンクなどで補給をする。 ただし、忘れてはならないのは、「糖分」、特に「ブドウ糖」。 ブドウ糖（グルコース）はスポ...

iPhoneの画面解像度と「拡大表示」モード。 アナリティクスで画面の解像度をチェックしていると、ちらほらと320x693や320x568という数字があることに気がつく。横幅320pxというと初代iPhoneの解像度だ。不思議に思い確認したところ、どうやらiPhone8以降の「拡大表示」モードのようだ。 ブレイクポイントはどうするか？ 「拡大表示」の機能はiPho...

井川というと江川？と聞き返された。 江川卓さんの影響の元で。 むかし、初対面の人へ自分の名前を名乗る時や電話で名前を伝える時などに、「井川です」と言うと、「江川さん？」と聞き返されることが度々あった。もしかしたらこれは、自分に限ったことでなく、全国の井川さんも同じような経験をしていたかもしれない。 当時は子どもだったのでその理由がまだよくわかっていなかったが、「井...

iPhoneには下取りプログラムがある。 docomoでもauでもSoftBankでも楽天モバイルでも。 お使いのiPhoneは下取りに出すことができる。メーカーのAppleでも、携帯キャリアのdocomoでもauでもSoftBankでも楽天モバイルでも、下取りのプログラムがある。 傷がついている場合や機種が古い場合は、たとえ正常に動いていても下取り額がかなり下が...

スライダーのカスタムを頑張れば頑張るほど、動きがカクカクする。 jQueryの読み込みの場所。 bodyの閉じタグ前じゃなくてもいい。 スライダーをカスタマイズして作り込んでいると、動きが不自然となり、スムーズに切り替わらないことがある。 そんなときは、jQueryの読み込み位置を、head内に入れて試してみると良いかもしれない。 jQuery本体はhead内...

職業訓練校の場合。 ここ数年度々聞かれることがあり、ネットや上でもリアルの場でも不確かな情報が散見しているので（もちろん良い情報もあるが。）、元職業訓練校講師として、ちょっとまとめてみました。 偉そうにする意図はありませんが、もし参考になれば。 職業訓練校のメリット。 ハローワーク経由となるので、求職者支援として厚生労働省からの公的な支援がある。毎月10...

1960年代のムーブメント。 アメリカとイギリスの若者たちから。 英語で歌うシンガーソングライター。 アメリカとイギリスは「超」有名バンドが多い。 ロック音楽が生まれたのはアメリカの黒人層からだと言われている。 欧米の文化の融合。 それらをテレビで観たりラジオで聴いていただろうイギリスの少年たちは、自分たちでバンドを組み、自分たちで演奏し...

投稿とカスタム投稿タイプで条件分岐。 投稿のis_single()と、カスタム投稿タイプのis_archive()。 is_archive()ではパラメータを指定できない。 is_archive()の仕様。 WordPressでテーマを作っているとき、デザインを分けるためなどで、デフォルトの「投稿」と「カスタム投稿タイプ」を条件分岐したいときがある。 ...

イチローやジョン・レノンに限らず、天才と言われる人が、自分のことを天才とは言っていない。 各界の「天才」たちが失敗している。 野球のイチロー、物理学のアルベルト・アインシュタイン、発明家のトーマス・エジソン、音楽のジョン・レノン。 自分が知る限り、彼らは自分のことを天才とは言っていない。実際に... イチローはインタビューで自分は天才ではないと否...

辿ったリンクは期限が切れています？ WordPressで作業中のエラー。 テーマのアップロード。 WordPress管理画面からテーマをアップロードしようとすると、「辿ったリンクは期限が切れています。もう一度お試しください。」というエラーが出ることがある。 単にこのメッセージからでは、原因がなかなか想定しにくい。 WordPressサイトだったので、まずWor...

前例としての村上雅則選手の恩恵。 日本人初のメジャーリーガーは1960年代の村上選手だが、今とは状況が違い、デビューはイレギュラー的な出来事だった。 当時の南海ホークスからアメリカへ行った経緯も、その後マイナーリーグからメジャーリーグへ昇進した経緯も、村上選手本人の意思や成績のためではなく、いわば「交流」、「お試し」、「補充」みたいな役割だった。 ただし、村上選手に実力が...

Macの寿命は4年？ Macの寿命と高額化。 Macのコスパ。 ネット上で調べてみると、Macの寿命（使用年数）は4年という情報が出てくる。 公式サイトに記載されている、という理由から。 Appleサイトの質問回答ページに、「Appleは、Apple製品の温室効果ガスのライフサイクル評価をどのように行っていますか。」という項目で記載がある。 参考：環境 ...

PHPの配列 PHPの配列の括弧の違い。 array()と[]。 PHPのバージョンアップによる配列の短縮構文で、array()を[]で置き換えることが出来るようになっている。 array()でも[]でも、配列変数argsのキーにダブルアロー演算子（=>）で値を入れられる。 PHP5.4からは、配列の短縮構文を使用できる。 PHP5.4から配列の短...

iPhoneのAssistiveTouchとは？ AssistiveTouchの切り替え。 バーチャルなホームボタンのようなもの。 iPhoneには「AssistiveTouch」という、仮想的なホームボタンの機能がある。 使いこなせるユーザーにとっては便利な反面、特に必要ないよ、という場合もある。 とくにTouch IDからFace IDのモ...

.htaccessファイルなどでは上手くいかなかった。 普段はサイトの移転などでURL変更があった場合、.htaccessで301リダイレクトの設定をしているが、今回のケースでは上手くいかなかった。 ネット上で情報を探していたところ、functions.phpに記述する方法もあったが、これも上手くいかなかった。 WordPressプラグイン、「Redirection」で解決。...

WordPressのテンプレートタグでOK。 「the modified date」と「get_the_modified_date」。 記事の最終更新日。 WordPressで投稿した内容を、後になって追記したり修正したりする場合がある。 そういった場合は「最終更新日」を表記させた方が、訪問する方へ対して親切であり、SEO的にも何かしら効果があると思われる。 ...

widthのカタカナ読みはウィズ。 widthの読み方。 スペルでも発音記号でも。 widthはスペルや発音記号を見てもウィズと読めて、英語圏の外国人と話すときもウィズというカタカナ発音で通じる。 HTMLやCSSでよく使うwidth。 width="" / width: ""; Webデザインで幅の指定に使う「w...

ファイルはダブルクリックで開きたい。 VSCodeでファイルを開く時は、左側のサイドメニューの「エクスプローラー」から開くことができるが、デフォルトでは「シングルクリック」になっている。 慣れると便利なのかもしれないが、通常、ファイルを開くときは「ダブルクリック」で開く方が一般的ではないだろうか。 一般的にはダブルクリックで開く方が多い。 MacでもWind...

position: stickyの使い方。 CSSでsticky。 position: sticky; サイドバーをスクロールの途中で固定させたい場合は、以前はJavaScriptなどを組み合わせなければ実装できなかった。 それが「position: sticky」の登場により、CSSだけで可能になった。 ブラウザ対応もすでに追いついており、使い方を覚えると、...

Codeのコピーボタン追加のWordPressプラグイン。 意外としっくりくる感じのものが見つからなかった。 ネット上でよく見る、コードをコピーできるボタンをWordPressのプラグインなどで実装しようとしたところ、なかなか見つからなかった。 「Copy Anything to Clipboard」や「highlight.js」、「prism.js」はうまくいか...

WebPの壁、IEが公式にサポート終了。 Internet Explorerがサポート終了に。 IEの終了とWebPの台頭。 いよいよというか、ついにというか、2022.06.16にIEのサポートが終了。 そこで、改めて画像形式、WebPについて考察。 WebPの開発元であるGoogle社のChromeはもちろん、Apple社のSafariも202...

VSCodeの配色テーマ選択方法。 GitHubからAtomの開発終了が発表されたので、ひとまずVSCodeへ移行することに。 VSCodeはちょっと画面がガチャガチャしているので、極力シンプルにしたいときは... 手順。 「Code」 > 「基本設定」 > 「配色テーマ」へ進む。 画面左下の歯車マークからも進むことができる。 ショートカット ...

想像力がなければ、デザインしようがない。 デザインには想像力が必要だ。そして想像力を持つためには知識と経験が必要だ。なので知識の中に原則・法則を入れておくととても役に立つ。 知らないことを想像することはできない。 200年前に地球の反対側に住んでいた人の流行りごとは何なのか？ 現代で最もクールでホットで新しくて古い画家は誰なのか？ 深海の底...

#ahamo_logo { width: 80%; } docomoのギガホからいよいよahamoへ。 ahamoの登場により、毎月の固定費を安くできるのはわかっていた。 わかってはいても、留守電機能がないため見送っていた。 留守電とSNS。 留守電がなくても大丈夫だろうか？ スマホは仕事でも使用しているため、この部分がネック...

iPhoneの画面が急にデカくなってる！ あるときお店でiPhoneで決済しようとしたところ、ポケットから出したiPhoneの画面がはみ出て操作できないほど拡大されていた。 ↑突然、このような画面（拡大されたロック画面）になった。 このままの状態だと、決済はもちろん、通話もネット検索もできない。再起動では元に戻らず、あれこれタップやスワイプをしているう...

仕事の報酬を得られないのは非常にまずい。 過去に、数万円が数度、数十万円が１度、数百万円が1度、計数名から未払いを食らったことがある。全て当時の「知り合い」の紹介だった。 今でも連絡先はわかる。仕事上のやりとりのメールや制作物も大体残っている。ちなみに当時の労働基準監督署は残念ながら全くと言って良いほど動いてくれなかったので、数百万円の時はさすがに弁護士へ依頼した。 We...

jQueryの読み込みは、bodyの閉じタグの前じゃない。 jQueryはどこに書くか？ bodyの閉じタグ前じゃなくてもいい。 なんとなくjQueryの読み込みは、bodyの閉じタグの直前に書いた方が良いと言われている。 ただし、盲目的にbodyの閉じタグの前に書く、というのはやめておいた方が無難。 jQueryはどこに書くか？という...

SEOの実証結果。その後。 SEO対策でさらに順位が上がる。 少し前に何度かSEO対策についてのメモ書きをしたが、その後、さらに順位が上がっていった。なので改めてメモに残して置こうと思う。 あるサイトで「地域名+ビッグキーワード」でスマホ・パソコンともに5位以内となった。被リンクの購入はしていない。Google マイビジネスで数えると、競合サイトは200ほどある。 ...

Webデザイナーは、なぜか日本では対価に見合っていないらしい。 Webデザイナーの収入の問題。これは、10年以上前から言われていたことだ。 まず、「Webデザイナー」という定義が曖昧だ。制作作業的には、コーディングができるかどうかで大きく違う。 なのでひとまずここでのWebデザイナーは、Webサイト制作のデザイナー、コーダーは、Webサイト制作でのコーダーと定義する。 ...

SEO対策？ 本職はデザイン業、デザイン脳なのに。 デザインとSEO。 SEOに強くなった。 というか、実はずっと前から強い。 SEOとデザインは基本的には別種だが、デザイン思考でSEO対策をすることは不可能ではない。 例えば〇〇教室。 「地域名 + 〇〇」で検索すると、スマホでもパソコンでも10位前後で推移している。 前後の順位にあるのはすでに名前の知れ...

Contact Form 7には確認画面、サンクスページはない。 確認画面、サンクスページ。 かつてはよく見た確認画面、サンクスページ。 いまの時代に、そもそも確認画面やサンクスページは必要だろうか。 チェックボックスや送信完了後のメッセージ、自動返信メールで確認した方が確実ではないだろうか？ Contact Form 7と確認画面。 Contact F...

All-in-One WP Migration。WordPressの引越しのトラブルを防ぐ。 All-in-One WP Migration。WordPressの引越し用プラグイン。 All-in-One WP Migration and Backup WordPressの引越し作業では、何かしら問題が起こりやすい。 なのでトラブルが起こることを前提として、気持ちや...

Sassで書く意味はなんだろう？ Sassのメリット。 まず第一に、Sassを使用する理由・メリットは何だっただろう？ 個人的には... 変数を使える。 関数を使える。 四則演算が使える。 Sassのかっこよさげなイメージ。 この4つは大きかった。テキストや背景色などのカラーコードを変数に格納、widthの幅を四則演算、というのは非常に便利だった。そ...

AssistiveTouchで、iDの支払いができない!? Touch IDからFace IDへ。 iPhoneのFace ID。 近年のiPhoneは顔認証が主流で、指紋認証のホームボタンが無いモデルが多い。 そこで困ったのが電子マネーでの支払い。 ↑この画面からApple Payの支払い画面に切り替わらない。。 AssistiveTo...

WebPってどうなのだろう？ メリットは？ 画像はWebP形式の時代へ。 WebPはGoogleが作った画像ファイル形式。 Webサイトで使用されている画像をJPGからWebPにしよう、という流れがある。 Googleの推しが凄いが、実際に軽くなる。 JPGやPNGからWebPへ。 WebPのメリット。 画像自体の見た目のクオリティはJPG...