鹿児島のフリーランスWebデザイナー＆Webエンジニア｜小田聖夏のブログ

つい、深夜、ふと、目覚めたときとかに、
スマホで（PCにも届いているであろう）メールチェックをしていまうときがあります。

そんなときに限って
すぐに返信したくなるような内容のメールだったりします。。。

言い換えると、返信するまで、心の中でモヤってしまうような内容のメールで、
早く返信して、すっきりしたい、と思い
そこから眠れなくなります。

なので、思い切って起きて
返事を書くのですが、軽く３０分が過ぎて
さらに眠れなくなります。

ｷﾞﾝｷﾞﾝ(⚭-⚭(⚭-⚭( ⚭-⚭ )⚭-⚭)⚭-⚭) ｷﾞﾝｷﾞﾝ

なのに、、怖いもの見たさで
今日もチェックしてしまいました。

＿|￣|○

ｱﾎﾃﾞｽ

１５年以上　ホームページを制作しておりますが、
その中で「自分が一番やりやすい方法」を模索しながら、納品まで行っております。

私の納品までの進め方は、他にはあまりないオリジナルなやり方で、
・・・とはいえ、それが「特別に良いやり方」というわけではありません。
というのは、場合によって、自分が損をしてしまうような、大きなリスクを伴う方法でもあるため、
同じような進め方をされている会社は、おそらくないと思います。

それでも私が、その方法で続けているのには、私なりの理由があります。
「なぜこんな方法を？」と、専門学校のトレーナー（同業者）の方に
尋ねられたこともあります。苦笑

こう書いたのは、最近、県内の同業者さんのサイトが
私のサイトと内容がかなり似ていると、ある方が教えてくださり、
（ああ、なるほどね… 苦笑；）
と思った事があったから。

どうやら最近起業されたばかりの方のようで、
検索で上位表示されている私のサイトを
参考にされたのだろうなと。

ちなみに、私がクライアントさまのホームページのコンテンツ内容を制作する際に
参考にするのは、主に県外の同業他社さまのサイトです。
万が一、内容が似てしまっても、距離があるため同じ土俵になりにくく、
トラブルを避けやすいからです。

ビジネスは真似されてナンボとはいいますが、
私のやり方は…リスク大、なんですけどね(´ー｀A ; ) ｱｾｱｾ

人生100年といわれておりますが
あわせて定年後、どのように稼いでいくか、についてもたくさんの著書がでています。

ですが、最近は定年した方だけでなく
副業として、自分らしくどのように稼いでいくかについて
早々と行動を開始している方々も増えてきているように感じます。

特に、インターネットが普及しだした2000年頃は、
「ホームページ」のおかげで店舗をかまえずに、仕事の受注ができるようになりました。

それが現在では、インスタ、ツイッター、フェイスブック、ライン、などの無料SNSツールに加え
AIの出現により、自分ひとりビジネスが　格段に始めやすくなりました。
それらのツールを使うことで、例え失敗したとしても、大きな痛手を負うことなく、どんどんチャレンジしていける世の中です。

これを活かさない手はありません。
何もしない方が、リスクのような世の中になってきています。

ではどうやって「自分で稼ぐ力」を身に着けるのか

これは実際に行動にうつしていく他ありません。
いろいろな著書にかかれてある成功談や失敗談を参考にするのもいいでしょう。

ですが、実際は、自身で経験していくしかないのです。
酸いも甘いも嚙み分ける、といいましょうか。
わたしもそうやって２０年以上やってきました。
セミナーなどではそのお話しをよくさせていただいています。笑
今となっては笑い話ですが、当時は、、ねえ( ´•ᴗ•ก )💦

「机上の理論」はどうとでも。
実践あるのみ！です。

何を仕事にしたらいいのかわからない方。

著書などには、得意なこと、好きなこと、と書いてありますよね。
でもそれをどうやってビジネスに結び付けていったらいいのか。
そこは他力本願になってはいけません。
考えるのです。

私の場合は・・・・これは書くと長くなるので、別の機会にお話ししたいと思いますが
とにかくなんでも需要さえあれば、ビジネスになるのです。
最初は小さくとも、はじめているうちに、世間の方々がお導きくださいます。
つまり、仕事を請け負っていくうちに、お客様とのやりとりの中から、いろいろな方向性がみえてくるのです。

わたしは、仕事がうまくいかないときなど
（このブログにも書いてますが）チャップリンやディズニーの自伝に元気をもらいました。

ちなみに、２００１年に起業した鼻歌からのオリジナル音楽制作は
ホームページを作ってから約１０か月後に、はじめての依頼を受けました。٩(*´꒳`*)۶

例えは悪いですが、「アリ地獄」のウスバカゲロウように待ちの姿勢ですね。 ( ≖ᴗ≖​)ﾆﾔｯ

クリエイティブ思考は、これからの時代を“自分らしく稼ぐ”ために大事です。
いろいろなツールを活かして、自分で稼ぐ力、発想力を身に着けて自分の名前で生きていく１歩を踏み出してみましょう♪

ロゴはホームページだけでなく、名刺・封筒・パンフレット・看板・グッズなど、
さまざまな媒体に展開されることが多いため、実際に使用される場面を想定して制作します。

モックアップを作成すると、クライアントも完成後のイメージをつかみやすくなりますし、
実際の使用シーンに当てはめることで、デザインの改善点が見えてくることも。

最近、「デザインについて学びたい」という人が増えています。
Webデザインに限らず、紙媒体なども含めた“デザイン全般”に興味を持つ方が多く、
就職先も広報や広告代理店などを希望するケースも。

コーディングであれば「１＋１＝２」みたいに的確に教えることができるのだけれど
正解のないデザインを教えるのって、、、、正直 難しい。。。。

でも、デザインにはおさえておくべき基礎のポイントがあって、
バナーやチラシなどで、「なんだかちょっと違うな…？」と感じるデザインの多くは、
その基礎を意識していないことが原因だったり。

授業で学んでいるはずなのに、
みんな“なんとなく”デザインしている…( ｰ̀ωｰ́ ).｡oﾌﾑ

まずは装飾しすぎず、「読みやすいデザイン」を心がけることから始める
以下、おさえておくべき基礎ポイント～。

納品形態によって、Illustratorだったり、Photoshopだったり、Figmaだったり――使うツールはいろいろあります。
でも、ツールの操作は“ある程度できれば十分”なので
それよりも
たくさんのデザインを見て、自分の中の引き出しを増やすこと。が大事。

次は、「ロゴ」や「バナー」など、納品物ごとのチェックポイントをまとめたいと思います。

とりあえず無料からはじめられるツールって多いですよね。

、、、でブログというシステムが生まれだしてきたころから
アカウント登録しているブログが複数あったのですが
いくつかのブログツールは淘汰されて消えていきました。

「無料」ツールは便利だけれど
運営側のいろいろな問題で
サービスがなくなったり、一部使用できなくなったりするのが怖いです。。

というのは、
ここ２０年くらい使用していたブログサイトがあるのですが
突然、ブログ名で検索にヒットしなくなりました。=͟͟͞͞(꒪ᗜ꒪ ‧̣̥̇)

まあ、ヒットしなくても、ただのプライベートブログなので問題はないのですが
これが、ホームページだったらと思うと

: (((;”°;ω°;)):ｶﾞｸｶﾞｸｶﾞｸｶﾞｸｶﾞｸｶﾞｸｶﾞｸｶﾞｸ

きっと、システムの何かがかわったのだと思うのですが
恐ろしい。。。

そろそろプライベートブログも
別のブログに変えようか検討中。

アメブロとかnoteとか。

それともやっぱり、Wordpressで立ち上げるべきか。。？

う～～～ん (。-`ω-ก)

以下　ChatGPTより

必要なものは、
必要であればやってきます。

出会いも、情報も。

自分が必要としていれば。
そして、それが人生において本当に必要であれば。
必要なものは、やってきます。
たとえ、人脈がなくても（誰と繋がりがなくても）やってきます。

偶然を装ってやってくる必然。

時期尚早で
時にそれを、遅いと感じることもあるかもしれません。

でも、必要として、必要であればそれはやってくるので、
焦らず、
とりあえず今日1日を、思ったように、やりたいように過ごしましょう。

時に、ゆるく。
のびのびと。
わくわくしながら。← ＼_(・ω・｀)ｺｺ重要！

一昨日、専門学校のSNS発信を担当しているKさんが
「先生はLINEに詳しいですか？」
とパソコンを持ってパソコン室に。

そこから始まった、LINE API開発。
通常のリッチメニューなら、「LINE Official Account Manager」や
スマホの公式アカウントの管理画面から簡単に設定できるのですが、
複数のタブを切り替えるとなると、どうやらAPIでの開発が必要らしい。

有料プラグインや、無料ツールでサクッと設定する方法もあったのですが、
「API ID」や「アクセストークン」などのキーを、
できるだけ外部サービスやネットワークに通したくない場合には、
直接LINEにプログラムを送信して設定する方法の方が、安全性が高いのではないかと思い
夜な夜な、PCの前。

説明サイトはたくさんあるのですが
そもそも開発そのものに、あまり縁のない私は基礎的なことでつまづき、
２日ほど、かかりました。。

それでも、生成AIのおかげで、だいぶ時間短縮できたかと。

・・・で
出来ました (屮`º∀º´)屮ｲｪｲ

前準備で「API」と「アクセストークン」を取得できたらいよいよ設定です。

【参照ページ】リッチメニューでタブ切り替えを行う

「Postman」大事です！！！

「Postman」登場で、
エンドポイントやJSONはどこに書けばいいのか問題など
サ～っと解決しました。

忘れないうちに、と、
パワーポイントに流れをまとめたのですが
21ページにもなりました；
(この方法だと、タブを３つでも４つでも作成できます)

今日こそは、今日中に寝たいです。

でも

あと少しで明日になる。

先月、「動くWebデザインアイディア帳」を執筆された久保田先生が、1年ぶりに来鹿されまして。
目的は観光だったのですが、台風でどうなるのか？というところ、無事に着陸！

夕方に少し雑談したあと、Nさんが予約してくださった飲み会の場所へ移動♪

数日前の火曜日は、求職者支援訓練の職人講話で、４時間ずっと１人でしゃべっていたこともあり、
年齢のせいもあってか；、もとの元気に戻るのに少しかかりまして、、
飲み会も行く体力あるかな？と不安だったのですが、

久保田先生とワードプレスのブロックテーマの話や、
今後の流れの話などを聞いているうちに、だんだん元気に。ｗ

そこで、
「どのようなポートフォリオづくりをしたらいいのか」という話題になり、
「どんぐりの背比べみたいになってしまうところがあるから、
ストーリー性をもたせるといいかもね。」
と。

つまり、企画力。

ポートフォリオって、どうしても「きれいに並べた作品集」になりがちなので
そこに自分なりの物語や背景を加ると、ぐっと魅力的に。と。

↓こちらは、久保田先生がずーーーーっと昔に制作された、音楽を販売するサイトなのだそうですが
例えば、こんなストーリー性。

動いているイラストは、なんとGIFアニメーション！！
素敵すぎる！
その話を、ある受講生にしたところ、
なんと、JavaScriptとGIFアニメーションを駆使して、
まるでゲームの世界のようなポートフォリオを作ってキタ━━━━(ﾟ∀ﾟ)━━━━!!

ここでお披露目したいくらい素敵で、まだ制作途中とのことでしたが、
それでも「即採用したい！」と思うほど、ストーリー性にあふれた魅力的なポートフォリオでした。

こういう何気ない時間からヒントや学びをいただけ、
それを誰かにつないでいける環境に、幸せを感じるこの頃です。
ありがとうございます。

追記：何年かぶりに二次会にまで行きました。ｗ
　　　ソウル音楽のお店で、素敵なマスターさんに楽しませていただきました。

１か月ぶりの更新。
今回「WordPressのブロックテーマでホームページを作る」ではなく、ブロックテーマそのものを作ってみました。

なるべくシンプルなものをと考え、、
・・・・考えるのに疲れ、
結果、教材にあるシンプルなレイアウトデザインを題材にして、

①クラシックテーマ化
②ハイブリッドテーマ化
③ブロックテーマ化　してみました。

①と②については、ほぼ同じ見た目でコーディングできましたが
③のブロックテーマでは、デフォルトの theme.json が干渉してしまい、デザインにズレが生じてしまいました。

とはいえ、ちゃんと設定さえすれば、オリジナルデザインもブロックテーマで作成できるのでは？
と希望が見えてきた次第。

ちなみに、以下は テーマフォルダのディレクトリ構成 です。
page.php や single.php などは省略し、index.php で代替した最小限の構成となっております。

はい！
見ての通り、ブロックテーマのファイル数の多いこと。✧=͟͟͞͞(꒪ᗜ꒪ ‧̣̥̇)

求職者支援訓練の職人講話などで、
よく、私の目指しているホームページを紹介するのですが

まず１つめは
株式会社「闇」です！
※↓クリックで開きます。音量に注意

２つめはゲーム制作会社の「アプリファクトリーはる」です
※↓クリックで開きます。

ホームページを作るだけの簡単なツールはたくさんあります。

でも私が作りたいのは
情報を並べただけのホームページではなく
お洒落で奇麗なホームページでもなく、
ディズニーランドのような、エンターティナー的なホームページなのです。

まだまだ、勉強中です。

Webデザインなら、いろいろなホームページを
映像の編集をするのであれば、用途に応じてテレビ番組・Youtube・ティックトック・インスタのリールなど
ながめるもよし
まねてつくるもよし。

ちなみに私はWebクリエイターだけど、
ホームページのデザインだけでなく、雑誌、お店の外観など、参考にすることも。

看板屋さんは、全国各地の看板を
グラフィックデザイナーさんは、各地のテーマパークを見て回る方も。

映像クリエイターのKさんは、
いろいろな引き出しをもつべく時間のあるときは本屋さんへ行っているようなのですが
教えてくれる雑誌やお店が、私の好みでもあり、たまに送られてくるラインにわくわくします。

例えば、

天文館のゴンザ通りにある雑貨店。

珍しい雑誌などがあるそうです。

• OWL – インテリア雑貨 / 天文館

そこで購入した博報堂の雑誌「広告」

そして、その雑誌のホームページ。
逸脱した（どうやってつくっているのか）斬新なホームページ
↓スクロールしてみてください。
https://kohkoku.jp/case01/

他にも、BRUTUSさんの雑誌。

キャッチコピーが「ホラー」でなく、あえて「怖いものみたさ」にしているところが面白いのだとか。

わたしも勉強になります。
っていうか、Kさんの視点が面白いです。

教育機関でIllustratorやPhotoshopで教えているとき
短期間で操作を習得し、素敵なイラストを描く受講生と遭遇することたびたび。

同時に、どのような方面に進んでいったらいいか
悩んでいることも。

まず
①デザインしたいのか、描きたいのか
について考えるといいかなと思います。
言い換えると、デザイナーになりたいのか、アーティストになりたいのか。
簡単に説明すると、
㋐デザイナー・・・クライアントさまの意向に沿って制作・集客のためのデザイン・問題解決のためのデザイン
㋑アーティスト・・・自分の好きなものを好きなように描いていきたい・もしくは描くことで問題提起していきたい

②どちらか決まれば
㋐デザイナー志望の場合
・・・IllustratorやPhotoshopのソフトの操作および、デザインの勉強
㋑アーティスト
・・・ビジネスにつなげるために、インスタやツイッターを開設し、作品の公開。インスタはビジネスアカウント（無料）がおすすめ。アクセス解析を分析して作品作りに活かす。

③さらに展開
㋐デザイナー
・・・最初は就職がおすすめ（統計によると１０社に応募して１社受かる確率/2025年）。１社落ちて、へこんでいる場合ではない。
㋑アーティスト
・・・「SUZURI」や「Amazon」で作品の販売。（イラストの提供のみ・在庫かかえなし。）

勉強の方法は、今やネットにたくさんの情報（インスタ・ツイッター・Youtube・ティックトック）があるのでそちらを参考にするか、
対面で学びたい場合は、専門学校や、お住まい近くのハローワーク主催の「求職者支援訓練（無料）」や「職業訓練（無料）」などもあります。

イラストレーターなどのアーティストを目指したい場合は、
軌道にのるまでは、本業は本業でがんばりつつ、副業でご自身のイラストを広める活動を続けている人が多いです

鹿児島の場合は、「アートマ」や「イラフェス」といったイベントが多いので、どんどん出店して、活動の場を広げる！
これにつきます。そこで出会った人と共同でイベントを開催する人も♪

積み重ねです。千里の道も一歩から^^

ちなみに↓KTSのナマ・イキVOICEさんで、今年もアートマ開催のようです。

旅するアートマ
開催日程：2025年10月12日（日）
場所：JR肥薩線の駅および駅周辺
応募締切：2025年8月10日（日）23時59分
⁡

同じトレーナー業をしているAさんが
ドローンにはまっておりまして、
資格も取得し、

先週、ついに！
ドローンセミナーをするから参加されませんか？
とのメールが。

ということで、参加してきましたーーーー！！

参加者は５名まで。

初めに、ドローンを飛ばすための条件などを学び
その後、各自、操作。

・・・で。

あまりにも、自分、ヘタクソすぎて、始終大笑い。。
あんなに笑ったのは今年はじめてかも。ｗ

落ちても、緊急停止しても
壊れないドローンだったので、よかった。。。

月に１回、開催予定とのことでした。

あなたも、一緒にいかがですか (*´艸`*)

自分の屋号でGoogle検索をしたとき、
画面右側に表示される情報欄が、Googleマイビジネスから
突然“ナレッジパネル”という表示にΣ(ﾟωﾟﾉ)ﾉ
（そもそもナレッジパネルというものを知らなかった…；）

↓ナレッジパネル表示（画像右側）

↓見慣れたマイビジネス表示

マイビジネスとナレッジパネルの違い

なぜ？？

どうしてナレッジパネルに切り替わったのか？？

・・・・Googleが総合的に判断して表示を変えるようなので理由は不明。。。

ただ、ブランドや公的な存在としてGoogleに認識された可能性が高いということらしい。

っていうことは、いいこと？

なんだ。。
(*´д`)ｴｶﾞｯﾀｴｶﾞｯﾀ…

何か新しいことを始めようとするとき、
これまでの経験がデメリットになることがあります。

「これまでの経験からすると、おそらくうまくいかないだろう」と考えてしまうこと。

やってみなければ分からないのに。

特に、この傾向は新社会人の上司に見られることが多いかと。
まだ誰も試したことのない新しい企画に対して、経験に基づいた「ダメ出し」をしてしまう。

しかし、それではいつもの繰り返しで、マンネリ企画になってしまうと思うのですが
いかがでしょうか。

時には、これまでの経験にこだわらず、
挑戦させてみる、というかそこをフォローしていくのも
先輩上司の腕の見せどころなのではないでしょうか。

なんて、人のことはどうとでも言えますよね；
わたしも気をつけなければ。可能性を摘まないように。

ホームページ制作を複数抱えている時は、
どのタイミングで、どのクライアント様に現在の作業の進行状況をお伝えするか、
とても考えます。

たとえば、A社のホームページのラフ案が仕上がったとします。
すぐにお見せしたいところですが、複数案件を抱えている場合は、
一度にお返事が来ても作業がままならないため、
返事のタイミングが重ならないようにして、各案件ごとにずらしてご連絡差し上げます。

みたいな。

最近は生成AIのおかげで、
希望のJavaScriptが簡単に書き出せるし、イラストもAIに作ってもらうことが多く、
本当に大助かり。

先日のCanvaのセミナーで印象的だった言葉があります。
「私たちは、水を汲みに行かなくていい環境にいます。
水を汲みに行かなくてよくなった時間で、何をするのか。
言い換えると、生成AIにしてもらうことで空いた時間に、何をするのか。」

何をするのか。。

とりあえず、早く寝たいのだけど
今日も午前様。

私は空いた時間に一体何をしているのでしょう。
何もしていないから、午前様になるのでしょうか。

うーーーーーーーーーん

おやすみなさい

お会いしてみたかったキャンバサダーの先生方とお話しする機会に恵まれて
とても楽しいひとときでした。

それにしても、Canvaの機能すごいです！！

Canvaについて知れば知るほど
自分の提供するものの価値について
深く考えます。

canvaのコンセプトが
美しいものを素早くつくる
ということを初めて知り、
まさにそれを体現しているソフトかと。

だとすると、Adobeソフトは？と思い
生成AIにきいてみると

この対比の意図は以下の通りです：
・Canva は「スピード」と「手軽さ」が強み。テンプレートや直感的な操作で、誰でもすぐに“それっぽい”デザインを作れる。
・Adobe のツールは「自由度」と「表現力」が強み。細部までこだわり、独自の世界観やプロの仕上がりを追求できる。

 
では一言で？と問えば
 

「技術とセンスで、唯一無二の表現を」
「ゼロから描く、プロのクリエイティブ」
「こだわり尽くせる無限のキャンバス」

 
うーーーーーーーーーん。。。。
「美しいものを素早くつくる」というキャッチがすばらしすぎて
どれも、ピンとこない。

「想像力を、思いのままに」… 。。。

う～～～ん、難しい。。。

ただ、１ついえるのは、創るのが好きな人にとって
創造性を細部まで追求できるのは　Adobeなのかな、と。

思う。

ような。。

PS・・・次は、誘われて、ドローンの体験に参加予定です。
　　　　いろいろと模索中な私です。

３年契約でサーバー料金が大幅に安くなるので、３年ごとに更新していたのですが、
今日、３年ぶりに更新しようとしたら、まさかの値上がり…

もっとコスパのよいサーバーに移転しようかとも思ったのだけれど
SEOが維持できる保証がないため、現状維持でいくことに。

せめて、、
放置しているホームページに使用しているドメイン3つを契約解除して、年間コストを抑えようと
今日はその対応に追われて終わりました。

それでも、サーバーの値上がり幅には及ばないけれど。

ドメイン変更に伴い、重大なるエラーがいくつもでたけれど
ChatGPTさまのおかげで、さくさく解決。

せめて今日は、今日中に寝たい。。

ブロックテーマを使ってみて、
記事更新においてクライアントさまが使用するには便利な部分もあるので、

WordPressテーマは、カスタマイズやプログラムを自由に組み込めるPHPで作成し、
投稿画面（エディタ部分）においてはブロックテーマが使えるように、ブロックテーマの要素も盛り込みながら、
結果、ハイブリッドテーマを作成中(￣-￣)ゞ です。

そこで活躍しているのが、PlusプランのChatGPT!!!!

うまく動作しない部分、
独自で盛り込みたいプログラム、
カスタマイズをかけたい管理画面において、
アドバイスをしてもらいながら、
ときには修正してもらったり、
１人でする何倍も速く、作業が進んでおります。

「PlusプランのChatGPT」

とわざわざ書いたのは、
エラーが出て、あらゆる角度から質問して、書き換えても、
何度やってもうまくいかなかったプログラムの部分において、

ふと。
ChatGPT-4oではなく、「ChatGPT o4-mini-high/コーディングと視覚的な推論が得意（有料版のみ）」に切り替えて尋ねてみたら・・・

なんとーーーーーーーーーーーーーーーーーーー１発OK！！！
(￣口￣∥)ショｯ━━━ｸΣΣヽ(*´□｀)ﾉ

私のこの数週間の時間は、、、いったい。。。。＿|￣|○

たとえば、カレーの作り方を教えるときに、
ジャガイモばかりを切らせたり、人参ばかりを切らせたりするだけでは、
「自分が何をしているのか」が見えにくくなってしまいます。

まずは、全体の流れを伝えることで、
今している作業が、料理の中でどんな意味を持つのかが理解できます。

さらに、
「なぜジャガイモは乱切りにするのか？ 千切りではなぜいけないのか？」
といった理由まで説明できると、
その知識は応用（カスタマイズ）しやすくなります。

先日、ハンバーグを作る番組で
「パン粉がない場合はどうしたらいいのですか？」という質問に対して、
「パン粉は水分を吸って、タネの水っぽさを調整する役割があるので、
水分を吸う食材なら何でもOKです。おからでも、お米をペーストにしたものでも大丈夫ですよ」
と答えているのを見て、目からうろこでした。

私は料理が得意ではないので、
「そんな役割があったのか！」と感動し、
さらに「お米で代用できる」という発想にも驚きました。

これと同じように、コーディングやデザインを教えるときも、
ただ手順を指示して「この通りにやってください」ではなく、
「なぜこの書き方なのか？」「ほかの方法ではダメなのか？」という背景や理由を伝えることで、
学ぶ側は“応用がきく力”を自然と身につけることができるのではないかと考えるのですが、いかがでしょうか。

「マーケティング思考・デザイン思考・アート思考の違い」について、とても参考になる記事を見かけました。

私は、デザインを「見た目だけにこだわったもの」として捉え、4月11日と12日に記事を書きましたが、
本来、デザインには「問題解決のための手段」という定義があります💦

その点を踏まえると、以下の記事の内容はとても参考になります。

「マーケティング思考」と「デザイン思考」と「アート思考」の使い分けについて。

どれが良い悪いはなく、全ての思考を時と場合によって使い分けられた方が良いと考えています。

自分の場合は、どうしてもマーケティング思考に偏ってしまうので、意識的にアート思考やデザイン思考視点を持つようにすることで、発想や考察の視点を広げるようにしています。

【日常に組み込む思考例】
アーティストのように大きな問いをもって考えてみる（アート思考）
デザイナーの視点でユーザーをゆっくり、深く観察してみる（デザイン思考）
大きな問いや、顧客観察から導き出したアイデアを、ビジネスにつなげる（マーケティング思考）

©【note記事/黒澤 友貴】https://note.com/tomokikurosawa/n/n70a730766f4f

こちらの方の記事も参考までに。

なぜデザインにはマーケティングが必要なのか

私の経験では、マーケティングまたはデザインの考え方やその関係性をまったく理解していない、考えてもいない人は、見た目だけにこだわってデザインを作り、それっぽい事をそれらしく説明している事が多いようです。

デザインは、情報をわかりやすく伝えるための「手段」であり、目的ではないのです。

見た目の好みは人それぞれです。
デザインにおいても、ある人はA案が良いと言い、別の人はB案が良いと言うような事が多々あります。
しかし、デザインは、誰に何を伝えたいか、伝えるためにはどうすれば良いか、読み手はどのように感じるかなど、ターゲットユーザーを主体に検討するべきです。

デザインは、商品やサービスを魅力的に見せる事ができるため、マーケティングにおいて非常に重要な役割を果たします。
他方マーケティングは、商品やサービスを売り出すための戦略を策定する事ができますが、それを効果的に訴求するためにデザインを必要とします。
マーケティングとデザインは顧客のニーズを満たすために相互補完の関係にあると考えると良いと思います。

©株式会社ゼンリンプリンティックス

【答え】
優先すべきは「エンドユーザーの要望」

なぜかというと：
デザインの目的は、エンドユーザー（製品やサービスを最終的に利用する人）の行動を促すことだからです。
たとえば、

ホームページなら ・・・ユーザーに情報を伝え、問い合わせや購入につなげる
チラシなら ・・・興味を持ってもらい、行動を起こしてもらう

いくらクライアントさまの好みに作っても、エンドユーザーに届かなければ、成果は出ません。
だからといって、完全にクライアントさまの意見を無視するのもNG。

どうすればいいかというと、
「エンドユーザー視点」を軸にしながら、クライアントさまの要望も理由を聞き、すり合わせる。

というようなことを書いたのは、
AさんとECサイトの効果的なバナー制作の話から、このような話にたどり着きまして。

マーケティング思考のデザインは、Web上で仕事をしていくうえで避けて通れません。
奇麗なデザインではなく、売れるデザイン。
かっこいいデザインではなく、集客できるデザイン。
ですね。

↑
追記：
ホームページやネットショップにおいてのデザインのことです。
問題解決型のデザインはまた別のお話。

クリエイター同士の集まりみたいなイベントに参加してきました。

私は純粋に、雑談を楽しみに♪

ChatGPTとか
生成AIの話とか
どこのどのツールがいいとか
興味深いWebの話とか。

そういう仲間内の雑談を夢見てました。

でも、、マッチング的な流れ。。。。
ですよね。。。。

むかし、ブログにも書いたことがあるけれど
２０年前、仕事はじめたばかりのころ
異業種交流会とか、、頑張って参加したけれど、、みんな仕事ほしい人ばかりで、何もはじまらないんです。
名刺交換して終わるだけ。虚；

それに気づいたのが３年目くらいで、
それからは、そのようなイベントには行かなくなりました。

仕事は「自分でなんとかしよう」という気概が大事。
ホームページで集客するもよし。
インスタやツイッターで営業するもよし。

「仕事ください」ではなく、仕事を依頼されるように、技術を粛々と磨いていくのです。
そうしているうちに、頼みたいという人がでてきてくれて、
それでも手を止めず、粛々と技術を磨きつづけるのです
ただそれだけです。

もちろん、ホームページやブログ、SNSを使っての発信も怠ってはいけません。

仕事が少ないときは、ひたすら技術のアップデートと、ホームページの改善。
人をあてにしていても何もはじまらないのです。
頑張っていると、誰かが手を差し伸べてくれることはあります。

それが２０年かけて私が学んだことです。

例えば、新海誠監督の作品
『君の名は。』が大ヒットし、
次の作品を作るときは、その成功がプレッシャーになったのではないかと思います。

宮崎駿監督も、『風の谷のナウシカ』がヒットした後、
次の作品を作る際にはやはり、その成功が重くのしかかったのではないでしょうか。

常にヒット作を生み出すことは難しい。
それでも、作品を作り続けるのがプロ。

まるで自分の言葉のように書きましたが
ずっと昔に、久石譲さんがそんなことを言っていたような気がします。

調べていたら、それらしき名言を見つけました。

仕事は点ではなく線だ。
集中して物事を考え、創作する作業を次から次へとコンスタントに続けられるかどうか。

いやこっちの方が近いか？？

頑張ろうとすれば、夕食抜きでぶっ通しでもできる。朝までやることもできる。しかし、それをやってしまうと過度な負担をかけることで、翌日の効率が確実に落ちる。マラソンランナーと一緒で、長距離を走りぬくには、ペースを崩さないこと。

うーん。
どちらも、20年前に聞いた言葉とはちょっと違う気が。。。

とにかく、当時の言葉はこんな感じでした。
「すっごい曲を1曲作って終わるのが素人であれば、
あるレベル以上の曲を作り続けるのがプロ。」
って書いたのは
担当した番組が高視聴率を取った娘（番組ディレクター）が
そのプレッシャーを感じていたから。

ということで、娘よ。
ヒットを出すことはゴールではなく、その先も続けていくことこそがプロなのですよ。

プロとは「続ける人」のこと。
ヒットは通過点。

「誰でも作れるWordPress」時代だからこそ、「誰にも作れないWordPressサイト」を。

それは。
ハイブリッドテーマ×PHPカスタマイズ

⚫︎ChatGPT-WebPilot回答

現在、WordPressは**「誰でも簡単にサイトを作れる方向」** に進んでいます。
しかし、この流れは同時に 「ありきたりなデザインのサイトが量産される時代」 も意味します。

ブロックテーマの大きな特徴は、「テンプレートがPHPではなく、HTML＋ブロックコードになる」ことで
ブロックテーマ単体では「高度なデザイン」や「ビジネス向けのPHPカスタマイズ」には向いていません。

企業やクライアントは、最終的に「成果を出せるホームページ」を求めます。
そのため「高度な機能や独自デザインを組み込める人」の需要が高まる ことが予想されます。

つまり、「PHPを駆使して、クライアントの要望に合わせたサイトを作れる人」こそ、これからの時代に必要とされます。

結論→「ブロックテーマの時代でも、PHPを駆使してビジネスに最適なサイトを作れる人」の価値は確実に上がる！

と言うことで、Wordpressのアップデート、およびブロックテーマを学びながらも
PHPの勉強、コーディングの探究は続け、
その道を極めます(￣^￣ゞ

いろいろ検証した結果、今後のテーマ制作はハイブリッドテーマで作成することにしました！

そのため、たたき台となるデフォルトテーマを１から作成中。

テーマ全体のデザインはPHPとＨＴＭＬとＣＳＳでがっつり作って（従来のクラシックテーマのような感じ）

固定ページや、記事更新ページは
クライアントの方が、クラシックエディタでもブロックエディタでも
どちらでも自由に編集できるように考慮した作りに。

有料ChatGPTとClaudeがあるから、数年前に比べるとだいぶ楽。
だけれど、生成ＡＩも１００点ではないので、エラーや動かないこともあり
実際に動かしながら、エラーをＡＩに検証してもらうことを数回繰り返しながら
確実に、シンプルに、カスタマイズのきくたたき台となるテーマを作成中。

既存テーマーを使う方が楽なのだけれど
既存テーマで作ってみた方の話を聞くと、やっぱり不自由な点も多く、
とくにブロックテーマそのものは、テーマのエディター画面もないらしく、
ワードプレス独自のコードで、バックアップもとりにくいということだったので

やっぱり自分で作ろう！と。 (๑و•̀ω•́)و✧

私にご依頼してくださる方は
デザインもだけれど、PHPによる機能追加を希望される方が多いので
頻繁に行われるバージョンアップにも、仕様的には、あまり左右されないように
ChatGPTに相談しながら作成してます。

ちなみに、AIの普及によって、
全てのソフト、例えばFigmaとかAdobeとかWordpressとか、アップデートが頻繁過ぎて
書籍すらも発売されたときは、すでに過去の物となりつつあります。。。

ずーーーーっとクラシックテーマ（PHPメイン）で作ってきました。

だけど、ブロックエディタの出現から
クラシックテーマ・ブロックテーマ・ハイブリッドテーマ
の3種類に（ー△ー；）

参照元：©EBISUCOM

好きなようにデザインできるのはクラシックテーマ。

でもWordpressの投稿画面のブロックエディタに適応させるには、
ブロックテーマもしくは、ハイブリッドテーマ。

デザインをブロックエディタで作ると、ワンパターンになってしまうので
PHPで作成するつもりではいるけれど、、
ブログ記事投稿の部分を、クライアントさまのためにブロックエディタに適応させるためには
ハイブリッドテーマで作るべきなのかも、と考えるこの頃。

といっても説明画像のようにtheme.jsonを追加するだけではなく、
function.phpや、ブロックのCSS設定などいろいろあって、、、、
生成AIを使っても、１００点の出力ではないので、エラーになったり
いろいろ考えます。。

これはスピリチュアルな話ではなく、
物理学的な視点からの話です。

人も物も星も、この宇宙のすべてが素粒子でできているとされ、
その素粒子は、つねに振動していると物理学的に証明されています。
ということは、つまり人もまた常に振動していることになります。

そして、同じ振動数のものは共鳴し合います。（例：ピアノの調律など）。

共鳴し合うのであれば、自分の振動数には注意を払ったほうがいいわけで
気分が落ちそうなとき、わたしはディズニーランドのBGMを流して、ランドの中を歩いているところを想像し、
気持ちを無理くりあげたり。ｗ

事実、京都・大阪からの楽しい帰りの新幹線の中や、
心からリラックスしてくつろいでいるときに、
お電話で、大きなお仕事のご依頼をいただいたり。

想像は現実に勝るというから
なるべく楽しいことを想像するように。

ちなみに、素粒子は意志ももっているらしいから
すべての物にも、意志はあるということになります。

物は大切に*

所要あって、調べました。

資格なくても、Web関連の仕事にはつけます。
ちなみに、わたしは、Web関連は何もっておりません。。今のところは。

「今のところは」と書いたのは
調べていて、内容が、勉強になり面白そうだったので、時間があれば受けてみたいな、と。

ざっと↓のような資格が。

ChatGPTで調べてみたところ

試しに、過去問を解いてみた感想は
ウェブデザイン技能検定３級は勉強すれば、かなりの確率で合格狙えそうです。

Webクリエイター能力認定試験は「エキスパート」と「スタンダード」があるのだけれど
実践に伴った内容が多いので、長年、制作業に携わっている人であれば、合格する確率は高いかも。
コーディングが含まれているので、苦手な方には、難しいかも。

ちなみに、Webに関連して他にもいろいろあります。

今日はクリスマスイブ。

だけど、２１時までトレーナー業。
とはいえ、せっかくのクリスマスイブなので、ケーキ買って行って
数人で食べながら、楽しくわちゃわちゃ雑談♪

雑談の中で、某Web制作会社の社長さんが、新規採用の際に
「僕は、今、何ができるかではなく、これから何ができるか、なんだよ。
　だからポートフォリオとか、なくてもいいんだよ。」
と言ったという話を聞きまして、

おおーーー！！(* ‘∀’人)

と感動した*¨*•.♬　という話。

仕事の関係で新幹線で、川内へ。
鹿児島中央駅から１２分くらい。

車だと１時間１５分くらい。

早い！！！！
新幹線バンザイ。

「スマホカメラの日常使い」についてのセミナーのお話をいただいたときは
パソコン作業の多い私が新たな知識をお伝えできるか心配で心配で。

でも、アットホームな雰囲気に支えられて、無事終了しました。

世の中、何がきっかけになるかわからないですね。

↓川内商工会議所近く「センノオト」にて。

常に、ITの世界は進化しており
javascriptの言語10行で実行できていた動きが、CSSのたった１行で可能になったりと
便利なタグもどんどん生まれてきています。

なので、脳内のデータも定期的にアップデートすることは大切です。

といっても
本を読むだけ、いや、眺めるだけでＯＫ。

そう、眺めるだけでいいのです。

例えば↓のような本

眺めるだけで、固定電話が、携帯電話に進化するような発見がたまにあります。
（発見箇所のみじっくりと読む。）

眺めるだけなので、
既知の部分はとばしとばし、パラパラとめくる。
（なので紙の本が、おすすめ。）

赤ワインを飲みながら（ビールは太る。日本酒も酎ハイも太る、が、赤ワインは太らない！）
このような本を眺めているときは楽♪。

おかげさまで、受講生が悩んでいたjavascriptの設定も
ＣＳＳのたった１行で解決できました。

ＨＴＭＬに限らず、ソフトの機能もしかり、生成ＡＩもしかり。
とかく、おすすめです。

HTMLのコーディングで、
＜head＞ 内のmetaタグやスタイルシートのリンク、
JavaScriptのリンクなど、使いまわせるものはよくコピペで済ませることが多いです。

そのせいで、受講生が記載した間違いになかなか気づけず、解決に1時間ほどかかってしまいました；

今回の内容は、Animate.cssと、スクロール時にAnimate.cssを実行させるwow.jsの使い方。
教えたところまでは問題なかったけれど、wow.jsが全く機能しないという状況に。

問題は
Animate.css（スタイルシート）とwow.js（JavaScript）のリンク方法が全く異なるにもかかわらず、
受講生がAnimate.css用のリンクをコピペして、そのままファイル名だけをwow.jsに書き換えてしまったのが原因。

以下のように、リンク方法自体が違います。

相対パスやファイル名ばかりを確認して、リンク方法そのものには注意が向かず。。。。

これを機に、私自身も
たまにはコピペをやめて、1文字ずつ手動で入力しなければ
と思った次第。

厳しすぎてもいけない。
甘すぎてもいけない。

言い方を変える。

厳しすぎると、辞めていく。
甘すぎると、仕事をなめる。

むずかしい。。。

でも、育てるのは、教えるのは
自分で学ぶよりも何倍も勉強になります。

色々考える秋の夜。