コーディングスキルを向上させるための 6 つのコーディングのヒント

現在、多くのプログラマーは自分のスキルやプログラミングスキルを向上させるための効果的な方法を見つけることができず、現状にとどまっている可能性があります。ここで、より実践的で効果的な方法をいくつか説明します。

プログラマーの中には、毎週 4 つの異なる言語で少なくとも数百行のコードを作成できる人もいます。また、他の開発者と協力してコードを編集およびレビューすることもできます。

簡単に言うと、たくさんのコードが転がっており、それが整理されて管理されていない場合、さらに重要なことに、コードが適切に記述されていない場合、事態は少し複雑になります。コードの全体的な品質を向上させるためのいくつかの方法を見てみましょう。

1. モジュールの構築を開始します

コードの一貫性、再利用性、整理性を維持するための最良の方法の 1 つは、機能をグループ化することです。たとえば、すべての js コードを 1 つの main.js ファイルに入れるのではなく、機能に基づいて別々のファイルにグループ化し、ビルド手順が完了した後でそれらを連結してみてください。もちろん、モジュール コードを記述するために行うべきことは他にもあります。

Sass (ここで紹介) のような CSS プリプロセッサでは、CSS ファイルを別のファイルに記述し、コンパイル時にメイン ファイルに含めることができます。これにより、ボタン、リスト、フォントなどのコンポーネントごとに個別の CSS ファイルを作成できます。最後に、それらはすべて 1 つのメイン ファイルに組み込まれ、コード全体の保守がはるかに簡単になります

Polymer などの新しいテクノロジを使用すると、HTML、CSS、および JS を整理できるようにカスタム HTML 要素を作成できます。機能に基づいてコンポーネントを分割することもできます。Browserify (ここで説明) もチェックしてください。これにより、ブラウザーで Node.js スタイルのモジュールを使用できるようになります。これには、概念と記述方法の概要も記載されています。

2. プリプロセッサと言えば…

プリプロセッサは、同じ HTML を出力する際に​​、コード内に追加の機能を追加することもできます。 、CSS、およびブラウザーが処理できる JS を使用すると、追加のセットアップ時間が必要になることがよくありますが、今回のように 1 つだけ使用すれば、それらを使用するメリットを引き続き享受できます

プリプロセッサを使用すると、複数の繰り返しコードを作成する時間を節約できます。ほとんどのプリプロセッサは、変数、関数、ループ、および非常に便利な機能も提供します。一部のプリプロセッサには、好みの出力スタイルを選択したり、プラグインやアドオンを含めたり、必要に応じてカスタム通知を作成したりするためのオプションも含まれています。最も人気のあるプリプロセッサには大規模なコミュニティがあり、よく保守されていますが、一般に、質問に対する答えも簡単です。

最も人気のある CSS、HTML、および JS プリプロセッサを紹介するビデオがあります: Sass、Haml、CoffeeScript

Sass に興味がある場合は、SitePoint 作者 Hugo Giraudel による Sass プロジェクトをまとめた記事を参照してください。

Sass を勉強するときは、必ず HAML と Coffescript にも目を向けてください

使用するすべての言語でプリプロセッサが使用されています。プログラムを書くことはよくありますが、その多くはより良いコードを書くのに非常に役立ちます

3. 書き始める前に計画を立てましょう

ペンと紙を持って最後に座って書くとき、次にどのようにプロジェクトに取り組みますか。どのようなアーキテクチャをいつ使用する予定ですか? サポートするブラウザの数はどれくらいですか?どのような構造になるかを正確に理解したら、プロジェクトを開始するのは簡単です。その後、戻ってコードを書き直す必要があります

North は、最初から最後までガイドする優れたガイドです。 Web プロジェクトを計画するためのルール。これは長くて包括的なオンライン ドキュメントであり、コードを記述するときにすべてが使用されるわけではありませんが、その長さと詳細な手順は、サイトの構築にどれだけ多くの要素が含まれるかを示しています。
選択する必要があります。新しいツールやライブラリが毎日作成されている場合は特に、適切なツールやライブラリを見つけるのは困難な作業になる可能性があります。私の戦略は、ツールボックス リソースのリストを作成して、最も有用なものを追跡し、自由に使用できるようにすることです。

4. バージョン管理を使用する

バージョン管理は、複数人でファイルやリソースの変更を記録し、リソースの編集、変更の追跡、管理を行うことができるサービスがたくさんあります。 Bitbucket、Assembla、Github などのバージョン管理をサポートしています。Github はソーシャル ネットワーキングに特化したコーディングをサポートしているため、個人的にはお気に入りです。つまり、人々は Github 上でコードを共有したり、他の人が書いたコードから開発したり学習したりすることができます。バージョン管理は理解するのがやや複雑なトピックですが、入門用のチュートリアルが多数あります。始める前に、git の概要を読んで基本を理解することをお勧めします。また、Git の使用ガイドと、私たちのチームからの Git の高度なヒントもご覧ください。 git に興味がない場合は、バージョン管理に関する他の提案を確認することもできます。

最後の提案: コマンドラインを使用してください。コマンド ラインは、ユーザー インターフェイスが恐ろしい場合がありますが、これに慣れると、プログラミング全体の理解が深まり、Gulp や Grunt などの他の優れたツールを使用できるようになります。

5. コードレビューを開始します

チームの一員であれば、これは簡単ですが、独立した開発者であれば、コードレビューは不可能ではありません。コードレビューの基本的な考え方は、自分が書いたコードを他の開発者（または上司）に見せて、自分が書いたことを説明し、より良い書き方を学び、さらにはテクノロジーを理解していない人に教えることもできるようにすることです。使っているおなじみの人。

完成したコードを改善する方法を学ぶことを目的として、週に 1 回行うのが最善です。コード レビューの利点に関する記事では、コード レビューを最適に実行する方法を説明しています。

独自に開発する場合、または非常に反社会的な場合には、jslint と SCSSlint が非常に役立ちます。これらのツールは、ファイルを整理整頓した状態に保ちながら、コードのエラーをチェックします。彼らがいれば、人々と交流する必要はありません。

6. プログラミングに挑戦する

毎日使用する言語をより深く理解したいと考えている開発者にプログラミングの課題を提供するために設計された無料のオンライン リソースが多数あります。これらのサイトのほとんどには大規模なコミュニティが備わっています。 、必要なときに喜んで助けてくれるので、問題が発生した後に続行できなくなることを心配する必要はありません

CodeWars は JS の能力を整理するのに非常に役立ち、Practice App にはランダムなフロントエンド チャレンジが組み込まれています。 Codepen。

上記の提案にある程度従うと、コーディング スキルが大幅に向上し、作成するサイト、ツール、またはアプリケーションの品質が向上します。

上記の提案は、経験豊富なプログラマーの意見にも基づいています。私の関連する経験を皆さんと共有するためにまとめましたので、時間があれば皆さんにも詳しく学んでいただければ幸いです。