- 1 始めに
- 2 Webデザイナーの「コーディングがつらい」あるある
- 2.1 終わらないバグ修正
- 2.2 CSSの細かい調整
- 2.3 ブラウザ互換性
- 2.4 レスポンシブデザイン
- 2.5 コードの最適化
- 2.6 コメントの不足
- 2.7 ライブラリのバージョンアップ
- 2.8 無限のデバッグ
- 2.9 コピペ地獄
- 2.10 ドキュメントの更新
- 2.11 設計ミス
- 2.12 リファクタリング
- 2.13 バージョン管理の衝突
- 2.14 テストケースの作成
- 2.15 APIの変更
- 2.16 セキュリティ対策
- 2.17 パフォーマンスの問題
- 2.18 フレームワークの選定
- 2.19 バグ報告の対応
- 2.20 ペアプログラミングのストレス
- 2.21 デザインとの不一致
- 2.22 文法エラー
- 2.23 クライアントの要望変更
- 2.24 ドキュメント読み込み
- 2.25 期限との戦い
- 2.26 環境設定
- 2.27 コードレビュー
- 2.28 複雑なアルゴリズム
- 2.29 テストの自動化
- 2.30 モチベーションの低下
- 3 Webデザイナーがよく直面する「クライアントがWebを理解してない」あるある
- 3.1 モバイル対応って何？
- 3.2 SEOっておいしいの？
- 3.3 ページ読み込み時間ってそんなに大事？
- 3.4 このボタン、もっと目立たせたいけど、どこに置けばいい？
- 3.5 Webフォント？普通のフォントじゃダメなの？
- 3.6 WordPress？それって何？
- 3.7 サイトのセキュリティってそんなに必要？
- 3.8 ホバーエフェクトって何？
- 3.9 なんでレスポンシブデザインが必要なの？
- 3.10 リンク先が違う？大したことないよ
- 3.11 プロトタイプって何？
- 3.12 ロゴをもっと大きく、全部のページで
- 3.13 カラーパレット？好きな色使えばいいじゃん
- 3.14 サイトマップ？なんで要るの？
- 3.15 ページ数が増えると問題なの？
- 3.16 アナリティクス？何それ？
- 3.17 この画像、ネットで拾ったやつ使おうよ
- 3.18 フラッシュ？まだ使えるでしょ？
- 3.19 フォームの入力項目、全部必須にして
- 3.20 この部分、キラキラアニメーション入れて
- 4 webデザイナーの「すぐ直して、なんですぐ直らないの？」あるある
- 4.1 ここだけ直して」って、それが原因で他の部分も崩れるんだよ
- 4.2 すぐ直せるでしょ？」って、そんなに簡単な話じゃないんだ
- 4.3 なんですぐ直らないの？」って、テストもしなきゃいけないんだよ
- 4.4 たった一行の修正なんだから、すぐでしょ？」って、それが問題なの
- 4.5 なんですぐ反映されないの？」って、本番環境にデプロイするのに手間がかかるんだよ
- 4.6 すぐ直せるでしょ？」って、他のタスクもやってるんだよ
- 4.7 色だけ変えるだけだからすぐでしょ？」って、デザイン全体のバランスも考える必要があるんだよ
- 4.8 文字を少し大きくするだけだからすぐでしょ？」って、それでレイアウト全体が崩れるんだ
- 4.9 ここに画像を追加するだけだからすぐでしょ？」って、画像の最適化や配置も考えなきゃいけない
- 4.10 この部分だけ変えて」って、それが全体のロジックに影響するんだよ
- 5 最後に
始めに
Webデザイナーとして働いてる皆さん、日々の仕事で「もう無理、辞めたい…」って思ったことありませんか？
「知ったかぶりで実は何も知らないクライアント」とのやり取り、
逆に「何もしらないないのに無理難題をおしつけてくるWeb担当者」
「勝手に仕様が変わるWebの技術やツールへの対応」と大変なことばかりかもしれません。
この記事では、Webデザイナーの「つらい、大変、辞めたい」と感じる瞬間を、あるある形式で紹介していきます。
共感できるポイントがたくさんあるはず。ぜひ最後まで読んで、同じ境遇の仲間とも共感しあってくださいね。
Webデザイナーの「コーディングがつらい」あるある
終わらないバグ修正
一つ直すと別のバグが現れる、まさに終わりなき戦い。
CSSの細かい調整
思った通りの見た目にするために、何度も微調整。もうキリがない！
ブラウザ互換性
各ブラウザで見た目が違うから、全部に対応するのが本当に大変。
レスポンシブデザイン
画面サイズごとにデザインを変える必要があるから、めちゃくちゃ手間。
コードの最適化
動くけど、もっと速くしたいし効率よく書き直したい。
コメントの不足
昔の自分が書いたコード、コメント少なくて何やってるのかさっぱり分からん。
ライブラリのバージョンアップ
バージョンが上がると、今まで動いてたコードが動かなくなることも。
無限のデバッグ
原因不明のエラー探しが永遠に続く。
コピペ地獄
使い回しのコードが多すぎて、どこを直したか分からなくなる。
ドキュメントの更新
コードを更新しても、ドキュメントが追いつかない。後から見て困ることが多い。
設計ミス
設計が甘くて後で大幅な修正が必要に。手戻り作業が発生。
リファクタリング
動くコードをもっとキレイに書き直したいけど、触ると壊れそうで怖い。
バージョン管理の衝突
チームメンバーの変更と自分の変更がバッティングして、コンフリクトの解消が面倒。
テストケースの作成
動作確認のためにテストケースを作るのが地味に時間かかる。
APIの変更
APIの仕様が変わると、それに合わせてコードを全部修正しなきゃいけない。
セキュリティ対策
安全なコードを書くのが難しい。新しい脆弱性にも対応しなきゃいけない。
パフォーマンスの問題
ユーザーが増えるとサイトのパフォーマンスが落ちるから、最適化が必要。
フレームワークの選定
どのフレームワークを使うべきか迷う。新しいのが出てくると乗り換えるべきか悩む。
バグ報告の対応
ユーザーからのバグ報告に即対応しなきゃいけない。プレッシャーがすごい。
ペアプログラミングのストレス
他人と一緒にコードを書くのがストレスに感じることも。意見の食い違いもあるしね。
デザインとの不一致
デザイナーが考えたデザインと実装が合わないことが多い。調整が大変。
文法エラー
コードの1文字ミスで動かなくなる。些細なミスが大きなトラブルになる。
クライアントの要望変更
クライアントが途中で仕様を変えてくる。最初からやり直しって辛い。
ドキュメント読み込み
新しいライブラリのドキュメントを読むのが大変。理解するのに時間がかかる。
期限との戦い
締め切りがいつもギリギリで、プレッシャーがすごい。
環境設定
ローカル環境と本番環境で動作が違うことがあって、調整に手間取る。
コードレビュー
他人の書いたコードをレビューするのが大変。理解するのに時間がかかる。
複雑なアルゴリズム
難しいアルゴリズムを理解して実装するのが頭痛のタネ。
テストの自動化
テストを自動化するためのスクリプト作成が大変。手間と時間がかかる。
モチベーションの低下
コードがうまく動かないとやる気が一気に下がる。長期間の作業でモチベーション保つのが難しい。
Webデザイナーがよく直面する「クライアントがWebを理解してない」あるある
モバイル対応って何？
スマホでの見え方や使い勝手を説明しても「ふーん、そうなんだ」と理解してくれない。
SEOっておいしいの？
検索エンジン最適化（SEO）の重要性を伝えても「そんなの要る？」って感じ。
ページ読み込み時間ってそんなに大事？
サイトの読み込み速度がユーザー体験にどれだけ影響するかを説明してもピンとこない。
このボタン、もっと目立たせたいけど、どこに置けばいい？
CTA（コール・トゥ・アクション）の配置について提案しても、適当に「ここでいいよ」と。
Webフォント？普通のフォントじゃダメなの？
デザインに合ったフォントの重要性を伝えるのに苦労する。
WordPress？それって何？
CMS（コンテンツ管理システム）の説明をしても「手で更新するからいいよ」と理解してもらえない。
サイトのセキュリティってそんなに必要？
セキュリティの重要性を説明しても、「ハッカーなんて来ないでしょ」と軽視される。
ホバーエフェクトって何？
マウスオーバー時のアニメーション効果を説明しても「それ要る？」と言われる。
なんでレスポンシブデザインが必要なの？
スマホやタブレットでも見やすいデザインの必要性を説明するのが大変。
リンク先が違う？大したことないよ
リンクの設定ミスを指摘しても「そんな細かいこと気にしないよ」と言われる。
プロトタイプって何？
デザインの試作品を見せても「これで終わり？」と誤解される。
ロゴをもっと大きく、全部のページで
デザインバランスを崩す提案に困惑。
カラーパレット？好きな色使えばいいじゃん
ブランドカラーや一貫性の大切さを説明してもなかなか理解されない。
サイトマップ？なんで要るの？
サイト構造の説明が通じない。
ページ数が増えると問題なの？
ページ数が多すぎるとユーザーが迷うことを説明しても「たくさん情報があった方が良いでしょ？」と。
アナリティクス？何それ？
ウェブサイトの分析ツールの必要性を説明しても、全然興味を示してくれない。
この画像、ネットで拾ったやつ使おうよ
著作権についての説明が難しい。
フラッシュ？まだ使えるでしょ？
時代遅れの技術を提案される。
フォームの入力項目、全部必須にして
ユーザビリティを無視した要望。
この部分、キラキラアニメーション入れて
過剰なアニメーションを求められて、説得するのが大変。
webデザイナーの「すぐ直して、なんですぐ直らないの？」あるある
ここだけ直して」って、それが原因で他の部分も崩れるんだよ
一つ直すと他の部分に影響が出るから、結局全体を調整しなきゃいけない。
すぐ直せるでしょ？」って、そんなに簡単な話じゃないんだ
見た目の変更だけじゃなく、コード全体の整合性もチェックしないといけない。
なんですぐ直らないの？」って、テストもしなきゃいけないんだよ
コードを直した後は、ちゃんと動くかテストする時間も必要。
たった一行の修正なんだから、すぐでしょ？」って、それが問題なの
一行直すだけでも、その一行がどこにどう影響するか確認する必要がある。
なんですぐ反映されないの？」って、本番環境にデプロイするのに手間がかかるんだよ
ローカルで直しても、テスト環境や本番環境に反映するまでに手間がかかる。
すぐ直せるでしょ？」って、他のタスクもやってるんだよ
すぐに直せそうに見えるけど、他にも優先度の高いタスクが山積み。
色だけ変えるだけだからすぐでしょ？」って、デザイン全体のバランスも考える必要があるんだよ
色の変更が全体のデザインにどう影響するか、慎重に考えないといけない。
文字を少し大きくするだけだからすぐでしょ？」って、それでレイアウト全体が崩れるんだ
文字のサイズ変更はレイアウト全体に影響するから、全体の調整が必要。
ここに画像を追加するだけだからすぐでしょ？」って、画像の最適化や配置も考えなきゃいけない
画像を追加するだけじゃなく、その画像がページ全体にどう影響するかも考えないといけない。
この部分だけ変えて」って、それが全体のロジックに影響するんだよ
特定の部分を変えるだけでも、全体のコードロジックにどう影響するか確認が必要。
最後に
ここまで読んでくれてありがとう！Webデザイナーとしての苦労は本当にたくさんあるけど、同じように感じている仲間がいることを思い出してくださいね。
共有することで、少しでも気持ちが楽になることがあったら嬉しいです。これからも自分のペースで、無理せず頑張っていきましょう！
はじめに 例えば、下記のようなことで悩んでいるデザイナーの方はいませんか？ デザイナーAさん 収入が低く、将来の生活設計が立てられない デザイナーBさん いつも残業で、プライベートの時間が取れない […]
目次 1 はじめに2 「将来の良い展望が持てない」人いませんか？3 なぜデザイナーの給料は低いのか4 デザイナーが収入を増やす方法とは5 【1】副業をして今の仕事に収入をプラスする5.1 時間がないデザイナーにも向いている「家でできる副業」5.1.1 フリーランスのデザイン案件5.1.2 オンライン講師5.1.3 デザインテンプレートの販売5.1.4 ブログやYouTubeでの情報発信5.2 デザ […]
目次 1 始めに2 Webデザイナーの「コーディングがつらい」あるある2.1 終わらないバグ修正2.2 CSSの細かい調整2.3 ブラウザ互換性2.4 レスポンシブデザイン2.5 コードの最適化2.6 コメントの不足2.7 ライブラリのバージョンアップ2.8 無限のデバッグ2.9 コピペ地獄2.10 ドキュメントの更新2.11 設計ミス2.12 リファクタリング2.13 バージョン管理の衝突2.1 […]
はじめに ザイナーとして働いていると楽しいこともあるけど？ 実際にはたくさんのストレスや辛さが隠れてますよね。特に、低すぎる給料や終わらない修正地獄、そして毎日の残業…。こんな状況にもう嫌になって、「辞めたい」って思ったこと、ありませんか？ この記事では、デザイナーが日々直面する「あるある」をランキング形式でお届けします。共感しまくりの、デザイナーのリアルな現実を一緒に見ていきましょう！ ちなみに […]