- 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さんいつも残業で、プライベートの時間が取れない[…]
はじめに例えば、あなたはこんなことを感じていませんか？Aさん自分の考えが上司の考えと真逆なので頑張っても評価されない Bさん朝会社に行くのが苦痛だ […]
はじめにあなたはこんなことに悩んでいませんか？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 […]
目次 1 始めに2 Webデザイナーの「辞めたい理由」9選2.1 1. クライアントからの理不尽な修正が多い2.2 2. クライアントの知識不足と無理な要求2.3 3. クリエイティブな制約が本当に多い2.4 4. 長時間労働が辛い2.5 5. 仕事の単調さに飽きる2.6 6. 最新技術についていく難しさ2.7 7. 仕事とプライベートのバランスが取れない2.8 8. プラットフォームの多様化2. […]
目次 1 はじめに2 副業起業とは3 副業起業のメリット4 副業起業のアイデア10選4.1 1.年代別オススメ副業4.1.1 20代：デジタル世代の力を活かそう4.1.2 30代：仕事のスキルを活かして4.1.3 40代：経験と人脈を使って4.1.4 50代以上：豊富な経験を活かして4.2 2.これから はやるオススメ副業4.3 3.スキル別オススメ副業4.4 4.趣味別オススメ副業4.5 5.リ […]
目次 1 はじめに2 なぜ「起業はやめとけ」と言われるのか2.1 それは起業家と会社員の割合が関係する？3 起業しての成功率は意外と高い？4 正確には「起業はやめとけ」ではなく「会社辞めるのはやめとけ」5 経験者が語る「起業はやっとけ」その理由とは…5.1 会社員の環境はめぐまれている？5.2 いきなり会社を辞めて起業して良いのは30歳まで？5.3 いきなり独立して良いのは「貯金が700万円」貯ま […]
目次 1 はじめに2 「小さく始める起業」が大事な理由2.1 ★リスクを小さくできる2.2 ★学んで改善する時間がある2.3 ★お金が集めやすい2.4 ★お客様と信頼関係が築きやすい2.5 ★成長の自由度が高い3 初心者のための起業アイデア30選3.1 趣味を生かすことの重要性3.2 趣味を生かして「小さく始めるビジネス」10選3.2.1 1. ガーデニングサービス3.2.2 2. ペットシッター […]
目次 1 初めに2 「起業する為のアイデア」が「知恵袋」で見つからない理由とは2.1 「起業したいけどアイデアがない 知恵袋」のやりとり3 【1】「この先伸びる業界」＋「マインドマップ」のアイデア発想法3.1 今後儲かるビジネスのトレンドに注目する3.1.1 1. 健康食品やサプリメント3.1.2 2. フィットネスやウェルネス3.1.3 3. オンライン教育やコーチング3.1.4 4. デジタル […]
目次 1 はじめに2 会社員に向いていない人の特長2.1 自由が好きな人2.2 クリエイティブな仕事をしたい人2.3 評価に対して不満を感じやすい人2.4 人間関係がストレスになる人2.5 自己実現を重視する人3 心や体が壊れるまで会社員として働くのは、もちろんNG4 「会社員が向いてない」場合の選択肢4.1 我慢して会社を続ける4.2 会社を辞めてバイトをする4.3 起業をする4.4 実家に戻っ […]