まさひろ| Webサイト制作 |京都

京都でホームページ制作をしています || デザイナーとコーダーと、時々、ディレクター ||筋トレ・映画・バンド・ゲーム音楽・英語・スマブラ(フォックスが得意)|| 元小売業10年

[まさひろ| Webサイト制作 |京都 @masadsgn]

メイドインワリオのミニゲームに出てきそう

[トミナガハルキ | フリーランス歴10年な人 @asobodesign]

ラーメンのスープに浮いた油をツンツンしてくっつけるWebサイトです。
https://t.co/c8HBxAn4So

[sogitani / baigie inc. @sogitani_baigie]

【来年、ウェブ制作は大きく変わりそう】

（今朝社内に投げた雑文の共有）

先日突然発表されたGemini3によるウェブサイトの生成精度がかなり高い、という話題で持ちきりである。「ウェブ制作はAIによってかなり自動化される」というのは2年以上前から言われていたが、いよいよ到来しそうだ。

今は刺激的な側面が強調されているので、Gemini3が現在のウェブ制作においてどこまで実用的かの細かな検証はまだ必要だが、この勢いの進化スピードだと、1年以内に以下のような状況が増えそうである。

・検討用のデザインバリエーション、ベースデザイン案はほぼポン出し
・Figmaを挟まず、いきなりソースコードを出力

これによって、例えば以下の職能の人も、議論用の叩き台デザインくらいなら、簡単に出せるようになる。

・エンジニア
・ライター
・営業
・マーケター

例えば営業が「御社だったらこんなデザインですね」と2～3案持っていく、みたいなことが1時間以内の準備でできるようになったりする。

また、ライターがコンテンツを書き、そのまま簡易的にデザインに当てはめた状態まで作る、ということも可能になるだろう。

こうなってくると、ウェブデザイナーと呼ばれる人たちの介在価値は以下になる。

・顧客ビジネスやターゲットを理解したうえで、どんな表現が適切かを提案する力
・顧客とディスカッションしたり提案したり説得したりする力
・コンテンツに対して、どんな表現だとターゲットに「刺さるか」を考える力
・生成AIでは詰め切れない細部をチューニングする力
・ライターやエンジニアに対して「こうした方がいい」と調整を促す力
・AIが出力したアウトプットに対して「これではダメだ」とさらに高いレベルを追求する目
・プロンプトのもとになる、たくさんのデザイン用語を知っている
・参考デザインの知識が豊富で、このビジネスならこれがイイだろう、がパッと発想できる

逆に以下のような部分の価値は、遅かれ早かれ薄れていくだろう

・時間をかけて自分の手でベースデザインを作る力（ベースはAIでポン出し）
・パッと見て綺麗なデザインを自分の手で作る力（綺麗なバランスはAIで整えてくれる）
・デザインのバリエーションを作る力（展開こそAI）
・色彩・空間・形を自分の手で作るセンスを磨く（見極めができるなら、自分で作れる必要はない）

もちろん、これらの能力を身につけるために「自分の手で作る経験」があった方がいい、というのはある。なのでやる意味がないとは、今は思わない。

ただもう少し長い目で見ると、デザイナーになった時からAIがある人たち、つまり「目で見て選別する工程の中で鍛えられた人たち」が台頭しそうな時代がやってきそうに思う。

デザイナーは、その仕事への愛着から「自分たちのこだわりや能力は重要に決まっている」と過剰評価してしまう傾向がある。しかし、この過剰評価して市場感覚とズレているままだと、ビジネスやターゲット理解、それにともなう提案力などが重要視される世界になると、より不利に働くだろう。

彼らがよくいう「AIが浸透しても上位数%は生き残れる」という話も、実は感覚的にズレてて、上位0.1%かもしれない、という可能性を見ておく必要がありそうである。

また、ウェブ制作という観点で言えば、ますます「コンテンツを作れる人」「考えられる人」の重要度が増してくる。もちろん、コンテンツそのものは生成AIで作れる流れだが、顧客ビジネスを踏まえて、

・どんなコンテンツを作るのがイイか
・どんなコンテンツであるのが妥当か
・どんなコンテンツだとターゲットに刺さるか

を考えられることが価値になる。（ちなみにここでいうコンテンツには、映像や写真や音声も含まれる）

長らくBtoBに関わっているが、いかにHOWが簡単にできるようになっても、このあたりのWHO/WHATそしてWHYの定義が自分たちでできない、という企業は非常に多い。

その支援をしているベイジという会社も、自社のことになると途端に客観的に判断できなくなる面は確かにある。組織の内側が解像度高く見えているがゆえに、自分たちを客観視したり、自分たちを律したりするというのは難しい。

その意味で客観的な視点から判断・提案ができる支援企業は引き続き必要になるだろう。ただ、その支援というのは、「行動」の代行ではなく「頭脳」の代行に、より本質的、戦略的になっていくだろう。

ウェブ制作のワークフローという意味では、フロントエンドエンジニアの関わり方も変わってくる。

AIドリブンなウェブ制作の特徴は、「ビジュアルとソースコードが同時に作られる」である。これが、人の手でウェブサイトを作るフローとの大きな違いになる。

なので、ウェブサイトを作る時は、エンジニアとデザイナーが一緒に話をしながら出力する、というプロセスになるように思う。そしておそらく、細部の調整は必要になるはずなので、それをエンジニアで対応する。

大規模サイトとしての統合や、CMS組み込みとかは、まだしばらくはAIでは細かなところができない可能性があり、エンジニアの仕事としては引き続き残るだろう。（それもあと数年かもしれないが）

そしてこうしたデザインや開発の前段のフローに、コンサルとライターによる、コンテンツ制作がある、という流れがより確定的になりそうだ。

例えばベイジが今やっているような、ターゲットやビジネスを言葉で定義した戦略資料と、ある程度でき上ったコンテンツがあれば、あとはデザインとソースコードのベースはほとんどの部分をAIに作らせることができる。

デザイナーとエンジニアのオペレーション部分の仕事は、今以上に楽になるだろう。作って悩む時間がかなり無くなるので、1か月に一人で回せる案件が、1～2つだったのが、3～5とかになる可能性が高い。

しかしそれは、オペレーションの経済的価値を失っていくこととほぼイコールである。

そして、ますます頭脳労働部分が価値になっていく。
AIが出したものを適切にジャッジしたり、説明したり、引き上げたり、ビジネス的な結果に繋げたりする力が価値になる。

ベイジは2027年までに「コンサルシフトする」を社内の合言葉のようにしている。しかし、こうしたベイジの方針と関係なく、市場の流れ自体が、その方向に確実に向かっている。

本当に、2026年にウェブ制作が大きく変わり、2027年はある種"コンサル的"になってないとビジネスが成り立たない、価値が発揮できない、となりそうな予感がする。ウェブ制作にとっては機会と危機の両方が考えられる。そういう時代には、マーケティングやビジネスや顧客に向き合ってきたこれまでのベイジの取り組みが、より一層価値を帯びるかもしれないが、それすらAIに駆逐されるかもしれない。

[糸数itokazu taiga大雅 @itokazuuu]

こちらのキービジュアルのイラスト担当させて頂きました！！

私のFAを欲しがっていた方々、満を持して、今回公式の商品として皆様の手元に届く事、とても嬉しく思います！

応援をして頂き、いつもありがとうございます。✨

[まさひろ| Webサイト制作 |京都 @masadsgn]

Config2026のFigma モーション、もう使えるのって思ったこの感覚、ニンテンドーダイレクトと同じやねん。

[まさひろ| Webサイト制作 |京都 @masadsgn]

実家あったわ。。。懐かしすぎて泣ける

[バズり隊 @WindowTappcou0]

実家もしくは家にこれがある方いますか？

[オリコンニュース @oricon]

ポテトチップスの白黒袋、絵師の間で流行
余白に好きな絵描くブーム
https://t.co/mmLRhPZyzC
⠀
中東情勢の影響を受けたパッケージ変更。絵描きにとっては創作意欲を掻き立てられ「絵描きに向いている？」「このビッグウェーブに乗るしかないですよカルビーさん　ピンチをチャンスに！」との声も。

[まさひろ| Webサイト制作 |京都 @masadsgn]

ちょっと欲しい。ソフマップで買っちゃいそう。

[Kyrie @KyrieCheungYep]

一直有在用 Claude Code
今天终于下定决心去买了个实体版
接下来能好好做项目 vibecoding 了！

[まさひろ| Webサイト制作 |京都 @masadsgn]

@masaki_tanig ありがとうございます！動き出された後、デンジャラスのJAMが鳴るまで脳内再生余裕でした！😂😂

[まさひろ| Webサイト制作 |京都 @masadsgn]

ブカレストの完全再現〜トークでUndoする件まで面白すぎてめちゃリピート視聴してる笑笑　#朝までディレクション

[まさひろ| Webサイト制作 |京都 @masadsgn]

キングオブプレゼンテーションが仁王立ちしてて失神するかと思いました。
#朝までディレクション

[まさひろ| Webサイト制作 |京都 @masadsgn]

助かります。これはAI時代意識していきたいfor real.
#朝までディレクション

[まさひろ| Webサイト制作 |京都 @masadsgn]

助かります！「AI使ってます！」みたいなニュアンスで堂々とクライアントさんに話すのは、個人的に少し気が引けてたけど、伝え方、扱い方を変えると認識齟齬を防ぐ武器になるんだなぁ
#朝までディレクション　(追っかけ視聴)

[まさひろ| Webサイト制作 |京都 @masadsgn]

毎度オープニングセッションのテンションが好きすぎて面白い
#朝までディレクション

[田口 真行@エンタミナ @webdirection]

いよいよ明後日！
#朝までディレクション 3

ディレクターのみならず、日々クライアントとやり取りしているデザイナーやエンジニアの方にもおすすめのセッションが目白押し！

当日視聴無料！お申込みはこちら
https://t.co/arEsydL7k5

[まさひろ| Webサイト制作 |京都 @masadsgn]

わかりみがすぎょい。個人的には街中のデザインが視界に入ったり、リアルな一次情報が強制的に入ってくるのも刺激的なのかもと。

[トミナガハルキ | フリーランス歴10年な人 @asobodesign]

移動中が一番アイデア出ませんか。恐らく「何もできない」が確定している時間だからだと思います。事務所だと「あれもできる、これもできる」と視界に入って、思考が散漫に。選択肢を奪われると今あるものだけで考えられますし、移動時間は強制的な思考部屋なのかも。

[Yahoo!ニュース @YahooNewsTopics]

【OpenAIがChatGPTを刷新へ 報道】
https://t.co/s7cY6GeuNB

[まさひろ| Webサイト制作 |京都 @masadsgn]

https://t.co/mNGW2CL0U2
制作しましたサイトはこちら⬆️

[まさひろ| Webサイト制作 |京都 @masadsgn]

【ご支援事例🤝】

こちら前回のアルバイト採用サイトに続き、黛グループ様の正社員採用サイトを設計からデザインまで昨年制作いたしました！

「働きやすい職場」「成長できる環境」を、言葉だけでなく"空気感"としてビジュアルで伝えることを意識して制作しています。

アルバイト採用ページとはターゲットが異なり、正社員を検討する方は「この会社で長く働けるか」「キャリアを描けるか」をより真剣に見ていると考え、だからこそ、条件・待遇の羅列ではなく、会社のビジョンや職場のリアルな雰囲気が伝わる設計を意識しました。

デザイン面では、和食や京都という雰囲気は損なわないように高級感と親しみやすさを慎重に混ぜて表現しました。 設計面では、複数業態・多店舗展開の情報をシンプルに整理しながら、求職者が迷わず自分に合う場所を見つけられるような、直感的でわかりやすいUI導線を意識しております。

京都での正社員転職・就職をお考えの方や、飲食業界でのキャリアに興味のある方が周りにおられましたら、ぜひ一度おすすめください！🙏

[まさひろ| Webサイト制作 |京都 @masadsgn]

【ご支援事例🤝】
昨年、かねてご支援させていただいている株式会社黛様のアルバイト採用サイトを制作いたしました！
今回、提案・デザイン撮影・設計まで一気通貫で制作しております。

前LPが少し前に作られたものであり、「現代の高校生・大学生に対して、より働く楽しさや魅力を伝えたい」というご要望のもと、
ただ綺麗に作り直すことではなく、「ここで働くの、ちょっと楽しそう」「バイト先として見てみたい」と直感で感じてもらえる採用ページを目指しました。

具体的にはデザインでは、今の高校生・大学生に直感的に届くように、手書き感・エモさ・写真のライブ感(スマホ撮影など)を重視。

設計面では、他店舗展開されている企業様なので情報が多くなりがちな点をコンパクトに収納できるような設計を意識しました。

採用ページは、条件を並べるだけでは届きにくく、

「雰囲気が合いそう」
「ここなら続けられそう」
「人が良さそう」

そう感じてもらえるかが、かなり大事だと思っています！

クライアント様とも何回も丁寧にすり合わせながら、目的を見失わず、若い世代に届く“飽きさせない採用ページ”を形にしました。

京都でアルバイトを探している方や、身近にバイト先を探している学生さんがいる方は、ぜひ一度見ていただけると嬉しいです！🙏

[トミナガハルキ | フリーランス歴10年な人 @asobodesign]

事業概要とか別に読まなくていいから、街をエイリアンから守ってくれ。（※ホームページです）

[トミナガハルキ | フリーランス歴10年な人 @asobodesign]

時代はフィジカルらしいので、事務所のWebサイトを自由に歩き回れる街にしました。ミニゲームもできるので探してみてください。
https://t.co/5tz3oVu422