環境

環境

FTPツール「FileZilla」の使い方とおすすめの設定

サーバーと接続するFTPツール「FileZilla」の使い方とおすすめの設定です。 FTPツールはいくつかありますが、FileZillaが個人的には最も使いやすいなと思います。サイトを運営するにあたっ…

はにわまん
環境

【動画あり】Chromeのデベロッパーツールの使い方!コーダーはどう使う?

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

はにわまん
環境

コーディングのスピードを上げるための7+2の方法!

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

はにわまん
環境

FTPツールからテキスト比較(diff)してアップロードする方法(Windows)

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

はにわまん
環境

Illustratorのデザインカンプからコーディングに必要な画像や値を取得する方法

WebコーダーはIllustratorを完全に扱える必要はありませんが、コーディングに必要な値やデータを取得できなければなりません。 (Illustrator自体は、わたしはほぼ使えません&#8230…

はにわまん
環境

Windowsの画面上の画像や動画をサクッと撮れるスクリーンキャプチャ2つ

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

はにわまん
環境

Googleフォームの送信内容をスプレットシートへ書き出し&任意のメールアドレスに通知する方法

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

はにわまん
環境

PerfectPixelを使えばデザインカンプを完全再現したコーディングができる!

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

はにわまん
環境

Photoshopのデザインカンプからコーディングに必要な画像や値を取得する方法

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

はにわまん
環境

Sassから完璧なCSSファイルを出力するために通したいGulpのタスク【WordPress編】

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

はにわまん
1 2 3 4 6