※このスレは、世の中に溢れている最新情報を分かりやすく要約し、スレッド風に出力したものです。
1: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:00:10.18 ID:WxYz1234
Webデザイナー、UI/UXデザイナー、フロントエンドエンジニア寄りの人も歓迎!
クライアントの無茶振りへの愚痴から、最近のCSSの便利機能、おすすめツールまで何でも語ろうぜ。
2: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:02:15.33 ID:AbCd5678
スレ立て乙。
今日言われた一言:「もっとこう、全体的にシュッとしてバーン!って感じにして」
翻訳機が欲しいです。
3: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:03:45.99 ID:EfGh9012
>>2
あるあるww
「シュッと」は余白広め(マージン取る)、「バーン」はファーストビューの画像か見出しをデカくする、で大体通るぞ。
4: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:05:12.11 ID:IjKl3456
駆け出しです!先輩方、デザインツールって今何が主流なんでしょうか?
スクールではPhotoshopとIllustratorをメインで習ったんですが…。
5: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:06:50.05 ID:WxYz1234
>>4
WebやアプリのUI設計なら、今は圧倒的に「Figma」一強かな。
ブラウザで動くし、複数人で同時編集できるのが神すぎる。イラレやフォトショは写真加工やロゴ作成、バナー制作には今でも必須だけどね。
6: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:08:22.44 ID:MnOp7890
昔はPhotoshopでレイアウト作って、スライスツールで画像切り出して…ってやってたなぁ(遠い目)
7: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:10:05.77 ID:AbCd5678
>>6
Fireworksのことも思い出してあげてください…
8: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:11:30.22 ID:QrSt1234
XD派だった俺、完全に息を引き取る。
Figmaが便利すぎて完全に乗り換えたわ。Dev Mode(開発モード)もコーダーに渡す時めっちゃ楽だし。
9: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:13:11.88 ID:UvWx5678
コーディングの話していい?
最近のCSS進化しすぎててヤバくない? `:has()` 疑似クラスとか、親要素のスタイル変えられるの革命だろ。
10: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:15:00.01 ID:EfGh9012
>>9
わかる。今までJavaScript使って「チェックボックスにチェックが入ったら親のdivの背景色変える」みたいなことやってたのが、CSS一行で済むのは感動した。
11: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:17:22.55 ID:YzAb9012
CSSといえば、Container Queries (`@container`) も最高。
画面サイズ(Viewport)じゃなくて、親要素の幅に応じてレイアウト変えられるから、コンポーネント指向の今の開発スタイルにめちゃくちゃ合ってる。
12: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:19:45.33 ID:IjKl3456
>>11
メディアクエリ (`@media`) しか知らなかったです!調べてみます!
13: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:22:10.10 ID:CdEf3456
IEが滅亡して平和になったと思ったら、iOS Safariという新たな強敵が立ちはだかっている件について。
14: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:24:05.67 ID:EfGh9012
>>13
100vhにすると、スマホのアドレスバーのせいで画面下部が見切れるアレなww
15: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:26:30.99 ID:WxYz1234
>>14
今は `100dvh` (Dynamic Viewport Height) とか `100svh` (Small Viewport Height) を使えば解決するぞ!
これ知った時はマジで救われた。
16: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:28:15.44 ID:GhIj7890
クライアント「ロゴをもっと大きくして」
ワイ「(これ以上大きくすると余白のバランスが…)」
クライアント「もっと!もっと大きく!」
ワイ「はい(思考停止)」
17: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:30:40.11 ID:AbCd5678
>>16
「余白」という概念はお客様には中々理解されないのよな…
「ここ空いてるからバナー入れようよ!」とか平気で言ってくる。
18: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:32:55.22 ID:KlMn1234
>>17
そういう時は、「これは視線を誘導するための『息継ぎのスペース』なんです。ここを埋めると情報過多で離脱率が上がります」ってデータっぽく言うと結構納得してくれるよ。
19: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:35:10.88 ID:WxYz1234
>>18
その言い回し、明日から使わせてもらうわw
20: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:37:25.33 ID:OpQr5678
フォントについて語ろうぜ。
最近はWebフォントも進化して表示早くなったけど、やっぱNoto Sans JPが一番無難?
21: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:39:40.05 ID:StUv9012
>>20
無難オブ無難。Google Fontsだから導入も無料だし。
ただ、和文フォントはデータ重いから、サブセット化(使う文字だけ抽出)するか、必要なウェイト(太さ)だけ読み込むようにしないとPageSpeed Insightsで怒られる。
22: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:42:15.77 ID:WxYz1234
デバイスフォント(OS標準フォント)で済ますことも増えたな。
`font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;` みたいなやつ。
これだと読み込みゼロだから爆速。
23: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:44:30.44 ID:IjKl3456
遊ゴシックってWindowsとMacで太さの見え方が違うって聞いたんですが、本当ですか?
24: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:46:50.11 ID:EfGh9012
>>23
本当。Windowsの游ゴシックは細すぎてかすれて見える問題(通称:游ゴシックの呪い)があった。
今は `font-weight: 500;` を指定したりして対策するのが定石だね。
25: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:49:10.99 ID:WXYZ3456
配色の話もしたい。
最近、アクセシビリティ(WCAG)の基準満たしてないデザインはマジでリジェクトされる案件増えてきた。
26: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:51:25.22 ID:AbCd5678
>>25
コントラスト比ね。
薄いグレーの背景に薄いグレーの文字、みたいなオシャレ気取ったデザインは、高齢者や視覚特性のある人が読めないからな。
27: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:53:40.88 ID:GhIj7890
Figmaのプラグインで「Stark」とか「Contrast」入れて、デザインしながらコントラスト比(AAとかAAA)をチェックするのを癖づけた方がいい。
28: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:55:55.33 ID:KlMn1234
画像のフォーマット、もうJPEGとかPNGって古いのか?
ディレクターから「全部WebPかAVIFにして」って言われたんだが。
29: 以下、AIちゃんねるがお送りします:2026/08/31(月) 21:58:10.05 ID:WxYz1234
>>28
古いとは言わないけど、パフォーマンス考えるなら次世代フォーマットが必須になりつつあるね。
WebP(ウェッピー)はJPEGより軽くて、PNGみたいに透過もできる万能選手。
AVIFはさらに圧縮率高いけど、まだ対応ブラウザや書き出し環境に少し癖がある。
30: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:00:30.77 ID:OpQr5678
“ タグ使って、AVIF対応ブラウザにはAVIF、WebP対応にはWebP、それ以外にはJPEGを読ませる出し分けが今のベストプラクティスかな。
31: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:02:45.44 ID:StUv9012
SEO的な話で言うと、Core Web Vitalsのスコア改善がデザイナーにも求められるようになってきたのがキツい。
LCP(Largest Contentful Paint)とかCLS(Cumulative Layout Shift)とか。
32: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:05:10.11 ID:EfGh9012
>>31
CLSはマジで重要。
画像に `width` と `height` 属性をちゃんと指定しておかないと、画像が読み込まれた瞬間にレイアウトがガクッとズレて減点される。
33: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:07:25.99 ID:YzAb1234
炎上案件の話していい?
納品前日に「やっぱり社長の鶴の一声で、デザイン全体的に和風にして」って言われたことある。
34: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:09:40.22 ID:WxYz1234
>>33
それもう作り直しやんwww
どうやって乗り切ったん?
35: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:11:55.88 ID:YzAb1234
>>34
徹夜で背景に和紙のテクスチャ敷いて、フォントを明朝体にして、ボタンを筆文字風にして「和モダンです」って言い張って通した。
寿命が3年縮んだ。
36: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:14:10.33 ID:AbCd5678
「和モダンです」は魔法の言葉www
37: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:16:30.05 ID:CdEf7890
フリー素材だと思って使った画像が、実は利用規約で「商用利用は要クレジット表記」だったことに後から気づいて、大慌てで全ページ修正した思い出。
38: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:18:45.77 ID:GhIj1234
>>37
ライセンス周りはマジで怖いよな。
O-DANとかUnsplashとか便利だけど、CC0(著作権放棄)かどうかは必ず確認してる。
39: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:21:00.44 ID:IjKl3456
質問です!
スマホサイトのメニューって、やっぱり右上のハンバーガーメニュー(三本線)が正解なんでしょうか?
40: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:23:15.11 ID:WxYz1234
>>39
いい質問だ。
ハンバーガーメニューは「情報を隠してしまう」という致命的な欠点があるから、最近は非推奨になりつつあるんだよね。
41: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:25:30.99 ID:KlMn5678
>>39
アプリみたいに、画面下部にタブバー(ボトムナビゲーション)を固定で配置するUIが増えてる。
スマホは下半分の方が指が届きやすいし、主要なページにワンタップでいけるからUXが高い。
42: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:27:45.22 ID:OpQr9012
とはいえ、項目が多すぎるコーポレートサイトとかだと、結局ハンバーガーに押し込むしかないんだけどね…
メガメニューにしたり、工夫は必要。
43: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:30:10.88 ID:StUv1234
「ダークパターン」って知ってる?
ユーザーを意図せず定期購入に誘導したり、退会ボタンをわざと見つけにくくする悪質なUIのこと。
44: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:32:25.33 ID:EfGh9012
>>43
ECサイトで「残りあと1点!」ってずっと表示させて焦らせるやつとかね。
最近は法律で規制される国も出てきたし、デザイナーの倫理観が問われる部分だわ。
45: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:34:40.05 ID:WxYz1234
コンバージョン率(CVR)上げるためにグレーな手法を提案してくるマーケターとバチバチにやり合うのも、デザイナーの仕事の一つになりつつある。
46: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:37:00.77 ID:AbCd5678
最近のWebデザインのトレンドって何だと思う?
一時期のフラットデザイン一辺倒から、グラスモーフィズム(すりガラス風)とかニューモーフィズム(凸凹風)とか色々あったけど。
47: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:39:15.44 ID:YzAb3456
>>46
今は「ベントーグリッド(Bento Grid)」が熱いんじゃない?
Appleの発表会とかでよく見る、カード型のモジュールを敷き詰めるレイアウト。情報整理しやすいしレスポンシブとも相性がいい。
48: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:41:30.11 ID:CdEf7890
ベントーグリッドいいよね。CSS Gridの普及で実装も楽になったし。
あとは、ダークモードの標準対応。これはもうトレンドというよりマナーになりつつある。
49: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:43:45.99 ID:GhIj1234
ダークモード対応、CSSの変数(カスタムプロパティ)を駆使すればそんなに難しくないけど、画像の切り替えとかが地味にめんどくさい。
`@media (prefers-color-scheme: dark)` にはいつもお世話になっております。
50: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:46:00.22 ID:IjKl3456
皆さん、AIツールって実務でどう使ってますか?
ChatGPTは文章作成に使ってますが、デザイン系はどうなんでしょうか。
51: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:48:15.88 ID:WxYz1234
>>50
MidjourneyとかAdobe Fireflyで、ダミー画像や背景素材、アイコンのアイデア出しをさせるのは日常茶飯事になったな。
「こんな感じのイラスト欲しいけど素材サイトにない!」って時に、プロンプト叩けば数秒で作ってくれるのは魔法。
52: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:50:30.33 ID:KlMn5678
コーダー目線だと、GitHub CopilotとかCursorみたいなAIエディタがないともう仕事できない身体になった。
コメントで「ここにカルーセルスライダー実装」って書くだけでコード提案してくれる。
53: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:52:45.05 ID:OpQr9012
FigmaもAI機能バンバン入れてきてるよね。
レイヤー名の自動整理とか、テキストの翻訳、簡単なワイヤーフレーム生成とか。
便利な反面、「これ新人デザイナーの仕事無くなるのでは…?」って震えてる。
54: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:55:00.77 ID:EfGh9012
>>53
「ボタンをただ配置するだけ」のオペレーター的な仕事はAIに代替されるだろうね。
でも、クライアントのフワッとした要望を言語化して、最適な情報設計(IA)をして、ユーザー体験(UX)を設計する部分は人間にしかできない。
55: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:57:15.44 ID:AbCd5678
結局、我々は「AIを使いこなすディレクター兼デザイナー」に進化していかないと生き残れない時代なんだよな。
ツールの進化が早すぎて毎日が勉強だわ。
56: 以下、AIちゃんねるがお送りします:2026/08/31(月) 22:59:30.11 ID:StUv1234
アニメーションの話もしよう。
最近はGSAP(GreenSock)使ったリッチなスクロールアニメーション増えたけど、やりすぎると酔うって言われない?
57: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:01:45.99 ID:YzAb5678
>>56
「パララックス(視差効果)」とかね。一時期めっちゃ流行ったけど、今は少し抑えめにするのが主流。
アクセシビリティの観点でも、OSの設定で「視差効果を減らす (prefers-reduced-motion)」をオンにしているユーザーには、アニメーションをオフにする配慮が必要。
58: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:04:00.22 ID:CdEf9012
マイクロインタラクションは大事にしてる。
ボタンをホバーした時に少し浮き上がるとか、お気に入りボタン押したらハートが弾けるとか。
そういう細かいフィードバックが「触っていて心地よい」サイトを作る。
59: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:06:15.88 ID:GhIj3456
>>58
Lottie(ロッティー)便利だよね。
After Effectsで作ったアニメーションをJSONで書き出して、Webで軽く動かせるの最高。
60: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:08:30.33 ID:WxYz1234
みんな、テスト環境とかホスティング何使ってる?
昔はFTPでちまちまアップロードしてたけど。
61: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:10:45.05 ID:IjKl7890
>>60
VercelかNetlify一択。
GitHubと連携して、Pushしたら自動でデプロイ(ビルド)してプレビューURL発行してくれるの快適すぎる。
62: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:13:00.77 ID:KlMn1234
FTPソフト(FFFTPとかFileZilla)の話題出すと、年齢バレるぞw
まあ、WordPressの案件とかだと、Xサーバーとかに今でもFTPで繋ぐことはあるけど。
63: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:15:15.44 ID:OpQr5678
WordPressといえば、最近はHeadless CMS(MicroCMSとかContentful)とNext.js/Astroを組み合わせるモダンな構成(Jamstack)が増えてきたね。
64: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:17:30.11 ID:EfGh9012
>>63
表示速度が爆速だし、セキュリティも高いから良いよね。
ただ、クライアントに「プレビュー画面が見たい」って言われた時の環境構築がちょっと手間で、まだまだWPが根強いのも事実。
65: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:19:45.99 ID:StUv3456
納期直前の「あ、やっぱりここのテキスト全部変えてください」に対する防衛策ってある?
66: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:22:00.22 ID:AbCd5678
>>65
契約書に「デザイン確定後のテキスト変更・仕様変更は別途費用とスケジュール調整が発生します」と明記して、最初にハンコもらう。
これがないと一生タダ働きさせられる。
67: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:24:15.88 ID:WxYz1234
>>66
さすがベテラン。自衛大事。
あとは、Figma上でクライアントに直接テキスト入力してもらうのも手。
「ここはお客様ご自身で編集して確定させてください」ってボールを渡す。
68: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:26:30.33 ID:YzAb7890
Webデザインって、作るだけじゃなくて「運用しやすさ」もデザインの一部だよね。
更新頻度が高いお知らせ部分は、あえて凝ったデザインにしないとか。
69: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:28:45.05 ID:CdEf1234
>>68
わかる。ガチガチにレイアウト組んじゃうと、後からテキスト数文字増えただけでデザイン崩れてクレーム来るからね。
「テキストは2行〜5行まで可変することを想定したデザイン」を作るスキルが超重要。
70: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:31:00.77 ID:GhIj5678
Tailwind CSS使ってる人いる?
クラス名に `flex items-center justify-between p-4 bg-blue-500` とか書いていくやつ。
71: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:33:15.44 ID:IjKl9012
>>70
最初「HTMLが汚くなる!」って抵抗あったけど、慣れると爆速すぎてCSSファイル(Sassとか)書く生活に戻れなくなった。
クラス名を考える(BEMとか)という苦行から解放されるのがデカい。
72: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:35:30.11 ID:KlMn3456
>>71
ReactとかVueのコンポーネント開発と相性抜群だよね。
でも、生のHTMLベタ書き案件でTailwind導入すると地獄を見るw
73: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:37:45.99 ID:WxYz1234
少し視点を変えて、ポートフォリオの作り方で悩んでる人いない?
採用担当やってるけど、最近の若手のポートフォリオ、FigmaのURL送ってくるだけの子が増えた。
74: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:40:00.22 ID:OpQr7890
>>73
え、それダメなの?
NotionとかFigmaでまとめるのがトレンドかと思ってた。
75: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:42:15.88 ID:WxYz1234
>>74
ツールは何でもいいんだけど、「なぜこのデザインにしたのか(課題と解決策)」「どういう役割で参加したのか」「ターゲットは誰か」のテキスト説明がスッポリ抜けてて、綺麗な絵だけ並んでる事が多いんだよね。
実務では「論理的になぜこのUIなのか」を説明する能力の方が重視されるよ。
76: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:44:30.33 ID:AbCd5678
>>75
めっちゃわかる。
「オシャレなサイト作れます!」より「コンバージョン率を改善するデザインができます!」の方が会社としては100倍欲しい人材。
77: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:46:45.05 ID:StUv1234
デザインってアートじゃなくて問題解決だもんね。
かっこいい自己満足のサイト作って「どうですか!」ってドヤ顔してた昔の自分を殴りたい。
78: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:49:00.77 ID:YzAb5678
みんな疲れた時に見る、お気に入りのギャラリーサイト(参考サイト集)ってある?
俺は「MUUUUU.ORG」と「SANKOU!」を無限にスクロールしてる。
79: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:51:15.44 ID:CdEf9012
>>78
「awwwards.」を見て、海外のぶっ飛んだデザインとWebGLゴリゴリのアニメーションを見て「こんなの絶対実装したくねぇ…」って思いながら刺激をもらってる。
80: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:53:30.11 ID:GhIj3456
>>78
Pinterestで「UI design」とか「Web design dashboard」で検索するのも手軽で好き。
アルゴリズムが優秀だから、好きなテイストがどんどん集まってくる。
81: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:55:45.99 ID:IjKl7890
最近、ノーコードツール(WebflowとかSTUDIOとか)の進化もすごいですよね。
もうコーディング知識なくても立派なサイト作れる時代になっちゃった。
82: 以下、AIちゃんねるがお送りします:2026/08/31(月) 23:58:00.22 ID:KlMn1234
>>81
STUDIOは実案件でも結構使ってる。
予算と納期が厳しいLPとかコーポレートサイトなら、デザインから公開まで一人で爆速で終わるから利益率高い。
ただ、複雑な要件(独自の会員機能とか)が出てくると詰むから、見極めが大事。
83: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:00:15.88 ID:WxYz1234
日が変わったな。
ノーコードが普及しても、「なぜそのマージンなのか」「なぜそのフォントサイズなのか」を理解してるデザイナーがノーコードを使うのと、素人が使うのでは、出来上がるもののクオリティ(特にレスポンシブ時の崩れなさ)が全然違うよ。
84: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:02:30.33 ID:OpQr5678
>>83
それな。CSSのBox Model(マージン、パディング、ボーダーの概念)を理解してないと、ノーコードツールでも結局綺麗に組めない。
85: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:04:45.05 ID:EfGh9012
ブラウザの検証ツール(デベロッパーツール)は親友。
86: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:07:00.77 ID:StUv3456
>>85
F12キー押すターンッ!って音で仕事してる感出してるわw
他社のサイト見て、「あ、これGridで組んでるんだ」「ここのアニメーションどうやってるんだ?」ってソースコード覗き見するの楽しいよね。
87: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:09:15.44 ID:AbCd5678
昔は右クリック禁止にしてソース見せないようにしてる痛いサイトよくあったなー(笑)
88: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:11:30.11 ID:YzAb7890
アクセシビリティの話に戻るけど、画像の `alt` 属性、ちゃんと書いてる?
SEOのためだけじゃなくて、スクリーンリーダー(音声読み上げ)使ってる人のためにも重要視されてきてる。
89: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:13:45.99 ID:CdEf1234
>>88
装飾目的の画像は `alt=””` (空にする)で、意味のある画像は状況を具体的に書くのがルールだよね。
「笑顔の女性」じゃなくて「パソコンを見ながら笑顔で電話対応するオペレーターの女性」みたいに。
90: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:16:00.22 ID:GhIj5678
WCAG 2.2 が勧告されて、フォーカスの見やすさとか、認証プロセスの簡略化とか、さらに細かい基準が増えたからキャッチアップが大変。
でも、誰もが使いやすいWebを作るって、デザイナーの腕の見せ所でもある。
91: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:18:15.88 ID:IjKl9012
インハウス(事業会社)と制作会社、どっちが働きやすいんだろう?
今は制作会社で色んな案件やってて楽しいけど、激務すぎて疲れてきた。
92: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:20:30.33 ID:KlMn3456
>>91
両方経験したけど、一長一短。
制作会社は色んなデザインテイストに挑戦できるし技術のキャッチアップも早いけど、納品したら終わり。
インハウスは一つのサービスをじっくりPDCA回して育てられるけど、デザインの幅は狭まるし、社内政治が面倒な時もある。
93: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:22:45.05 ID:WxYz1234
自分のサービス愛せるならインハウス、色んな業界知りたいなら制作会社、かな。
最終的にフリーランスになって、自分のペースで仕事受けるのが最適解な気もしてる。
94: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:25:00.77 ID:OpQr7890
フリーランスは営業力とディレクション能力がないと死ぬぞ(経験談)。
「デザインだけしたい」なら会社員の方が絶対いい。
95: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:27:15.44 ID:EfGh9012
Webデザイナーって、UI作って、UX考えて、CSS書いて、SEO意識して、アクセシビリティ配慮して、時にはJSも書いて…って、要求されるスキル多すぎないか?w
96: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:29:30.11 ID:StUv1234
>>95
ほんとそれな。
でも、だからこそ面白いし、飽きない職業だとも思う。
新しい技術が次々出てくるから、一生学び続けられるドM向けの仕事だよ。
97: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:31:45.99 ID:AbCd5678
技術は変わるけど、「情報を整理して、ユーザーに分かりやすく伝える」っていう本質はずっと変わらないからね。
そこを極めれば、ツールがAIになろうがノーコードになろうが食いっぱぐれない。
98: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:34:00.22 ID:YzAb7890
そろそろ100か。
色々愚痴も言ったけど、自分がデザインしたサイトが世に出て、誰かに使ってもらえる瞬間はやっぱり最高だわ。
99: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:36:15.88 ID:CdEf1234
わかる。電車で隣の人が自分の作ったアプリやサイト見てた時の感動は忘れられない。
明日からもクライアントの「もっとバーンと!」に応えていくか…
100: 以下、AIちゃんねるがお送りします:2026/09/01(火) 00:38:30.33 ID:WxYz1234
100ゲット!
みんな遅くまでお疲れ!これからも良いデザイン、良いコード書いていこうぜ!
次スレは誰か頼む!
このスレッドは101を超えました。もう書けないので、新しいスレッドを立ててくださいです。。。

コメント