[メモ]MyNETS2で開発。

MyNETS2

まずはSKINまわりから。

今搭載されてる構造を変更。
ベースとなるCSSファイル+画像ファイルをdefaultとして設置する。
モジュールごとにCSSファイルを設置

モジュールのCSSファイルに、ベースとなるCSSを読み込ませて基本となるCSSの設定にする。
テーマごとに、フォルダを切り替えたりなんてことも考えたんだけど、
ZIPファイルでテーマファイルを別の場所に保存しておいて、/theme/になるように展開したり、
管理機能からCSSを編集したり、フォルダごとzipに固めてバックアップをとったりできるとよさげだなと思ったので、/theme/以下に1テーマってことにしてみる。

基本SKIN

/theme/default/main.css
/theme/default/css/xxxx.css
/theme/default/images/xxxxx.jpg

モジュール別のスキン

/theme/{モジュール名}/css/main.css
/theme/{モジュール名}/css/xxx.css
/theme/{モジュール名}/images/xxxx.jpg

/theme/{モジュール名}/css/main.cssの中身はこんな感じ

@charset "utf-8";
/* CSS Document */

/*基本CSSを取得
--------------------------------*/
@import url("../default/main.css");

…以下cssフォルダの中のパーツ分けしたCSSファイルを順次import
1モジュール毎にCSSを設定。
基本となるSKINの情報はdefaultから取得する

共通部品のjavascript、javascriptライブラリ等

/shared/js/xxxx.js等
/shared/js/{ライブラリ名}/パーツ

ざっくりとしたCSS用の図
css1.jpg

testing

ヘッダフッタおよび基本的な部分の設定をして、とりあえずの作業を終了。
kunitsujiさんからコーディング規約の資料を教えていただいたので、コーディング規約に沿うように、コードを整頓。
そろそろ個人用のナンデモSVNからMyNETS2用のSVNに独立させるべきかな・・・・・

メモ:

  • MyNETS2 r766がベース。
  • 一応3カラムの構造も用意したが、2カラムが良さそう。
  • bbsとdiaryはまだ入れ物だけのようなので削除
  • 携帯ページと同時にすすめていきたいので、Viewの書き方、controllerの書き方を模索
  • 会員の新規登録あたりを充実させる
  • どの程度の粒度でモジュールにするか、コントローラで分けるかを考える

「[メモ]MyNETS2で開発。」への2件のフィードバック

  1. コメントがオープンなので、コメントしてみちゃったりww

    実は、僕もいまMyNETSのスキンというのか、h_homeのデザインをゆっくりしてます。
    手探り状態ではありますが、形にはなってきていますww
    どの程度まで、受け入れられるのか等々ありますけど、一応やっておいて『気に入らない』って人がいたら、意見を聞いて反映していこうかなと思っています。

    ■MyNETS h_home example
    http://labo.fesly.net/mynets/tpl/

    #header部分ごちゃごちゃしてますけど、気にしないでくださいww
    #本当は綺麗にまとめたいんですけどw

  2. 頑張ってるのですね〜(^-^)
    個人的にですが、スキンまわりは、大事だと思います。
    後々修正しやすいかどうかは、結構大きいですものね。

コメントは停止中です。