1 :
京 ◆SsSSsSsSSs :
◆コーディングのスピードを上げる為の6つの方法
1.コーディング手順を簡略化する
これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。
CSSのレイアウトをノートに書き出す
レイアウト部分(ヘッダー・メイン・サイド・フッター)のHTMLマークアップ
CSSでレイアウト部分のスタイリング
表示確認
うまく表示できない箇所の修正
ヘッダー内のHTMLマークアップ
CSSでヘッダー内のスタイリング
表示確認
うまく表示できない箇所の修正
6?9のように各部分のマークアップ・スタイリング・確認・修正
全部できたら他ブラウザーでの確認・修正
上の画像のように最初の「CSSのレイアウトをノートに書き出す」でIDやクラスの名前を決めておき、
レイアウトをメモしておくと全体像が把握しやくなるので、初心者さんにはおすすめです。が、慣れてき
たらメモを見ず、頭の中で組み立てていくと効率よく作業できます。また、画面分割機能を使ってコー
ディングと表示確認を同時に行うといちいちブラウザー画面に戻って確認する手間が省けるので、
コーディングをより早く行えます。現在は下記のような手順でコーディングをすすめています。
全てのHTMLマークアップ
画面を分割し、表示確認をしながらCSSで一気にスタイリング
他ブラウザーでの確認・修正
…
6. オンラインスニペット集を利用する
使えるコードを集めたWebサイトも多数あります。どうコーディングするのかわからない…なんて時に眺めてみるといいかもしれません。
http://www.webcreatorbox.com/tech/coding-speed-up/
2 :
エンゼル(栃木県):2010/11/02(火) 19:20:57.99 ID:W5t9649t0
ペニスって書きたいがためにそこまでするかね
3 :
フクタン(広西チワン族自治区):2010/11/02(火) 19:21:16.94 ID:+n8zSve/O
あそう
4 :
ミルミル坊や(神奈川県):2010/11/02(火) 19:21:48.93 ID:llkZNZgt0
はぁ
5 :
らぴっどくん(千葉県):2010/11/02(火) 19:21:56.95 ID:FOx8rayJ0
オンラインスニペットでコーディングを速くする
6 :
おにぎり一家(千葉県):2010/11/02(火) 19:23:13.92 ID:7tjguqlz0
オンラインスニペットってなんだよ?と思って意味がわからなかった
そういうのがあるんだね
こういうスレタイにするんなら、もうちょっと認知度の高い言葉でやらないとなあ
(もしかして俺が知らないだけ?)
素直にオンラインペニスって書けばいいじゃん
8 :
ミルミル坊や(三重県):2010/11/02(火) 19:26:57.32 ID:3dcGy4ut0
saku
>>1 これのどこがコーディングなんだろう
プログラミングじゃないだろうが
10 :
京 ◆SsSSsSsSSs :2010/11/02(火) 19:32:14.05 ID:rI1KVmeO0 BE:102030833-PLT(12000)
>>9 HTMLコードって言うダリ
11 :
ピアッキー(茨城県):
スニペットどっかで聞いたことあるなって思ったら
EmEditorのあれな
あれだろhtmlって入力するとhtmlタグが挿入されるってやつだろ