HPのバグで対処に困っています

質問

ホームページを作ろうと勉強中なのですが
HTMLやCSSでの制作でバグが出たとき皆さんはどうしてますか？
CやC++だとIDEをつかってバグに対処するんですが、ホームページだと
そうもいきません。 自分はStyleNote5を使っています。
しかし、あれではバグがどこにあるのかハッキリと分かりません。
　皆さんはどうやってHTMLやＣＳＳのバグを潰していますか？
どうかよろしくお願いします。

回答No.4

DrFell · ベストアンサー

StyleNote5だからじゃないですか？

バグがはっきり明示されるプラグインが入るエディタやツールをお使いになればいいと思います。

例えば、無料のエディタなら、sublimetext3やatomやブラケット。これらは文法をチェックしてくれるlintをプラグインやパッケージなどとして入れることが可能です。

タスクランナーと呼ばれるツールを使うと、エラーがあった時には、動かなくなってしまいます。メジャーなところでは、grantやgulp、無料です。行番号なども教えてくれますので、バグがどこにあるのかハッキリわかります。

いずれにしても、自分ごのみの初期設定は面倒ですが、ご要望のことは可能ですし、ほかにも便利な機能が多く用意されていますので、職業の方はほとんどの人が使っています。

お礼

バグがはっきりと明示されるツールがあるんですね！
ほんとにうれしいです。
これで制作がかなり捗ります。
ブラウザだとどこにバグが存在してるのか分からないから虱潰し
しかないと思ってましたからね。
お陰でだいぶ進むと思います。
自分好みの設定も調べてみようと思います。

回答No.5

t_ohta

＞　googleのやつですよね。
Chrome だけでなく Firefox にも IE にも Safari にもありますよ。
名称はブラウザによって多少異なりますが、デベロッパーツールとか開発者ツールなんて名称でメニュー内にあります。

お礼

google以外にもあるんですね。
あれを使いこなすよう頑張ってみます。

回答No.3

muuming2001

https://dirtymarkup.com/

ｊｓのバグ潰しは役に立ちます。
htmlやcssはdeveloper tool使ってますねー。

お礼

googleのツールですね。
あれ使ってるんですね。
直接ブラウザを見れるというのはやっぱり必要ですよね。

回答No.2

t_ohta

ブラウザのデベロッパーツールでエラーの確認と調整をやってみて、ソースに反映させますね。

お礼

googleのやつですよね。
それを含めて作成をしていきたいと思います。
参考になりました。

回答No.1

catpow

>>皆さんはどうやってHTMLやＣＳＳのバグを潰していますか？

怪しいと思えるコードをどんどん削除し続けて、エラーを消すことで、問題の箇所を見つけています。
まあ、地道で時間がかかる作業をやっています。

お礼

Cとかと違ってインタプリタだからバグの箇所を発見できないから
分からないんですよね。
やはり地道に探っていくしかないようですね。