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

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

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

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へ。 petsFace ID。 最近のiPhoneは顔認証が主流で、指紋認証のホームボタンが無いモデルが多い。 そこで困ったのが電子マネーでの支払い。 ↑この画面からApple Payの支払い画面に切り替わらない。。 AssistiveTouch...

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

idセレクタは使ってはいけない？ あるときある学校で、idセレクタは遅いから使ってはいけない、という講師と出会ったことがある。CSSのセレクタはclassセレクタが一番速い、検証してみたから間違いない、そうだ。 正直なところまったく賛同できなかった。本当に検証したのならそうなのかもしれないが、実際にはその証拠を見せていなかった。 ちなみに、学校で学ぶことも多いWebデザイ...

SEO対策の真実？ 自分は元々鉛筆画やデザインがメインなので、サイトのSEO対策は補助的に行っている。 だが、複数のサイトで数年間、ある程度の全国的なビッグキーワードでも、15位以内には入っている。中小企業の社名やパーソナルなサイト名では（同名の会社名がいくつかあっても）全国1位は普通で、ローカルSEOや、2〜3単語以内のキーワードで10位以内に入ることも普通だ。モバイル検索で...

CSSが反映されない。 CSSが効いていない？ ブラウザかサーバーのキャッシュでは？ どうもCSSが反映されない事が多い。というかサーバー上で直接編集していると、ほぼ毎日、反映されない現象が起きる。 サーバーのキャッシュが原因だと思われるが、ここ数年全く改善されていない気がする。 CSSが反映されない原因としては、 ブラウザのキャッシュ。 サーバー...

CSS3 filterプロパティの優秀さ。 Webサイトにとって写真は重要だ。古来から百聞は一見に如かずとも言うように、人間は文字情報よりも視覚情報の方がはるかに早く伝わる。 腕の良いカメラマン、カメラウーマンが撮ってくれた写真があればベストなのだが、当然費用がかかる。個人的には写真素材はプロにお願いしたいが、小規模サイトの場合、そうもいかないことがある。必ずしもプロの写真を用...

HTML5やCSS3、SEOなどの先端技術を無料ツールで。 今年2021年、5年ほど前に制作したサイトのリニューアルを承った。前回もリニューアルをしたので、2度目のリニューアルだ。ありがたいことに去年からお願いをされていたのだが、私の目の不調により待ってもらっていた。 だいぶ出来上がったので、ちょっと振り返ってみる。 マイク英会話教室札幌さまのサイト > ...

clearfixとfloatプロパティは、かつてレイアウトを作るのに活用されていた。10年ほど前まで、ブラウザが用意しているstyle設定をリセットする「reset.css」や、その後に普及した「normalize.css」などには、必ずといいほど「clearfix」というものが設定されていた。 例えば、次のように。 .clearFloat{ clear: both; ...

検索キーワードでのハイライト表示はとても簡単。 WordPressの検索結果をハイライト表示で。 見た目でもわかりやすく。 WordPressの検索機能は比較的簡単に設置できる。ただ、デフォルトの状態だと少々検索結果が分かりにくい。 そこで何か良い方法はないものかと探していたところ、functions.phpに下記の記述を追加するだけで、検索キーワードのハイライト表...

20年遅れのサポート対応を受ける。 カスタマーサポートの対応力。 公式サイトの情報と一致しない案内。 OSのマイナーアップデートを促す通知が届いていたので、週末にアップデートをした。公式サイトにも「すべてのユーザーへ推奨」と書かれている。 ところが、その後、突然不具合が生じた。 ネット上で調べ、自分でいくつか試してみても状況変わらず。翌日にサポート窓口へ問い合...

srcsetとsizesが効かない？ の原因。 以前、srcsetとsizesが効かなかったことがあった。 そのときは、原因はわからなかったが対処方法はわかったので、とりあえず解決用として以下のHTMLコードを記載した。 解決した記述コード。 <picture> <source media="(max-width: 799p...

パスにもファイルにも問題ないのに404エラー？ デベロッパーツールのコンソールに不明なパスによるエラー。 前々から気にはなっていたが、作業時間を取られてしまうので無視していた、Chromeのデベロッパーツールのコンソールに出ていたエラー。 ありえない404、かつSEOにも表示にも関係のない画像ファイルに対するものなので放っておいた。一応パスを確認したが問題はな...

メディアライブラリが空に！？ WordPressサイトのリニューアル中に。 消えたメディアファイル。 管理画面からのxmlファイル。 WordPressで制作したサイトのリニューアルのため、旧サイトのサーバーの画像類をWP管理画面からxmlファイルでエクスポートし、リニューアル中のテストサーバーのWP管理画面からインポートした。 FTPからのファイルア...

絵を描く子供は、比較的運動が苦手となる。 過去を振り返ると、保育園や小学生の頃、絵を描いていたのはいわゆる「運動神経がないひと」だった。逆に言うと、「運動神経があるひと」、例えば同学年で一番足が速いひとは、絵を描いてはいなかった。 神経回路が違うのだ。絵を描くために、足を速く動かす回路は必須ではないように、スポーツの練習に絵を描くことは必須ではない。高校や大学の頃はそれぞれ別の...

classセレクタと子孫セレクタ。 職業訓練校の場合。 2014年頃までは、子孫セレクタの使用は普通だった。Webの標準化団体のW3Cがそう策定しているので、自分が講師をしていた職業訓練校でもそのように教えていた。 検定試験用の教科書の場合。 idセレクタや子孫セレクタは検定試験用の教科書に記載されており、実際の試験でも出題されている。おそらく今でもそうだろ...