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

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

数日前の火曜日は、求職者支援訓練の職人講話で、4時間ずっと1人でしゃべっていたこともあり、
年齢のせいもあってか;、もとの元気に戻るのに少しかかりまして、、
飲み会も行く体力あるかな?と不安だったのですが、
久保田先生とワードプレスのブロックテーマの話や、
今後の流れの話などを聞いているうちに、だんだん元気に。w
そこで、
「どのようなポートフォリオづくりをしたらいいのか」という話題になり、
「どんぐりの背比べみたいになってしまうところがあるから、
ストーリー性をもたせるといいかもね。」
と。
つまり、企画力。
ポートフォリオって、どうしても「きれいに並べた作品集」になりがちなので
そこに自分なりの物語や背景を加ると、ぐっと魅力的に。と。
↓こちらは、久保田先生がずーーーーっと昔に制作された、音楽を販売するサイトなのだそうですが
例えば、こんなストーリー性。

動いているイラストは、なんとGIFアニメーション!!
素敵すぎる!
その話を、ある受講生にしたところ、
なんと、JavaScriptとGIFアニメーションを駆使して、
まるでゲームの世界のようなポートフォリオを作ってキタ━━━━(゚∀゚)━━━━!!
ここでお披露目したいくらい素敵で、まだ制作途中とのことでしたが、
それでも「即採用したい!」と思うほど、ストーリー性にあふれた魅力的なポートフォリオでした。
こういう何気ない時間からヒントや学びをいただけ、
それを誰かにつないでいける環境に、幸せを感じるこの頃です。
ありがとうございます。
追記:何年かぶりに二次会にまで行きました。w
ソウル音楽のお店で、素敵なマスターさんに楽しませていただきました。

WordPressのブロックテーマを制作してみました
1か月ぶりの更新。
今回「WordPressのブロックテーマでホームページを作る」ではなく、ブロックテーマそのものを作ってみました。
なるべくシンプルなものをと考え、、
・・・・考えるのに疲れ、
結果、教材にあるシンプルなレイアウトデザインを題材にして、
①クラシックテーマ化
②ハイブリッドテーマ化
③ブロックテーマ化 してみました。
①と②については、ほぼ同じ見た目でコーディングできましたが
③のブロックテーマでは、デフォルトの theme.json が干渉してしまい、デザインにズレが生じてしまいました。
クラシックテーマ・ハイブリッドテーマで作成

ブロックテーマで作成

とはいえ、ちゃんと設定さえすれば、オリジナルデザインもブロックテーマで作成できるのでは?
と希望が見えてきた次第。
ちなみに、以下は テーマフォルダのディレクトリ構成 です。
page.php や single.php などは省略し、index.php で代替した最小限の構成となっております。
HTML
テーマ/
├── style.css
├── index.html
└── images/
├── main.jpg
├── ogimage.jpg
└── bg_h2.png
クラシックテーマ
テーマ/
├── style.css
├── functions.php
├── header.php
├── footer.php
├── index.php
├── front-page.php
├── screenshot.png
└── images/
├── main.jpg
├── ogimage.jpg
└── bg_h2.png
ハイブリッドテーマ
テーマ/
├── theme.json
├── editor-style.css
├── style.css
├── functions.php
├── header.php
├── footer.php
├── index.php
├── front-page.php
├── screenshot.png
└── images/
├── main.jpg
├── ogimage.jpg
└── bg_h2.png
ブロックテーマ
テーマ/
├── theme.json
├── style.css
├── functions.php
├── screenshot.png
├── assets/
│ ├── images
│ ├── main.jpg
│ ├── ogimage.jpg
│ └── bg_h2.png
│ ├── css
│ └── custom.css
├── templates/
│ ├── index.html
│ ├── page.html
│ ├── single.html
│ ├── archive.html
│ └── 404.html
└── parts/
├── header.html
└── footer.html
はい!
見ての通り、ブロックテーマのファイル数の多いこと。✧=͟͟͞͞(꒪ᗜ꒪ ‧̣̥̇)
投稿記事を書くにあたっては、ブロックテーマが楽。
でも、複雑なレイアウトであったり、PHPシステムをゴリゴリ、プラグインもゴリゴリカスタマイズして使うのであれば
ハイブリッドテーマの方が便利。
クラシックテーマは、ホームページ完成後の更新を考えると、ハイブリッドテーマやブロックテーマに及ばないので消えていくかも。。
わたしの目指すWebエンターティナーとは。
求職者支援訓練の職人講話などで、
よく、私の目指しているホームページを紹介するのですが
まず1つめは
株式会社「闇」です!
※↓クリックで開きます。音量に注意

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

ホームページを作るだけの簡単なツールはたくさんあります。
でも私が作りたいのは
情報を並べただけのホームページではなく
お洒落で奇麗なホームページでもなく、
ディズニーランドのような、エンターティナー的なホームページなのです。
まだまだ、勉強中です。
感性を磨く。引き出しを多くする。
Webデザインなら、いろいろなホームページを
映像の編集をするのであれば、用途に応じてテレビ番組・Youtube・ティックトック・インスタのリールなど
ながめるもよし
まねてつくるもよし。
ちなみに私はWebクリエイターだけど、
ホームページのデザインだけでなく、雑誌、お店の外観など、参考にすることも。
看板屋さんは、全国各地の看板を
グラフィックデザイナーさんは、各地のテーマパークを見て回る方も。
映像クリエイターのKさんは、
いろいろな引き出しをもつべく時間のあるときは本屋さんへ行っているようなのですが
教えてくれる雑誌やお店が、私の好みでもあり、たまに送られてくるラインにわくわくします。
例えば、
天文館のゴンザ通りにある雑貨店。
珍しい雑誌などがあるそうです。
そこで購入した博報堂の雑誌「広告」

そして、その雑誌のホームページ。
逸脱した(どうやってつくっているのか)斬新なホームページ
↓スクロールしてみてください。
https://kohkoku.jp/case01/
他にも、BRUTUSさんの雑誌。
キャッチコピーが「ホラー」でなく、あえて「怖いものみたさ」にしているところが面白いのだとか。

わたしも勉強になります。
っていうか、Kさんの視点が面白いです。
デザインしたいのか、描きたいのか
教育機関でIllustratorやPhotoshopで教えているとき
短期間で操作を習得し、素敵なイラストを描く受講生と遭遇することたびたび。
同時に、どのような方面に進んでいったらいいか
悩んでいることも。
まず
①デザインしたいのか、描きたいのか
について考えるといいかなと思います。
言い換えると、デザイナーになりたいのか、アーティストになりたいのか。
簡単に説明すると、
㋐デザイナー・・・クライアントさまの意向に沿って制作・集客のためのデザイン・問題解決のためのデザイン
㋑アーティスト・・・自分の好きなものを好きなように描いていきたい・もしくは描くことで問題提起していきたい
②どちらか決まれば
㋐デザイナー志望の場合
・・・IllustratorやPhotoshopのソフトの操作および、デザインの勉強
㋑アーティスト
・・・ビジネスにつなげるために、インスタやツイッターを開設し、作品の公開。インスタはビジネスアカウント(無料)がおすすめ。アクセス解析を分析して作品作りに活かす。
③さらに展開
㋐デザイナー
・・・最初は就職がおすすめ(統計によると10社に応募して1社受かる確率/2025年)。1社落ちて、へこんでいる場合ではない。
㋑アーティスト
・・・「SUZURI」や「Amazon」で作品の販売。(イラストの提供のみ・在庫かかえなし。)
勉強の方法は、今やネットにたくさんの情報(インスタ・ツイッター・Youtube・ティックトック)があるのでそちらを参考にするか、
対面で学びたい場合は、専門学校や、お住まい近くのハローワーク主催の「求職者支援訓練(無料)」や「職業訓練(無料)」などもあります。
イラストレーターなどのアーティストを目指したい場合は、
軌道にのるまでは、本業は本業でがんばりつつ、副業でご自身のイラストを広める活動を続けている人が多いです
鹿児島の場合は、「アートマ」や「イラフェス」といったイベントが多いので、どんどん出店して、活動の場を広げる!
これにつきます。そこで出会った人と共同でイベントを開催する人も♪
積み重ねです。千里の道も一歩から^^
ちなみに↓KTSのナマ・イキVOICEさんで、今年もアートマ開催のようです。

旅するアートマ
開催日程:2025年10月12日(日)
場所:JR肥薩線の駅および駅周辺
応募締切:2025年8月10日(日)23時59分
ドローンのセミナーに参加♪ in鹿児島
同じトレーナー業をしているAさんが
ドローンにはまっておりまして、
資格も取得し、
先週、ついに!
ドローンセミナーをするから参加されませんか?
とのメールが。
ということで、参加してきましたーーーー!!

参加者は5名まで。
初めに、ドローンを飛ばすための条件などを学び
その後、各自、操作。
・・・で。
あまりにも、自分、ヘタクソすぎて、始終大笑い。。
あんなに笑ったのは今年はじめてかも。w
落ちても、緊急停止しても
壊れないドローンだったので、よかった。。。
月に1回、開催予定とのことでした。
あなたも、一緒にいかがですか (*´艸`*)
ある日突然、マイビジネス表示からナレッジパネル表示に。
自分の屋号でGoogle検索をしたとき、
画面右側に表示される情報欄が、Googleマイビジネスから
突然“ナレッジパネル”という表示にΣ(゚ω゚ノ)ノ
(そもそもナレッジパネルというものを知らなかった…;)
↓ナレッジパネル表示(画像右側)

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

マイビジネスとナレッジパネルの違い
| 項目 | マイビジネス(ビジネスプロフィール) | ナレッジパネル |
|---|---|---|
| 表示対象 | 店舗・施設・地元ビジネスなど | 著名人・企業・団体・ブランドなど |
| 表示内容 | 営業時間・地図・クチコミなど | 概要・創業者・公式サイト・関連リンクなど |
| 管理方法 | 自分で登録・編集できる | 所有権の申請が必要(自動生成される) |
なぜ??
どうしてナレッジパネルに切り替わったのか??
・・・・Googleが総合的に判断して表示を変えるようなので理由は不明。。。
ただ、ブランドや公的な存在としてGoogleに認識された可能性が高いということらしい。
っていうことは、いいこと?
はい、その通りです。
ナレッジパネルが表示されることは、非常に良いことです。
なんだ。。
(*´д`)エガッタエガッタ…
経験はデメリットにもなる。
何か新しいことを始めようとするとき、
これまでの経験がデメリットになることがあります。
「これまでの経験からすると、おそらくうまくいかないだろう」と考えてしまうこと。
やってみなければ分からないのに。
特に、この傾向は新社会人の上司に見られることが多いかと。
まだ誰も試したことのない新しい企画に対して、経験に基づいた「ダメ出し」をしてしまう。
しかし、それではいつもの繰り返しで、マンネリ企画になってしまうと思うのですが
いかがでしょうか。
時には、これまでの経験にこだわらず、
挑戦させてみる、というかそこをフォローしていくのも
先輩上司の腕の見せどころなのではないでしょうか。
なんて、人のことはどうとでも言えますよね;
わたしも気をつけなければ。可能性を摘まないように。
複数案件をどう回すか。
ホームページ制作を複数抱えている時は、
どのタイミングで、どのクライアント様に現在の作業の進行状況をお伝えするか、
とても考えます。
たとえば、A社のホームページのラフ案が仕上がったとします。
すぐにお見せしたいところですが、複数案件を抱えている場合は、
一度にお返事が来ても作業がままならないため、
返事のタイミングが重ならないようにして、各案件ごとにずらしてご連絡差し上げます。
すぐに、デザインが決定しているB社のWordPress設置に取り掛かり、
ひと段落したところで、A社にラフ案をお見せする。
A社のデザイン修正のご連絡を待つ間に、C社のホームページのページ作成に取り掛かり、
一段落した頃にA社から修正依頼が届く。
それを修正した後、B社のページ作成に取り掛かり、終わりが見えてきた時点で、
A社に修正後のラフ案をお見せし、同時にC社のホームページ制作完了のお知らせをお送りする。
そして、A社とC社からの修正のご連絡を待つ間に、B社のページ制作を進める──
みたいな。
最近は生成AIのおかげで、
希望のJavaScriptが簡単に書き出せるし、イラストもAIに作ってもらうことが多く、
本当に大助かり。
先日のCanvaのセミナーで印象的だった言葉があります。
「私たちは、水を汲みに行かなくていい環境にいます。
水を汲みに行かなくてよくなった時間で、何をするのか。
言い換えると、生成AIにしてもらうことで空いた時間に、何をするのか。」
何をするのか。。
とりあえず、早く寝たいのだけど
今日も午前様。
私は空いた時間に一体何をしているのでしょう。
何もしていないから、午前様になるのでしょうか。
うーーーーーーーーーん
おやすみなさい
Canvaのイベントに参加しました
お会いしてみたかったキャンバサダーの先生方とお話しする機会に恵まれて
とても楽しいひとときでした。
それにしても、Canvaの機能すごいです!!
Canvaについて知れば知るほど
自分の提供するものの価値について
深く考えます。
canvaのコンセプトが
美しいものを素早くつくる
ということを初めて知り、
まさにそれを体現しているソフトかと。
だとすると、Adobeソフトは?と思い
生成AIにきいてみると
この対比の意図は以下の通りです:
・Canva は「スピード」と「手軽さ」が強み。テンプレートや直感的な操作で、誰でもすぐに“それっぽい”デザインを作れる。
・Adobe のツールは「自由度」と「表現力」が強み。細部までこだわり、独自の世界観やプロの仕上がりを追求できる。
では一言で?と問えば
「技術とセンスで、唯一無二の表現を」
「ゼロから描く、プロのクリエイティブ」
「こだわり尽くせる無限のキャンバス」
うーーーーーーーーーん。。。。
「美しいものを素早くつくる」というキャッチがすばらしすぎて
どれも、ピンとこない。
「想像力を、思いのままに」… 。。。
う~~~ん、難しい。。。
ただ、1ついえるのは、創るのが好きな人にとって
創造性を細部まで追求できるのは Adobeなのかな、と。
思う。
ような。。
PS・・・次は、誘われて、ドローンの体験に参加予定です。
いろいろと模索中な私です。
サーバーもドメインも値上がり~;
3年契約でサーバー料金が大幅に安くなるので、3年ごとに更新していたのですが、
今日、3年ぶりに更新しようとしたら、まさかの値上がり…
もっとコスパのよいサーバーに移転しようかとも思ったのだけれど
SEOが維持できる保証がないため、現状維持でいくことに。
せめて、、
放置しているホームページに使用しているドメイン3つを契約解除して、年間コストを抑えようと
今日はその対応に追われて終わりました。
それでも、サーバーの値上がり幅には及ばないけれど。
ドメイン変更に伴い、重大なるエラーがいくつもでたけれど
ChatGPTさまのおかげで、さくさく解決。
せめて今日は、今日中に寝たい。。
WordPressのハイブリッドテーマを作成中
ブロックテーマを使ってみて、
記事更新においてクライアントさまが使用するには便利な部分もあるので、
WordPressテーマは、カスタマイズやプログラムを自由に組み込めるPHPで作成し、
投稿画面(エディタ部分)においてはブロックテーマが使えるように、ブロックテーマの要素も盛り込みながら、
結果、ハイブリッドテーマを作成中( ̄- ̄)ゞ です。
そこで活躍しているのが、PlusプランのChatGPT!!!!
うまく動作しない部分、
独自で盛り込みたいプログラム、
カスタマイズをかけたい管理画面において、
アドバイスをしてもらいながら、
ときには修正してもらったり、
1人でする何倍も速く、作業が進んでおります。
「PlusプランのChatGPT」
とわざわざ書いたのは、
エラーが出て、あらゆる角度から質問して、書き換えても、
何度やってもうまくいかなかったプログラムの部分において、
ふと。
ChatGPT-4oではなく、「ChatGPT o4-mini-high/コーディングと視覚的な推論が得意(有料版のみ)」に切り替えて尋ねてみたら・・・

なんとーーーーーーーーーーーーーーーーーーー1発OK!!!
( ̄口 ̄∥)ショッ━━━クΣΣヽ(*´□`)ノ
私のこの数週間の時間は、、、いったい。。。。_| ̄|○
カレー作りに例える、応用力が育つ“教え方”
たとえば、カレーの作り方を教えるときに、
ジャガイモばかりを切らせたり、人参ばかりを切らせたりするだけでは、
「自分が何をしているのか」が見えにくくなってしまいます。
まずは、全体の流れを伝えることで、
今している作業が、料理の中でどんな意味を持つのかが理解できます。
さらに、
「なぜジャガイモは乱切りにするのか? 千切りではなぜいけないのか?」
といった理由まで説明できると、
その知識は応用(カスタマイズ)しやすくなります。
先日、ハンバーグを作る番組で
「パン粉がない場合はどうしたらいいのですか?」という質問に対して、
「パン粉は水分を吸って、タネの水っぽさを調整する役割があるので、
水分を吸う食材なら何でもOKです。おからでも、お米をペーストにしたものでも大丈夫ですよ」
と答えているのを見て、目からうろこでした。
私は料理が得意ではないので、
「そんな役割があったのか!」と感動し、
さらに「お米で代用できる」という発想にも驚きました。
これと同じように、コーディングやデザインを教えるときも、
ただ手順を指示して「この通りにやってください」ではなく、
「なぜこの書き方なのか?」「ほかの方法ではダメなのか?」という背景や理由を伝えることで、
学ぶ側は“応用がきく力”を自然と身につけることができるのではないかと考えるのですが、いかがでしょうか。
★「マーケティング思考」と「デザイン思考」と「アート思考」の使い分けについて
「マーケティング思考・デザイン思考・アート思考の違い」について、とても参考になる記事を見かけました。
私は、デザインを「見た目だけにこだわったもの」として捉え、4月11日と12日に記事を書きましたが、
本来、デザインには「問題解決のための手段」という定義があります💦
その点を踏まえると、以下の記事の内容はとても参考になります。
「マーケティング思考」と「デザイン思考」と「アート思考」の使い分けについて。
どれが良い悪いはなく、全ての思考を時と場合によって使い分けられた方が良いと考えています。
自分の場合は、どうしてもマーケティング思考に偏ってしまうので、意識的にアート思考やデザイン思考視点を持つようにすることで、発想や考察の視点を広げるようにしています。
【日常に組み込む思考例】
アーティストのように大きな問いをもって考えてみる(アート思考)
デザイナーの視点でユーザーをゆっくり、深く観察してみる(デザイン思考)
大きな問いや、顧客観察から導き出したアイデアを、ビジネスにつなげる(マーケティング思考)
©【note記事/黒澤 友貴】https://note.com/tomokikurosawa/n/n70a730766f4f
こちらの方の記事も参考までに。
なぜデザインにはマーケティングが必要なのか
私の経験では、マーケティングまたはデザインの考え方やその関係性をまったく理解していない、考えてもいない人は、見た目だけにこだわってデザインを作り、それっぽい事をそれらしく説明している事が多いようです。
デザインは、情報をわかりやすく伝えるための「手段」であり、目的ではないのです。
見た目の好みは人それぞれです。
デザインにおいても、ある人はA案が良いと言い、別の人はB案が良いと言うような事が多々あります。
しかし、デザインは、誰に何を伝えたいか、伝えるためにはどうすれば良いか、読み手はどのように感じるかなど、ターゲットユーザーを主体に検討するべきです。デザインは、商品やサービスを魅力的に見せる事ができるため、マーケティングにおいて非常に重要な役割を果たします。
他方マーケティングは、商品やサービスを売り出すための戦略を策定する事ができますが、それを効果的に訴求するためにデザインを必要とします。
マーケティングとデザインは顧客のニーズを満たすために相互補完の関係にあると考えると良いと思います。
デザインはクライアントの要望、エンドユーザーの要望 どちらを優先させるべき?
【答え】
優先すべきは「エンドユーザーの要望」
なぜかというと:
デザインの目的は、エンドユーザー(製品やサービスを最終的に利用する人)の行動を促すことだからです。
たとえば、
ホームページなら ・・・ユーザーに情報を伝え、問い合わせや購入につなげる
チラシなら ・・・興味を持ってもらい、行動を起こしてもらう
いくらクライアントさまの好みに作っても、エンドユーザーに届かなければ、成果は出ません。
だからといって、完全にクライアントさまの意見を無視するのもNG。
どうすればいいかというと、
「エンドユーザー視点」を軸にしながら、クライアントさまの要望も理由を聞き、すり合わせる。
クライアント:このバナー、赤にしてほしいんです
デザイナー:承知しました!ちなみに、赤を希望される理由はありますか?(ブランドカラー?目立たせたい?)
もし理由が「目立たせたい」なら、「赤も良いのですが、エンドユーザー層が女性中心でやわらかい印象を好む傾向があるので、
ややピンクがかった赤や、背景とのコントラストで目立たせる方法もありますよ(提案)」
というようなことを書いたのは、
AさんとECサイトの効果的なバナー制作の話から、このような話にたどり着きまして。
マーケティング思考のデザインは、Web上で仕事をしていくうえで避けて通れません。
奇麗なデザインではなく、売れるデザイン。
かっこいいデザインではなく、集客できるデザイン。
ですね。
↑
追記:
ホームページやネットショップにおいてのデザインのことです。
問題解決型のデザインはまた別のお話。
仕事は人をあてにしない方がいい
クリエイター同士の集まりみたいなイベントに参加してきました。
私は純粋に、雑談を楽しみに♪
ChatGPTとか
生成AIの話とか
どこのどのツールがいいとか
興味深いWebの話とか。
そういう仲間内の雑談を夢見てました。
でも、、マッチング的な流れ。。。。
ですよね。。。。
むかし、ブログにも書いたことがあるけれど
20年前、仕事はじめたばかりのころ
異業種交流会とか、、頑張って参加したけれど、、みんな仕事ほしい人ばかりで、何もはじまらないんです。
名刺交換して終わるだけ。虚;
それに気づいたのが3年目くらいで、
それからは、そのようなイベントには行かなくなりました。
仕事は「自分でなんとかしよう」という気概が大事。
ホームページで集客するもよし。
インスタやツイッターで営業するもよし。
「仕事ください」ではなく、仕事を依頼されるように、技術を粛々と磨いていくのです。
そうしているうちに、頼みたいという人がでてきてくれて、
それでも手を止めず、粛々と技術を磨きつづけるのです
ただそれだけです。
もちろん、ホームページやブログ、SNSを使っての発信も怠ってはいけません。
仕事が少ないときは、ひたすら技術のアップデートと、ホームページの改善。
人をあてにしていても何もはじまらないのです。
頑張っていると、誰かが手を差し伸べてくれることはあります。
それが20年かけて私が学んだことです。
作り続けるのが、プロ。
例えば、新海誠監督の作品
『君の名は。』が大ヒットし、
次の作品を作るときは、その成功がプレッシャーになったのではないかと思います。
宮崎駿監督も、『風の谷のナウシカ』がヒットした後、
次の作品を作る際にはやはり、その成功が重くのしかかったのではないでしょうか。
常にヒット作を生み出すことは難しい。
それでも、作品を作り続けるのがプロ。
まるで自分の言葉のように書きましたが
ずっと昔に、久石譲さんがそんなことを言っていたような気がします。
調べていたら、それらしき名言を見つけました。
仕事は点ではなく線だ。
集中して物事を考え、創作する作業を次から次へとコンスタントに続けられるかどうか。
いやこっちの方が近いか??
頑張ろうとすれば、夕食抜きでぶっ通しでもできる。朝までやることもできる。しかし、それをやってしまうと過度な負担をかけることで、翌日の効率が確実に落ちる。マラソンランナーと一緒で、長距離を走りぬくには、ペースを崩さないこと。
うーん。
どちらも、20年前に聞いた言葉とはちょっと違う気が。。。
とにかく、当時の言葉はこんな感じでした。
「すっごい曲を1曲作って終わるのが素人であれば、
あるレベル以上の曲を作り続けるのがプロ。」
って書いたのは
担当した番組が高視聴率を取った娘(番組ディレクター)が
そのプレッシャーを感じていたから。
ということで、娘よ。
ヒットを出すことはゴールではなく、その先も続けていくことこそがプロなのですよ。
プロとは「続ける人」のこと。
ヒットは通過点。
「誰でも作れるWordPress」時代だからこそ、「誰でも作れないWordPressサイト」を提供するのだー
「誰でも作れるWordPress」時代だからこそ、「誰にも作れないWordPressサイト」を。
それは。
ハイブリッドテーマ×PHPカスタマイズ
⚫︎ChatGPT-WebPilot回答
現在、WordPressは**「誰でも簡単にサイトを作れる方向」** に進んでいます。
しかし、この流れは同時に 「ありきたりなデザインのサイトが量産される時代」 も意味します。ブロックテーマの大きな特徴は、「テンプレートがPHPではなく、HTML+ブロックコードになる」ことで
ブロックテーマ単体では「高度なデザイン」や「ビジネス向けのPHPカスタマイズ」には向いていません。企業やクライアントは、最終的に「成果を出せるホームページ」を求めます。
そのため「高度な機能や独自デザインを組み込める人」の需要が高まる ことが予想されます。つまり、「PHPを駆使して、クライアントの要望に合わせたサイトを作れる人」こそ、これからの時代に必要とされます。
結論→「ブロックテーマの時代でも、PHPを駆使してビジネスに最適なサイトを作れる人」の価値は確実に上がる!
と言うことで、Wordpressのアップデート、およびブロックテーマを学びながらも
PHPの勉強、コーディングの探究は続け、
その道を極めます( ̄^ ̄ゞ
WordPressの自作テーマをハイブリッドテーマに。
いろいろ検証した結果、今後のテーマ制作はハイブリッドテーマで作成することにしました!
そのため、たたき台となるデフォルトテーマを1から作成中。
テーマ全体のデザインはPHPとHTMLとCSSでがっつり作って(従来のクラシックテーマのような感じ)
固定ページや、記事更新ページは
クライアントの方が、クラシックエディタでもブロックエディタでも
どちらでも自由に編集できるように考慮した作りに。
有料ChatGPTとClaudeがあるから、数年前に比べるとだいぶ楽。
だけれど、生成AIも100点ではないので、エラーや動かないこともあり
実際に動かしながら、エラーをAIに検証してもらうことを数回繰り返しながら
確実に、シンプルに、カスタマイズのきくたたき台となるテーマを作成中。
既存テーマーを使う方が楽なのだけれど
既存テーマで作ってみた方の話を聞くと、やっぱり不自由な点も多く、
とくにブロックテーマそのものは、テーマのエディター画面もないらしく、
ワードプレス独自のコードで、バックアップもとりにくいということだったので
やっぱり自分で作ろう!と。 (๑و•̀ω•́)و✧
私にご依頼してくださる方は
デザインもだけれど、PHPによる機能追加を希望される方が多いので
頻繁に行われるバージョンアップにも、仕様的には、あまり左右されないように
ChatGPTに相談しながら作成してます。
ちなみに、AIの普及によって、
全てのソフト、例えばFigmaとかAdobeとかWordpressとか、アップデートが頻繁過ぎて
書籍すらも発売されたときは、すでに過去の物となりつつあります。。。
WordPressのテーマ(クラシックテーマ・ブロックテーマ・ハイブリッドテーマ)
ずーーーーっとクラシックテーマ(PHPメイン)で作ってきました。
だけど、ブロックエディタの出現から
クラシックテーマ・ブロックテーマ・ハイブリッドテーマ
の3種類に(ー△ー;)
参照元:©EBISUCOM


好きなようにデザインできるのはクラシックテーマ。
でもWordpressの投稿画面のブロックエディタに適応させるには、
ブロックテーマもしくは、ハイブリッドテーマ。
デザインをブロックエディタで作ると、ワンパターンになってしまうので
PHPで作成するつもりではいるけれど、、
ブログ記事投稿の部分を、クライアントさまのためにブロックエディタに適応させるためには
ハイブリッドテーマで作るべきなのかも、と考えるこの頃。
といっても説明画像のようにtheme.jsonを追加するだけではなく、
function.phpや、ブロックのCSS設定などいろいろあって、、、、
生成AIを使っても、100点の出力ではないので、エラーになったり
いろいろ考えます。。
波動と、仕事の関係。
これはスピリチュアルな話ではなく、
物理学的な視点からの話です。
人も物も星も、この宇宙のすべてが素粒子でできているとされ、
その素粒子は、つねに振動していると物理学的に証明されています。
ということは、つまり人もまた常に振動していることになります。
そして、同じ振動数のものは共鳴し合います。(例:ピアノの調律など)。
共鳴し合うのであれば、自分の振動数には注意を払ったほうがいいわけで
気分が落ちそうなとき、わたしはディズニーランドのBGMを流して、ランドの中を歩いているところを想像し、
気持ちを無理くりあげたり。w
事実、京都・大阪からの楽しい帰りの新幹線の中や、
心からリラックスしてくつろいでいるときに、
お電話で、大きなお仕事のご依頼をいただいたり。
想像は現実に勝るというから
なるべく楽しいことを想像するように。
ちなみに、素粒子は意志ももっているらしいから
すべての物にも、意志はあるということになります。
物は大切に*
Webの資格。取得するならどの資格?
所要あって、調べました。
資格なくても、Web関連の仕事にはつけます。
ちなみに、わたしは、Web関連は何もっておりません。。今のところは。
「今のところは」と書いたのは
調べていて、内容が、勉強になり面白そうだったので、時間があれば受けてみたいな、と。
ざっと↓のような資格が。
Illustratorクリエイター能力認定試験
Photoshopクリエイター能力認定試験
Web検定
CG-ARTS検定
Webデザイナー検定
画像処理エンジニア検定
CGエンジニア検定
マルチメディア検定
アドビ認定プロフェッショナル
ウェブデザイン技能検定
ChatGPTで調べてみたところ
・Webクリエイター能力認定試験:平均合格率 約87.4%(2023年度)
Web制作の基礎知識を証明する資格として、多くの企業で評価されています。
・Photoshop®クリエイター能力認定試験:平均合格率 約75.35%(2022年度)
Photoshopのスキルを証明する資格で、デザイン業界での需要があります。
●信頼性のある国家資格は
ウェブデザイン技能検定(3級は勉強すればいけそう。1級は超難しかった。。。)
試しに、過去問を解いてみた感想は
ウェブデザイン技能検定3級は勉強すれば、かなりの確率で合格狙えそうです。
Webクリエイター能力認定試験は「エキスパート」と「スタンダード」があるのだけれど
実践に伴った内容が多いので、長年、制作業に携わっている人であれば、合格する確率は高いかも。
コーディングが含まれているので、苦手な方には、難しいかも。
ちなみに、Webに関連して他にもいろいろあります。
G検定(ディープラーニングの基礎知識)
「今、何ができるか」ではなく「これから何ができるか。」
今日はクリスマスイブ。
だけど、21時までトレーナー業。
とはいえ、せっかくのクリスマスイブなので、ケーキ買って行って
数人で食べながら、楽しくわちゃわちゃ雑談♪
雑談の中で、某Web制作会社の社長さんが、新規採用の際に
「僕は、今、何ができるかではなく、これから何ができるか、なんだよ。
だからポートフォリオとか、なくてもいいんだよ。」
と言ったという話を聞きまして、
おおーーー!!(* ‘∀’人)
と感動した*¨*•.♬ という話。
“面白そう”がご縁に。きっかけは意外なところにある
仕事の関係で新幹線で、川内へ。
鹿児島中央駅から12分くらい。
車だと1時間15分くらい。
早い!!!!
新幹線バンザイ。
「スマホカメラの日常使い」についてのセミナーのお話をいただいたときは
パソコン作業の多い私が新たな知識をお伝えできるか心配で心配で。
でも、アットホームな雰囲気に支えられて、無事終了しました。
FAQ
《質問》マホカメラ専門ではない私に、なぜご依頼くださったのですか。
《答え》ホームページを見て、面白そうな方だと思って。笑
世の中、何がきっかけになるかわからないですね。
↓川内商工会議所近く「センノオト」にて。

脳内のデータも定期的にアップデートする
常に、ITの世界は進化しており
javascriptの言語10行で実行できていた動きが、CSSのたった1行で可能になったりと
便利なタグもどんどん生まれてきています。
なので、脳内のデータも定期的にアップデートすることは大切です。
といっても
本を読むだけ、いや、眺めるだけでOK。
そう、眺めるだけでいいのです。
例えば↓のような本

眺めるだけで、固定電話が、携帯電話に進化するような発見がたまにあります。
(発見箇所のみじっくりと読む。)
眺めるだけなので、
既知の部分はとばしとばし、パラパラとめくる。
(なので紙の本が、おすすめ。)
赤ワインを飲みながら(ビールは太る。日本酒も酎ハイも太る、が、赤ワインは太らない!)
このような本を眺めているときは楽♪。
おかげさまで、受講生が悩んでいたjavascriptの設定も
CSSのたった1行で解決できました。
HTMLに限らず、ソフトの機能もしかり、生成AIもしかり。
とかく、おすすめです。
コピペの落とし穴
HTMLのコーディングで、
<head> 内のmetaタグやスタイルシートのリンク、
JavaScriptのリンクなど、使いまわせるものはよくコピペで済ませることが多いです。
そのせいで、受講生が記載した間違いになかなか気づけず、解決に1時間ほどかかってしまいました;
今回の内容は、Animate.cssと、スクロール時にAnimate.cssを実行させるwow.jsの使い方。
教えたところまでは問題なかったけれど、wow.jsが全く機能しないという状況に。
問題は
Animate.css(スタイルシート)とwow.js(JavaScript)のリンク方法が全く異なるにもかかわらず、
受講生がAnimate.css用のリンクをコピペして、そのままファイル名だけをwow.jsに書き換えてしまったのが原因。
以下のように、リンク方法自体が違います。
JavaScript: <script src=”ファイルへのURL”></script>
相対パスやファイル名ばかりを確認して、リンク方法そのものには注意が向かず。。。。
これを機に、私自身も
たまにはコピペをやめて、1文字ずつ手動で入力しなければ
と思った次第。
人を育てるのは難しい。。
厳しすぎてもいけない。
甘すぎてもいけない。
言い方を変える。
厳しすぎると、辞めていく。
甘すぎると、仕事をなめる。
むずかしい。。。
でも、育てるのは、教えるのは
自分で学ぶよりも何倍も勉強になります。
色々考える秋の夜。
寝ても覚めても、かかえている案件について考えてる。。;
最近、お腹がゆるい。。。
こうも続くと、やっぱり心労か!? w
考えなければならないことが多すぎて
思い切って行動にうつしても
空回りしている…ような。。。
昨日は、空回りして帰る途中、偶然、受講生に遭遇。
今月はじめのコンペで、素敵なデザインだったのだけれど、選ばれず
「いい年しているのに、落ち込みます。。」
と元気がなかったから、
「40代でも、50代でも落ち込むよ~。
だから私はコンペには応募したことはない。w」
と私も本音で。
コンペは、選択する側の好みもあるので、
選ばれなかったからといって、必ずしもデザインが悪かったわけではありません。
オーディションみたいなかんじかな。
だから私は、私のデザイン傾向を好んでくださってご依頼くださる方のホームページのみを制作します。
保守的?
保守的バンザイ。
これ以上、お腹がゆるくなると困るのだ。
今日は、車で15分の郵便局からかえってくるのに
コンビニによりながら、1時間もかかってしまいました;
心あたりの案件は多数あります。
きっと無意識にずっと考えているせいです。
パートナーにも
「考えすぎ」
と言われ、
どうすれば「考えすぎ」にならないのか、そもそもがわかりません。
瞑想か!?
う~ん。( -᷄ω-᷅ ).。oஇ
日経WOMAN11月号 糸井重里さんの『しのげ』という言葉
受講生の方に向けてのセミナーについて、Tさんと案を練っているとき、
「計画的偶発性理論ってご存じですか?」
という話になり、
「面白いですよ。」
って言われて調べてみたら、
まさに、昨日ブログに書いたことを、かっこいい言葉に変換した感じではないですか。
計画的偶発性理論とは、何かを計画して行動することで、思いがけないチャンスや出来事が起こり、それが自分の将来にプラスの影響を与える、という考え方のことです。
この理論はアメリカのキャリア研究者、ジョン・D・クランボルツが提唱しました。例えば、勉強や部活に頑張っていると、ある日、予想していなかったチャンスや出会いが訪れることがあります。
そのような偶然の出来事がきっかけで、新しい夢や目標が見つかったり、興味を持てるものが増えたりするかもしれません。つまり、**「計画的偶発性理論」では、「偶然のチャンスは、自分が行動しているからこそ起こるものだ」**と考えるのです。
何もしないで待つのではなく、いろんなことに挑戦し続けることで、自然と良い出会いや出来事が生まれる、というイメージです。ChatoGPTより
失敗を恐れていては何もはじまらない。
先月末に痛いほど実感したので
昨日、川内市からいただいた(専門外の内容の)セミナーのお話、お受けすることにしました。
19時からなので、新幹線で往復する予定。
日経WOMAN11月号「私が忘れられない言葉」というコーナーの糸井重里さんの記事にも背中を押されました
30歳の頃、その黒須田先生から「俺、都合悪くなっちゃってさ、代理で講師、やってくれない?」と頼まれまして。
~略~
「それは無理です」と答えたら、「いやできるから」と先生は言う。
「話すことがなくなったらどうするんですか?」と真顔で聞くと
「うつぶせで寝ていてもいい。寝ていれば時間は過ぎるから。その時間をしのげはいいんだよ」っていうんですよ(笑)
「しのげ」ってすごいインパクトで、それがOkならなんでもできるなと、呆れながら引き受けました。
~略~
以来、僕の戦術リストに「しのげ」が入って、ものすごく生きています。
人生において、必要とする言葉が必要としている時に、
いろんな媒体(本やテレビ、雑談など)を通して入ってくるから、不思議。
だから悩んでいるときは、
結構 アンテナはってます( ⩌⩊⩌)✧
Webデザインは集客の視点を忘れずに
どんなにお洒落なお茶碗でも、ごはんをよそえない茶碗は茶碗ではありません。
それは、アートです。
Webデザイナーを目指す受講生はたくさんいるけれど、
その中でも作業を「楽しい!」と感じて、
教材以外にも本やYouTubeでどんどん学んでいる人は、さらに一歩進んでいきます。
そうやって身につけた技術を、ホームページ制作に盛り込んでいくと、、
お洒落に!
でも…お洒落なのはいいけど、
ホームページの本来の目的は「集客」だってことを忘れてはいけません。
例えば、「画像付きお知らせ」がスライドで動く仕様。
スライドは確かにお洒落に見えるかもしれませんが
肝心のお知らせが、スライドして消えちゃうことで、最新情報が見えづらくなっていること、気づいてるかな?
動きがあっても、お洒落でも、伝えるべき内容がちゃんと伝わらないなら、静止している方がいいです。
デザインはアートではありません。
ホームページは集客のためにあります。
その視点を忘れずに、デザインすることが大事。
技術はすばらしいから、後は「視点」を大事にすれば・・・
そんな話を伝えた、昨日の午後*
数年に1度の割合で。
数年に1度の割合で、風俗系のホームページの制作依頼のお問い合わせをいただきます。
なので、4~5回は、あります。
男女問わず。
・・・が、、
そのジャンルだけは、Webマーケティングの観点から
専門業者さまにご依頼されることをお勧めしています。
ちなみにキーワードで専門業者を検索すると
たくさんのホームページ制作会社がヒットします。
そして、クリックした先の専門業者さまのホームページは、
アパレル関係にみえるようなデザインがならんでいたり、と結構さわやかだったり。
おととい、電話でお問い合わせいただいた彼は
希望の業者に出会えただろうか、なんてことを考えながらブログを書きました。
電話口の声が小さく、聞き取りにくかったのは、、
私が女だったから、言いにくかったのかもしれない。
でも、私の制作してきたデザインを見れば
依頼したいデザイン系統と違うと除外されそうなのに
彼が、私に電話をかけようと思ってくれた”何か”は、何だろうと
そんなことを考えた、穏やかな午後。
ロゴデザインは深い。実に深いのです。
私は仕事として、ロゴ制作は受けていませんが
ホームページを作成するときに、ロゴのない方からの依頼のときは
ダミーで作成することがあリマス。
ラフのデザインが完成し、
それをたたき台として、画像やテキストの差し替え、ロゴの差し替えを行うのですが
ロゴを気に入ってくださって、そのまま使用される方もいらっしゃいます。
その場合、ロゴ作成費用は不要。
でも、ホームページ制作メニューに「ロゴ制作」を入れるつもりはありません。
なぜって、、ロゴデザインは、深い!!のです。
本当の深さを知ったら、ロゴデザインなんて簡単に引き受けられません。
ネットでは、ロゴ作成の相場は、2~5万あたりで
一般の方はそれを「高い」と思っている傾向にありますが
その値段はとてつもなくやす~~~~~~~~~~~~~~~いのです。
大企業などはロゴデザインに2,000万円投じているところも。
ちなみに何案かデザインをだして、1つに絞った後は
そのロゴの
——————————————
・縦型
・横型
・モノクロで印刷された場合のデザイン
・Webで使われる場合の6桁の色番号
・印刷される場合のCMYKのパーセンテージ
・
・
・
——————————————
などなど、仕様書を作成。
場合によってはその仕様書が、4cmほどの厚みになるとか。
ちなみに「Webで使われる場合の6桁の色番号」と「印刷される場合のCMYKのパーセンテージ」は
仮にWebでの色が「#ff6347」の色だったとして↓「M75% Y67%」という単純な話ではありません。

印刷した場合の色は、ブラウザで見る色より若干暗くなってしまうので
ブラウザで見る色に近いものを再現した場合の色のパーセンテージに。
深いのです。
実に深いのです。
鹿児島市内で活動するクリエイターの集い
10月18日㈮19日(土)に鹿児島市名山町にあるマークメイザンで
クリエイター同士が交流を深めるイベント「名山CD」があります。
10月18日㈮・・経営者や企業担当者のクリエイティブリテラシー向上とクリエイターとのマッチングDAY
10月19日㈯・・クリエイター同士のつながり強化DAY
現在、先着順で申し込みを受けているようです。
フリーランスになりたい方、クリエイティブなお仕事にご興味のある方は、ぜひ!
名山CDとは・・・
名山町にあるクリエイティブ産業創出拠点施設mark MEIZANと周辺のギャラリーを舞台に、
令和6年度より新たに開催する複合型イベントです。
鹿児島市内で活動する多様なクリエイターが集い、ビジネススキルの向上や
企業とクリエイターとのビジネスマッチングや、クリエイター同士が交流を深め
成長や連携を促進することを目標に、様々なプログラムを行います。
【公式HP】 https://meizancd.jp/
デザインの仕事を受けて、とてつもなく困った話
取り上げてほしいテーマに「デザインの仕事を受けて、とてつもなく困った話」
というご意見をいただきました( ´ᵕ`* )
とてつもない、というよりは「困った話」になりますが( ˊᵕˋ ; )💦
以下、箇条書きで。
① 昨日は「黒で」と依頼されて作成していたのに、数日後に「やっぱり赤で」と変更されたとき。
② デザインからホームページ作成納品までが2週間という、かなり短い納期の案件。
③ デザイン的にミスマッチな組み合わせのお願い
(優しい雰囲気のデザインを希望しながら、全く異なる印象の自作イラストを使ってほしいと言われたとき)
デザインはクライアントさまあってのものなので、アドバイスはさせていただくのですが
最終的にはクライアントさまのご希望に沿って納品いたします。
なので、③は、ミスマッチではありましたが、クライアントさまのご希望に従い組み合わせました。
ちなみに、
①は、このような変更が今後も何度も繰り返される可能性が高いと判断し、丁重にお断りしました。
②は、お客様のサーバー上でコーディングしながらデザインし、
2週間で納品しました。( -`ω-)✧
ところで、「とてつもなく困ったこと」があったのは、
デザインではなくコーディングのみの案件です。
レスポンシブやコーディング、WordPressの仕組みをあまりご存じない、
紙媒体のデザインが主な会社さまが作成されたデザインでしたので、
悩んだ結果、一つ一つ説明するところから始めることに…
でも、根気よく聞いてご理解いただき、感謝しています。
今でも時折、ご依頼をくださるので、
本当にありがたいです(__)
10を知って1を極める
ことわざでは「一を聞いて十を知る」っていうのがあるけれど
「10を知って1を極める。」って大事だなと。
例えばWebデザイナーになりたい場合
デザインだけでなく、コーディングも学ぶべき。
コーディングの知識があるのとないのとではデザインが全く違ってきます。
よくあるのが、グラフィックデザイナーがWebデザインをする場合、
コーディングの知識がないままお洒落なデザインを作ってしまうと、必ずコーダーとトラブルになるということ。
だから、コーディングができなくても、最低限のしくみは知っておくべきかと。
さらに、マーケティングのしくみや行動心理学を学んでいると、
どこに何を配置すれば効果的かも考えられるようになります。
ただお洒落なだけでは、意味がありません。
だからこそ、Webデザインを学ぶ際には、
デザイン以外の周辺知識も一緒に学ぶと強みになるという話。
たとえば、建築物の素晴らしい設計図を書く人は、自分で組み立てることもできるし、使用する素材にも詳しいです。
また、テレビのレポーターも、ただ現場で話すだけではなく、
編集の過程を学ぶことで、誰に何を聞き、どう話すべきかが見えてきます。
凄腕のレポーターは「現地に行って撮影し、終わったら帰ってオンエアを見る」だけではなく、
「現地で撮影し、その後、編集者の横について素材を確認し、どう編集されるかを学んでからオンエアを見る」
というふうに、見えないところでたくさんの努力をしています。
だからこそ、
「10を知って1を極める。」
大事です。


