WEBディレクターの目線

大阪のWEB制作会社のWEBディレクター💻⚡️ デザイナー・ディレクター目線でWEB制作・UIUX・デザイン・SEO・WordPressについて発信（していきたい）｜デザイン、開発、個人製作もやります｜Claude Code勉強中｜デザインスクール講師/舞台役者兼業

[WEBディレクターの目線 @WebDirectorsEye]

AdobeStockで見かける白髪のおばあちゃん、
ファッションモデルもされていたんだ

[野田ユカ│スーパーシニアモデル @yukapy]

グレイヘアモデル 野田ユカです。
60歳から本格的にモデル活動をスタートしました。
《白髪を活かし ポジティブに 華麗なる加齢を》
MV・CM・ファッションなど幅広い分野で活動しています。
年齢を重ねることは、マイナスではなく魅力になる。
そんな想いを込めて発信しています。ご依頼はインスタDMへ

[WEBディレクターの目線 @WebDirectorsEye]

「Zen Kaku Gothic New」、
ゴシックでありながら絶妙クラシカル感も併せ持ち、なのに古臭くもなく可読性良好。Google Fontでも使えるしお気に入りだったんだけど…

ここ数ヶ月のうちにClaude Code性のAIデザインに多く採用されるようになり、なんか敬遠するようになっちゃった。

[WEBディレクターの目線 @WebDirectorsEye]

デザイナーはデザインの作成に、コーダーはCSSの開発に、そしてクライアント自身もHTML単一ファイルなのでメールで届いたファイルをブラウザで開くだけで見れるなどなど、現状かなりスッキリと運用できている感じがします

[WEBディレクターの目線 @WebDirectorsEye]

現在試験的にやってること
１）Claude CodeでHTMLのワイヤーフレームをつくる
２）デザイナー・クライアント双方にそのまま共有
３）WFはCLIでWordPressに接続し、ブロックに変換し小ページを作成。

この方法だと、原稿情報のコピペ作業がまるっと省略できるのでかなり省エネになる☀️

[WEBディレクターの目線 @WebDirectorsEye]

めちゃくちゃ素敵ですね！（先越されちゃった）

「見た目」と「役割」を分離して考える扱い方は極めて合理的！

[くくまま ｜ Webデザイナー @Jun_ko_web]

🧩自分用Figmaパーツ集制作中🧩

デザイン制作している上で、「ここ毎回同じことやってるな～」を減らして時短できるよう、現在パーツ集を作っています✨
削減できる工数は減らし、リサーチやデザインの作り込みなど、必要な部分に集中できるように😊

✅フォント・カラー・余白等をバリアブルで基本設定しておく
✅ヘッダー、フッター、MV、ボタン、カード等毎回使うであろうパーツのバリエーションを準備
✅コンポーネント化して、パーツを選べるように
✅PC⇔SP、カラー⇔モノクロ（WF用）のモード切替を設定しておく

という風に準備があれば、お料理キットみたいな感じで切られている食材をどう合わせるか、味付けをどうするか、食事バランスをどうするか…を考える事に集中できるかなと👩‍🍳
※素材そのままではもちろん出しません

まだまだ制作中ですが、イメージはこんな感じです💡
バリエーションをもっと増やして制作の効率化を目指します！💪

[WEBディレクターの目線 @WebDirectorsEye]

WordPress メディア設定の
この「中サイズ」、そろそろ見直すタイミングかな。

300サイズって実質的にフロント側ではほとんど使い道がない上、昨今の通信容量もそこまでシビアじゃないので。

中は700px、大は1200px、そしてフルサイズ
この3段階くらいで十分な気もする。どうでしょう？

#WordPress

[WEBディレクターの目線 @WebDirectorsEye]

AI技術の発展により、ディレクションができる人（これまでもクライアントの意見を巻き取りエンジニアに正しく要件を伝えられていた人）は気軽にプロダクトを作れるようになった。

ただしこれからは、もっと細かく、細かすぎるくらい要件定義して鬼レビューできる技術が必要になりそう

[WEBディレクターの目線 @WebDirectorsEye]

WordPressに、背中を押されました
今日も前向いて頑張りましょう

[WEBディレクターの目線 @WebDirectorsEye]

WordPress FSEテーマのフォントサイズプリセット。
正直なところ、コレ多すぎるんですよね

Small / Medium / Large / Huge の4種類くらいにして、それ以外は特例として別途記述しちゃうほうがスッキリしそう。

X～サイズなんかほぼ覚えきれないし、プルダウンで10種類も並行で扱うのは無理な設計。

[WEBディレクターの目線 @WebDirectorsEye]

時期 WordPress に期待したいこと

1,定義型リストブロックをサポートしてほしい
セマンティックにコーディングしたい場合に困る。

2,テーブルブロックのTHセルを設定できるように見直してほしい。

[WEBディレクターの目線 @WebDirectorsEye]

全体的に角ばったUIにシフトした印象ですが、
ダッシュボードのパネルの角丸は、そのままなんですね。

WordPress7.0、すこしづつ様子を見ていこうと思います。

[WordPress @WordPress]

WordPress 7.0 “Armstrong” is here. 🎷

This major release introduces foundational AI tools, a refreshed admin experience, expanded design controls, new blocks, and powerful developer APIs.

Explore what’s new, update when you’re ready, and start building with WordPress 7.0 today. https://t.co/0aF3CG0WOt

[WEBディレクターの目線 @WebDirectorsEye]

Adobe XD さん、
まだアップデートあるんですね
何が変わったんだろう…

[WEBディレクターの目線 @WebDirectorsEye]

今まで感じたことない脈動生のズキズキする激しい頭痛に悩み3日間寝込んでおりました🤕

心配なので頭痛専門外来に受診しCTスキャンすると、副鼻腔の1つ前頭洞（おでこあたり）に炎症があるとのこと。

薬の服用を始めるとかなりマシになりました。。。流行りの謎風邪からの合併症だったのかな💧

[WEBディレクターの目線 @WebDirectorsEye]

タイポグラフィオタク・文字オタク・フォントオタクにありがちだと思うんだけど、AI（特にChatGPT・Nanobanana）で生成された画像の文字部分、どんなにキレイで間違いがなくてもなんとなく既存フォントにないグリフだという違和感で気付く

[WEBディレクターの目線 @WebDirectorsEye]

2倍って、めちゃくちゃオトクやん

[ClaudeDevs @ClaudeDevs]

Usage limits are up, effective today we're:

1) Doubling Claude Code's 5-hour limits for Pro, Max, Team and seat-based Enterprise plans

2) Removing peak hours limit reduction on Claude Code for Pro and Max plans

3) Substantially raising our API rate limits for Opus models

[WEBディレクターの目線 @WebDirectorsEye]

ピーク時に高負荷の作業を行ってもいい感じにリミット解除の時刻が訪れるよう5時間ずつ遡った時刻にスケジュールしておく

あさ9時、昼の3時、夜8時の三回だけ自動でごく軽量のタスクを自動化すると、昼の2時、夜20時、夜中1時にリセットされてHAPPY

[ひつじ@ClaudeCode本を執筆中 @hituji_1234]

使用量なるべく広げるために
朝起きたら「おはよー」だけ送ってる

7:00に送ると12:00リセット
→ 13:00仕事再開で18:00リセット

...これスケジュールタスク組ませた方が良いやつ？

[WEBディレクターの目線 @WebDirectorsEye]

ついにきた

[Adobe @Adobe]

Adobe for creativity + Claude 🤝

Now, Claude users can power their content with more than 50 Creative Cloud tools. Simply describe the outcome you want and let the assistant orchestrate workflows behind the scenes: https://t.co/G70cSsca8P

[WEBディレクターの目線 @WebDirectorsEye]

年間何十件も WordPress でWEB制作していますが、「page-*.php」を作ったことは、一回もありません。

[WEBディレクターの目線 @WebDirectorsEye]

@Akf1029Aki @5150_Tak 今よりもっとフォントのバリエーションが少ない時代でしたもんね。
僕は写植などの時代は全く知らない世代ですので、勉強になります！

[WEBディレクターの目線 @WebDirectorsEye]

グラフィックデザイン歴10年で、文字・フォント・タイポグラフィなどの界隈にもかなり興味がある方だったのですが、

> 「作字」は、フォントに内包されていない文字を、別の文字から切り貼り、継ぎ接ぎ、書き足しして作ること

これは初耳でした！！そーなんだ！

[WEBディレクターの目線 @WebDirectorsEye]

AdobeFontで配信されている「FONT1000」シリーズに搭載されていないような漢字を、分解して合体して作るアレとかが本来の「作字」だったんですね…

たとえば、「恋」という漢字は常用外なので、「変」のかんむりと「思」のこころを組み合わせて作る、みたいな…！