PR
スクールではWebデザインを学びましたが、実際の仕事はコードを書くことが中心になりました。
その経緯を振り返ります。
- デザインから実装へ広がったきっかけ
- 領域を広げて良かったこと
- デザインと実装を両方学ぶメリット・デメリット
- これからWeb業界を目指す人へ
- よくある質問
- デザインしか知らなかった頃の視野の狭さ
- 実装を学び始めてから変わった仕事の進め方
- 専門性を広げることのデメリットも正直に
- 今後、デザインと実装の境界はさらに曖昧になっていく
- デザイナーとエンジニアの間で板挟みになった経験
- 実装を学んだことでキャリアの選択肢がどう広がったか
- これから学ぶ人が意識すべき「軸足」の考え方
- これからの時代に求められる「掛け合わせ人材」という考え方
- 入り口の職種選びで悩んでいる方へ
- よくある質問（続き）
- デザインと実装を両方経験して分かった採用側の本音
- デザインから実装へ広げる過程で使った学習教材・ツール
- フロントエンド領域に広がったことで年収はどう変わったか
- まとめ
デザインから実装へ広がったきっかけ
入社してみると、デザインだけでなくサイトの見た目や動きを実際に作る仕事（コードを書くこと）を任される機会が多くありました。
デザインの意図を理解した上で実装できる人材が重宝される、という現場の実情を知ったのもこの時期です。
「Webデザイナー フロントエンド 経緯」と検索している方の中には、同じように入り口と実際の仕事内容のギャップに悩んでいる人もいるかもしれません。
領域を広げて良かったこと
デザイナーとエンジニアの間に立って調整できることが、自分の強みになりました。
デザインだけ、実装だけよりも、両方を理解していることで任される仕事の幅が広がりました。
デザインと実装の両方が分かる人材は、採用側から見ても希少性が高く、選考でも有利に働くことが多いです。
デザインと実装を両方学ぶメリット・デメリット
メリットは、任される仕事の幅が広がり、キャリアの選択肢が増えることです。
一方でデメリットとしては、両方を中途半端に扱うと、どちらの専門性も浅くなってしまうリスクがあります。
私の場合は、まず実装をメインの専門にしつつ、デザインの知識を補助線として持つ形に落ち着きました。
これからWeb業界を目指す人へ
最初は「デザイナーになりたい」でも「コーダーになりたい」でも、入り口はどちらでも構わないと思います。
実際に現場に入ってから、自分の得意分野が見えてくることも多いです。
よくある質問
Q. デザインと実装、どちらから学ぶべきですか？
目指す職種によりますが、Web制作全体を理解したい場合は、両方を並行して学べるカリキュラムのスクールがおすすめです。
Q. デザインの経験は実装に役立ちますか？
役立ちます。
見た目の意図を理解しているエンジニアは、デザイナーとの連携がスムーズで、現場での評価にもつながりやすいです。
デザインしか知らなかった頃の視野の狭さ
入社したての頃は、デザインカンプを作ることが自分の仕事のすべてだと思っていました。
しかし現場に入ってみると、「作ったデザインが実際にどう組み込まれ、動くのか」まで理解していないと、仕事の幅が広がらないことに気づかされました。
デザインの美しさだけでなく、実装のしやすさまで意識できるようになったのは、この気づきがきっかけでした。
実装を学び始めてから変わった仕事の進め方
コードを書けるようになってから、エンジニアと会話する際の解像度が格段に上がったと感じています。
「これは技術的に難しい」と言われたときに、なぜ難しいのかを理解できるようになったことで、無理な要求を減らし、実現可能な提案ができるようになりました。
専門性を広げることのデメリットも正直に
良いことばかりではなく、デザインと実装の両方を学ぶことで、それぞれの専門性を極める人と比べて、突出した強みが見えにくくなるという悩みもありました。
最終的には、実装をメインの武器としつつ、デザインの知識を「エンジニアの中では珍しい強み」として位置づけることで、自分なりのポジションを見つけました。
今後、デザインと実装の境界はさらに曖昧になっていく
ノーコードツールやAIの進化により、デザインと実装の境界線は今後もっと曖昧になっていくと感じています。
どちらか一方だけでなく、両方の視点を持つ人材の価値は、今後さらに高まっていくのではないかと考えています。
Q. デザインと実装、両方学ぶと学習期間は長くなりますか？
最初から両方を並行して学ぼうとすると期間は延びますが、まず片方を基礎として学び、実務の中でもう片方を広げていく方法であれば、無理なく進められます。
Q. どちらの専門性を軸にするか、いつ決めればいいですか？
入社前に無理に決める必要はありません。
実務の中で、自分がより興味を持てる方に自然と軸足が定まっていくことが多いです。
デザイナーとエンジニアの間で板挟みになった経験
両方の立場が分かるようになった分、デザイナーとエンジニアの意見が対立する場面で、どちらの言い分も理解できてしまい、板挟みになることがありました。
最終的には、ユーザーにとって何が一番良いかという視点に立ち返ることで、判断の軸を保つようにしています。
実装を学んだことでキャリアの選択肢がどう広がったか
デザインだけでは提案しにくかった「実装コストを踏まえた現実的な改善案」を出せるようになったことで、プロジェクト全体を見渡す立場を任されることが増えました。
専門性を掛け合わせることの価値を、実務を通して強く実感しています。
これから学ぶ人が意識すべき「軸足」の考え方
デザインと実装、両方に手を広げる場合でも、まずどちらかを軸足として深く学び、もう一方を補助線として広げていく順番がおすすめです。
両方を同時に中途半端に学ぶより、この順番の方が結果的に習得スピードが早いと感じています。
これからの時代に求められる「掛け合わせ人材」という考え方
一つの専門性を極めるだけでなく、複数の専門性を掛け合わせることで、代替されにくい人材になれるという考え方は、今後さらに重要になっていくと感じています。
デザインと実装の両方が分かることは、まさにこの掛け合わせの好例だと思います。
入り口の職種選びで悩んでいる方へ
最初にどの職種を選ぶかで、その後のキャリアがすべて決まるわけではありません。
入り口はあくまで入り口。実務の中で自然と専門性は広がっていくものだと、自分の経験からお伝えしたいです。
よくある質問（続き）
Q. フロントエンドとバックエンド、どちらから学ぶべきですか？
デザインからの入り口であれば、まず見た目に関わるフロントエンドから学ぶ方が、学習のモチベーションを保ちやすいです。
必要に応じて、後からバックエンドの知識を広げていくのがおすすめです。
Q. デザインの勉強を先にした方がいいですか、実装を先にすべきですか？
最終的にどちらの職種を目指すかによりますが、迷う場合はデザインを先に学ぶと、全体像を把握しやすくなります。
デザインと実装を両方経験して分かった採用側の本音
採用面接をする側の立場になって分かったのは、「デザインも実装も分かる人」は面接官にとっても評価しやすいということです。
役割の垣根がなくなりつつある今の現場では、複数領域を理解している人材の希少価値が上がっていると感じます。
デザインから実装へ広げる過程で使った学習教材・ツール
実際にどうやってコードの学習を進めたのか、具体的に振り返ってみます。
最初はスクールで学んだHTML・CSSの復習から入り、そこにJavaScriptの基礎を積み上げていきました。
デザインツールで作ったカンプを、実際に自分でコーディングして再現する練習を繰り返したのが、一番実務に近い形での学習でした。
分からない実装は先輩のコードを読んで真似るところから始め、少しずつ「なぜこう書くのか」を理解できるようになっていきました。
デザインツールと開発環境を行き来しながら手を動かす時間を、業務外でも週に数時間は確保していました。
デザインの経験がある方は、既存のデザインカンプを題材にコーディング練習をすると、実務に近い感覚で学習を進めやすいです。
フロントエンド領域に広がったことで年収はどう変わったか
デザイナー職だけの頃と比べると、実装スキルを身につけてからの方が、任される仕事の幅も評価も上がりました。
「デザインだけでなく実装もできる」というスキルの掛け合わせが、給与交渉の場面でも説得力を持つ材料になったと感じています。
急激に大きく変わったわけではありませんが、スキルの幅が広がるごとに、少しずつ着実に評価が上がっていく実感がありました。
まとめ
入り口の職種にこだわりすぎず、現場で求められる役割に合わせて領域を広げていくことも、キャリアの築き方の一つです。
コメント