お仕事のご依頼や採用についてなど、お気軽にお問い合わせください。皆さまこんにちは!坂井です(^o^)3月になりましたね...残り1ヶ月で社会人2年目になる私。あっという間ですね...最近の私はよくWebサイトのコーディングをHTMLとCSSで行っています。遅いですが、作業を前より1分でも1秒でも早く終わらせることを意識して取り組んでいます。事前にノートでサイトのレイアウトを簡単に書いています。classとかidとかって増えたりすると把握が難しいですよね?そのために紙に書くことで全体の把握が出来ていつでも見ることが出来ます。複数の値をまとめて指定できるプロパティが存在します。leftの値;こうして一行でmargin全方向を指定することが出来ます。あらすっきり!marginを指定する順番ですが、topから時計周りの順で覚えましょう!上(top)→右(right)→下(bottom)→左(left)ですね(^o^)marginのショートハンドは他にもあり、leftとrightを同じ値にしたい時はこのように。bottomの値;topとbottomが同じ値、left+rightが同じ値にしたい時はこのように。left+rightの値;全方向同じ値にしたい時は1つ指定すればいけます!.test{margin:10px;}margin:全方向の値;ショートハンドはmarginプロパティ以外にもpaddingプロパティ、backgroundプロパティ、fontプロパティ、borderプロパティなどが出来ます!無駄に長く書かず、すっきりしたコードで効率よく作業を行いましょう。私は使用しているエディタはAtomです。Atomの設定に関してはコチラの記事をご確認ください!Atomは拡張性が高くカスタマイズがしやすいです。私は最近Emmetの技術でコーディングの効率化を図っています。Emmetについての詳しい解説はまた別の記事で書きたいと思います。このようにEmmet以外にもコーディングを効率よく行うためのツールは世の中にたくさんあります。HTMLやCSSの仕組みが分かってきたら、便利なツールを調べて自分に合うエディタ&プラグインを見つけましょう!私も来年には違うエディタを使っているかもしれないので常に調べることが大事ですね(^o^)4根本的に...根本的な話でWeb作業を早くするには...タイピング速度を上げること!!!普段の仕事もそうですが、私はタイピングサイト等を活用して打つ速さを上げています。入社当時と比べて明らかに打つ速さが上がってきている今日この頃...毎日継続して行うことが技術力UPのコツですね。USお仕事のご依頼や採用についてなど、お気軽にお問い合わせください。