コーディングチェック赤ヒツジ先生ってこんなサービスだよ!

コーディングチェック ブログ

こんにちは。ゆーへーです。

まずはこちらをご覧ください。

漫画家のふっくらボリサット(@fukkurabo)さんに書いてもらいました!

赤ひつじ先生を5月1日から始めました。
今は3名の方にやってもらってます。DMも何件か来ております。

この記事では実際のやりとりを載せます。※本人に許可得てます。

また、アンケートをとってるのですが、実際どんなサービスなのか気になるけど、様子見の方が多かったです

料金的には、高いという印象はあまりないようです。
チェックには1時間程度かかりますし、それ以上の価値があると思ってます。

サービスの詳細ページはこちらです。

コーディング添削「赤ヒツジ先生」

チェック後はこんな感じでやってます。

名前
よろしくお願い致します!/)`・ω・´)
ゆーへー
しっかりチェックしますー

~数時間後~

名前

出来ました!URL~
素材準備、環境整備 15分
HTMLコーディング 40分

CSSデザイン 2.5時間

チェック(と修正) 20分

名前
めちゃ時間かかりましたー( ;∀;)
ゆーへー
お疲れ様です!
確認しますねぇ。
名前
質問もたくさんあるのですが、あとでまとめて遅らせていただきます!
お願いします!!

~チェック中(1~2時間)~

名前
チェックしました。
全体の修正としては、
・フォントサイズが違う。
・フォントの太さが違う。
・ヘッダー画像など、デザインと横幅が違うところがあります。
名前
コーディングルールが少しわかりづらかったかな?という印象ですね。
たくさんチェック入ってますが、ほとんどフォントサイズなので、修正もさほど時間かからないかと!
ヘッダー画像や、下の画像は背景にいれた方が良いですね。
名前
修正して提出してもらえればと思います<(_ _)>
名前
ありがとうございます!(^^)/
今ちょっと別件対応中ですので、、、こちら終わりましたらじっくりと確認させていただきます!

~2回目の提出~

名前
~2回目のデータURL~
夜分にすみません。
確認は急いでおりませんので、お時間のあるときにでも!
名前
質問1
幅の指定を超えたオブジェクトがaiにあったときは背景という認識をした方がいいですか? 一番大きなオブジェクトを980pxとして割合を計算しながらやってました。。笑
質問2
オブジェクトはダイレクトツールで掴んで幅や高さの正解が分かりますが、marginやpadding、borderの数字はどうしてますか? わたしは「ものさし」というものを知ってからそれ使ってます。
質問3
HTMLコード書いて、CSSコード書くって流れかと思いますが、単純にクラス名をスタイルシートに書くだけで時間かかっています。この辺りは単純に手のスピードを上げていくしかないですか?時短テクなどあったら教えてほしいです。
名前
>質問1
980px超えてるデータは背景だと思ってくれたらOKです。 基本はデザインデータを忠実に再現していただければ。
実案件でも同じような事あったんですけど、こういうコーディングルールで疑問におもったことは、コーディング前に質問してもらったらOKかなと思います。
>質問2
marginやpaddingは「ものさし」で測るか「オブジェクトツール」で線をひいてプロパティから確認できます。 borderは「線」に書いてあります。ウィンドウから呼び出し可能です。
>質問3
時短テクニックは、emmetとscssを使うとかなり早くなります。 あとは、タイピングスピードあげていくだけですかね。
名前
データ確認しました!良いですね!!
これなら客先チェックも通ると思います。HTMLの書き方もCSSも書き方もすごいキレイでかなり良いですよ!細かいですが3点ほど修正があります。
・見出しの下の棒の太さは1pxです。
・SNSの大きさが変わってないかと思います。28pxかな
・firefoxの時、フッターの診察時間の表の表示がおかしい
名前
この課題はクリアです!
2回目の修正の状態が1回目で上がってくるようなら、次も依頼しようかなって思います。
お疲れ様でした!!!
名前
いつも迅速にありがとうございます!
> こういうコーディングルールで疑問におもったことは、コーディング前に質問してもらったらOKかなと思います。
質問が面倒だと思ってしまうタイプなので、省きがちなのですが、、細かい質問大事ですね。。
名前
どういうふうに作ればいいのか?大事なところなので、確認の上でも聞いておくのが良いかと!
名前
Webデザイナーさんのデータを元に作るときは再現性がとにかく大事ということが分かりました。
各種数字のとり方もだいぶ分かるようになってきました!
実際に仕事を体験させてもらっているような進め方でとても勉強なります!

~終了~

デザイン通りに作るのは案外難しい

デザイン通りに作るのは案外難しいです。
しかし、ここのチェックがクリアできれば、「デザイン事務所に好かれる人」になるでしょう。

僕のあまいチェックではなく、本当の仕事をやっている気持ちでチェックしております。

興味があれば、DMください<(_ _)>
note
サービス概要

Twitter:katayamada_Y

フリーランスの営業方法で悩んでいる方に書いたnoteはこちら。
Twitterでの評価も高めです。→営業経験0!貯金0!!営業できない私が、年収630万円稼ぐまでの流れ

 

気に入った記事であれば、ぽちっとお願いします<(_ _)>