ホームページ > ウェブフロントエンド > htmlチュートリアル > [翻訳] 2016 でコードの品質を向上させる 4 つの方法_html/css_WEB-ITnose

[翻訳] 2016 でコードの品質を向上させる 4 つの方法_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:00:20
オリジナル
1078 人が閲覧しました

2016 年にコードの品質を向上させる 4 つの方法 時間: 2016-01-09 著者: Dudley Storey 翻訳: Xiaotian フロントエンド エンジニアは、悪魔とブルー オーシャンの間に閉じ込められることがよくあります。変化するテクノロジーやさまざまなツールに直面していますが、慣れ親しんだ快適な古い習慣を変えたくありません。 しかし、現状に満足していると、進歩することは難しくなります。しかし、進歩するための鍵は、これまでのやり方を常に振り返ることです。つまり、私たちを妨げている習慣を変え、より効率的で、創造的で、プロセスを楽しむための新しい方法や手段を採用することです。そのために、ここでは 2016 年の仕事と生活を改善するための 4 つの方法について説明します。 1. コードをレビューします レビューは、コードの一貫性のチェックや潜在的なエラーのチェックなど、どのプロセスでも行うことができます。より広範には、名前、間隔、スタイルなどの共有規則に準拠するようにコードがレビューされます。同じコーディング スタイルのコードの共有と統合が容易になり、チームのコラボレーションがより効率的になるため、チーム内ではさらに価値があります。このアプローチは、一人でいる場合でも役立ちます。一貫したコーディング スタイルを採用することで、以前のコードをより再利用できるようになります。 レビューでは、さまざまな形式を参照できます。 1.HTML HTML 開発の場合、正式な Lint が必須の検証であるか、または開発者によって合意された検証である可能性があります。チーム : たとえば、チームが合意したタブのインデント標準を使用して HTML コードをレビューします。この問題は、通常の

タグの代わりに HTML5 セマンティック タグ (
タグや
タグなど) を使用することで解決でき、本文で正しいタイポグラフィが使用されるようになります。 2. CSS CSS に対する Lint についても多くの批判がありますが、幸いなことに、Sass などの多くのプリプロセッサには既に Lint ツールが含まれています (または統合可能です)。 CSS lint は、従来の問題 (プロパティと値のペアの分離、インデント、アルファベット順) から互換性の問題 (CSS のプロパティと値はブラウザの互換性を維持するプレフィックスを引き続き受け入れる必要がある) まで多岐にわたります。CSS lint も統合されています。 BEM などのオブジェクト指向 CSS 開発システムの命名規則。 3.Javascript ESLint などの一連の Javascript コード Lint ツールは非常に強力です。 新しい習慣を始めるのと同じように、Lint を導入すると最初は作業効率が低下する可能性がありますが、投資を迅速に回収するための鍵は、一連の管理可能な仕様を作成し、それに従うことです。 2. 作業日記をつける エンジニアはコードのハッキングで忙しいことが多く、その年に良い結果が得られたことが当然だと思っています。残念ながら、忙しすぎると、私たちはこれまでに得た経験の一部を忘れてしまいます。仕事での経験を忘れないためにも、開発で得た経験をまとめて記録しておくと良いでしょう。最善の方法はブログであり、自分の成果をコミュニティと共有することですが、多くのエンジニアはこれに消極的です。優れたブログ投稿を書くには時間がかかり、誰もが自分の成果を公開したいと思っているわけではないからです。ただし、他にも多くのオプションがあります。基礎として使用するために重要だと思われるコードを保存したり、CodePen が提供するような製品などの単純なブログ プラットフォームに保存したりできます。 これは、自分の間違い、つまり推測や遭遇した混乱を常に思い出させるのにも役立ちます。たとえひるむようなことがあっても、それをごまかして隠すのではなく、自分の間違いを認め、そこから学ぶために書き留めてください。 3. スタイル ガイドを使用する Web サイトの要素の外観と動作に関するルールである Web サイトのスタイル ガイドは、実際に廃止されつつあります。伝統的に記念碑的な分野は、崇高なデザインの生息地から、開発者の未開拓で無防備なアイデアへと崩壊しつつあります。スタイル ガイドは、Web サイトの開発をスピードアップし、ページのスタイルをより一貫性のあるものにする、生きた動的なデジタル ドキュメントに進化しました。 4. 自分を大切にする 運動と健康的な食生活を維持することは、実際、より良いものを作り、より効率的に仕事をするのに役立つ投資です。必要に応じて、体はより長く働くことができます。 仕事中は定期的に休憩をとり、健康的な食べ物を机の上に置くようにしましょう。体と脳が十分に休息できるように、アクティビティのスケジュールを立てましょう。 これらの慣行を受け入れるか、自分自身の選択や設計を受け入れるかに関係なく、最も重要なことは、開発生活に何らかの変化を加えて改善し、成長できるようにすることです。 写真: Lord James、クリエイティブ・コモンズの下でライセンス 元のリンク 私のレベルが限られているため、間違いがあれば修正してください。 QR コードをスキャンして w3ctech WeChat 公式アカウントをフォローしてください

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート