環境

Chromeのデベロッパーツールの使い方を紹介します。 現役コーダーのわたしが普段から確認しているポイントに絞って紹介していきますので、同じような職種の方は特に参考にしていただけると嬉しいです。 ※ デベロッパーツールは […]

Webコーダーとしての指標の1つに「コーディングの速さ」があるかと思います。わたしは1年前にコーダーをメインの職にしようと決意してから、速さという指標を伸ばすために色々と取り入れて試してきました。 この記事では、Webサ […]

コーディングの仕事をしていると修正したファイルをアップロードする機会が多くあります。 自信満々にそのままアップロードしてもいいかもしれませんが、ビビリなわたしはテキスト上の修正箇所を確認してからアップロードするようにして […]

WebコーダーはIllustratorを完全に扱える必要はありませんが、コーディングに必要な値やデータを取得できなければなりません。 （Illustrator自体は、わたしはほぼ使えません…＞＜） というのも […]

リモートでのWeb系のやりとりって、テキストに加えて画像や動画を入れたほうが分かりやすいことがほとんどだと思います。 テキストでどこどこと説明するよりも、「ここを見て欲しい！」って場所はキャプチャして矢印を引いた方が直感 […]

Googleフォームが楽すぎることが判明しました。サイトにいつも設置しているお問い合わせフォームもデザインを気にしなければGoogleフォームでも十分かもしれません。 Googleフォームのメリットとしては以下のとおりで […]

コーダーとしての質の高さの指標の1つに、デザインカンプからの再現度の高さが挙げられると思っています。 PCサイトだけ作っていればいい時代に生まれた言葉で「ピクセルパーフェクト」があります。ピクセルパーフェクトとはデザイン […]

WebコーダーはPhotoshopを完全に扱える必要はありませんが、コーディングに必要な値やデータを取得できなければなりません。 この記事ではPhotoshopからコーディングする際に必要な値や画像を取得する方法を紹介し […]

Sassから完璧なCSSファイルを出力するためのgulpfile.jsの書き方や、必要なパッケージpackage.json、.stylelintrcへの記述についてです。 最初に言っておくと、完璧なという表現は完全に主観 […]

Webフォントとして使える「Noto Sans Japanese」は、無料かついい感じのデザインで使えるので、おそらく多くの方が重宝しているフォントだと思いますが、デメリットが1点。 それは、読み込みが重すぎるということ […]