【鋭利団体】PK-Brothers鋭利団体PK-Brothers丸くならない。我々のHOME我々について我々へのお問い合わせWEB/サイト制作時に最低限意識する基本項目11個http://pk-brothers.com/1647/WEB/サイト制作時に最低限意識する基本項目11個2014年09月16日(火)独立してWEB制作やサイト制作をやる時にやっぱり大事だなーと思ったので、僕もそうですがみんなこれができれば少しはHappyになるのではないかと思い投稿します。※僕が思う基本的なことなので足りないことや、いらないだろーってこともあるかもしれませんが、そこはあれしてください。今回意識するのはHTMLコーディングの際の注意点みたいなのがメインなのでプログラマーとかはまた違うのかな。結局プログラミングが入るとプログラマーはチェックしなくてはいけない項目だとおもうので、どちらにしても最低限覚えておいたほうがいいですよ。1.コーディングする際は適切なインデントをとる自分だけで簡潔するものであればそこまで意識はしないかもしれないけど、いろいろな人が見る(コードレビュー含め)場合はしっかり階層ごとにインデントをとろう。これって基本的なことの気がするけどできていないことが多い気がする。途中まではとっているんだけど、JSのコーディングのとこだけは、どっかのサイトをコピペしたのか、インデントが異なっていたり・・・。いった細かなことだけど、作業効率はかなりあがると思うので意識して上げよう。自分以外がそのソースを触る場合なんかは特にね。インデントの種類タブ:タブでとる(ほとんどは半角スペース4つ分でEditerなどには設定されているはず)スペース:大体スペース4つとかでやったりする。※タブでとった方がカーソル移動時に便利だよね2.scriptの独自記述はまとめる新規にjsファイルを作成しそこにまとめるか、</body>タグの上に<script>タグをつけてそこにまとめる。遅らせることのできるものはできるだけ読み込みを遅らせることでページの表示が速くなる。できる限りっていうのが大事で、場合によってJSのプラグインとか使用していると、そこでしか動作しないこともあるので注意が必要なんだけど、そもそもそのように依存してしまうプラグインは使わないほうがよかったりします。(そのあと触るエンジニアの人とかが困ります。w)あと、JSとjQueryが混在している場合に特にありげなのが、同じ処理をJS版とjQueyrで別々に書くこと。document.redyとかね。これは理解がないのにコピペだけでやってるなーって思われてかなり恥ずかしいのでやめたほうがいいでしょう。w3.コーディング時にもFacebookのOGPタグはつける対象サイトがパブリックに公開されているページであれば、FacebookのOGPタグはつけておく。シェアされたときのインパクトがぜんぜん違う。コーディングの際はタグだけ埋めこんでもらって、あとで内容を考えるでもあり。(リリース前までに)特に指定がなくても、これってパブリックなサイトであればシェアされる可能性はあるので、忘れないようにコーディング時につけるようにしておいたほうがいい。現代においてこのタグをいれないで良いようなものはあまり思い浮かばないです。FBが自動的に判断してくれるだろっていう人もいるだろうけど、それってサイトのdescriptionとかでとってきているっていうのを認識していて、かつFBシェア時にも同じdescriptionであれば問題ないだろうけど、FBシェア時とSEOの項目って全然違うとおもうので、FBシェア時のインパクトをきちんと考えてOGPタグを設計しましょう。(コーダーの方は考えなくてもいいかもしれませんが、これを指摘するだけで、あーこの人プロだなーって思われることも・・・!?)■OGPの参考http://webdesignerwork.jp/web/facebookogp/4.HTML5で記述する場合は適切に構造化(階層化)する(アウトラインを整える)最近たぶん多くなってきていると思うのですが、せっかくHTML5で構造化できるのに、理解が乏しくてHTML5で記述しているのにコーディングはHTML4みたいな感じになっていて、アウトラインがめちゃめちゃになっている人とかいます。これって外注とかでやっていて、元請けの人達がHTM5のコーディング知識をもっていたら結構恥ずかしいことになっちゃうので注意しましょう。これについてはもっと良い資料を書いてくれている人がいるので参考にしましょう。YakuraマークアップについてはP81ぐらいに書いていたのでそこを指定していますが、全部読んだ方が知識としはつきますが、ここではここを参考にということで。コーダーの人とかは、デザインができているけど、この対応するのってSEOのためですか?とかって聞いてくる人もいると思うけど、それもそうだけど、一番大事なのはSEOの為とかっていうよりも、正しいコーディングをすること。それが相成って良いサイトになります。