くまだ

Zeplin上から、FigmaやAdobeXdのデザインカンプからコーディングするのいっしょで、要素間から数値を読み取ったり、要素の幅を測って数値を読み取ることができるようになるツールです。 私がなんでこれを使っているのかというと、めちゃくちゃ軽いからです。

あとにあげる予定の投資ブログでも目標を立てていたのですが、こっちもこっちでWeb制作のほうも目標を立てて今年もやっていきたいと思います。

今年は、去年仕事を辞めてスクールに通ったりしながらWeb制作の勉強をして、今年の1月に開業して個人事業主になりました。なんだかんだ12月までフリーランスとして活動することができたのは、まあよかったかなと思います。超ざっくりと今年の反省と感想を書いていきます。

Web制作の案件を進めるうえで、自分のリソースを知ることは大事です。（ここでいうリソースは、「自分が一日のうちで、作業にあてられる時間」を指すこととします） Web制作の案件は、基本的に納期が○○日までで、制作ページ数が○○で～みたいな感じで進めると思うんですけど、ここでの時間の見積もり方をミスると後半でぎりぎりになって死ぬ思いになります笑

私はWeb制作の勉強を始めてからだいたい2年くらいたつんですけど、案件をこなしつつ、失敗したなぁと思うこと ざっくり書いていこうと思います。過去の自分への戒めのためです。 ・使わない言語・スキルを勉強しまくる ・文章や画像サイズの可変を考えないコーディング ・positionを使いまくるフロントエンドとバックエンドとWeb制作全部に手を出す ・メディアクエリを無限に使いまくる

SSを楽に書くためのメタ言語、Sassがありますが、HTMLを楽に書くための言語も存在します。その一つがPug（パグ）です。 最近Web制作でPugを使ってコードを書いているのですが、実際使ってみて感じたメリット・デメリットを簡単に紹介していきたいと思います。

そもそもピクセルパーフェクトは何かというと、ざっくりいうと自分が制作したデザインカンプなりデザイナーさんが制作したデザインカンプなりどちらでも良いのですが、そのデザインカンプ通りに、1pxの狂いもなく全く一緒のとおりつくることです。 ちなみにですが、デザインカンプを見ながら数字も全くいっしょに作ったとしても、おそらくピクセルパーフェクトにはならないです。（多少ずれる）

Web制作で、ホームページを作る過程において、各ブラウザでのチェック（Chorme、Safari、FireFox,Edgeなど）を行いますが、それに加えてIE(IE11)はいつまで対応するべきなのか

すぐに成果が出なかった時に、挫折しやすくなるというのがあります。そこで挫折してしまったら、それまで積み上げて頑張ってきたこと、継続してきたこと全てがムダになってしまいます。 私の場合はムダになるのがもったいないので、ひたすら継続してやっているに過ぎないです。日常のルーティンと化してしまえば後はだんだんと楽になってきます。

レスポンシブする際に、それぞれメディアクエリあててスタイルしていくと思うんですけど、見出し関係も同様にブレイクポイントごとにスタイルしていきますが、もっと楽な方法はないもんかと。