東京のWeb制作会社LIGLIGならできるおもしろいこと。日々Web制作の修行をしているライターの、のび太です。「もっと生産性を高めたい!」と言うのは、Web制作者なら誰もが思うことだと思います。コーディングのミスや予想外のバグなどにより、思った以上に時間がかかってしまうこともよくあると思います。Workflow』という海外記事を読みました。有益な情報だと思ったので、今回はそれを参考に、みなさんに「Web制作者が生産性を高めるためにできる4つのこと」をお伝えしたいと思います。Web制作者が生産性を高めるためにできる4つのこと新しい技術を習得するWeb業界では新しい技術が次々と出てくるので、「またか...」と覚えるのが億劫になってしまう人も多いと思います。身につけてしまえばその後は何十、何百時間を節約できるかもしれません。SassやCompass。使いこなせるようになるまでは大変ですが、1度身につけてしまえばCSSを書く時間が以前より格段に減ったことを実感するでしょう。一度に全部を覚えるのは大変なので、小さなことをコツコツと覚えていくのがいいと思います。「Photoshopでのロングシャドウの作り方」「アイコンフォントの使い方」などの小技を毎日1つ覚えていくだけでも、後々のWeb制作が相当違うものになると思います。参考になる記事:Web屋さんのための新年の抱負アイデア24http://www.webcreatorbox.com/webinfo/new-year-resolutions-web/前もってプランを立てる前もって入念なプランを立てることはWeb制作に限らず何をするにも重要ですね。コーディングをするとき。パソコンを開いていきなり打ち始めるよりも、まずは紙にレイアウトを書き出して手順やグルーピング、ID、クラスの名前などを確認してから始めるほうが作業時間は速くなることが多いと思います。したプランがあることによって作業中迷うことが少なくなり、より集中しやすくなります。参考になる記事:完璧に分かる!コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)http://commte.net/blog/archives/4089フリーも社内も助かった!Web制作フローが「完璧」にわかる資料や流れのまとめhttp://commte.net/blog/archives/4058働く環境&使用ツールをカスタマイズする作業を行う机がすごく散らかっていたり、椅子が傾いていたりしたら全然集中できないですよね?また、働く環境だけでなく、PhotoshopやDreamweaverなどの設定を自分が使いやすいようにカスタマイズしておくことも、生産性を高めるためには重要です。「スニペットを登録する」「Sassに対応させる」などの工夫をしましょう。その後の作業がだいぶ楽になると思います。CS5のツールパネルをカスタマイズする方法http://wp2.trojanbear.net/895.htmlもう同じコードを繰り返さない!SublimeTextのスニペットで快適コーディング!https://liginc.co.jp/web/tool/52389ショートカットキーを使う1回のショートカットで節約できる時間はせいぜい1〜2秒だけかもしれません。それが何十回、何百回積み重なればとてつもない時間の節約になります。Photoshop、Powerpoint、Word、Excel、Macなどなど、様々なツールでショートカットキーは利用可能です。最初は慣れず余計に時間がかかってしまうかもしれませんが、しばらく使っているとそれが普通になってくると思います。どんなツールでもショートカットは積極的に使っていきたいものです。参考になる記事:あなたは知らない、そんな気がする。ここで上げた4つはWeb制作だけでなくいろいろなことに応用できそうですね。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。