デザイナー、コーチ、ディレクター / 井川

.

Memos

VSCodeのテーマ変更方法。

VSCodeのテーマ変更方法。

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

デザインの原則。想像力と、時代や国や地域でも有効な法則たち。

私は人々の生活を「シンプル」にする体験を、デザインし、開発します。

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

ようやくahamoへ。docomoからの変更は意外と簡単。

ahamoへ。

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

iPhoneの画面が拡大!? 戻らないときは3本指のダブルタップで解決!

iPhoneの拡大された画面。

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

Webや絵画制作の着手金は、しっかり請求した方が絶対に無難。

約束は守って。

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

jQueryの読み込み位置はhead内。(bodyの閉じタグの前じゃない!?)

jQueryの読み込みは閉じタグの前じゃない。

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

WebサイトSEO検証。Google5位以内を達成。ビッグなワードで。

本当のSEO対策。

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

Webデザイナー、Webコーダーのお金事情。Are you hungry?

Webデザイナーやこーだーはhungry

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

WebデザインのSEOとは?SEOに強いデザイン脳とは?

学ぶ。

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

Contact Form 7に確認画面がない!の対処方法。CSSか固定ページでいける。

WordPressのContact Form 7には確認画面がない。

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

WordPressの引越しは、ささっとAll-in-One WP Migrationで。

困った!解決策は!

WordPressの引越しは何かしらトラブルが発生しやすい。 自分で言うのは滑稽だが、WordPress使用歴は10年以上と、そこそこのスキルや実績は持ち合わせている。 それでも、WordPressの引越し作業では、何かしら問題が起こりやすい。 なので今でも、トラブルが起こることを前提として、気持ちや時間の準備をして、作業をしている。 ネット上でも色々と同じような経験を...

Sassは必要?メリットは? Sassからの卒業。Back to CSS。

Sassが非推奨に?Sassは不要?

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

WebPへ変換?。メリットや実装・検証結果。

webpの検証結果。

WebPってどうなのだろう? メリットは? Webサイトで使用されている画像をJPGからWebPにしよう、という流れがある。Googleの推しが凄い。 画像自体の見た目のクオリティはJPGでも全く気にならず、人間の目では判断できないほどの十分な色数、画質があるが、WebPは容量が軽くなるというメリットがある。 PNGでは重く、JPGでは使えないアルファチャンネルも...

CSSのidセレクタは使ってはいけないって本当なの?

CSSのidセレクタは使ってはいけないって本当なの?

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

SEO対策とキーワード。コミットするならGoogleとW3Cへ。

SEOにも虎にも。継続は力なり。

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

CSSのサーバー反映が遅い?原因切り分けはW3Cで。

CSSが反映されない

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

CSS filterプロパティの使い方。画像調整は楽しく使いやすい。

CSS3のfilterプロパティは便利。

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

HTML5とCSS3、WordPress、SEO。無料ツールでランクアップ!

HTML5とCSS3、WordPress、SEO。無料ツールでランクアップ!

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

clearfixは過去に作ったサイトでまだ十分に機能している。

htmlとcssによるカラムレイアウト。

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