サイト制作

making

サイト制作

入社8ヶ月 なんだか最近コーディングが早くなってきた気がする

最近なんだかコーディングが早くなってきた気がします。というのも1日のこなせる作業量が多くなってきました。 私は1年半前までウェブサイトに興味を持っていなくて、コーディングなんてもってのほかという状態でした。キーボードだってガン見です。それでも入社して8ヶ月の間にぐんと早くなりました。8ヶ月間で身についてきたことを書いていきます。

早くなった理由

便利なショートカットキーを覚える(下記表はMacのみ)

ショートカットキー効果
command + Z戻る
command + S保存
command + Pプリント
command + A全選択
command + Cコピー
command + V貼付け
command + W + クリック command + クリック別ウィンドウで開く
command + Rリロード
command + 3 shift + command + 3スクリーンショット(画面全体)
command + 4 shift + command + 4スクリーンショット(選択した部分)

ショートカットキーはエディタとか、イラストレーターなんかのお絵描きソフトでも便利ですよね。
ショートカットキーを使うと、結構作業が早くなります。よく使う者はぜひ覚えちゃいましょう。

よくつかうものはコピペ用にストックしておく

よく使う複雑なコードはEvernoteというメモアプリでストックしています。 SublimeTextを普段エディタとして使っている方にはスニペットを登録することもおすすめします。わざわざメモアプリで検索しなくてもエディタ上で登録した文字を打てばコードがずらずら表示します。すごい便利です。

ストックしておくことでいちから書かなくても済みます。ストックしておくものは複雑なもので、とくに今すぐ覚えなくてもいいと判断したものだけです。簡単なものはタイピング力を鍛えるためにもわざわざ打つようにしています。

クラス名は自分の中でパターンを決めておく

侮れないのがクラス名だと思います。はじめのうちだと、クラス名を考えるのに時間がかかってしまいます。クラス名にパターン(あくまでも自分ルール)を作ることでクラス名を考える時間を省いています。

命名規則対象
○○Listリスト
○○Boxひとかたまりになっているもの
○○Inner中側で囲っているdiv
containerサイト全体に共通する幅

○○にはコンテンツの内容を見て他とクラス名がかぶらないように判断します。

普段から知識をつけることによって検索する時間を削減する

はじめはどうしても検索することに時間がかかってしまいます。専門用語をしっていると結構早く見つけることができるので、日々わからないことでも軽く用語を覚える程度に勉強しておくことをおすすめします。

人がタイピングしているところを観察する

たとえば、

.style {
  background: #CCC;
}

と打ったときに{}を先に打ってから中身を書いた方が早いと感じます。私は人がタイピングしているのを見てそのコツに気がつきました。教えてもらえないなら、見て盗むことも手です。
ショートカットキーも他人がやってるのを見て、「どうやってやってるんだろう?」と思って調べて覚えることが多いです。
ただ、これには周りに同じようにコーディングしている人がいる環境にいることが条件です。たとえば学校でも、職場でも、コワーキングスペースで良いと思います。

頭がごちゃごちゃしたらノートに書いて整理する

コーディングする前に、効率よく無駄なくコーディングできる方法を考えることも大切です。実装する手順を考えているときに頭がごちゃごちゃしてきたらノートに書いて頭を整理するようにしています。
これは自分の感覚なのですが、ノートの方が自由に書き込めるので、制約のあるメモアプリよりも頭が整理しやすいと思ってます。

画面とキーボードを交互に見てタイピングする

最近やっとこれができるようになりました。さすがに普段使っているMacのみになりますが、キーボードを打つ速度が速くなってきました。 8ヶ月お仕事でコーディングをしていたため、キーボードの配置を把握できるようになって、画面を見る余裕ができるようになりました。画面とキーボードをを交互に見ることで誤字も早い段階で気づけるようになりました。

「どうやったらコーディングができるようになりますか?」という問いの「ひたすらコーディングする」という答え

よく、「どうやったらコーディングができるようになりますか?」とWeb業界の方に訪ねると、「ひたすらコーディングをする」という途方もない答えが返ってきます。当時はわかりませんでしたが、今回まとめてみて、「経験を積む」ということだと気づきました。

私は入社8ヶ月でコーディングが早くなってきたと感じました。コーディング力は経験によるものなので、身につけるのに時間がかかります。今すぐ焦らなくても大丈夫だと思います。

っていうちょっと焦った昔の自分に言ってあげたいという記事でした。


関連タグ

この記事をシェアする

著者

デザイナー

森田かすみ

名古屋のスタートアップで働く、デジタルプロダクトデザイナー。

2013年に新卒でWeb制作会社に入社し、受託制作のマークアップエンジニアとして勤務した後、CMS開発部門のデザイナーへ転身。

2023年5月にSaaSのプロダクトデザイナーへ転身。
現在は新機能にまつわるUXを考慮したUI設計、機能マーケティング支援などを担当。
ストレス発散方法はかっぱのイラストを描くこと。

おすすめ記事

この記事のハッシュタグに関連する記事が見つかりませんでした。

他の方法で記事を探す

2024年12月

年間カレンダーへ
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31