コードを書くデザイナーになる方法

公開: 2022-06-18

設計者がコーディングを学ぶべきかどうかというトピックは、おそらく業界で最も議論されているトピックです。 双方をサポートする多数のフォーラムスレッドとブログ投稿があります。 さらに、実際にコーディング方法を学ぶための手順は、必ずしも明確ではありません。 この特集記事では、コーディングスキルとコーディング知識を組み合わせることの多くの利点とともに、コーディングを行うデザイナーになるためのいくつかの重要なステップを実行します。

目次に表示
序章
設計者はコーディングを学ぶ必要がありますか?
プログラミング言語やコーディングを学ぶことで、どのようなデザイナーが恩恵を受けるでしょうか?
コードを書くデザイナーになる方法
デザイナーのためのコーディングを学ぶ方法に関する6つのヒント:
1.開発者が現在のプロジェクトに使用する言語を選択します
2.信頼できる情報源から毎日勉強する
3.もっと練習する
4.専門的に書かれたコードを研究して分析する
5.コミュニティをフォローする
6.自分に報いる
コーディングを学ぶことがデザイナーにとって良い考えである理由
設計者がコーディング方法の学習を検討すべき4つの理由:
1.コーディングを学ぶことで、デザインが豊かになります
2.あなたはより良い共同作業者になります
3.プロセスを合理化および自動化できるようになります
4.あなたは雇用市場で競争上の優位性を持つでしょう
どのプログラミング言語から恩恵を受けることができますか?
プログラミング言語はいくつありますか?
あなたが始めるべきプログラミング言語
HTMLとCSS
JavaScript
Java
まとめ

序章

一部の人は、専門家は1つの焦点だけを持ち、自分自身を薄く広げすぎないようにする必要があると言います。 彼らの主な議論は、すべての業界のジャックは、彼らが活動しているすべての分野を深く理解することはできないため、真の専門家になることはできないということです。

他の人は、現代の世界では、マルチスキルの専門家はビジネスにとって大きなメリットであり、デザイナーが必要とみなすだけの貴重なスキルを習得するのに障害はないはずだと信じています。 結局のところ、知識は力です。

設計者はコーディングを学ぶ必要がありますか?

設計者がコーディングできるべきかどうかについてのこの終わりのない議論では、私たちは間違いなく「はい」の側にいます。 この投稿では、コーディングを行うデザイナーであることが関係者全員にとって優れている理由についての議論を共有し、1つになるためのヒントをいくつか紹介します。

プログラミング言語やコーディングを学ぶことで、どのようなデザイナーが恩恵を受けるでしょうか?

あなたがウェブデザイナー、UXデザイナー、ゲームデザイナー、またはアプリデザイナーである場合、あなたは間違いなくあなたの現在の職業で追加の機会をデザインし、開く能力を拡大するでしょう。

コードを書くデザイナーになる方法

コーディングを学ぶことは不可能なことのように思えるかもしれません。 コードはぎこちなく見え、それを理解することを学ぶ作業は退屈で退屈なようです。 はい、公園を散歩することはありません。 しかし、それはあなたが想像するほど難しくはありません。 十分なモチベーションがあれば、選択したプログラミング言語の基本をわずか数週間で習得できます。

コードを書くデザイナーになる方法 ピン

画像クレジット:Adobe Stock

デザイナーのためのコーディングを学ぶ方法に関する6つのヒント:

1.開発者が現在のプロジェクトに使用する言語を選択します

プログラミング言語を日常生活に応用できなければ、プログラミング言語を学ぶ意味はありません。 さらに、プロの開発者が隣に座っている場合は、質問をしたり、役立つヒントを入手したりできます。

2.信頼できる情報源から毎日勉強する

デザイン教育と同じように、コーディングを学ぶには少しの犠牲と努力が必要です。 しかし、繰り返しになりますが、すべての良いことは通常行いますよね?

毎日8時間を費やす必要はありません。 しかし、毎日コーディング研究に30分を投資することは、あなたのスキルレベルに驚異的です。 一貫性が鍵です。

さらに、あなたはたくさんのお金を使う必要はありません。 特にプロジェクトの合間には、追加の設計スキルを習得するための予算が存在しない場合があることを理解しています。 手頃な価格で無料のオプションがあることについて触れますが、それは以下のタイトルのセクションにあります–どのプログラミング言語から利益を得ることができますか?

3.もっと練習する

コーディングは実践的なスキルです。 それを適用せずに理論を学ぶことはあなたのために何もしません。 ですから、必ず練習してください。 80から20の実践理論の比率を提供し、演習をスキップしないコースを選択してください。

4.専門的に書かれたコードを研究して分析する

他人のコードを「ハッキング」することは、すばらしい学習手法です。 設計しているプロジェクトをリバースエンジニアリングし、各行をテストして、それがどのように機能するかを明確に把握することができます。 ここでの最良のことは、それに取り組んでいる開発者に、自分では把握できないことを説明するように依頼できることです。

5.コミュニティをフォローする

コーディング業界の最大の利点は、各プログラミング言語がその周りに持つコミュニティです。 知識を共有したり質問したりする志を同じくする人々を見つけることができる多数のフォーラム、Redditスレッド、ビデオブログ、およびWebサイトがあります。

コミュニティは、最高のヒント、コードスニペット、新しいテクニック、およびその他の非常に役立つ情報を見つける場所です。 その上、行き詰まっている場合は、いつでも助けを求めることができます。 コーディングコミュニティを見つけることができる最も人気のあるWebサイトは次のとおりです。

  • GitHub
  • HackerNews
  • スタックオーバーフロー
  • Reddit

6.自分に報いる

私たちがすでに確立しているように、コーディングを学ぶことは、特にあなたがフルタイムの仕事をしているデザイナーやプロジェクトに圧倒されているフリーランサーである場合、公園を散歩することではありません。 欲求不満になってやる気を失うことがあります。 それは避けられないことです。 マイルストーンを無事に完了したことに対して自分に報いることで、学習プロセスがはるかに楽しくなります。 そして、モチベーションを維持することが保証されています!

コーディングを学ぶことがデザイナーにとって良い考えである理由

デザイン業界は常に進化し、競争が激しくなっています。 この環境では、専門家は自分の優位性を維持し、より機敏になり、進歩に努め、革新を追求する必要があります。 代替案は停滞です。

コーディングを学ぶことがデザイナーにとって良い考えである理由

画像クレジット:Adobe Stock

設計者がコーディング方法の学習を検討すべき4つの理由:

1.コーディングを学ぶことで、デザインが豊かになります

プロのデザイナーとして、あなたは箱の外で考えるときに最良の解決策が見つかることを知っています。 それを可能にするには、新しいことを学び、新しい経験を積み、視野を広げる必要があります。

別の視点から物事を見ることができるかどうか想像してみてください。 たとえば、開発者の目を通して。 フロントエンド開発者のように考えることを学ぶことで、古い問題に対する新しい解決策を発見し、設計をより客観的に検討することができます。

2.あなたはより良い共同作業者になります

作業範囲と仕様を理解することは、設計者の役割が必要とするすべてではありません。 まあ、少なくとも本当に良いデザイナーにとってはそうではありません。 本当に優れたデザイナーは常に素晴らしい共感者です。 彼らはエンドユーザーに共感し、より良いデザインを作成します。 彼らは同僚に共感し、よりよく協力します。 この共感により、彼らはより良い製品を作り、キャリアを前進させることができます。

あなたのベルトの下の主要な開発者のスキルで、あなたは彼らの言語で開発者と話すことができるでしょう。 これにより、設計者が想像したものと開発者が実際に提供できるものとの間の一般的な矛盾を簡単に克服できます。

技術的な可能性を理解し、日常的にコーディングしなくても、ビジョンがどのように実装されるかを正確に理解して設計することができます。 あなたはより速く働き、より良く協力することができます。

3.プロセスを合理化および自動化できるようになります

テクノロジーとイノベーションの現代の世界は非常にペースが速いです。 ゆっくりと作業し、すべてを手作業で行う場合、それは間違っています。

兵器庫のコーディングスキルを使用して、最も退屈で反復的なタスクを自動化する独自のスクリプトを作成できます。

4.あなたは雇用市場で競争上の優位性を持つでしょう

あなたの業界でユニークで望ましいスキルセットを持つことは、群衆の中で際立って、最終的にはより多くの機会を提供する競争力を与えるのに役立ちます。

設計と開発は年々ますます絡み合っています。 CVにコーディングを追加すると、この市場の需要に対応し、Photoshop、Sketch、Figmaなどの業界固有のスキルとツールしか誇ることができないデザイナーよりも有利になります。 その上、マルチスキルのデザイナーは多才なチームプレーヤーとして際立っています。

どのプログラミング言語から恩恵を受けることができますか?

学習するプログラミング言語の選択は、現在取り組んでいる業界によって大きく異なります。明らかに、Webデザイナーは、アプリデザイナーやゲームデザイナーとは異なるスキルセットを必要とします。

どのプログラミング言語から恩恵を受けることができますか? ピン

画像クレジット:Adobe Stock

プログラミング言語はいくつありますか?

世界中に文字通り何百もの異なるタイプのプログラミング言語があり、私たちが述べたように、それらは業界固有です。 したがって、Webデザインの友人にとっては、HTML、CSS、JavaScript、およびJavaに固執する必要があります。

あなたが始めるべきプログラミング言語

HTMLとCSS

HTMLとCSSは、Webサイトの構築材料です。 HTMLは構造を提供し、CSSはブラウザーに構造とその要素がどのように見えるかを指示します。 本格的なコーダーになる必要はありません。 基本的な1ページのWebサイトをコーディングできる程度に両方の言語を学ぶだけで十分です。 あなたが頻繁に練習してそれにいくらかの努力を払うならば、あなたはあなたが想像できるどんなウェブデザインでもすぐにコード化することができるでしょう。

これらの言語は、特に基本的なレベルでは、かなり簡単に習得できます。 あなたが学ぶことができる無料でプレミアムなオンラインコースがたくさんあります。 Khan Academyにはすばらしい入門コースがあり、非常に簡単ですが、LearnUX.ioからの非常に有益なワークショップをお勧めします。 これらの2つのリソースは、開始するのに十分なはずです。

JavaScript

JavaScriptは、Webサイトをインタラクティブにするプログラミング言語です。 これは、要素がユーザーのアクションにどのように反応するかを担当します。 UXデザイナーは、JavaScriptを使用してプロトタイピングを行うことができます。

カーンアカデミーでJavaScriptの基本を学び始めることができます。 また、HTMLとCSSの基本をすでに習得している場合は、Pluralsightで3つの言語すべてを使用してWebサイトを構築するコースで教育を続けることができます。

Java

Javaは、オブジェクト指向の汎用言語です。 これは、お気に入りのモバイルアプリからキッチンの電子レンジまで、どこにでもあるプログラミング言語の1つです。 Javaの基本を学ぶことで、設計したアプリや製品がどのように機能し、どのアイデアを実現できるか、実現できないかを理解できます。 もちろん、勉強に多くの時間と労力を費やすと、アプリやモバイルゲームを自分でコーディングできるようになります。 しかし、日常の設計作業には、基本的な理解とコードを読む能力で十分です。

Javaは、習得するのが最も簡単なプログラミング言語の1つと見なされています。 CodeGymを使用してコーディングを学ぶことができ、コースが提供する1200の実用的なJava演習が行われます。

まとめ

コードを書くデザイナーになるのは簡単な道ではありませんが、そのメリットは、時間と労力を費やすだけの価値があります。 適切な言語を選択し、日常のタスクで得た知識を適用すると、デザインのキャリアがどのように急上昇するかがわかります。