Author Archive

ブラウザの向こうのだれか。

2026-04-01

なんだろ。

AIがすんごいスピードで生活に入ってきて

非エンジニアでも簡単にアプリつくれちゃった 的なつぶやきが増えて
ホームページだって簡単につくれちゃった、的なつぶやきが増えて
(中身はなんちゃってが多いようですが;)

 

もはや、フリーペーパーに使用されているイラストもAI作成のものが使用されていたり
(AIが作成した画像や、デザインは、だいたいわかる。)

 

右も左もAIだらけになってきて

 

みんな下ばかり見ていて

なんだかなあ、、、

むなしいと思うのですよ。

人と接することは、いいこともイヤな想いをすることもあるけれど
ブラウザを通して、顔も知らない人とやりとりして
いいねしたり
コメントしたり

自分のまわりにもいろいろな人がいるはずなのに

誰とも出会えていないようなこの感覚。

ブラウザの向こうのだれか。

だれか。

ホームページ制作はノーコードから「プロンプト」へ

2026-03-25

WIXやSTUDIO、Wordpressのブロックテーマ。
どれも、コードを書けない人のためのホームページ制作ツールですが

時代はノーコードから「プロンプトで制作」へ移りつつあると考えます。

AIの出現により、ノーコード制作ツールのアップデートも頻繁に行われ、
そのたびにボタンの場所が変更になったり
使いづらい。。;
(という感想をよく聞く)

それよりは、プロンプトだけで作っていく方が簡単

だけど。
前々からも書いているように、AIだけではそれらしいものはできるけど
それ以上にはならない。

なので、知識はあった方がよい。

デザインとか、HTML+CSSはもちろんのこと、
SEOとか、SGOとか、PHPとか、javascriptとか、Webマーケティングとか とかとか。

AIは使い方次第。

AIがあるから勉強しなくていい、ということにはならない。

AIがあるからこそ、さらにその上をいく何か。
いかに自分らしい感性を組み込めるかが重要になってくるのかも。

誰でもできることに対価は支払われないから、
さらに厳しい世の中になりつつあるのか、
AIのおかげで便利な世の中になりつつあるのか、

これから10年後。( ー̀ωー́ ).。oஇ

AIだけだと、なんじゃこりゃデータにΣ(。∀゚○。知識は必須。

2026-03-22

ホームページをAIで作成してもらった場合、一見きれいに見えても、中身を確認すると、

・SEOに重要なマークアップが不足している
・h1タグが設定されていない
・sectionの外にh2が配置されている

といったように、構造が整っていないことが少なくありません。

さらに、HTMLで作成したホームページをAIにWordPressテーマ化させた場合、
中を見てみると
なんじゃこりゃあσ(;;;ФωФ;;;)’
と思うような不要なコードが大量に含まれていることが。

でも見た目はきれいです。

何が言いたいかというと、
AIは完璧ではないということ。
知識がないと、そのことに気づかないということ。

もちろん、WordPressのテーマ構造を理解した上でAIを活用すれば、
時間短縮につながります。

しかし、知識がないまま丸投げしてしまうと、
結果的に
なんじゃこりゃあΣ(。∀゚○」
という状態のデータが;

でも見た目はきれいです。

問題は その「なんじゃこりゃあ」状態に気づかず
それをそのまま納品する人が、
これからでてくるのかと思うと

と思った次第です。

ちなみに、目的地をナビで設定して、見知らぬ土地に向かうとき、
道をまったく知らなければ、その案内通りに進むと思いますが、
知っている人が見ると、遠回りだったり、無駄なルートだったりすることがありますよね。

まあ、それと一緒です。

Cloudよりもgeminiが正解だった件

2026-03-16

ChatGPTとGemini(Antigravityとの併用)は、有料プランで使用しています。
Cloudは、今のところ日に2~3回程度しか使っていないため、無料版です。

ところで、ハンバーガーメニューを表示させるブレイクポイントを 767px に設定しています。

…で、ブラウザの幅を狭くしていくと、
768px~780pxあたりでPCとSPの両方のメニューが表示されるという、嫌な現象が。。
私の設定ミスだと考えたのですが、どこにもミスをしているような記載はなく。。

(今さら、こんなところでつまづくなんて…っていうか、、今までは問題なく動作しているのに。きっと他の記載との関連でしょうけど…)

ChatGPTとCloudも、的外れな回答。。

なんと。この問題を解決してくれたのは、Gemini でした!

スクロールバーの有無による判定のズレなんて。スクロールバーの幅なんて、考えてもいませんでした。

とはいえ、スマホや通常のパソコン表示では特に問題はありません。
パソコンでブラウザ幅を手動で狭くしていったとき(スクロールバーが表示されるとき)にだけ起きる現象ということになりますね。

書き換えたので、改善!

function menuSet() {
    if ($(window).width() <= switchPoint) {
        if (!$('#rwdMenuWrap').length) {

↓↓↓

function menuSet() {
    if (window.innerWidth < switchPoint) {
        if (!$('#rwdMenuWrap').length) {

やっぱりGeminiは、有料プランをはずせませんね~
となると、ChatGPTをはずして、Cloudを有料版にするか?

考えるなあ~~~( ー̀ωー́ ).。oஇ

検索順位の乱高下「Googleダンス」初めて知りました(¯―¯٥)

2026-03-07

「Googleダンス」初めて知りました(¯―¯٥)

こんな検索順位の乱高下はじめて経験したので。
てっきり、私がメニューを書きかえたからかと思っていたのですが
「Googleダンス」っていうんですね。

詳しく書いてくださっている方がいらっしゃいました↓

 

【京都ホームページ】「Googleダンス」って知ってます?!検索順位が2位と7位で乱高下する、Webの不思議な現象。

 

検索順位が落ちて1日目は落ち込んでいましたが
あまりにも上下するのが面白いというか不思議というか、注視していたところ、今、また上位表示に落ち着いたようです。

先ほどの記事記載によると、
この乱高下自体は、Googleが「あなたのサイト、今めちゃくちゃ注目して評価してるよ!」と合図を送ってくれている証拠なのだそうです

確かに解析データ(GA4)を覗くと閲覧率は右肩上がり。

しかし。

 

なんて、心臓に悪いんだ。。。

 

結果的に上位表示で安定したということは
Googleが最終的にいい評価をしてくださったということですね。

ふう~(;-_-)

寝よ。

デザインはやっぱり人間じゃないと。

2026-03-05

タイトルの通りです。

やはりデザインは人間じゃないと。
AIだけだと、これといったいいものは難しいと実感

一般的なブロックを重ねたようなデザインはできますが
パッとみて
(わあ~~~~~~~~~(๑✧▽✧).゚・*. )
っていうのは、難しい。

コンテンツをならべるときは、マーケティング目線などいろいろありますが
デザインに関しては、
ぱっとみて(わあ~~✧)
という感覚が、自分的には大事です。

そして、今、こども園のホームページを作成していますが
その感覚に未だなれないので
試行錯誤中。

試作品をいくつもつくって、あるときパッと視界が開ける感じ?

そして今日も1日が終わりました。

ずっとパソコンの前。
100歩もあるかず。

なんか、ヤバイ。

自分のつたない文章こそに、価値がある

2026-03-05

さきほど、広告で
「AIホームページ作成」みたいなサイトを見かけて
「AIが、文章も画像も全部作成してくれます。格安。」
みたいなのを見かけましたが、、

AIに全部してもらうって、SEO的にはNGのようなんです

AIは自分たちが作成した文章はある程度わかるらしく
なぜならAI特有の文章の組み立て方があるようで
そのため、AIにすべての文章をゆだねてしまったら
場合によってはインデックスされなくなる可能性も。

AIが出始めの頃は、AIにブログを書いてもらう、がトレンドっぽかったのに~;
時代の移り変わりが激しいというか
ここ1年で、書籍だって古くなっていく。。。

お気を付けください(_)

しみじみと。Webデザイナーで良かったと思う。

2026-03-02

Webデザイナー(Webクリエイター)になって良かった、と思うのです。

ホームページ制作会社が飽和状態の今、
無料作成ツールが増加中の今、
全体的に、制作依頼の件数が年々減ってきていても
わたしは、Webデザイナー(Webクリエイター)になって良かった、と思うのです。

なぜなら。
店舗がなくてもネット上にホームページさえあれば
なにかしら発信をつづけていれば
ビジネスにつながっていくからです。

それがWebデザイナー(Webクリエイター)であれば
自身で、好きなように作れるからです。

ホームページを作ることを仕事にしなくても
自分のお店を持つことはできる。

そもそも、音楽制作をしていて
広告がわりにホームページを作ったのがはじまりだけれど
おかげで、全国各地からの鼻歌からの音楽制作を7年も続けることができて、
それもホームページのお陰です。

ホームぺージを作ることを仕事にしなくても
自身のためのホームページを作ることができる。

仕事用のホームページが、グーグルの大変動で検索結果が下落して、
これで1位にしばられずに、したいことをする! (๑•̀ㅂ•́)و と、思った乙でした。

というか、そもそも新しいメニューで下落したので、開き直って好きにします。

 

グーグルの検索結果が大変動しています(; ̄ー ̄

2026-03-02

2月22日に、仕事用のホームページの検索結果が2ページ目に落ちて
すぐに戻ったという記事を書いたのですが

実は、大変動が起こっているようです(現在も;)

このような記事を見つけました
↓↓コアアップデートなしで大変動!なぜ今、検索順位が動くのか?

知っていたら、それなりの対処というか
じ~~~~~~~~~~~っとしていたのに。

嵐がきているときは、じっとしている方がいいのです。

私は知らずして、そんなときに、メニューの書き換えなどを行っていたんです。
バカですね(; ̄ー ̄川

で、専門性が薄れたのでしょうね。きっと。

でも、もう、しょうがない。

こうなったら、せっかく1ページから下落したので
上位表示にしばられることなく、
思い切って、これからやりたい制作メニューに大大大改編でもしようかと、考え中。
 

バカでしょうか(; ̄ー ̄川

 

バカですね(; ̄ー ̄川

GEO対策。ホームページが必須の時代」が再来するかも。

2026-02-22

AIが画像認識できるようになり、
画像の中に書いてあるテキストまで理解し、
ファイル名や構造まで読み取る時代になってきました。

ー恐ろしい時代の幕開け…ー

何が恐ろしいかというと、
ネット上で自分の店舗を見つけてもらうための「手立て」が、
ひとつでは足りなくなってきたということ。

どんなに素敵なお店でも、
見つけてもらえなければ、無いのと同じ。

どんなに美味しいランチでも、
見つけてもらえなければ、存在しないのと同じ。

そして、それが、SNSだけだと、弱い。(けど、SNSも必要らしい。)

例えば、インスタは

・投稿単位で分断されている
・時系列に流れていく
・外部から構造を制御できない
・URL構造を自分で設計できない
・内部リンク設計ができない
・見出し構造(h1〜h6)を持てない

AIは、

・明確な見出し構造(h1〜h6)
・論理的な文章
・ページ単位のテーマ性
・内部リンクでの文脈
・サイト全体の専門性

こういったものを参照しているらしいので
そうなると、これは完全に、ホームページの強み。

だからこそ、ホームページが、また重要になってくるのでは、と考えるのですが
SNSでの発信も必要なようですので
そうなると、本業どころではなくなってくるような

あーーーーーーーーーーーーーーーー
これからどんな時代になっていくのでしょう(;゚Д゚)

SEO。久々に恐怖を体験。

2026-02-22

先日、突然、仕事用のホームぺージの検索順位が2ページ目に落ちました。

あたらしいことを試みて
メニューを追加したばかりでした。

焦らなかったといえば、うそになります。
それはそれは焦りました。

・・・が。

冷静に対処しました。( ≖ᴗ≖​)ニッ

結果、元の順位に戻ったのですが、また1つ勉強になりました。
何をどうしたら、検索順位に影響するのか。

メニューを追加したのが悪いわけではないのです。

例えば八百屋さんが、果物を売るのは問題ないけど
耕運機を売ってはいけないのです。
どうしても売りたい場合は、隅っこで売らないといけないのです。
まあ、そういうことです。

(何をいってるの?この人。)
と思ったそこのあなた。まあ今度、スタバでゆっくり語りあいましょう。

Webクリエイターの職人講話(4時間)

2026-01-27

求職者支援訓練での職人講話(4時間)が終わって
ほっとしている乙です。

4時間話し続けるって、結構体力いるのですが
聞いている方も大変だと思うのです。

90分のセミナーでさえ、、ねえ^^;

なので、何を話したら
どういう構成にしたら
眠くなることなく、4時間を過ごせるか
毎回、試行錯誤しています。

いつもセミナー中、BGMを流してます。
オロナミンCも体力保持に必須です。
水筒と、エナジードリンクとか、カロリーメイトも常備。
すごく対策して臨んでます。笑

ちなみに4時間↓のようなことを話ました。

1.自己紹介
・自己紹介
・人生の転機-音楽クリエイターからWebクリエイターへ
(MIDI視聴 鼻歌からの作成した音楽視聴・制作したサントラ視聴 etc)
2.Webクリエイターの仕事(制作実務例)
・Webクリエイターの仕事
・デザインの考え方
・在宅フリーランスの成功や失敗談
3.クリエイティブな仕事
・グラフィックデザイナーの仕事
・イラストレーターの仕事
・映像クリエイターの仕事 etc
4.その他・AIと技術の活用
・ポートフォリオの作り方(参考例・目に留まった作品など)
・生成AIを仕事にどう活かせるかなど

受講生の反応をみながら、話を削ったり、足したり
いただいた質問から、別の話もしてみたり。

終わったあと、質問に来てくださったWさんの
「いっぱいメモっちゃいました!」
の一言に元気をいただきました(๑˃̵ᴗ˂̵)و

ありがとうございます!

「WEB制作×AI」の時代。AIで作れる今、Web制作を学ぶ意味

2025-12-28

htmlやPHP、JavaScriptの知識がなくても、
生成AIを使えば、それっぽいホームページや
ちょっとしたWebアプリなら作れるようになりました。

そう。
あくまでも、それっぽいものができる、ということです。

それでもすごいです。
感動しますた。

でも、それっぽいものであって、
=効果が出る、というわけではありません。

検索にヒットしなかったり、
オリジナリティがなかったり。
そのあたりは、やはり別の話です。

現在、Webデザインやコーディングを学んでいる人も多いかと思いますが、
やはり、その知識は必須!!!

基礎的な知識がないと、
適切なプロンプトが書けません。

たとえば、
ローカル環境を整えるにはXAMPP(MAMPなど)が必要だとか、
PHPで何ができて、何ができないのか、
データベースとは何か、
そういった前提を知らないと、AIに「何をしてほしいか」を正しく伝えられないのです。

プロンプトが曖昧だと、
作業内容によってはAIが暴走し、プログラムそのものを書き換えてしまって
「ガックシ…」となることも。(←わたし)

従来のWeb制作にAIを取り入れることで、
人の手だけでもなく、AIだけでもなく、
「人 × AI」で、とても素晴らしいものを生み出せる可能性の広がったこの世界。

コーディングの時間短縮にもなるし、
自分だけでは思いつかなかったアイデアが出てくることも。

ちょっとしたシステムの実装なども含めて、
これからのWebクリエイターは
「作る人」から
「指示・判断・監督する人」へ
役割が変わっていくのかもしれません。

建築現場でたとえるなら、
設計図を書くのが人で、実際に建てる作業をAIに任せ、
最後に、強度や安全性を人がチェックし、匠の技で仕上げる。

そんなイメージ。

これからは、
広く浅くでもいいので、いろんな知識を持っておくと
それらを掛け算していくことで、1人でもすごいものが生み出せる時代

なんてことを考えながら
なにか人生の一発逆転を考えています。w

3つのAIスタッフが優秀すぎて、もう戻れない。

2025-12-27

優秀なスタッフ
・Gemini Pro
・ChatGPT Plus
・Antigravity
のおかげで

仕事のやり方が大きくかわりそうです!
というか、もうかわってます。

20年前、1人で調べて解決にかけていた十数時間が
この3名?のスタッフのおかげで 数分で解決!

課金については、GeminiとChatGPTのどちらかにするつもりでいましたが
同じ質問を投げた際に
ChatGPTが得意とするもの、Geminiが得意とするものがあるようで、

・・・結果、

どちらも必要。_| ̄|○

 

最近、ブロックテーマをHTMLから(1から)作ることにこだわっていた私ですが
Aトレーナーが
「ブロックテーマなんて、もういらなくなるんじゃない?
だって、Antigravityで簡単に作れるようになるんだから。」
た、たしかにそうかもしれない。。

けれど、多少の技術(知識)がないと
サーバーとか
ドメイン設定とか
WPのインストールとか
SEOとか
コーディングの知識がないと
そもそもプロンプトがかけないので、

やっぱりノーコード(WIXやSTUDIO)やブロックテーマも必要かと。

左がGemini作。右がChatGPT作 …w

Webの仕事に必要な固定費(サブスク含)

2025-12-27

Webの仕事をするにあたり
・ChatGPT
・Gemini
・Dropbox
・Adobeソフト ←1番高い
・サーバー
・ドメイン2つ
・Wifi
を契約しているわけですが

全てを合計して、月々の費用で割り出してみると、、
まあ、テナントを借りていると思えば安い方か、と
自分を納得させ、

するコストより
しないコストを重視
Geminiをproプランにしました。

Gemini Proプラン ついに契約。Samsung Galaxy利用で6か月無料♪

2025-12-26

サブスクがどんどん増えていく。。。

というわけで、ついにGeminiをProプランにしました
理由はAntigravityと連携させるため

スマホのアプリから申し込んだら
Samsung Galaxyをご利用の方は6か月無料!

なんということでしょう!!
キタ───ヽ(*゚∀゚*)ノ───

2026年1月からGmailのPOP受信機能のサポートが終了なので・・・

2025-12-26

2026年1月から GmailのPOP受信機能のサポートが終了 ということですが、

「PC(ブラウザ)版のGmail画面」で外部メールを受け取っている場合は使えなくなりますが、 「スマホのGmailアプリ」の設定方法によっては、引き続き使い続けることが可能です。
Googleは「スマホアプリ(Android / iOS)でのIMAP接続は引き続きサポートする」としています。
そのため、アプリにアカウントを追加して個別に切り替えて読んでいるのであれば、今後も問題なく使えます。

From Gemini

ということなので、すべてIMAPで設定し直しました。

パソコンでは Thunderbird で閲覧しているので特に問題はなく、
スマホは Gmailアプリを使っていたため、助かります。

……とはいえ、最近は 独自ドメインを取得しても、実際の運用はGmail という方が多く
「もったいないな」と思っていたのですが、
それも ありな選択肢かもしれない と思うようになりました(_)

AIの苦手なこと。

2025-12-16

AIの苦手なこと。

ビジネス上の成果の保証。

例えば、それなりにかっこいい曲はつくれるけど、売れるかどうかは別。
例えば、それなりに見た目の良いホームページはつくれるけど、検索にヒットするかどうかは別。

世間一般的に、それなりのものを集めて作るので
それなりに良いものはできるけれど。

結論。
音楽制作やデザインなど、専門知識がなくてもAIで「それなりに形になるもの」を作れるようになってきたけれど、
やっぱり、最終的には人間のスキルが必要

と思うのですが、いかがでしょうか。

AIだけで起業を考えられる時代

2025-12-14

なんと。

AIを使って、
AIのみでの起業を考える方が、ちらほらいらっしゃるという話を聞きました。

ということは、
実際には、もっとたくさんいらっしゃるのではないかと。

音楽も、以前はDTMで1音ずつ打ち込んだり、手作業が多かったのですが
(もう20年前の話ですが)
最近は、楽譜が読めなくても、書けなくても、
使うAIさえうまく使いこなせれば、(実際に確認した人の話)かっこいい曲が作れるらしいです。

Webに関しては、
100%AIで作成して、そのまま納品、というのは
厳しいのでは?と思うところ。

見た目には、いい感じのものができると思うのですが、
(というか、使用するAIとプロンプトさえ間違わなければ、
かなり精度の高いものができるらしいのですが)検索にヒットしなかったりするらしく。
ホームページは検索にヒットしないと無いも同然なので…

なので、やはり最後のチェックというか、
納品に至っては、人の目での確認が重要だと思います。

チェックするには、それなりの知識が必要になるので、
「とりあえず作成できる」以上の技量を身につけなければならない、ということになるわけですが
となりますと、Web業界のハードルがあがっていきますね…?
というか、作品の品質が2極化していく?

実際には、AIに作らせたまま販売している人もいるようで、
(そもそも商売は、需要があれば成立するものなので)
それはそれで、とやかく言うことでもないのですが。

購入者側としては、
見る目を養っておかないと、ですね。。

(あれ?)となってしまわないように。。

人として深くなるためのプロセス

2025-12-11

他人の痛みを理解しないまま生きていると、
人生が“理解させる出来事”を運んでくることがある。

運んでくることがある、というより運んでくる、と断言したい。

というのも、
・引きこもりのAさんの子どもにたいして、冷たい言葉を放ったBさんの子どもがのちにひきこもりになったり
・過呼吸になったCさんに対して、「過呼吸なんて死なないし」と笑ったDさんが次の週に過呼吸になったり、
・体の弱い妻に対して、ためいきばかりをついていた何も手伝わない夫が、初期の認知症になり立場が逆転したり

周りの例を挙げれば、きりがないけれど。

それは罰ではなく、
他人の気持ちに“気づく”ため、理解するためのプロセス。
人として深くなるためのプロセス。

……と、勝手に思っていて。

なので、できれば、
「ああ、あの時のあの人は、こんな気持ちだったのか」
と自分がその立場になる前に、理解したいと常々思っています。

同じように考えている人がいたなあって、
ふと、思いだしたので書いてみました。φ(・ω・`)

夜中にメールをチェックして_| ̄|○ 

2025-12-10

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

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

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

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

ギンギン(⚭-⚭(⚭-⚭( ⚭-⚭ )⚭-⚭)⚭-⚭) ギンギン

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

_| ̄|○

アホデス

えっと。真似されると、わかります(¯―¯٥)

2025-12-02

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

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

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

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

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

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

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

自分らしく稼ぐ ― 自分で稼ぐ力をつける ―

2025-12-02

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ロゴのチェックポイント

2025-11-21

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

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

ロゴのチェックポイント

ロゴのチェックポイント

色数(色数が多いと看板にしたときにコストがかかるので要確認)
サイズ(名刺に小さく印刷されたときにデザインがつぶれないかチェック)
ごちゃごちゃせずすっきりとシンプルに(アイデアをすべて詰め込まない)

まずは装飾しすぎず「読みやすいデザイン」を心がけることから

2025-11-07

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

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

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

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

 

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

①デザインの4原則(近接、整列、反復、対比)を守る

意外と意識できていない人が多い印象。
テキストの配置がそろっている、行間の広さが統一されているだけでも、見やすく、落ち着いたデザインに。

②フォント

イメージにあっているフォントか。
タイポグラフィーを意識する。
Webデザインよりも、紙媒体で特に影響力が大きいのがタイポグラフィーです。
日本語と英字が混在する場合など文字間(カーニング)を意識することが大切。
これは感覚的な要素もあるので、「いいな」と思う作品をたくさん見るのが上達への近道。
※1つのデザイン内でフォントの種類を多用しすぎないように注意。

③配色

イメージにあっている色か
トーンはあっているか

※色を使いすぎないように注意

④図形や写真

「装飾のため」ではなく、視覚的に内容を補強するために使う意識を持つ。

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

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

無料サービスを利用するリスク (||゚Д゚)

2025-10-14

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

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

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

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

 

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

: (((;”°;ω°;)):ガクガクガクガクガクガクガクガク

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

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

アメブロとかnoteとか。

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

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

以下 ChatGPTより

⚠️ 無料ブログサービスの「リスク構造」

運営企業の方針ひとつで変わる

無料ツールは、運営会社の**収益モデル(広告・課金・投資)**に依存しています。
そのため、赤字が続けばサービス終了、または仕様変更・有料化も起こり得ます。
実例:
・Yahoo!ブログ(2019年サービス終了)
・gooブログ、livedoorブログも仕様縮小や有料化を繰り返し

データのバックアップが限定的

・アメブロはエクスポート機能が弱く、引っ越しが困難
・noteもエクスポート機能は公式にはありません。
→ コンテンツ資産が運営の中に閉じ込められる構造です。

たとえ、人脈がなくても。

2025-10-14

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

出会いも、情報も。

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

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

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

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

時に、ゆるく。
のびのびと。
わくわくしながら。← \_(・ω・`)ココ重要!

人生もアートだ。

2025-10-13

先日、草彅剛さんが、テレビ番組で
ヴィンテージデニムについて熱く語っていました。

ちょっとした綻びや汚れに見えるものでさえ
草彅剛さんの熱い説明によると、それこそが価値。

確かに説明されると
そのちょっとした汚れや綻びが、価値あるものに思えてくるので不思議。

1着が100万から1000万するっていうから、びっくり。
アートを見るようにデニムを見ていると言っていた。
だからわからない人にとっては2000円くらいと。。

「人」も、きっとそう。

ヴィンテージデニムのように
傷や、綻び、ボロボロになって繕って、
そんなところから魅力というものは滲み出てくるのだと思う。

ということは
人生もアートだ!

なんてことを考えた寝る5分前。

つれづれに~

2025-10-09

季節の変わり目だからなのか、
体力的な問題なのか
ちょっとふわふわフラフラな乙です。

あちこちでお教えさせていただいておりますが、
初めてお会いしたとき
「自分が何が好きなのか、何が向いているのかわからない。Webかどうかもわからない。」
と感極まって涙ながらにお話しされてた方が

なんと、

たった数か月で
デザインも、コーディングも、
パラパラと形にして
今やキラキラしています。

いまはChatGPTがあるので
はるかにカタチにしやすくなっていると思います。

ほんとなら、今日は

メルヘン館に「やなせたかし」先生の大規模巡回展を見に行く予定でしたが
パソコンの前に座ったが最後。

一日が終わりました。

幼稚園のホームページを作りました

2025-09-19

病院のホームページを作りました

2025-09-19

ラインのリッチメニューを複数タブで設置

2025-09-12

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

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

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

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

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

・・・で
出来ました (屮`º∀º´)屮イェイ

前準備
① LINE公式アカウントの作成
  ビジネス用のLINEアカウントを用意します。
② LINE Developersへの登録・ログイン
  LINE公式アカウントを「LINE Developers」と連携できるようにします。
③ Messaging APIチャネルの作成(LINE Developers内で作成)
  ここで以下の情報を取得します。
  - チャネルID(API ID)
  - チャネルアクセストークン
④ リッチメニュー用の画像を準備
  複数タブを切り替える場合は、それぞれの画像を用意しておきます。(canvaなどでサクッと制作)
⑤ Postmanのインストール
  APIリクエストを送信するためのツール。

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

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

設定の流れ

Postmanを使用

①アクセストークン(Authorization)をPostmanに入力
②リッチメニューAを作成する(JSON入力)→Send(送信)
③リッチメニューAに画像をアップロードする→Send(送信)
④リッチメニューBを作成する(JSON入力) →Send(送信)
⑤リッチメニューBに画像をアップロードする→Send(送信)
⑥タブ切り替え設定を行う
 - まず A の設定を行う→Send(送信)
 - 次に B の設定を行う→Send(送信)
⑦A をデフォルト表示に設定→Send(送信)

「Postman」大事です!!!

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

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

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

でも

あと少しで明日になる。

夜の星乃珈琲店で。

2025-09-09

夜のカフェっていいですね。

ディナーのあと、はしごでカフェへ。

ちょっとダレ気味。

ちょっとほっとしたい。
ほっと一息つきたい。
旅行もいいな。
遠出は疲れるから近場がいいかな。

いやでもやっぱり京都がいいな。
京都の三十三間堂。

求職者支援訓練の卒業生のNさんは
フランス語が流暢で
「お金さえあれば、今でもすぐにバック1つでフランスに行ける」
と言っていた。
パスポートさえもっていない私にとって海外は高いハードル。

訓練生は、Webを習いにきているわけだけれど
海外の語学に長けていたり
私の知らないソフトの操作に長けていたり
イラストを描くのが上手だったり
私が逆に習いたいこともたくさん。

いろんな人がいて、
いろんな人生があって、
そんなことを思うこの頃。

やっぱちょっとダレ気味かな~;

魅力的なポートフォリオにするには。

2025-09-04

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

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

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

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

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

つまり、企画力。

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

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

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

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

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

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

WordPressのブロックテーマを制作してみました

2025-09-01

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システムをゴリゴリ、プラグインもゴリゴリカスタマイズして使うのであれば
ハイブリッドテーマの方が便利。
クラシックテーマは、ホームページ完成後の更新を考えると、ハイブリッドテーマやブロックテーマに及ばないので消えていくかも。。

« Older Entries