開発者のスキルを開発するための4つのヒント

Sep 11, 2025

操作方法

Coder navigates a roadmap avoiding bugs and errors in coding

（イメージクレジット：ロバートピッツォ）

スーパーフレンクディレクターダンモール Webデザイナーとして関連する方法についての彼のProのヒントを共有します ニューヨークを生成します 2018。 今すぐあなたのチケットを入手してください 。

Web開発における5年以内の経験を持つあなたのために、言語機能、フレームワーク、アーキテクチャ、そしてベストプラクティスに関して、あなたがまだあなたの足を見つける可能性があります。そして、最後に、最善の意図で各サイトを始めることができますが、あなたが望むすべてのことがあなたが支払われるのに十分に働くことだけのための可能性があります。

私は過去数年を過去数年間救済しました。理論的には簡単なさまざまな理由で、様々な理由で、トップダウン監督の欠如 - スパゲッティに変わっています - 技術債務のジャンクション。

01.式に従う

私が邪魔にならないことは、私たち全員がそこにいたことを保証することです、そして、すべてを知らないことに何も悪いことはありません。プログラミングは素晴らしい楽しさであり、あなたがそれをやりたい理由はおそらくあなたが挑戦に起きるようになるので、鉛を持ち、革新的な解決策を提供します。

しかし、ここにキャッチ：プログラミングの楽しみをするもの（あなたの足の上で考え、考えていること）を誤って、より大きなチームLEDプロジェクトの技術債務に貢献することができます。

長年にわたって自分自身を証明した確立されたベストプラクティス、原則およびパターンが存在します。それは彼らを研究し、学び、実行するのはあなたの仕事です - そしてこのプロセスでは、メンテナンス性と信頼性のために少しの個性を少し犠牲にします。ブログ投稿があると呼ばれていますあなたはコードを書くのに支払われません「それはそれをうまくいくように合計します。

02.小さいものを汗をかく

プログラミングは明確さについて非常に多く、木の木のために木を見ることができないとき、あなたのコードベースの滞在の可能性が意図的に傾いている可能性が激しく減少します。そのように、物事の上に滞在するためのあなたの主な戦略は、基本にとっての密接な焦点になるべきです。

超整理されている：フォルダ構造とファイルの場所（フレームワークがここでヘルプを使うことができます）を心配して、モジュールは一貫したAPI注文、グループ共通機能を持ち、区切り文字でテンプレートを使用してください。
あなたのコードを読みやすくする：慎重に空白を使い、そしてコメントを使用してグループ化に注釈を付けて、意図を明確にしてください。あなたはチームとして働いていて、あなたは明確になるために支払われます。
コーナーをカットしないでください。節約時間は良い考えのように見えるかもしれませんが、プロジェクトが成長するにつれて、卑劣な怠惰が後でコスト化され、プロジェクトにかかることがわかります。

このプロセスを通して、あなたが仲良くするにつれてあなたが間違いを正しく修正してください。遅かれ早かれ他のコードはこれらのエラーに頼ることになります。できるだけ早く腐敗を止めます。変更を加える場合は、それらを一貫して作ります。データベース列、バックエンド関数、API呼び出し、JavaScript関数、ドコームメント、注釈、HTML属性、CSSクラス名など - すべてのカスケードダウンを確実にします。

03.構造化したまま

Image showing a before and after of restructured and refactored code — 同じアプリケーションルートファイルの2つのバージョン。アプリケーションの構造を理解しやすくなりますか？

自己完結型のサイトを構築するときは、カプセル化を静かに無視し、アプリへのグローバルな参照を持つコードを軽く、またはParent.Parent.Parentなどのコンポーネントを介してコードを照らすための誘惑があります。これにより、技術債務を迅速に構築しています。

可能であれば、あなたのアプリを一連の独立したモジュールとして考えるようにして、厳格な結合と相互依存を排除するためのあなたのフレームワークのベストプラクティスを構築してください。それが役立つなら、あなたが他のプロジェクトでアプリの一部を再利用することを想像してみてください。これを容易にするためにファイル、マークアップ、コードをどのように構造化するかを考えてください。

あなたは矛盾に衝突し、絶えず尋ねるために警戒する必要があります：これはここに属していますか？コードが「厄介」を感じる場合は、おそらくそれがそうです。

チームプロジェクトでは、コードの再利用やコピー/貼り付けコードが大きな問題です。繰り返しコードが表示されたら、箇条書きを噛み、すべてのインスタンスを関数、モジュール、またはテンプレートにリファクタリングします。繰り返しますが、良いフォルダ構造はあなたが物事を置く場所を解決するのが簡単になります。

04.より複雑さに注意してください

A before and after demonstrating how a refactored class is more readable, functional and testable — 右側のリファクタリングクラスは、左側の1つの読みやすく機能的でテスト可能なバージョンです。

複雑さの重要な問題は、それが解決しようとしていた元の問題からマスクして気をそらすことです。あなたは悪循環になります。

あなたのコードが整備されているAPIよりも代数のレッスンのように見え始めている場合は、ステップバックを取る必要があります。その特定のコードの塊をリファクタリングする必要がある可能性があるかもしれません。

極端な場合には、もう一度外で見える必要があります。私は最近リファクタリングしました。私が実現した非常に複雑なビューセットアップが、ひどく考えられているルーティングスキーマの犠牲者でした。畳み込みルートを賢明なものに再設計することによって、私はさまざまなクラスで数百行の密なスパゲッティコードを捨てることができました。

特に鈍いコードを書いた後にあなたがしてはいけないことの一つは、座って驚くべきことを誇りに思うことが困難なことが読み取られるのが難しいです！最高のコードはエレガントです（読み取り：トリッキーではありません）。あなたがそうでなければ、あなたはやるべき仕事をしています。

この記事では、当初、Webデザイナーや開発者向けの世界で最も売れている雑誌であるNetの第290号に掲載されました。購入 問題290 または ネットを購読する 。

プログラミングスキルを磨くことについてのさらなるアドバイスが欲しいですか？

Dan Mall is giving his talk Should Designers…? at Generate New York from 25 - 27 April 2018 — ダンモールは彼の話をしています。 2018年4月25日から27日までニューヨーク生成

デザイナーは、関連性があり効果的に滞在するために彼らのスキルを成長させる必要がありますが、それは集中する価値がありますか？デザイナーはコーディングを学ぶべきである、そして、そうであれば、限られたコード知識が本当に才能のあるエンジニアと働くことを本当に行うことができますか？設計者がどのようにしてアジャイルワークフローに収まりますか？とにかくプロジェクト方法論をしていますか？設計者が設計システムを作成、使用、および維持する際にどのような役割を果たしていますか？

彼の話で 2018年4月25日から27日までニューヨークを生成します デザイナーがさらに不可欠になるのを助けるために、スーパーフレンドリーディレクターダンモールはこれらの質問に答えるためにストーリーと視点を共有します。 今すぐあなたのチケットを入手してください 。

関連記事：

あなたが今知る必要がある開発者ツール
あなたのスキルを高めるための25のWeb開発のヒント
Web開発者が本当に素晴らしいと知らなければならない10のこと

開発者のスキルを開発するための4つのヒント

01.式に従う

02.小さいものを汗をかく

03.構造化したまま

04.より複雑さに注意してください

プログラミングスキルを磨くことについてのさらなるアドバイスが欲しいですか？

操作方法 - 最も人気のある記事

人を描く方法

リモートチームのマスターバージョン管理

これらの5つの要因と反応するように頭を取ります

8個の必須WordPressセキュリティ秘密

ZbrushcooreのPolypaint Toolとの3Dメッシュにペイントする

マヤでカスタムリグコントロールを作成する方法

パスタアートワークにドラマを追加する方法

イラストレーターで完全に幾何学的ロゴデザインを作成する

カテゴリ