Changes between Version 2 and Version 3 of pne-xhtmlcss-note

Show
Ignore:
Author:
kiwa (IP: 203.143.101.162)
Timestamp:
07/04/08 23:32:52 (9 years ago)
Comment:

#2749:pne-xhtmlcssの開発中の内容を移動

Legend:

Unmodified
Added
Removed
Modified
  • pne-xhtmlcss-note

    v2 v3  
    11= XHTML+CSS化ノート = 
    22 
     3== 開発段階の内容 == 
     4=== このプロジェクトの作業に参加するには === 
     5OpenPNEが大好きで、HTMLソースを改善したい! という熱意を持った方であれば、どなたでも大歓迎です! 以下の手順で作業に参加してください。お待ちしています! 
     6 
     7 1. Trac を扱うため、 OpenPNE.jp に参加してください(このプロジェクトのために OpenPNE.jp に参加したい方は、海老原昂輔<ebihara@tejimaya.com> まで連絡いただければ招待メールを送信いたします) 
     8 1. [http://sns.openpne.jp/?m=pc&a=page_f_home&target_c_member_id=7 sns.openpne.jp 内の手嶋さん]に連絡して OpenPNE のブランチコミット権限を得てください 
     9 1. Skype チャットにて、どの班(後述)で参加したいか宣言してください 
     10{{{ 
     11#!html 
     12<div id="skype-publicchat" style="background: white url(http://download.skype.com/share/publicchat/background.png) left bottom repeat-x !important; font: 11px/16px Arial, Helvetica, sans-serif !important;border: 1px solid #009de9 !important;"><h1 style="padding: 50px 10px 9px 10px !important;margin: 0 !important;font: 12px/16px Arial, Helvetica, sans-serif !important;font-weight: bold !important;color: #999999 !important; background: transparent url(http://download.skype.com/share/publicchat/snippet_head_blue.png) left top no-repeat !important;"><a style="color: #006699 !important;text-decoration: none !important;" href="http://www.skype.com/go/joinpublicchat?chat&amp;skypename=co3k5334&amp;topic=OpenPNE2.12+XHTML%2BCSS%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88+%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%AB%E3%83%BC%E3%83%A0&amp;blob=OnQJiOyJMfKQnQhl69-5RHsBzVUAl36B8wiH3OfZFsri4Hh0_8aW-fWR5jn6NrW7tx-fFCA">OpenPNE2.12 XHTML+CSSプロジェクト チャットルーム</a> hosted by <a style="color: #006699 !important;text-decoration: none !important;" href="skype:co3k5334?info">co3k5334</a>.</h1><p style="margin: 0 10px 10px 10px!important;"><a href="http://www.skype.com/go/joinpublicchat?chat&amp;skypename=co3k5334&amp;topic=OpenPNE2.12+XHTML%2BCSS%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88+%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%AB%E3%83%BC%E3%83%A0&amp;blob=OnQJiOyJMfKQnQhl69-5RHsBzVUAl36B8wiH3OfZFsri4Hh0_8aW-fWR5jn6NrW7tx-fFCA" style="color: #006699 !important; background: transparent url(http://download.skype.com/share/publicchat/chat_icon.png) left center no-repeat !important;padding-left: 20px !important;display: block !important;">Join now</a></p><hr style="margin: 5px 10px !important;height: 1px !important;background: #cccccc !important;border: none;" /><p style="margin: 0 10px 10px 10px!important;"><small style="font-size: 9px; color: #515151 !important;">Chat about what's on your mind. <a href="http://www.skype.com/go/publicchats" style="font-size: 9px; color: #006699 !important;">More about public chats</a>.</small></p></div> 
     13}}} 
     14 
     15=== 指針 === 
     16OpenPNE2.12でXHTML+CSSプロジェクトの成果物を入れることをまずは目標とします。 
     17 
     18OpenPNE2.12βの直前バージョンOpenPNE2.11.8のリリースが 2008/3/26 であり、大きな機能変更はこの日までに追加されていなければ 2.12 には入れられません。 
     19 
     20限られた時間の中でこのプロジェクトの成果物を OpenPNE にとって最もいい形で入れるために、次の目標を各自が認識し、進めていきましょう。 
     21 
     22 * テーブルレイアウトを廃し、CSSによるレイアウトに切り替える 
     23 * XHTMLの構文適合性を満たす 
     24 * XHTMLの目的適合性をある程度意識 
     25   * 次のバージョンでは目的適合性をも高めたい。そのステップとなるようなマークアップ 
     26 
     27=== 大まかな進行の流れ === 
     28 1. OpenPNEに点在するありとあらゆるパーツをグルーピングし、マニュアル化する 
     29 1. それぞれのパーツに対して適切なマークアップ、スタイルの適用をおこなう 
     30 1. 全テンプレートを洗い、担当するパーツのみを 2. でおこなったマークアップに従い書き換えていく 
     31 
     32=== 作業体制 === 
     33以下のように班を敷き、平行して作業を進めていきます。 
     34 
     35パーツ毎にチケットを作成し、各班がそれぞれチケットをやりとりしながら進行していきます。 
     36 
     37各班の詳しい作業内容などについては、各班名に貼られたリンク先にあるサブページを参照してください。 
     38 
     39 * [wiki:pne-xhtmlcss-t-markup マークアップ班] - OpenPNEが出力するHTMLのうち各部位のマークアップをおこなう 
     40 * [wiki:pne-xhtmlcss-t-template テンプレート班] - マークアップ班のマークアップを参考に、テンプレート上で実際のマークアップをおこなう 
     41 * [wiki:pne-xhtmlcss-t-parts パーツ・進捗管理班] - パーツや進捗の管理をおこなう 
     42 * [wiki:pne-xhtmlcss-t-pr 広報班] - このプロジェクト自体や進捗などを広く世間に伝えていく 
     43 
     44各班の動きをまとめると[http://spreadsheets.google.com/a/openpne.jp/pub?key=pOJdcbQJU3VyyUO6lery4Qg どういう動きになるかというイメージはこちらのスプレッドシート]を参照してください。 
     45 
     46=== 作業用ナビゲーション === 
     47 
     48 Tracチケットレポート:: 
     49   [report:67 {67} XHTML+CSSプロジェクト作業用レポート] 
     50 SVNブランチ:: 
     51   source:OpenPNE/branches/prj/xhtmlcss 
     52     * markup : マークアップ班がパーツのマークアップをしていくためのHTMLが格納されている 
     53     * OpenPNE : テンプレート班がテンプレート書き換えをしていくために、OpenPNEのソースコードが格納されている。最終的にこのブランチが開発版にマージされる 
     54     * partslist : パーツ・進捗管理班が管理するパーツリスト。パーツ毎に画像と対応チケット、修正リビジョンなどが提示してある 
     55 パーツリスト:: 
     56   wiki:pne-xhtmlcss/parts 
     57 マークアップ班の状況確認用HTML:: 
     58   http://xhtmlcss.openpne.jp/markup/ [[BR]],,※実作業状況は source:OpenPNE/branches/prj/xhtmlcss/markup ,, 
     59 テンプレート班の状況確認用SNS(オープン制):: 
     60   http://xhtmlcss.openpne.jp/sns/ [[BR]],,※実作業状況は source:OpenPNE/branches/prj/xhtmlcss/OpenPNE,, 
     61 テンプレート改善用スプレッドシート :: 
     62   http://spreadsheets.google.com/a/openpne.jp/ccc?key=pOJdcbQJU3VzTLa8tTpdWHg&hl=en 
    363=== 既存レイアウトの構造 === 
    464