サイト内検索

2016/02/03(水)JQueryとCMSでデザインもイケてるウェブアプリケーションを作りたい!

お疲れさまです、のむらです。

連日インフラ回りをガチャガチャやってるのでここいらでフロントエンドの話に戻ろうかなと。
JavaScriptとShellScriptの親和性の高さよ…

そうそう、タグなんですが便宜的にECMAScriptとしておきます。
厳密にいうとJavaScriptとは違いますが、差に拘らなければあまり気にしなくて大丈夫です。

ではJavaScriptのライブラリであるJQueryを使っていきましょう。
私のイメージ程度ですので本職の方としては色々思うところはあるかと思います。

・JQueryとは
JavaScriptのイベントハンドラを強力にサポートするライブラリ
それぞれのエレメントにキックさせるのやめよう
→HTMLがイケてない時でもハードコード出来る!!

JavaScriptで頑張ってデザイン作るよりは直感的に書ける
→CSSほどシンプルには書けないので使い分ける
 せっかくなのでMVCCっぽくやりたい
 →説明が適切ではなかったです。要するにこういうこと。
  →リンク先で参照している場所がよくわからなかったのですが見つけました。 
   こちらです。

MVCCと言うよりはMV(VC)Cとか言えばいいんかなぁ…なんか考えます。


CMSか何かでHTMLを自動生成されていたり、古い場合は大体イケてない状態(仕方のない事ですが)でも何とかする方法を考えてたんですが、以下の場合どうなんでしょうか。

====================================================
前提:HTMLにidが重複している、クラスは設定されていないしstyleタグを直接書いていたりなど、とにかくイケてない

-コンテンツはそれぞれの担当者(複数・仮想)がwordで作成する。
-HTMLレベルは外部委託している業者が作成する
-コンテンツは月に一回以上、必ず更新される
-テンプレートがそもそもないので、wordのレイアウトやデザインが100%…いや、70%は採用される
-フレームワークはよほどの限り変わらない(変わらないわけではない)

とします。
過去に担当したプロジェクトで似たような状態があったんですが、さすがにもう改善されています。
しかし良い(悪い?)運用ルールなので使わせていただきました。
====================================================

1.CSSはガリガリ書く
2.JQueryでエレメントを.each()で探し、ターゲットを指定してCSSファイルのクラスを当てていく
3.styleタグは消し込む
4.コンテンツエリアは除外対象とする

HTMLをスクラッチさせろとか思わずプロジェクトから降りたくなりますが、ないワケではないのです。


最後に

OK キャンセル 確認 その他