-
ID:eNDXYv さんの質問

コーディングを担当しています。PSDなどでデザインデータを頂きコーディングしているのですが、htmlコーディングはそれほど時間が掛らず進められるのですがCSSでデザインを作っていく工程でいつも時間が掛ってしまいます。
デザインカンプの時点である程度脳内コーディングをしているのですが、CSS組の際に考えながらコーディングしてしまう癖があります。
(例えばスマホサイトの制作を進めていく過程で、もしこのサイトをipadで見た時サイドに余白が出たらデザインとしておかしいからこうした方がいいかな…とか考えてCSSコーディングをしてしまうのです。)
皆さんはコーディングする際に何か工夫していることはありますか?宜しくお願いします。

一応、sassを使ったり以前作ったレイアウトのCSSスタイルを使って組んだり、ID/Class名で悩まないように等最低限の工夫はしています。)

みんなの回答 7 件

ID:hx8FXL さんの回答

レスポンシブで作れば良いのでは?

ID:eNDXYv

返信遅くなりました。コメントありがとうございます。
作成はレスポンシブで制作するようにしています。あまりレスポンシブ制作に慣れていないから遅いのかもしれません。精進します。

ID:IY18iN さんの回答

何が問題なのかよくわからない。
質問に問題があるように思います。

ID:eNDXYv

質問内容がまとまっておらずすみません。コーディングスピードをあげるコツがあれば教えていただきたいと思い質問しました。コメントありがとうございます。

ID:U3/eHp

コーディングスピードを上げるコツは、正しいコーディングの答えを知っているかだと思います。
正しいコーディングを知らないと実装方法であれこれ悩んでしまうかと思うんですが、答えを知っていると迷いがありません。
完成に向けて一直線で微調整をする程度になります。

正しいコーディングの答えを知るには、優れたサイトのソースを見てみる事です。
ちゃんとした人が作ってるサイトは、適当な人が作ったサイトとは違います。

ID:dDTtT. さんの回答

"CSS組の際に考えながらコーディングしてしまう癖" とありますが、当たり前なことなんじゃないんですかね?
考えずに組むのは、デザイナーに対しても失礼かと…。

ID:eNDXYv

デザインを考慮せず組んでいく、ということはしないのですが、float使うかdisplay:tableとして処理するかとか、そういうところで組んでは直して組んでは直して…とコーディングしてしまうのです。
それで時間がかかってしまいます。

ID:ESukZ2 さんの回答

htmlの論理構造とCSSのプレゼンテーションは分けるべきだけど、どんなレイアウトでもOKな論理構造がないのも事実なので、大枠だけパターン化する感じかな。カラム数とか。

ID:eNDXYv

全体の大まかなレイアウトのパターン化等はある程度作っておけばそれをベースに流用できますね。
自分もそういうパターン化して制作したCSSを作っておこうと思います。参考になりました。ありがとうございます。

ID:lpTKux さんの回答

デザインはその都度違うのでみんな同じように考えながら作ってると思うけど、
考える時間が他人から指摘されるほど長いとすれば仕事として成り立たないし合ってないんだろうなって思う

ID:XTu7Wd

そんなことないだろw お前何様だよ

ID:eNDXYv

比べる対象のコーダーさんがいない現場だった時は、人から指摘されたことはないです。ただ「LPページ2・3ページなのに結構時間が掛った」と思う事はよくあります。
案件ごとに実際にかかった工数を算出する流れだったので、掛った工数より少なく言ってしまう時もありました。(工数オーバーすると渋い顔されるので)向いてないかな今でもよくおもいます(汗)

ID:VzSFOI さんの回答

一体何に悩んでて何を訊きたいのかがよく解らん。いやマジで。

ID:eNDXYv

質問内容を上手くまとめられず質問してしまってすみません。コーディングの際にCSSでデザインを作っていく時に、組んでやりなおしてをよく繰り返して、時間がかかってしまうのですが、
コーディングに時間をかけないよう、何か工夫していることはありますか?

ID:/TkohK さんの回答

デザイナーですがコーディングもたまにやります。
私もブランク長いとかなりグダグダなコーディングしてしまします。

スピードはやっぱ慣れとルール化が一番重要で、次に引き出しを増やすのとプレビューなしでもある程度作れる想像力を鍛えることがだと思います。

私の場合ですが遅い時ってルールバラバラになってたり、プレビュー回数が多かったりする

ID:Z5DS8n

これ

ID:eNDXYv

コメントありがとうございます。私はデザインが出来ないコーダーなので両方できる方は凄いと思います。私もみっちりコーダーの仕事をしてきたわけではないので、コメ主さんと似たようなグダグダコーディングをしてしまいます。
自分も一々確認してしまう回数が多いので、全体的にプレビューなしで作れるよう心がけようと思います。

最終更新日:2014-10-22 (4,493 views)

関連するトピックス

ページ上部に戻る