mod_chxj Wiki http://sourceforge.jp/projects/modchxj/wiki/!feeds/list SourceForge.jp Wiki pages for mod_chxj project. 2011-07-05T01:30:50+09:00 FrontPage http://sourceforge.jp/projects/modchxj/wiki/FrontPage FrontPage 2011-07-05T01:30:50+09:00 mod_chxj プロジェクト Wiki

mod_chxj のプロジェクト Wiki ページへようこそ。

mod_chxjはオープンソースの携帯向けコンテンツ変換Apache2.2.x(またはApache2.0.x)用モジュールであり、 CHTML（DoCoMo i-Mode用 CHTML5.0相当)で記述された文書や通常のHTMLで記述された文書を、アクセスに来た端末のUser-Agentヘッダを見て、そ れぞれの端末にあった形式に変換します。 HTML文書に限らず、画像（jpg、gif、png）、絵文字についても、定義ファイルに従ってそれぞれのキャリアにあった絵文字に変換します。 Cookie非対応端末、Refer非対応端末のために、Set-Cookie、CookieヘッダやRefererヘッダをシミュレートすることもできます。

最新版は

0.14.1

iPhone/Android対応版

0.13.4

CSS変換対応版

0.12.41


です。

メニュー


]]> android_iphone http://sourceforge.jp/projects/modchxj/wiki/android_iphone android_iphone 2011-04-24T13:02:28+09:00 Android/iPhoneについて(0.14.0以降)

mod_chxjでは携帯向けサイトをAndroid/iPhoneでも見ることができるようにすることを主眼において対応しています。 基本的には他の携帯端末と同様の変換を行います。

Up: FrontPage
Outline

Android/iPhone変換特有機能

画像変換

Mode=WPを指定した場合、Content-Typeにはapplication/octet-streamが設定されます。

画面サイズ

付属のサンプルデバイス定義では横幅240pxに統一しています。

絵文字

iPhone2.2以前はimgタグへ変換（デバイス定義依存）、iPhone2.2以降はSoftBankに合わせて変換されます。 Androidについては全てimgタグへ変換します。

Up: FrontPage

]]> output_encoding http://sourceforge.jp/projects/modchxj/wiki/output_encoding output_encoding 2011-04-24T12:55:33+09:00 機種ごとに出力文字コードを指定したい(0.13.0以降)

※coltwareさんによる実装です. 機種によってはShift_JISではなくUTF-8で出力したい場合、本機能を使用することが可能です。

Up: FrontPage

Outline

指定方法

デバイス定義ファイル(device_data.xml)で<output_encoding>を指定します。 指定の無い場合は、Shift_JISとなります。

ex) au C3001HにはUTF-8で送付したい場合 

    <device>
      <device_id>HI21</device_id>
      <device_name>C3001H</device_name>
      <html_spec_type>XHTML_MOBILE_1_0</html_spec_type>
      <width>120</width>
      <heigh>130</heigh>
      <gif>true</gif>
      <jpeg>true</jpeg>
      <png>true</png>
      <bmp2>false</bmp2>
      <bmp4>false</bmp4>
      <color>4096</color>
      <emoji_type>C</emoji_type>
      <wp_width>120</wp_width>
      <wp_heigh>116</wp_heigh>
      <cache>9740</cache>
      <dpi_width>72</dpi_width>
      <dpi_heigh>72</dpi_heigh>
      <output_encoding>UTF-8</output_encoding>
    </device>
なお、output_encodingで指定できる値はiconv関数に依存します。

Up: FrontPage
]]> NavigationList http://sourceforge.jp/projects/modchxj/wiki/NavigationList NavigationList 2011-04-24T12:47:53+09:00
  • FrontPage
    • ]]>     google_analytics http://sourceforge.jp/projects/modchxj/wiki/google_analytics google_analytics 2011-04-24T12:46:05+09:00 Google Analytics(0.14.0以降)
    Up: FrontPage
    Outline

    Google Analytics

    Google Analytics for Mobile用のタグをmod_chxjの変換機能が有効になっている全ページに埋め込み、またga.php/ga.pl/ga.jsp等の機能を代替します。 本機能を有効にするにはChxjUseGoogleAnalytics、ChxjGoogleAnalyticsAccount、ChxjGoogleAnalyticsTargetを設定します。 以下に例を記します。 

    ChxjUseGoogleAnalytics On
ChxjGoogleAnalyticsAccount MO-XXXXXX-X
ChxjGoogleAnalyticsTarget /ga.php
    MO-XXXXXX-Xはgoogleより発行されるアカウントです。 /ga.phpは上記ではgoogleの例に合わせていますが、指定するものは何でも良いです。 ここで指定した文字列へのリクエストの場合、chxj-google-analytics-handlerが動作します。 chxj-google-analytics-handlerはgoogleよりダウンロードするga.php/ga.pl/ga.jspとほぼ同じものです。

    Up: FrontPage
    ]]>     emoji http://sourceforge.jp/projects/modchxj/wiki/emoji emoji 2011-04-23T01:56:18+09:00 絵文字定義について
    Up: 設定

    絵文字定義ファイル(emoji.xml)の記述内容をここに記します。

    Outline

    絵文字について

    i-Mode用の絵文字を書いておけば、アクセスしたキャリアによって、mod_chxjが対応の絵文字に自動変換します。ソースに2byteのバイナリコードを直接書いても、10進参照文字列(9)（&#XXX;の形）で書いても、どちらでも変換対象になります。10進参照文字列で書いた場合は、mod_chxjにより、自動で2バイトコードに変換します。(現在のところ16進参照文字列には対応していません。）

    絵文字変換定義

    絵文字の変換に関する動作を変えたい場合（例えば「ハートがあったら、auの場合はスペードに」とか、「変換定義がおかしい」といった場合）は、 emoji.xmlファイルを直接編集することによって定義を変更することが可能です。emoji.xmlはXMLファイルとなっていますので、vi等で定義を変更することができます。

    以下に、emoji.xmlファイルの一部を記します。 

    <?xml encoding="Shift_JIS" >

<emoji>
  <set>
    <no>1</no>
    <imode>
      <hex1>f8</hex1>
      <hex2>9f</hex2>
      <string>&#63647;</string>
      <description></description>
    </imode>
    <ezweb>
      <A>44</A>
      <B>44</B>
      <C>44</C>
      <D>44</D>
    </ezweb>
    <jphone>
      <string>$Gj</string>
    </jphone>
    <iphone>
      <string>&#xE04A</string>
    </iphone>
    <android>
      <string>image</string>
    </android>
  </set>

    絵文字の定義は、<emoji>タグから</emoji>タグまでの間にあります。その中の要素を説明します。１つの絵文字につき、１つのセット（<set>タグから</set>タグまで）とし、キャリア毎の絵文字を定義しています。

    <imode>要素

    まず、元となるi-Mode用の絵文字は、<imode>タグにはさまれた間に定義されています。 <imode>要素は、２バイトコード要素(<hex1><hex2>)と、10進参照文字列要素(< string>)を保持していて、この2つの要素を変換元の値として使用します。アクセスしてきた端末が、i-Mode機であった場合で、かつCHTML中に10進参照文字列が絵文字として書かれている場合には、<hex1><hex2>要素に定義されている値に置換します。

    以下に<imode>要素の子ノードを記します。
    要素内容
    <hex1>絵文字SJISコードの1バイト目を16進数で指定します。
    <hex2>絵文字SJISコードの2バイト目を16進数で指定します。
    <string>絵文字SJISコードを10進参照文字列で指定します。
    <description>mod_chxjでは意味はありません。
    <color>0.13.0以降で有効です。絵文字の色を指定します。この値はChxjImodeEmojiColorディレクティブでAUTOもしくはOFF以外が指定された場合のみ機能します。詳細は ChxjImodeEmojiColorディレクティブを参照してください。

    <ezweb>要素

    アクセスしてきた端末が、AU機であった場合、<ezweb>要素に定義されている値に変換します。<ezweb>要素は、<A>～<D>要素を持っていて、それぞれAUの絵文字タイプＡ～Ｄに対応していますので、もし、Ｄタイプの絵文字端末であったなら、<D>要素に定義されている値に変換します。ここで定義されている値は、HDML機の場合は、<IMG ICON="XX">の"XX"の部分に当てはめられて、置換されます。XHTML機の場合は、<IMG LOCALSRC="XX">の"XX"の部分に当てはめられて、置換されます。

    0.14.0以降の機能
    <A>〜<D>には以下の指示子を指定することができます。指示子とその意味は以下のとおりです。
    指示子意味例
    raw:raw:に続く文字列をそのまま出力せよ<A>raw:あいうえお</A>
    imageChxjUseEmojiImage/ChxjEmojiImageUrlに従いimgタグへ変換せよ<A>image</A>

    <jphone>要素

    アクセスしてきた端末が、Vodafone/J-Phone/SoftBank端末であった場合、<jphone> 要素に定義されている値に変換します。<jphone>要素は、<string>要素を保持していて、ここで定義されている値を直接使用します。


    0.14.0以降の機能
    <string>要素には以下の指示子を指定することができます。指示子とその意味は以下のとおりです。
    指示子意味例
    raw:raw:に続く文字列をそのまま出力せよ<string>raw:あいうえお</string>
    imageChxjUseEmojiImage/ChxjEmojiImageUrlに従いimgタグへ変換せよ<string>image</string>

    <iphone>要素(0.14.0以降)

    アクセスしてきた端末が、iPhone端末であった場合、<iphone>要素に定義されている値に変換します。<iphone>要素は、 <string>要素を保持していて、ここで定義されている値を直接使用します。 device_data.xmlで定義されているiPhone3、iPhone4の場合は本定義が使用されますが、iPhone2の場合には imgタグへの変換を試みます。そのためiPhone端末への変換を有効にするには!ChxjUseEmojiImage/ChxjEmojiImageUrlを 設定する必要があります。
    <string>要素には以下の指示子を指定することができます。指示子とその意味は以下のとおりです。
    指示子意味例
    raw:raw:に続く文字列をそのまま出力せよ<string>raw:あいうえお</string>
    imageChxjUseEmojiImage/ChxjEmojiImageUrlに従いimgタグへ変換せよ<string>image</string>

    <android>要素(0.14.0以降)

    アクセスしてきた端末が、Android端末であった場合、<android>要素に定義されている値に変換します。<android>要素は、 <string>要素を保持していて、ここで定義されている値を直接使用します。 付属のサンプルでは全絵文字はimgタグへの変換指示となっていますので、サンプルをそのままご使用の際は ChxjUseEmojiImage/ChxjEmojiImageUrlを設定する必要があります。
    <string>要素には以下の指示子を指定することができます。指示子とその意味は以下のとおりです。
    指示子意味例
    raw:raw:に続く文字列をそのまま出力せよ<string>raw:あいうえお</string>
    imageChxjUseEmojiImage/ChxjEmojiImageUrlに従いimgタグへ変換せよ<string>image</string>



    絵文字の画像変換に関して

    絵文字定義にimage指示子を指定することでimgタグへ変換します。その際、使用するURLはChxjEmojiImageUrlディレクティブで指定する必要があります。 また、必ずChxjUseEmojiImageはOnである必要があります。 ChxjEmojiImageUrlで指定したUrl下に絵文字定義ファイル中の<no>タグで指定した値をファイル名にもったファイルを用意します。 例えばChxjEmojiImageUrlに"/images"、<no>1</no>の絵文字を変換する場合の変換後のimgタグは以下のようになります。 

    <img src="/images/1" />
    上記の例の場合には/imagesに画像を別途用意する必要があります。

    emoji.xmlに定義されていない絵文字で、変換したい絵文字がある場合には、このファイルに新たな定義を足せば、変換するようになります。

    Up: 設定
    ]]>     Configuration/ディレクティブ http://sourceforge.jp/projects/modchxj/wiki/Configuration%2F%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96 Configuration/ディレクティブ 2011-04-22T23:21:23+09:00 ディレクティブ
    Up: 設定
    Outline

    ChxjLoadDeviceDataディレクティブ

    説明デバイス定義ファイルを指定します
    構文ChxjLoadDeviceData デバイス定義ファイルパス
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    このディレクティブは携帯端末の情報が記述されたデバイス定義ファイルのパスを指定します。 ここで指定されたデバイス定義ファイルの内容により、mod_chxjの動作がほぼ決定されます。
    mod_chxjを動作させる場合には必須です。

    例: 

    ChxjLoadDeviceData /etc/apache2/device.xml

    ChxjLoadEmojiDataディレクティブ

    説明絵文字変換定義ファイルを指定します
    構文ChxjLoadEmojiData 絵文字変換定義ファイルパス
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    このディレクティブでDoCoMo/au/SoftBank毎の絵文字を定義されたファイルのパスを指定します。 mod_chxjを動作させる場合には必須です。

    例: 

    ChxjLoadEmojiData   /etc/apache2/chxj/emoji.xml

    ChxjImageEngineディレクティブ

    説明画像変換エンジンを有効・無効にします
    構文ChxjImageEngine On/Off
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    このディレクティブを使用することで、画像変換エンジンを有効（または無効）にします。 指定できるパラメータは"On"または"Off"のみです。 !On以外の値を指定した場合はOffとして扱われます。

    例: 

    ChxjImageEngine On

    ChxjImageCacheDirディレクティブ

    説明画像変換エンジンが作成する一時ファイル保存場所を指定します
    構文ChxjImageEngine 一時ファイル保存パス
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    このディレクティブを使用することで、画像変換エンジンで使用する一時ファイルの設置場所を指定できます。 指定されない場合は/tmpになります。

    例: 

    ChxjImageCacheDir   /tmp

    ChxjImageCacheLimitディレクティブ

    説明画像変換エンジンが作成する一時ファイル保存場所の最大合計保存サイズを指定します。
    構文ChxjImageCacheLimit バイト数
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    このディレクティブを使用することで、画像変換エンジンで使用する一時ファイルの設置場所最大合計量を制限できます。 指定単位は「バイト」です。
    ※画像変換結果が、パラメータに指定したバイト数以上あるときには、INTERNAL_SERVER_ERRORを返します。十分な領域を確保するか、変換元画像サイズを小さくしてください。

    例: 

    # 1MByteの場合のリミット
ChxjImageCacheLimit   1048576

    ChxjImageCopyrightディレクティブ

    説明画像に著作権情報を付与します。
    構文ChxjImageCopyright 著作権情報文字列
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    mod_chxjの画像変換エンジンに転送禁止設定を行うよう指示します。 パラメータとして任意の文字列をとります。


    例: 

    ChxjImageCopyright "chosakuken jyoho"
    例のように指定した場合、画像のコメント部に以下の文字列を埋め込みます。

    • DoCoMoの場合 
      copy="NO",chosakuken jyoho
    • auの場合 
      kddi_copyright=on,chosakuken jyoho
    • SoftBankの場合 
      x-jphone-copyright:no-transfer

    ※SoftBankの場合にはリクエストURLの最後が.pnzか、.jpzで終わるようにダミーを付けなければなりません。

    ChxjConvertRuleディレクティブ

    説明HTML変換エンジンの適用ルールを記述します
    構文ChxjConvertRule パターン 機能のオン／オフ 文字コード [PCフラグ [Dummy User-Agent]]
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    HTML変換エンジン機能のオン・オフ、クッキーシミュレータ機能のオン・オフを指定します。 ルールは記述された順番に評価されます。必須パラメータは「パターン」「機能のオン／オフ｣「文字コード」の3つです。
    下記にそれぞれのパラメータの説明を記します。

    • 第一引数(パターン)

    本ルールを適用するリクエストURLにマッチさせるパターンを指定します。!Perl互換正規表現が使用できます。

    • 第二引数(機能のオン／オフ)

    リクエストURLが第一引数で指定したパターンにマッチした場合のmod_chxjの「動作」を指定します。 指定できる「動作」は以下のとおりです。
    EngineOnHTML変換エンジンを有効にします。
    EngineOffHTML変換エンジンを無効にします。
    CookieOnクッキーシミュレータを有効にします。
    CookieOffクッキーシミュレータを無効にします。
    Z2hOn全角カタカナを半角カタカナに変換する機能を有効にします。
    (0.12.23以降、EngineOn状態である必要があります。)
    Z2hOff全角カタカナを半角カタカナに変換する機能を無効にします。
    (0.12.23以降、EngineOn状態である必要があります。)
    Z2hAlphaOn全角英字を半角英字に変換する機能を有効にします。
    (0.12.25以降、EngineOn状態である必要があります。)
    Z2hAlphaOff全角英字を半角英字に変換する機能を無効にします。
    (0.12.25以降、EngineOn状態である必要があります。)
    Z2hNumOn全角数字を半角数字に変換する機能を有効にします。
    (0.12.25以降、EngineOn状態である必要があります。)
    Z2hNumOff全角数字を半角数字に変換する機能を無効にします。
    (0.12.25以降、EngineOn状態である必要があります。)
    Z2hAllOnZ2hOn、Z2hAlphaOn、Z2hNumOnの3つを有効にします。
    (0.12.25以降、EngineOn状態である必要があります。)
    Z2hAllOffZ2hOn、Z2hAlphaOn、Z2hNumOnの3つを無効にします。
    (0.12.25以降、EngineOn状態である必要があります。)
    QSConvOffform中のQUERY_STRINGをhiddenタグに振り替える処理を無効にします。
    (0.12.31以降、EngineOn状態である必要があります。)
    JRConvOffSoftBank予約パラメータを透過的に扱うための変換処理を無効にします。
    (0.12.31以降、EngineOn状態である必要があります。)
    NoCacheOn"Pragma: no-cache"
    "Expires: Thu, 01 Jan 1970 00:00:00 GMT"
    "Cache-Control: no-cache, no-store"
    の3つのヘッダを強制出力します。
    画像などを端末に保存させる場合には保存できなくなりますので使用しないでください。
    (0.12.31以降、EngineOn状態である必要があります。)
    EmojiOnly絵文字の変換のみ行います。
    (0.12.32以降、EngineOn状態である必要があります。)
    (0.12.39以降、0.13.1以降ではEngineOn状態である必要はありません。)
    EnvInfoOnly機種情報ヘッダの付加のみ行います。EmojiOnlyと併用可。
    (0.12.34以降、EngineOn状態である必要があります。)
    CookieOnlyクッキーシミュレータのみ有効にします。EnjineOnと併用した場合の動作は未定義です。(0.12.38以降)
    CssOnCSS変換機能を有効にします。
    (0.13.0以降、EngineOn状態である必要があります。)

    • 第三引数(文字コード)

    サーバ側コンテンツの文字コードを指定します。指定できる文字コードはglibc/iconvに依存します。特に変換させない場合は"NONE"を指定します。

    • 第四引数(PCフラグ)

    サーバ側コンテンツがPC用HTMLの場合には"PC"を指定します。

    • 第五引数(Dummy User-Agent)

    サーバ側へここで指定されたUser-Agentでアクセスします。


    以下にいくつかのChxjConvertRuleの例を記します。

    例1)
ChxjConvertRule "^/chxj.+$" EngineOn EUC-JP-WIN
    上記はURLが^/chxj.+$にマッチする場合、HTML変換エンジンを有効(EngineOn)にし、サーバ側文字コードはEUC-JP-WINであることをあらわします。 
    例2)
ChxjConvertRule "^/.+$" EngineOn,CookieOn UTF-8 PC "DoCoMo/1.0/D501i"
    上記はURLが^/.+$にマッチする場合、HTML変換エンジンを有効(EngineOn)に、クッキーシミュレータを有効(CookieOn)にして、サーバ側文字コードはUTF-8、変換対象はPC用HTMLで、サーバ側には!User-Agent: DoCoMo/1.0/D501iでアクセスすることを表します。

    ChxjCookieDirディレクティブ

    説明クッキーシミュレータのクッキーの保存ディレクトリを指定します。（DBMの場合のみ）
    構文ChxjCookieDir クッキー保存ディレクトリパス
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先をdbmにする場合（デフォルト）指定します。クッキーの内容を保存するディレクトリを指定します。 指定しない場合は/tmpに保存されます。 詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieTimeoutディレクティブ

    説明クッキーの保持期間を秒単位で指定します
    構文ChxjCookieTimeout クッキー保存時間（秒）
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキーを使用する場合に指定します。 指定しない場合は、1800秒でクッキーデータを破棄します。 詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieStoreTypeディレクティブ

    説明クッキー保存先（タイプ）を指定します。
    構文ChxjCookieStoreType 保存先タイプ
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    指定できるものは以下のとおりです。
    指定できる値意味指定例
    "dbm"dbmを選択します。ChxjCookieStoreType "dbm"
    "mysql"mysqlを選択します。有効にするにはconfigure時にMYSQL COOKIE機能を有効にする必要がありますChxjCookieStoreType "mysql"
    "memcache"memcacheを選択します。有効にするにはconfigure時にMEMCACHE COOKIE機能を有効にする必要がありますChxjCookieStoreType "memcache"

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieLazyModeディレクティブ

    説明クッキーIDを毎回新しく発行するかどうかを指定する
    構文ChxjCookieLazyMode trueかfalse
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    trueを指定すると、クッキーIDは毎回同じ値が使用されます。よってブラウザ等の戻るボタンで戻った際にもセッションを継続することが可能です。 true以外を指定すると、クッキーIDは毎回別の値がしようされます（One-Time ID）。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMysqlHostディレクティブ

    説明!MySQLサーバの動作するホストを指定します。
    構文ChxjCookieMysqlHost ホスト名/IP
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先に!MySQLを選択した場合に指定します。configure時にMYSQL COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMysqlPortディレクティブ

    説明!MySQLサーバのポート番号を指定します。
    構文ChxjCookieMysqlPort ポート番号
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先に!MySQLを選択した場合に指定します。configure時にMYSQL COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMysqlDatabaseディレクティブ

    説明!MySQLサーバのデータベース名を指定します。
    構文ChxjCookieMysqlDatabase データベース名
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先に!MySQLを選択した場合に指定します。configure時にMYSQL COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMysqlUsernameディレクティブ

    説明MySQLサーバに接続する際に使用するユーザ名を指定します。
    構文ChxjCookieMysqlUsername ユーザ名
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先に!MySQLを選択した場合に指定します。configure時にMYSQL COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMysqlPasswordディレクティブ

    説明!MySQLサーバに接続する際に使用するパスワードを指定します。
    構文ChxjCookieMysqlPassword パスワード
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先に!MySQLを選択した場合に指定します。configure時にMYSQL COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMysqlSocketPathディレクティブ

    説明!MySQLのソケットパスを指定します。
    構文ChxjCookieMysqlSocketPath ソケットパス
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先に!MySQLを選択した場合に指定します。configure時にMYSQL COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMysqlCharsetディレクティブ

    説明!MySQLのエンコードを指定します。
    構文ChxjCookieMysqlCharset エンコーディング
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先に!MySQLを選択した場合に指定します。configure時にMYSQL COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMysqlTablenameディレクティブ

    説明!MySQLのクッキーを保存するテーブル名を指定します。
    構文ChxjCookieMysqlTablename テーブル名
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    ここで、たとえば"chxj_cookie"と指定すると、実際にはchxj_cookieテーブルと、chxj_cookie_expireテーブルが作成されます。 クッキー保存先に!MySQLを選択した場合に指定します。configure時にMYSQL COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMemcacheHostディレクティブ

    説明memcachedの動作するホストを指定します。
    構文ChxjCookieMemcacheHost ホスト名/IP
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先にmemcachedを選択した場合に指定します。configure時にMEMCACHE COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjCookieMemcachePortディレクティブ

    説明memcachedのポート番号を指定します。
    構文!chxjCookieMemcachePort ポート番号
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess

    クッキー保存先にmemcachedを選択した場合に指定します。configure時にMEMCACHE COOKIE機能を有効にしていない場合はエラーになります。

    詳細はクッキーシミュレート機能を参照してください。

    ChxjAllowedCookieDomainディレクティブ

    説明クッキー制御パラメータを付加するドメインを指定します。
    構文ChxjAllowedCookieDomain ドメイン文字列
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.12.34以降で対応


    詳細はクッキーシミュレート機能を参照してください。

    ChxjNewLineTypeディレクティブ

    説明変換結果のHTMLにおける改行コードを指定します。
    構文ChxjNewLineType 改行コード指示子
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.12.0以降で対応

    指定できる改行コード指示子は以下のとおりです。
    改行コード指示子意味
    crlf HTMLの改行コードにcrlfを使用します。
    cr HTMLの改行コードにcrを使用します。
    lf HTMLの改行コードにlfを使用します。
    none HTMLには改行コードを埋め込みません。

    出力結果のサイズを少しでも小さくしたい場合にはnoneを指定します。その際、出力結果は1行でクライアントに送信されます。 デフォルトではcrlfが選択されます。 大文字小文字は区別しません。
    例) 出力結果の改行コードにcrlfを使用する場合。 

    ChxjNewLineType CRLF

    ChxjImodeEmojiColorディレクティブ(0.13.0以降)

    説明クライアント端末がimodeの場合、変換後絵文字に色を自動で付加するかどうかを指定します。
    構文ChxjImodeEmojiColor ON/OFF/AUTO
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.13.0以降で対応

    ONが指定された場合は絵文字定義ファイルの<color>属性の値にしたがって絵文字に色を付与します。 AUTOが指定された場合は該当絵文字の直接の親タグがspanタグもしくはfontタグ以外であれば絵文字に色を付与します。
    例) 絵文字の色をつける 

    ChxjImodeEmojiColor ON

    ChxjAddDeviceDataTSVディレクティブ(0.13.0以降)

    説明device_data.xmlで定義されている機種情報をtsvファイルで上書きする場合に指定します。
    構文ChxjAddDeviceDataTSV "tsvファイル名"
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.13.0以降で対応

    tsvファイルの先頭行は上書きしたいキーをtab区切りで指定します。 2行目以降は先頭行の指定したキーの順番に上書きしたい値をtab区切りで指定します。

    指定できるキーは以下のとおり。
    キー内容
    device_nameデバイス名(device_idではない)
    width画像の幅
    heigh画像の高さ
    height画像の高さ
    wp_width壁紙の幅
    wp_heigh壁紙の高さ
    wp_height壁紙の高さ
    cacheキャッシュサイズ
    gifgif画像が使用できるかどうか。(true|false)
    jpegjpeg画像が使用できるかどうか。(true|false)
    pngpng画像が使用できるかどうか。(true|false)
    bmp2bmp2画像が使用できるかどうか。(true|false)
    bmp4bmp4画像が使用できるかどうか。(true|false)
    color色数
    emoji_type絵文字タイプ(auの場合にのみ有効)
    html_spec_type変換後htmlタイプ
    output_encoding端末へ送信する出力文字コード

    なお、キーの詳細はデバイス定義を参照してください。

    ChxjImageRewriteディレクティブ(0.13.0以降)

    説明imgタグのurlや画像へのリクエストをリライトする機能を有効にするOn|Off
    構文ChxjImageRewrite On/Off
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.13.0以降で対応

    ChxjImageRewriteUrlディレクティブ、ChxjImageRewriteModeディレクティブとともに使用します。

    ChxjImageRewriteUrlディレクティブ(0.13.0以降)

    説明imgタグのurlや画像へのリクエストをリライト先URLを指定する
    構文ChxjImageRewriteUrl リライト先URL
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.13.0以降で対応

    ChxjImageRewriteModeで"tag"が指定されている場合にはimgタグなどの画像へのURLが書き換えられます。 ChxjImageRewriteModeで"all"が指定されている場合には画像へのリクエスト全てが指定のURLへのリクエストに 書き換えられ、内部リダイレクトします。 ChxjImageRewriteModeで"user"が指定されている場合にはパラメータ"_x-chxj_imgrewrite=on"が指定されている imgタグ、リクエストurlを全てChxjImageRewriteUrlディレクティブで指定されたリライト先URLへ内部リダイレクトします。

    ChxjImageRewriteModeディレクティブ(0.13.0以降)

    説明画像リライトモードを指定します。
    構文ChxjImageRewriteMode user/tag/all
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.13.0以降で対応

    指定されたモードの内容は以下のとおりです。
    指定モード内容
    all画像へのリクエスト全てをChxjImageRewriteUrlで指定された!URLへ内部リダイレクトします。
    tagimgタグ全ての!URLをChxjImageRewriteUrlで指定された!URLへ内部リダイレクトします。
    userユーザが任意にパラメータ"_x-chxj_imgrewrite=on"を付与したリクエストをChxjImageRewriteUrlで指定された!URLへ内部リダイレクトします。

    ChxjUseEmojiImageディレクティブ(0.14.0以降）

    説明変換後絵文字に画像を使用するかどうかを指定します。
    構文ChxjUseEmojiImage !On/!Off
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.14.0以降で対応

    絵文字定義ファイルに"image"が指定されている場合でChxjUseEmojiImage !On、かつChxjEmojiImageUrlに値が設定されている場合 変換後絵文字は画像(imgタグ)に変換されます。
    ※現在android、iPhone2の場合には必須としています。

    ChxjEmojiImageUrlディレクティブ(0.14.0以降）

    説明絵文字用画像が置いてあるUrlを指定します。
    構文ChxjEmojiImageUrl url
    コンテキストサーバ設定ファイル, バーチャルホスト, ディレクトリ, .htaccess
    互換性0.14.0以降で対応

    絵文字定義ファイルに"image"が指定されている場合でChxjUseEmojiImage !On、かつChxjEmojiImageUrlに値が設定されている場合 変換後絵文字は画像(imgタグ)に変換されます。
    例) 

    ChxjUseEmojiImage On
ChxjEmojiImageUrl /images/emoji
    と指定があり、絵文字定義ファイル(emoji.xml)に以下のような設定があったとします。 
      <set>
    <no>1</no>
    〜  略  〜
    <android>
      <string>image</string>
    </android>
  </set>
    この状態でAndroid端末からアクセスがあった場合は、 絵文字定義ファイルのno1の絵文字は 
    <img src="/images/emoji/1" />
    と変換されます。


    ※現在android、iPhone2の場合には必須としています。

    Up: 設定
    ]]>     device http://sourceforge.jp/projects/modchxj/wiki/device device 2011-04-16T01:23:07+09:00 デバイス定義
    Up: 設定

    mod_chxjの動作を決定付ける重要な定義です。変換対象の端末は全て、device_data.xmlファイルに定義される必要があります。定義されていない端末は、mod_chxjとしては、認識することができません。認識できない場合には、変換せずにそのまま出力します。ただし、Perl互換の正規表現(正確にはPCRE)によって定義できるため、正規表現の書き方によっては全ての機種に対応させることも可能です。

    Outline

    タグについて

    <devices>

    <devices>タグは本xmlのルートノードになります。特に意味はありませんが、必ずルートノードにしてください。

    <device>

    1端末を表します。<device>の例を以下に記します。 

        <device>
      <device_id>HI21</device_id>
      <device_name>C3001H</device_name>
      <html_spec_type>XHTML_MOBILE_1_0</html_spec_type>
      <width>120</width>
      <heigh>130</heigh>
      <gif>true</gif>
      <jpeg>true</jpeg>
      <png>true</png>
      <bmp2>false</bmp2>
      <bmp4>false</bmp4>
      <color>4096</color>
      <emoji_type>C</emoji_type>
      <wp_width>120</wp_width>
      <wp_heigh>116</wp_heigh>
      <cache>9740</cache>
      <dpi_width>72</dpi_width>
      <dpi_heigh>72</dpi_heigh>
    </device>

    <device_id>

    <user_agent>タグで指定するpatternの$1にあたる文字列とマッチングされます。<device_id>がマッチした場合は、その該当<device>がmod_chxjで使用されます。

    <device_name>

    冗長的な情報です。ログ等に出力する場合にのみ使用されます。人間がわかりやすいよう機種名などを指定します。

    <html_spec_type>

    mod_chxjが該当<device>の場合どのような処理を行うかを指定します。 指定できる値は以下のとおりです。
    値意味
    CHTML_1_0CHTML1.0を出力結果とします。絵文字はdocomo用絵文字に変換されます。
    CHTML_2_0CHTML2.0を出力結果とします。絵文字はdocomo用絵文字に変換されます。
    CHTML_3_0CHTML3.0を出力結果とします。絵文字はdocomo用絵文字に変換されます。
    CHTML_4_0CHTML4.0を出力結果とします。絵文字はdocomo用絵文字に変換されます。(0.12.0以降)
    CHTML_5_0CHTML5.0を出力結果とします。絵文字はdocomo用絵文字に変換されます。(0.12.0以降)
    CHTML_6_0docomo XHTML2.0を出力結果とします。絵文字はdocomo用絵文字に変換されます。(0.13.0以降)
    CHTML_7_0docomo XHTML2.2を出力結果とします。絵文字はdocomo用絵文字に変換されます。(0.13.0以降)
    HDMLHDMLを出力結果とします。絵文字はau用絵文字に変換されます。
    XHTML_MOBILE_1_0au用XHTMLを出力結果とします。絵文字はau用絵文字に変換されます。
    JHTMLSoftBank HTMLを出力結果とします。絵文字はSoftBank用絵文字に変換されます。
    JXHTMLSoftBank XHTMLを出力結果とします。絵文字はSoftBank用絵文字に変換されます。(0.13.0以降)
    iPhone2WebKit向けXHTMLを出力結果とします。絵文字は画像に変換されます。(0.14.0以降)
    iPhone3WebKit向けXHTMLを出力結果とします。絵文字はSoftBank用絵文字(!Unicode参照文字列)に変換されます。(0.14.0以降)
    iPhone4WebKit向けXHTMLを出力結果とします。絵文字はSoftBank用絵文字(!Unicode参照文字列)に変換されます。(0.14.0以降)
    androidWebKit向けXHTMLを出力結果とします。絵文字は画像絵文字に変換されます。(0.14.0以降)

    <width><height>

    画面の幅、高さを指定します。

    <gif><jpeg><png><bmp2><bmp4>

    画像の対応状況をtrue/falseで指定します。

    <color>

    色数を指定します。

    <emoji_type>

    auの場合に指定します。指定できる文字は、A、B、C、Dの4つです。

    <wp_width><wp_height>

    壁紙のサイズを指定します。Mode=WPの際に使用されます。

    <cache>

    ブラウザのキャッシュサイズを指定します。

    <dpi_width><dpi_heigh>

    端末の解像度を指定します。

    <output_encoding>(0.13.0以降)

    携帯端末へ送信する文字コードを指定します.

    <user_agent>

    <user_agent>タグには、任意個の<device>を保持することができます。<user_agent>が保持する<device>はすべて、 pattern属性のPerl互換正規表現でマッチした<device>になります。 <user_agent>にはpattern属性があります。 このpatternにはPerl互換の正規表現を指定します。 必ず第一グループ($1にあたるグループ)が必要です。 このpatternは端末のUser-Agentヘッダと比較されます。

    au XHTML機の場合の<user_agent> 

    <user_agent pattern="^KDDI-([^     ]+) UP.Browser/[^   ]+ .+">
    例では第一グループはデバイスIDになるようにしています。

    au HDML機の場合の<user_agent> 

    <user_agent pattern="^UP.Browser/[^\-]+-([^     ]+) .+">
    例では第一グループはデバイスIDになるようにしています。

    docomo CHTML1.0機の一部の場合の<user_agent> 

    <user_agent pattern="^DoCoMo/1.0/([^   /]+)$">

    SoftBank HTML機の場合の<user_agent> 

    <user_agent pattern="^SoftBank/[^/ ]+/([^/ _]+?)[/ _].+?$">

    とある<user_agent>のpattern属性にはマッチしたが、該当<device>が無かった場合

    <user_agent>の子ノードの最後の子ノードが選択されます。

    すべての<user_agent>のpattern属性にマッチしなかった場合

    mod_chxjは変換しません。

    Up: 設定

    ]]>     css_to_softbankXHTML http://sourceforge.jp/projects/modchxj/wiki/css_to_softbankXHTML css_to_softbankXHTML 2011-04-09T21:12:04+09:00 SoftBank XHTML端末 CSS変換仕様(0.13.0以降)
    Up: CSS変換機能(0.13.0以降)
    Outline

    変換対応表

    変換元 SoftBank XHTML端末 備考
    タグ 属性 CSS 変換後
    hr align=left   <hr align=left />  
      float:left <hr align=left />  
    align=center   <hr align=center />  
      float:none <hr align=center />  
    align=right   <hr align=right />  
      float:right <hr align=right />  
      height:char <hr style="height:char;"/>  
      width:char <hr style="width:char;"/>  
      border-style:solid <hr style="border-style:solid;"/>  
      border-color:char <hr style="border-color:char;"/>  
      background-color:char <hr color=char/>  
    img src=char   <img src=char />  
    align=top   <img style="vertical-align:top;" />  
      vertical-align:top <img style="vertical-align:top;" /> align属性が優先
    align=middle   <img style="vertical-align:middle;"/>  
    align=center   <img style="vertical-align:middle;"/>  
      vertical-align:middle <img style="vertical-align:middle;"/> align属性が優先
    align=bottom   <img style="vertical-align:bottom;"/>  
      vertical-align:bottom <img style="vertical-align:bottom;"/> align属性が優先
    align=left   <img style="float:left"/>  
      float:left <img style="float:left"/> align属性が優先
    align=right   <img style="float:right"/>  
      float:right <img style="float:right"/> align属性が優先
    width=char   <img width=char/>  
    height=char   <img height=char/>  
    hspace=char   <img style="margin-left:char;margin-right:char;"/>  
    vspace=char   <img style="margin-top:char;margin-bottom:char;"/>  
      margin-left:char <img style="margin-left:char;"/> hspace属性が優先
      margin-right:char <img style="margin-right:char;"/> hspace属性が優先
      margin-top:char <img style="margin-top:char;"/> vspace属性が優先
      margin-bottom:char <img style="margin-bottom:char;"/> vspace属性が優先
    alt=char   <img alt=char/>  
      display:none; <img style="display:none;"/>  
    div align=left   <div style="text-align:left;" >  
      text-align:left <div style="text-align:left;" >  
    align=center   <div style="text-align:center;" >  
      text-align:center <div style="text-align:center;" >  
    align=right   <div style="text-align:right;" >  
      text-align:right <div style="text-align:right;" >  
      text-decoration:blink <div style="text-decoration:blink;" >  
      display:-wap-marquee <div style="display:-wap-marquee;" >  
      -wap-marquee-style:slide <div style="-wap-marquee-style:slide;" >  
      -wap-marquee-style:alternate <div style="-wap-marquee-style:alternate;" >  
      -wap-marquee-dir:rtl <div style="-wap-marquee-dir:rtl;" >  
      -wap-marquee-dir:ltr <div style="-wap-marquee-dir:ltr;" >  
      -wap-marquee-loop:-1 <div style="-wap-marquee-loop:infinite;" >  
      -wap-marquee-loop:0 <div style="-wap-marquee-loop:infinite;" >  
      -wap-marquee-loop:NUM <div style="-wap-marquee-loop:NUM;" >  
      -wap-marquee-loop:infinite <div style="-wap-marquee-loop:infinite;" >  
      -wap-marquee-speed:slow <div style="-wap-marquee-speed;slow" >  
      -wap-marquee-speed:fast <div style="-wap-marquee-speed;fast" >  
      clear:both <div style="clear:both;" >  
      color:char <div style="color:char;" >  
      background-color:char <div style="background-color:char;" >  
      font-size:xx-small <div style="font-size:xx-small;" >  
      font-size:x-small <div style="font-size:x-small;" >  
      font-size:small <div style="font-size:small;" >  
      font-size:medium <div style="font-size:medium;" >  
      font-size:large <div style="font-size:large;" >  
      font-size:x-large <div style="font-size:x-large;" >  
      font-size:xx-large <div style="font-size:xx-large;" >  
    center     <center> 変換なし
    span   color:char <span style="color:char" >  
      background-color:char <span style="background-color:char;" >  
      text-decoration:blink <span style="text-decoration:blink;" >  
      font-size:xx-small <span style="font-size:xx-small;" >  
      font-size:x-small <span style="font-size:x-small;" >  
      font-size:small <span style="font-size:small;" >  
      font-size:medium <span style="font-size:medium;" >  
      font-size:large <span style="font-size:large;" >  
      font-size:x-large <span style="font-size:x-large;" >  
      font-size:xx-large <span style="font-size:xx-large;" >  
      display:-wap-marquee <span style="display:-wap-marquee;" >  
      -wap-marquee-style:slide <span style="-wap-marquee-style:slide;" >  
      -wap-marquee-style:alternate <span style="-wap-marquee-style:alternate;" >  
      -wap-marquee-dir:rtl <span style="-wap-marquee-dir:rtl;" >  
      -wap-marquee-dir:ltr <span style="-wap-marquee-dir:ltr;" >  
      -wap-marquee-loop:-1 <span style="-wap-marquee-loop:infinite;" >  
      -wap-marquee-loop:0 <span style="-wap-marquee-loop:infinite;" >  
      -wap-marquee-loop:NUM <span style="-wap-marquee-loop:NUM;" >  
      -wap-marquee-speed:slow <span style="-wap-marquee-speed:slow;" >  
      -wap-marquee-speed:fast <span style="-wap-marquee-speed:fast;" >  
    br clear=all   <br clear=all />  
      clear:both <br clear=all />  
    clear=right   <br clear=right />  
      clear:right <br clear=right />  
    clear=left   <br clear=left />  
      clear:left <br clear=left />  
      clear:none <br />  
    a id=char   <a name=char >  
    name=char   <a name=char >  
    accesskey=char   <a accesskey=char >  
    href=char   <a href=char >  
    utn   <a > なし
    h1 align=left   <h1 style="text-align:left;" >  
    align=center   <h1 style="text-align:center;" >  
    align=right   <h1 style="text-align:right;" >  
      clear:both <h1 style="clear:both;" >  
      clear:right <h1 style="clear:right;" >  
      clear:left <h1 style="clear:left;" >  
    h2 align=left   <h2 style="text-align:left;" >  
    align=center   <h2 style="text-align:center;" >  
    align=right   <h2 style="text-align:right;" >  
      clear:both <h2 style="clear:both;" >  
      clear:right <h2 style="clear:right;" >  
      clear:left <h2 style="clear:left;" >  
    h3 align=left   <h3 style="text-align:left;" >  
    align=center   <h3 style="text-align:center;" >  
    align=right   <h3 style="text-align:right;" >  
      clear:both <h3 style="clear:both;" >  
      clear:right <h3 style="clear:right;" >  
      clear:left <h3 style="clear:left;" >  
    h4 align=left   <h4 style="text-align:left;" >  
    align=center   <h4 style="text-align:center;" >  
    align=right   <h4 style="text-align:right;" >  
      clear:both <h4 style="clear:both;" >  
      clear:right <h4 style="clear:right;" >  
      clear:left <h4 style="clear:left;" >  
    h5 align=left   <h5 style="text-align:left;" >  
    align=center   <h5 style="text-align:center;" >  
    align=right   <h5 style="text-align:right;" >  
      clear:both <h5 style="clear:both;" >  
      clear:right <h5 style="clear:right;" >  
      clear:left <h5 style="clear:left;" >  
    h6 align=left   <h6 style="text-align:left;" >  
    align=center   <h6 style="text-align:center;" >  
    align=right   <h6 style="text-align:right;" >  
      clear:both <h6 style="clear:both;" >  
      clear:right <h6 style="clear:right;" >  
      clear:left <h6 style="clear:left;" >  
    meta name=char   <meta name=char />  
    content=char   <meta content=char />  
    http-equiv=char   <meta http-equiv=char />  
    p align=left   <p style="text-align:left;" >  
      text-align:left <p style="text-align:left;" >  
    align=center   <p style="text-align:center;" >  
      text-align:center <p style="text-align:center;" >  
    align=right   <p style="text-align:right;" >  
      text-align:right <p style="text-align:right;" >  
      clear:left <p style="clear:left;" >  
      clear:both <p style="clear:both;" >  
      clear:right <p style="clear:right;" >  
    input type=text   <input type="text" />  
    type=password   <input type="password" /> istyleの指定が無い場合にはistyle="4"が追加されます
    type=hidden   <input type="hidden" />  
    type=checkbox   <input type="checkbox" />  
    type=radio   <input type="radio" />  
    type=submit   <input type="submit" />  
    type=reset   <input type="reset" />  
    type=file   <input /> 未対応
    name=char   <input name=char />  
    value=char   <input value=char />  
    accesskey=char   <input accesskey=char />  
    size=num   <input size=num />  
    maxlength=num   <input maxlength=num />  
    checked   <input checked=checked />  
    istyle=1   <input istyle=1 />  
    istyle=2   <input istyle=2 />  
    istyle=3   <input istyle=3 />  
    istyle=4   <input istyle=4 />  
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <input istyle=1 />  
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <input istyle=2 />  
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <input istyle=3 />  
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <input istyle=4 />  
    textarea name=char   <textarea name=char />  
    accesskey=char   <textarea accesskey=char />  
    rows=num   <textarea rows=num />  
    cols=num   <textarea cols=num />  
    istyle=1   <textarea istyle=1 />  
    istyle=2   <textarea istyle=2 />  
    istyle=3   <textarea istyle=3 />  
    istyle=4   <textarea istyle=4 />  
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <textarea istyle=1 />  
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <textarea istyle=2 />  
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <textarea istyle=3 />  
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <textarea istyle=4 />  
    table align=left   <table align=left >  
      text-align:left <table align=left >  
    align=center   <table align=center >  
      text-align:center <table align=center >  
    align=right   <table align=right >  
      text-align:right <table align=right >  
    width=char   <table width=char >  
      width:char <table width=char >  
    height=char   <table height=char >  
      height:char <table height=char >  
    border=num   <table style="border:[n]px solid" >  
    bordercolor=char   <table style="border: [n]px solid char" >  
    bgcolor=char   <table bgcolor=char >  
      background-color:char <table bgcolor=char >  
    tr align=left   <tr align=left >  
      text-align:left <tr align=left >  
    align=center   <tr align=center >  
      text-align:center <tr align=center >  
    align=right   <tr align=right >  
      text-align:right <tr align=right >  
    valign=top   <tr valign=top >  
      vertical-align:top <tr valign=top >  
    valign=middle   <tr valign=middle >  
      vertical-align:middle <tr valign=middle >  
    valign=bottom   <tr valign=bottom >  
      vertical-align:bottom <tr valign=bottom >  
    bgcolor=char   <tr bgcolor=char >  
      background-color:char <tr bgcolor=char >  
    th align=left   <th align=left >  
      text-align:left; <th align=left >  
    align=center   <th align=center >  
      text-align:center; <th align=center >  
    align=right   <th align=right >  
      text-align:right; <th align=right >  
    valign=top   <th valign=top >  
      vertical-align:top <th valign=top >  
    valign=middle   <th valign=middle >  
      vertical-align:middle <th valign=middle >  
    valign=bottom   <th valign=bottom >  
      vertical-align:bottom <th valign=bottom >  
    bgcolor=char   <th bgcolor=char >  
      background-color:char <th bgcolor=char >  
    width=(num|num%)   <th style="width:num(px|%);" >  
      width:num(px|%) <th style="width:num(px|%);" >  
    height=(num|num%)   <th style="height:num(px|%);" >  
      height:char(px|%) <th style="height:num(px|%);" >  
    colspan=num   <th colspan=num >  
    rowspan=num   <th rowspan=num >  
    td align=left   <td align=left >  
      text-align:left; <td align=left >  
    align=center   <td align=center >  
      text-align:center; <td align=center >  
    align=right   <td align=right >  
      text-align:right; <td align=right >  
    valign=top   <td valign=top >  
      vertical-align:top <td valign=top >  
    valign=middle   <td valign=middle >  
      vertical-align:middle <td valign=middle >  
    valign=bottom   <td valign=bottom >  
      vertical-align:bottom <td valign=bottom >  
    bgcolor=char   <td bgcolor=char >  
      background-color:char <td bgcolor=char >  
    widtd=(num|num%)   <td style="widtd:num(px|%);" >  
      widtd:num(px|%) <td style="widtd:num(px|%);" >  
    height=(num|num%)   <td style="height:num(px|%);" >  
      height:char(px|%) <td style="height:num(px|%);" >  
    colspan=num   <td colspan=num >  
    rowspan=num   <td rowspan=num >  
    object id=char   <object id=char >  
    width=char   <object width=char >  
    height=char   <object height=char >  
    type=char   <object type=char >  
    data=char   <object data=char >  
    declare=declare   <object declare=declare >  
    classid=char   <object classid=char >  
    codebase=char   <object codebase=char >  
    param name=char   <param name=char >  
    value=char   <param value=char >  
    valuetype=char   <param valuetype=char >  
    body bgcolor=char   <body style="background-color:char;" >  
      background-color:char <body style="background-color:char;" >  
    text=char   <body style="color:char;" >  
      color:char <body style="color:char;" >  
    link=char   <body link=char >  
      <style type="text/css" >
    a:link {color:char}
    </style>    		 <body link=char >  
    vlink=char   <body vlink=char >  
      <style type="text/css" >
    a:visited {color:char}
    </style>    		 <body vlink=char >  
    alink=char   <body > なし
      <style type="text/css" >
    a:focus {color:char}
    </style>    		 <body > なし
    background=char   <body background=char >  
      background-image:url(char) <body background=char >  
    form action=char   <form action=char >  
    method=char   <form method=char >  
    name=char   <form name=char >  
      clear:left <form style="clear:left;" >  
      clear:both <form style="clear:both;" >  
      clear:right <form style="clear:right;" >  
    select name=char   <select name=char >  
    size=char   <select size=char >  
    multiple   <select multiple=multiple >  
    option value=char   <option value=char >  
    selected   <option selected=selected >  
    Up: CSS変換機能(0.13.0以降)
    ]]>     css http://sourceforge.jp/projects/modchxj/wiki/css css 2011-04-09T21:11:05+09:00 CSS変換機能(0.13.0以降)
    Up: FrontPage

    CSSを各端末に合わせて変換します。linkタグ、@importによる外部CSSの読み込みにも対応しています(mediaはhandheld)。 本機能を有効にするためにはChxjConvertRuleディレクティブを使用する必要があります。ChxjConvertRuleディレクティブの第２パラメータにCssOnを指定します。 

    # CSS変換機能を有効にする例:
ChxjConvertRule "^/chxj.+$" "EngineOn,CssOn" "NONE"
    Outline

    変換対応表

    変換元＝＞docomo XHTML端末(0.13.0以降)

    変換元＝＞au XHTML端末(0.13.0以降)

    変換元＝＞SoftBank XHTML端末(0.13.0以降)

    変換元＝＞iPhone（0.14.0以降)

    変換元＝＞Android（0.14.0以降)

    外部CSS取り込み(0.13.0以降)

    linkタグ

    @import

    Up: FrontPage
    ]]>     css_to_iphone http://sourceforge.jp/projects/modchxj/wiki/css_to_iphone css_to_iphone 2011-04-09T21:10:22+09:00 iPhone端末 CSS変換仕様(0.14.0以降)
    Up: CSS変換機能(0.13.0以降)
    Outline

    変換対応表

    変換元 iPhone/iPod端末 備考
    タグ 属性 CSS 変換後
    hr align=left   <hr style="float:left;" />  
      float:left <hr style="float:left;" />  
    align=center   <hr style="float:none;" />  
      float:none <hr style="float:none;" />  
    align=right   <hr style="float:right;" />  
      float:right <hr style="float:right;" />  
      height:char <hr style="height:char;"/>  
      width:char <hr style="width:char;"/>  
      border-style:solid <hr style="border-style:solid;"/>  
      border-color:char <hr style="border-color:char;"/>  
      background-color:char <hr style="background-color:char;" />  
    img src=char   <img src=char />  
    align=top   <img style="vertical-align:top;" />  
      vertical-align:top <img style="vertical-align:top;" /> align属性が優先
    align=middle   <img style="vertical-align:middle;"/>  
    align=center   <img style="vertical-align:middle;"/>  
      vertical-align:middle <img style="vertical-align:middle;"/> align属性が優先
    align=bottom   <img style="vertical-align:bottom;"/>  
      vertical-align:bottom <img style="vertical-align:bottom;"/> align属性が優先
    align=left   <img style="float:left"/>  
      float:left <img style="float:left"/> align属性が優先
    align=right   <img style="float:right"/>  
      float:right <img style="float:right"/> align属性が優先
    width=char   <img width=char/>  
    height=char   <img height=char/>  
    hspace=char   <img style="margin-left:char;margin-right:char;"/>  
    vspace=char   <img style="margin-top:char;margin-bottom:char;"/>  
      margin-left:char <img style="margin-left:char;"/> hspace属性が優先
      margin-right:char <img style="margin-right:char;"/> hspace属性が優先
      margin-top:char <img style="margin-top:char;"/> vspace属性が優先
      margin-bottom:char <img style="margin-bottom:char;"/> vspace属性が優先
    alt=char   <img alt=char/>  
      display:none; <img style="display:none;"/>  
    div align=left   <div style="text-align:left;" >  
      text-align:left <div style="text-align:left;" >  
    align=center   <div style="text-align:center;" >  
      text-align:center <div style="text-align:center;" >  
    align=right   <div style="text-align:right;" >  
      text-align:right <div style="text-align:right;" >  
      text-decoration:blink <style type="text/css">
    @-webkit-keyframes blink {
    0% {
    opacity: 1.0;
    }
    100% {
    opacity: 0.0;
    }
    }
    </style>
    <div style=" -webkit-animation-name:blink; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; -webkit-animation-delay: 0s; " >    		  
      display:-wap-marquee <div style="overflow:-webkit-marquee;" >  
      -wap-marquee-style:slide <div style="-webkit-marquee-style:slide;" >  
      -wap-marquee-style:alternate <div style="-webkit-marquee-style:alternate;" >  
      -wap-marquee-dir:rtl <div style="-webkit-marquee-direction:left;" >  
      -wap-marquee-dir:ltr <div style="-webkit-marquee-direction:right;" >  
      -wap-marquee-loop:-1 <div style="-webkit-marquee-repetition:infinite;" >  
      -wap-marquee-loop:0 <div style="-webkit-marquee-repetition:infinite;" >  
      -wap-marquee-loop:NUM <div style="-webkit-marquee-repetition:NUM;" >  
      -wap-marquee-loop:infinite <div style="-webkit-marquee-repetition:infinite;" >  
      -wap-marquee-speed:slow <div style="-webkit-marquee-speed;slow" >  
      -wap-marquee-speed:fast <div style="-webkit-marquee-speed;fast" >  
      clear:both <div style="clear:both;" >  
      color:char <div style="color:char;" >  
      background-color:char <div style="background-color:char;" >  
      font-size:xx-small <div style="font-size:xx-small;" >  
      font-size:x-small <div style="font-size:x-small;" >  
      font-size:small <div style="font-size:small;" >  
      font-size:medium <div style="font-size:medium;" >  
      font-size:large <div style="font-size:large;" >  
      font-size:x-large <div style="font-size:x-large;" >  
      font-size:xx-large <div style="font-size:xx-large;" >  
    center     <center> 変換なし
    span   color:char <span style="color:char" >  
      background-color:char <span style="background-color:char;" >  
      text-decoration:blink <style type="text/css">
    @-webkit-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; }} </style>
    <span style=" -webkit-animation-name:blink; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; -webkit-animation-delay: 0s; " >    		  
      font-size:xx-small <span style="font-size:xx-small;" >  
      font-size:x-small <span style="font-size:x-small;" >  
      font-size:small <span style="font-size:small;" >  
      font-size:medium <span style="font-size:medium;" >  
      font-size:large <span style="font-size:large;" >  
      font-size:x-large <span style="font-size:x-large;" >  
      font-size:xx-large <span style="font-size:xx-large;" >  
      display:-wap-marquee <div style="overflow:-webkit-marquee;" > divに変換
      -wap-marquee-style:slide <div style="-webkit-marquee-style:slide;" > divに変換
      -wap-marquee-style:alternate <div style="-webkit-marquee-style:alternate;" > divに変換
      -wap-marquee-dir:rtl <div style="-webkit-marquee-direction:left;" > divに変換
      -wap-marquee-dir:ltr <div style="-webkit-marquee-direction:right;" > divに変換
      -wap-marquee-loop:-1 <div style="-webkit-marquee-repetition:infinite;" > divに変換
      -wap-marquee-loop:0 <div style="-webkit-marquee-repetition:infinite;" > divに変換
      -wap-marquee-loop:NUM <div style="-webkit-marquee-repetition:NUM;" > divに変換
      -wap-marquee-speed:slow <div style="-webkit-marquee-speed:slow;" > divに変換
      -wap-marquee-speed:fast <div style="-webkit-marquee-speed:fast;" > divに変換
    br clear=all   <br clear=all />  
      clear:both <br clear=all />  
    clear=right   <br clear=right />  
      clear:right <br clear=right />  
    clear=left   <br clear=left />  
      clear:left <br clear=left />  
      clear:none <br />  
    a id=char   <a name=char >  
    name=char   <a name=char >  
    accesskey=char   <a > なし
    href=char   <a href=char >  
    utn   <a > なし
    h1 align=left   <h1 style="text-align:left;" >  
    align=center   <h1 style="text-align:center;" >  
    align=right   <h1 style="text-align:right;" >  
      clear:both <h1 style="clear:both;" >  
      clear:right <h1 style="clear:right;" >  
      clear:left <h1 style="clear:left;" >  
    h2 align=left   <h2 style="text-align:left;" >  
    align=center   <h2 style="text-align:center;" >  
    align=right   <h2 style="text-align:right;" >  
      clear:both <h2 style="clear:both;" >  
      clear:right <h2 style="clear:right;" >  
      clear:left <h2 style="clear:left;" >  
    h3 align=left   <h3 style="text-align:left;" >  
    align=center   <h3 style="text-align:center;" >  
    align=right   <h3 style="text-align:right;" >  
      clear:both <h3 style="clear:both;" >  
      clear:right <h3 style="clear:right;" >  
      clear:left <h3 style="clear:left;" >  
    h4 align=left   <h4 style="text-align:left;" >  
    align=center   <h4 style="text-align:center;" >  
    align=right   <h4 style="text-align:right;" >  
      clear:both <h4 style="clear:both;" >  
      clear:right <h4 style="clear:right;" >  
      clear:left <h4 style="clear:left;" >  
    h5 align=left   <h5 style="text-align:left;" >  
    align=center   <h5 style="text-align:center;" >  
    align=right   <h5 style="text-align:right;" >  
      clear:both <h5 style="clear:both;" >  
      clear:right <h5 style="clear:right;" >  
      clear:left <h5 style="clear:left;" >  
    h6 align=left   <h6 style="text-align:left;" >  
    align=center   <h6 style="text-align:center;" >  
    align=right   <h6 style="text-align:right;" >  
      clear:both <h6 style="clear:both;" >  
      clear:right <h6 style="clear:right;" >  
      clear:left <h6 style="clear:left;" >  
    meta name=char   <meta name=char />  
    content=char   <meta content=char />  
    http-equiv=char   <meta http-equiv=char />  
    p align=left   <p style="text-align:left;" >  
      text-align:left <p style="text-align:left;" >  
    align=center   <p style="text-align:center;" >  
      text-align:center <p style="text-align:center;" >  
    align=right   <p style="text-align:right;" >  
      text-align:right <p style="text-align:right;" >  
      clear:left <p style="clear:left;" >  
      clear:both <p style="clear:both;" >  
      clear:right <p style="clear:right;" >  
    input type=text   <input type="text" /> istyle=4の場合は<input type="number" /&gtに変換されます
    type=password   <input type="password" />  
    type=hidden   <input type="hidden" />  
    type=checkbox   <input type="checkbox" />  
    type=radio   <input type="radio" />  
    type=submit   <input type="submit" />  
    type=reset   <input type="reset" />  
    type=file   <input /> 未対応
    name=char   <input name=char />  
    value=char   <input value=char />  
    accesskey=char   <input accesskey=char />  
    size=num   <input size=num />  
    maxlength=num   <input maxlength=num />  
    checked   <input checked=checked />  
    istyle=1   <input /> なし
    istyle=2   <input /> なし
    istyle=3   <input /> なし
    istyle=4   <input type="number" /> type="text"のときのみ
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <input /> なし
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <input /> なし
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <input /> なし
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <input type="number" /> type="text"のときのみ
    textarea name=char   <textarea name=char />  
    accesskey=char   <textarea accesskey=char />  
    rows=num   <textarea rows=num />  
    cols=num   <textarea cols=num />  
    istyle=1   <textarea /> なし
    istyle=2   <textarea /> なし
    istyle=3   <textarea /> なし
    istyle=4   <textarea /> なし
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <textarea /> なし
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <textarea /> なし
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <textarea /> なし
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <textarea /> なし
    table align=left   <table align=left >  
      text-align:left <table align=left >  
    align=center   <table align=center >  
      text-align:center <table align=center >  
    align=right   <table align=right >  
      text-align:right <table align=right >  
    width=char   <table width=char >  
      width:char <table width=char >  
    height=char   <table height=char >  
      height:char <table height=char >  
    border=num   <table style="border:[n]px solid" >  
    bordercolor=char   <table style="border: [n]px solid char" >  
    bgcolor=char   <table bgcolor=char >  
      background-color:char <table bgcolor=char >  
    tr align=left   <tr align=left >  
      text-align:left <tr align=left >  
    align=center   <tr align=center >  
      text-align:center <tr align=center >  
    align=right   <tr align=right >  
      text-align:right <tr align=right >  
    valign=top   <tr valign=top >  
      vertical-align:top <tr valign=top >  
    valign=middle   <tr valign=middle >  
      vertical-align:middle <tr valign=middle >  
    valign=bottom   <tr valign=bottom >  
      vertical-align:bottom <tr valign=bottom >  
    bgcolor=char   <tr bgcolor=char >  
      background-color:char <tr bgcolor=char >  
    th align=left   <th align=left >  
      text-align:left; <th align=left >  
    align=center   <th align=center >  
      text-align:center; <th align=center >  
    align=right   <th align=right >  
      text-align:right; <th align=right >  
    valign=top   <th valign=top >  
      vertical-align:top <th valign=top >  
    valign=middle   <th valign=middle >  
      vertical-align:middle <th valign=middle >  
    valign=bottom   <th valign=bottom >  
      vertical-align:bottom <th valign=bottom >  
    bgcolor=char   <th bgcolor=char >  
      background-color:char <th bgcolor=char >  
    width=(num|num%)   <th style="width:num(px|%);" >  
      width:num(px|%) <th style="width:num(px|%);" >  
    height=(num|num%)   <th style="height:num(px|%);" >  
      height:char(px|%) <th style="height:num(px|%);" >  
    colspan=num   <th colspan=num >  
    rowspan=num   <th rowspan=num >  
    td align=left   <td align=left >  
      text-align:left; <td align=left >  
    align=center   <td align=center >  
      text-align:center; <td align=center >  
    align=right   <td align=right >  
      text-align:right; <td align=right >  
    valign=top   <td valign=top >  
      vertical-align:top <td valign=top >  
    valign=middle   <td valign=middle >  
      vertical-align:middle <td valign=middle >  
    valign=bottom   <td valign=bottom >  
      vertical-align:bottom <td valign=bottom >  
    bgcolor=char   <td bgcolor=char >  
      background-color:char <td bgcolor=char >  
    widtd=(num|num%)   <td style="widtd:num(px|%);" >  
      widtd:num(px|%) <td style="widtd:num(px|%);" >  
    height=(num|num%)   <td style="height:num(px|%);" >  
      height:char(px|%) <td style="height:num(px|%);" >  
    colspan=num   <td colspan=num >  
    rowspan=num   <td rowspan=num >  
    object id=char   <object id=char >  
    width=char   <object width=char >  
    height=char   <object height=char >  
    type=char   <object type=char >  
    data=char   <object data=char >  
    declare=declare   <object declare=declare >  
    classid=char   <object classid=char >  
    codebase=char   <object codebase=char >  
    param name=char   <param name=char >  
    value=char   <param value=char >  
    valuetype=char   <param valuetype=char >  
    body bgcolor=char   <body style="background-color:char;" >  
      background-color:char <body style="background-color:char;" >  
    text=char   <body style="color:char;" >  
      color:char <body style="color:char;" >  
    link=char   <body link=char >  
      <style type="text/css" >
    a:link {color:char}
    </style>    		 <body link=char >  
    vlink=char   <body vlink=char >  
      <style type="text/css" >
    a:visited {color:char}
    </style>    		 <body vlink=char >  
    alink=char   <body > なし
      <style type="text/css" >
    a:focus {color:char}
    </style>    		 <body > なし
    background=char   <body background=char >  
      background-image:url(char) <body background=char >  
    form action=char   <form action=char >  
    method=char   <form method=char >  
    name=char   <form name=char >  
      clear:left <form style="clear:left;" >  
      clear:both <form style="clear:both;" >  
      clear:right <form style="clear:right;" >  
    select name=char   <select name=char >  
    size=char   <select size=char >  
    multiple   <select multiple=multiple >  
    option value=char   <option value=char >  
    selected   <option selected=selected >  
    Up: CSS変換機能(0.13.0以降)
    ]]>     css_to_android http://sourceforge.jp/projects/modchxj/wiki/css_to_android css_to_android 2011-04-09T21:09:36+09:00 Android端末 CSS変換仕様(0.14.0以降)
    Up: CSS変換機能(0.13.0以降)
    Outline

    変換対応表

    変換元 Android 端末 備考
    タグ 属性 CSS 変換後
    hr align=left   <hr style="float:left;" />  
      float:left <hr style="float:left;" />  
    align=center   <hr style="float:none;" />  
      float:none <hr style="float:none;" />  
    align=right   <hr style="float:right;" />  
      float:right <hr style="float:right;" />  
      height:char <hr style="height:char;"/>  
      width:char <hr style="width:char;"/>  
      border-style:solid <hr style="border-style:solid;"/>  
      border-color:char <hr style="border-color:char;"/>  
      background-color:char <hr style="background-color:char;" />  
    img src=char   <img src=char />  
    align=top   <img style="vertical-align:top;" />  
      vertical-align:top <img style="vertical-align:top;" /> align属性が優先
    align=middle   <img style="vertical-align:middle;"/>  
    align=center   <img style="vertical-align:middle;"/>  
      vertical-align:middle <img style="vertical-align:middle;"/> align属性が優先
    align=bottom   <img style="vertical-align:bottom;"/>  
      vertical-align:bottom <img style="vertical-align:bottom;"/> align属性が優先
    align=left   <img style="float:left"/>  
      float:left <img style="float:left"/> align属性が優先
    align=right   <img style="float:right"/>  
      float:right <img style="float:right"/> align属性が優先
    width=char   <img width=char/>  
    height=char   <img height=char/>  
    hspace=char   <img style="margin-left:char;margin-right:char;"/>  
    vspace=char   <img style="margin-top:char;margin-bottom:char;"/>  
      margin-left:char <img style="margin-left:char;"/> hspace属性が優先
      margin-right:char <img style="margin-right:char;"/> hspace属性が優先
      margin-top:char <img style="margin-top:char;"/> vspace属性が優先
      margin-bottom:char <img style="margin-bottom:char;"/> vspace属性が優先
    alt=char   <img alt=char/>  
      display:none; <img style="display:none;"/>  
    div align=left   <div style="text-align:left;" >  
      text-align:left <div style="text-align:left;" >  
    align=center   <div style="text-align:center;" >  
      text-align:center <div style="text-align:center;" >  
    align=right   <div style="text-align:right;" >  
      text-align:right <div style="text-align:right;" >  
      text-decoration:blink <style type="text/css">
    @-webkit-keyframes blink {
    0% {
    opacity: 1.0;
    }
    100% {
    opacity: 0.0;
    }
    }
    </style>
    <div style=" -webkit-animation-name:blink; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; -webkit-animation-delay: 0s; " >    		  
      display:-wap-marquee <div style="overflow:-webkit-marquee;" >  
      -wap-marquee-style:slide <div style="-webkit-marquee-style:slide;" >  
      -wap-marquee-style:alternate <div style="-webkit-marquee-style:alternate;" >  
      -wap-marquee-dir:rtl <div style="-webkit-marquee-direction:left;" >  
      -wap-marquee-dir:ltr <div style="-webkit-marquee-direction:right;" >  
      -wap-marquee-loop:-1 <div style="-webkit-marquee-repetition:infinite;" >  
      -wap-marquee-loop:0 <div style="-webkit-marquee-repetition:infinite;" >  
      -wap-marquee-loop:NUM <div style="-webkit-marquee-repetition:NUM;" >  
      -wap-marquee-loop:infinite <div style="-webkit-marquee-repetition:infinite;" >  
      -wap-marquee-speed:slow <div style="-webkit-marquee-speed;slow" >  
      -wap-marquee-speed:fast <div style="-webkit-marquee-speed;fast" >  
      clear:both <div style="clear:both;" >  
      color:char <div style="color:char;" >  
      background-color:char <div style="background-color:char;" >  
      font-size:xx-small <div style="font-size:xx-small;" >  
      font-size:x-small <div style="font-size:x-small;" >  
      font-size:small <div style="font-size:small;" >  
      font-size:medium <div style="font-size:medium;" >  
      font-size:large <div style="font-size:large;" >  
      font-size:x-large <div style="font-size:x-large;" >  
      font-size:xx-large <div style="font-size:xx-large;" >  
    center     <center> 変換なし
    span   color:char <span style="color:char" >  
      background-color:char <span style="background-color:char;" >  
      text-decoration:blink <style type="text/css">
    @-webkit-keyframes blink { 0% { opacity: 1.0; } 100% { opacity: 0.0; }} </style>
    <span style=" -webkit-animation-name:blink; -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; -webkit-animation-delay: 0s; " >    		  
      font-size:xx-small <span style="font-size:xx-small;" >  
      font-size:x-small <span style="font-size:x-small;" >  
      font-size:small <span style="font-size:small;" >  
      font-size:medium <span style="font-size:medium;" >  
      font-size:large <span style="font-size:large;" >  
      font-size:x-large <span style="font-size:x-large;" >  
      font-size:xx-large <span style="font-size:xx-large;" >  
      display:-wap-marquee <div style="overflow:-webkit-marquee;" > divに変換
      -wap-marquee-style:slide <div style="-webkit-marquee-style:slide;" > divに変換
      -wap-marquee-style:alternate <div style="-webkit-marquee-style:alternate;" > divに変換
      -wap-marquee-dir:rtl <div style="-webkit-marquee-direction:left;" > divに変換
      -wap-marquee-dir:ltr <div style="-webkit-marquee-direction:right;" > divに変換
      -wap-marquee-loop:-1 <div style="-webkit-marquee-repetition:infinite;" > divに変換
      -wap-marquee-loop:0 <div style="-webkit-marquee-repetition:infinite;" > divに変換
      -wap-marquee-loop:NUM <div style="-webkit-marquee-repetition:NUM;" > divに変換
      -wap-marquee-speed:slow <div style="-webkit-marquee-speed:slow;" > divに変換
      -wap-marquee-speed:fast <div style="-webkit-marquee-speed:fast;" > divに変換
    br clear=all   <br clear=all />  
      clear:both <br clear=all />  
    clear=right   <br clear=right />  
      clear:right <br clear=right />  
    clear=left   <br clear=left />  
      clear:left <br clear=left />  
      clear:none <br />  
    a id=char   <a name=char >  
    name=char   <a name=char >  
    accesskey=char   <a > なし
    href=char   <a href=char >  
    utn   <a > なし
    h1 align=left   <h1 style="text-align:left;" >  
    align=center   <h1 style="text-align:center;" >  
    align=right   <h1 style="text-align:right;" >  
      clear:both <h1 style="clear:both;" >  
      clear:right <h1 style="clear:right;" >  
      clear:left <h1 style="clear:left;" >  
    h2 align=left   <h2 style="text-align:left;" >  
    align=center   <h2 style="text-align:center;" >  
    align=right   <h2 style="text-align:right;" >  
      clear:both <h2 style="clear:both;" >  
      clear:right <h2 style="clear:right;" >  
      clear:left <h2 style="clear:left;" >  
    h3 align=left   <h3 style="text-align:left;" >  
    align=center   <h3 style="text-align:center;" >  
    align=right   <h3 style="text-align:right;" >  
      clear:both <h3 style="clear:both;" >  
      clear:right <h3 style="clear:right;" >  
      clear:left <h3 style="clear:left;" >  
    h4 align=left   <h4 style="text-align:left;" >  
    align=center   <h4 style="text-align:center;" >  
    align=right   <h4 style="text-align:right;" >  
      clear:both <h4 style="clear:both;" >  
      clear:right <h4 style="clear:right;" >  
      clear:left <h4 style="clear:left;" >  
    h5 align=left   <h5 style="text-align:left;" >  
    align=center   <h5 style="text-align:center;" >  
    align=right   <h5 style="text-align:right;" >  
      clear:both <h5 style="clear:both;" >  
      clear:right <h5 style="clear:right;" >  
      clear:left <h5 style="clear:left;" >  
    h6 align=left   <h6 style="text-align:left;" >  
    align=center   <h6 style="text-align:center;" >  
    align=right   <h6 style="text-align:right;" >  
      clear:both <h6 style="clear:both;" >  
      clear:right <h6 style="clear:right;" >  
      clear:left <h6 style="clear:left;" >  
    meta name=char   <meta name=char />  
    content=char   <meta content=char />  
    http-equiv=char   <meta http-equiv=char />  
    p align=left   <p style="text-align:left;" >  
      text-align:left <p style="text-align:left;" >  
    align=center   <p style="text-align:center;" >  
      text-align:center <p style="text-align:center;" >  
    align=right   <p style="text-align:right;" >  
      text-align:right <p style="text-align:right;" >  
      clear:left <p style="clear:left;" >  
      clear:both <p style="clear:both;" >  
      clear:right <p style="clear:right;" >  
    input type=text   <input type="text" /> istyle=4の場合は<input type="number" /&gtに変換されます
    type=password   <input type="password" />  
    type=hidden   <input type="hidden" />  
    type=checkbox   <input type="checkbox" />  
    type=radio   <input type="radio" />  
    type=submit   <input type="submit" />  
    type=reset   <input type="reset" />  
    type=file   <input /> 未対応
    name=char   <input name=char />  
    value=char   <input value=char />  
    accesskey=char   <input accesskey=char />  
    size=num   <input size=num />  
    maxlength=num   <input maxlength=num />  
    checked   <input checked=checked />  
    istyle=1   <input /> なし
    istyle=2   <input /> なし
    istyle=3   <input /> なし
    istyle=4   <input type="number" /> type="text"のときのみ
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <input /> なし
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <input /> なし
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <input /> なし
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <input type="number" /> type="text"のときのみ
    textarea name=char   <textarea name=char />  
    accesskey=char   <textarea accesskey=char />  
    rows=num   <textarea rows=num />  
    cols=num   <textarea cols=num />  
    istyle=1   <textarea /> なし
    istyle=2   <textarea /> なし
    istyle=3   <textarea /> なし
    istyle=4   <textarea /> なし
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <textarea /> なし
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <textarea /> なし
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <textarea /> なし
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <textarea /> なし
    table align=left   <table align=left >  
      text-align:left <table align=left >  
    align=center   <table align=center >  
      text-align:center <table align=center >  
    align=right   <table align=right >  
      text-align:right <table align=right >  
    width=char   <table width=char >  
      width:char <table width=char >  
    height=char   <table height=char >  
      height:char <table height=char >  
    border=num   <table style="border:[n]px solid" >  
    bordercolor=char   <table style="border: [n]px solid char" >  
    bgcolor=char   <table bgcolor=char >  
      background-color:char <table bgcolor=char >  
    tr align=left   <tr align=left >  
      text-align:left <tr align=left >  
    align=center   <tr align=center >  
      text-align:center <tr align=center >  
    align=right   <tr align=right >  
      text-align:right <tr align=right >  
    valign=top   <tr valign=top >  
      vertical-align:top <tr valign=top >  
    valign=middle   <tr valign=middle >  
      vertical-align:middle <tr valign=middle >  
    valign=bottom   <tr valign=bottom >  
      vertical-align:bottom <tr valign=bottom >  
    bgcolor=char   <tr bgcolor=char >  
      background-color:char <tr bgcolor=char >  
    th align=left   <th align=left >  
      text-align:left; <th align=left >  
    align=center   <th align=center >  
      text-align:center; <th align=center >  
    align=right   <th align=right >  
      text-align:right; <th align=right >  
    valign=top   <th valign=top >  
      vertical-align:top <th valign=top >  
    valign=middle   <th valign=middle >  
      vertical-align:middle <th valign=middle >  
    valign=bottom   <th valign=bottom >  
      vertical-align:bottom <th valign=bottom >  
    bgcolor=char   <th bgcolor=char >  
      background-color:char <th bgcolor=char >  
    width=(num|num%)   <th style="width:num(px|%);" >  
      width:num(px|%) <th style="width:num(px|%);" >  
    height=(num|num%)   <th style="height:num(px|%);" >  
      height:char(px|%) <th style="height:num(px|%);" >  
    colspan=num   <th colspan=num >  
    rowspan=num   <th rowspan=num >  
    td align=left   <td align=left >  
      text-align:left; <td align=left >  
    align=center   <td align=center >  
      text-align:center; <td align=center >  
    align=right   <td align=right >  
      text-align:right; <td align=right >  
    valign=top   <td valign=top >  
      vertical-align:top <td valign=top >  
    valign=middle   <td valign=middle >  
      vertical-align:middle <td valign=middle >  
    valign=bottom   <td valign=bottom >  
      vertical-align:bottom <td valign=bottom >  
    bgcolor=char   <td bgcolor=char >  
      background-color:char <td bgcolor=char >  
    widtd=(num|num%)   <td style="widtd:num(px|%);" >  
      widtd:num(px|%) <td style="widtd:num(px|%);" >  
    height=(num|num%)   <td style="height:num(px|%);" >  
      height:char(px|%) <td style="height:num(px|%);" >  
    colspan=num   <td colspan=num >  
    rowspan=num   <td rowspan=num >  
    object id=char   <object id=char >  
    width=char   <object width=char >  
    height=char   <object height=char >  
    type=char   <object type=char >  
    data=char   <object data=char >  
    declare=declare   <object declare=declare >  
    classid=char   <object classid=char >  
    codebase=char   <object codebase=char >  
    param name=char   <param name=char >  
    value=char   <param value=char >  
    valuetype=char   <param valuetype=char >  
    body bgcolor=char   <body style="background-color:char;" >  
      background-color:char <body style="background-color:char;" >  
    text=char   <body style="color:char;" >  
      color:char <body style="color:char;" >  
    link=char   <body link=char >  
      <style type="text/css" >
    a:link {color:char}
    </style>    		 <body link=char >  
    vlink=char   <body vlink=char >  
      <style type="text/css" >
    a:visited {color:char}
    </style>    		 <body vlink=char >  
    alink=char   <body > なし
      <style type="text/css" >
    a:focus {color:char}
    </style>    		 <body > なし
    background=char   <body background=char >  
      background-image:url(char) <body background=char >  
    form action=char   <form action=char >  
    method=char   <form method=char >  
    name=char   <form name=char >  
      clear:left <form style="clear:left;" >  
      clear:both <form style="clear:both;" >  
      clear:right <form style="clear:right;" >  
    select name=char   <select name=char >  
    size=char   <select size=char >  
    multiple   <select multiple=multiple >  
    option value=char   <option value=char >  
    selected   <option selected=selected >  
    Up: CSS変換機能(0.13.0以降)
    ]]>     css_to_docomoXHTML http://sourceforge.jp/projects/modchxj/wiki/css_to_docomoXHTML css_to_docomoXHTML 2011-04-05T23:16:57+09:00 docomo XHTML端末 CSS変換仕様(0.13.0以降)
    Up: CSS変換機能(0.13.0以降)
    Outline

    変換対応表

    変換元 docomo XHTML端末 備考
    タグ 属性 CSS 変換後
    hr align=left   <hr style="float:left;">  
    align=center   <hr style="float:none;">  
    align=right   <hr style="float:right;">  
      float:left; <hr style="float:left;">  
      float:none; <hr style="float:none;">  
      float:right; <hr style="float:right;">  
      height:char; <hr style="height:char;">  
      width:char; <hr style="width:char;">  
      border-style:solid; <hr style="border-style:solid;">  
      border-color:char; <hr style="border-color:char">  
      background-color:char; <hr style="background-color:char">  
    img src=char   <img src=char>  
    align=top   <img style="vertical-align:top;">  
      vertical-align:top <img style="vertical-align:top;"> align属性を優先
    align=middle   <img style="vertical-align:middle;"> align属性を優先
    align=center   <img style="vertical-align:middle;"> align属性を優先
    align=bottom   <img style="vertical-align:bottom;"> align属性を優先
      vertical-align:bottom; <img style="vertical-align:bottom;"> align属性を優先
    align=left   <img style="float:left;"> align属性を優先
      float:left; <img style="float:left;"> align属性を優先
    align=right   <img style="float:right;"> align属性を優先
      float:right; <img style="float:right;"> align属性を優先
    width=char   <img width=char>  
    height=char   <img height=char>  
    hspace=char   <img style="margin-left:char;margin-right:char;">  
    vspace=char   <img style="margin-top:char;margin-bottom:char;">  
      margin-left:char; <img style="margin-left:char;"> hspace属性が優先
      margin-right:char; <img style="margin-right:char;"> hspace属性が優先
      margin-top:char; <img style="margin-top:char;"> vspace属性が優先
      margin-bottom:char; <img style="margin-bottom:char;"> vspace属性が優先
    alt=char   <img alt=char >  
      display:none; - タグを表示しない
    div align=left   <div style="text-align:left;">  
      text-align:left; <div style="text-align:left;">  
    align=center   <div style="text-align:center;">  
      text-align:center <div style="text-align:center;">  
    align=right   <div style="text-align:right;">  
      text-align:right; <div style="text-align:right;">  
      text-decoration:blink; <div style="text-decoration:blink;">  
      display:-wap-marquee; <div style="display:-wap-marquee;">  
      -wap-marquee-style:slide; <div style="-wap-marquee-style:slide;">  
      -wap-marquee-style:alternate; <div style="-wap-marquee-style:alternate;">  
      -wap-marquee-dir:rtl; <div style="-wap-marquee-dir:rtl;">  
      -wap-marquee-dir:ltr; <div style="-wap-marquee-dir:ltr;">  
      -wap-marquee-loop:-1; <div style="-wap-marquee-loop:infinite;">  
      -wap-marquee-loop:0; <div style="-wap-marquee-loop:infinite;">  
      -wap-marquee-loop:1〜; <div style="-wap-marquee-loop:1〜;">  
      -wap-marquee-loop:infinite; <div style="-wap-marquee-loop:infinite;">  
      -wap-marquee-speed:slow; - 変換なし
      -wap-marquee-speed:fast; - 変換なし
      clear:both; <div style="clear:both;" >  
      color:char; <div style="color:char;" >  
      background-color:char; <div style="background-color:char;" >  
      font-size:xx-small; <div style="font-size:xx-small;" >  
      font-size:x-small; <div style="font-size:x-small;" >  
      font-size:small; <div style="font-size:small;" >  
      font-size:medium; <div style="font-size:medium;" >  
      font-size:large; <div style="font-size:large;" >  
      font-size:x-large; <div style="font-size:x-large;" >  
      font-size:xx-large; <div style="font-size:xx-large;" >  
    center     <div style="text-align:center;" > divタグに変換
    span   color:char; <span style="color:char;">  
      background-color:char; <span style="background-color:char;">  
      text-decoration:blink; <span style="text-decoration:blink;">  
      font-size:xx-small; <span style="font-size:xx-small;">  
      font-size:x-small; <span style="font-size:x-small;">  
      font-size:small; <span style="font-size:small;">  
      font-size:medium; <span style="font-size:medium;">  
      font-size:large; <span style="font-size:large;">  
      font-size:x-large; <span style="font-size:x-large;">  
      font-size:xx-large; <span style="font-size:xx-large;">  
      display:-wap-marquee; <span style="display:-wap-marquee;">  
      -wap-marquee-style:slide; <span style="-wap-marquee-style:slide;">  
      -wap-marquee-style:alternate; <span style="-wap-marquee-style:alternate;">  
      -wap-marquee-dir:rtl; <span style="-wap-marquee-dir:rtl;">  
      -wap-marquee-dir:ltr; <span style="-wap-marquee-dir:ltr;">  
      -wap-marquee-loop:-1; <span style="-wap-marquee-loop:infinite;">  
      -wap-marquee-loop:0; <span style="-wap-marquee-loop:infinite;">  
      -wap-marquee-loop:NUM; <span style="-wap-marquee-loop:NUM;"> NUM:回数
      -wap-marquee-speed:slow; - 変換なし
      -wap-marquee-speed:fast; - 変換なし
    br clear=all   <div style="clear:both;"> divタグに変換
      clear:both; <div style="clear:both;"> divタグに変換
    clear=right   <div style="clear:right;"> divタグに変換
      clear:right <div style="clear:right;"> divタグに変換
    clear=left   <div style="clear:left;"> divタグに変換
      clear:left; <div style="clear:left;"> divタグに変換
      clear:none; - 変換なし
    a id=char   <a id=char>  
    name=char   <a id=char>  
    accesskey=char   <a accesskey=char>  
    href=char   <a href=char>  
    utn   <a utn=utn>  
    h1 align=left   <h1 style="text-align:left;">  
    align=center   <h1 style="text-align:center;">  
    align=right   <h1 style="text-align:right;">  
      clear:both; <h1 style="clear:both;">  
      clear:right; <h1 style="clear:right;">  
      clear:left; <h1 style="clear:left;">  
    h2 align=left   <h2 style="text-align:left;">  
    align=center   <h2 style="text-align:center;">  
    align=right   <h2 style="text-align:right;">  
      clear:both; <h2 style="clear:both;">  
      clear:right; <h2 style="clear:right;">  
      clear:left; <h2 style="clear:left;">  
    h3 align=left   <h3 style="text-align:left;">  
    align=center   <h3 style="text-align:center;">  
    align=right   <h3 style="text-align:right;">  
      clear:both; <h3 style="clear:both;">  
      clear:right; <h3 style="clear:right;">  
      clear:left; <h3 style="clear:left;">  
    h4 align=left   <h4 style="text-align:left;">  
    align=center   <h4 style="text-align:center;">  
    align=right   <h4 style="text-align:right;">  
      clear:both; <h4 style="clear:both;">  
      clear:right; <h4 style="clear:right;">  
      clear:left; <h4 style="clear:left;">  
    h5 align=left   <h5 style="text-align:left;">  
    align=center   <h5 style="text-align:center;">  
    align=right   <h5 style="text-align:right;">  
      clear:both; <h5 style="clear:both;">  
      clear:right; <h5 style="clear:right;">  
      clear:left; <h5 style="clear:left;">  
    h6 align=left   <h6 style="text-align:left;">  
    align=center   <h6 style="text-align:center;">  
    align=right   <h6 style="text-align:right;">  
      clear:both; <h6 style="clear:both;">  
      clear:right; <h6 style="clear:right;">  
      clear:left; <h6 style="clear:left;">  
    meta name=char   <meta name=char>  
    content=char   <meta content=char>  
    http-equiv=char   <meta http-equiv=char>  
    p align=left   <p style="text-align:left;">  
      text-align:left; <p style="text-align:left;">  
    align=center   <p style="text-align:center;">  
      text-align:center; <p style="text-align:center;">  
    align=right   <p style="text-align:right;">  
      text-align:right; <p style="text-align:right;">  
      clear:left; <p style="clear:left;">  
      clear:both; <p style="clear:both;">  
      clear:right; <p style="clear:right;">  
    input type=text   <input type="text">  
    type=password   <input type="password">  
    type=hidden   <input type="hidden">  
    type=checkbox   <input type="checkbox">  
    type=radio   <input type="radio">  
    type=submit   <input type="submit">  
    type=reset   <input type="reset">  
    name=char   <input name="char">  
    value=char   <input value="char">  
    accesskey=char   <input accesskey="char">  
    size=num   <input size="num">  
    maxlength=num   <input maxlength="num">  
    checked   <input checked="checked">  
    istyle=1   <input style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;">  
    istyle=2   <input style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;">  
    istyle=3   <input style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;">  
    istyle=4   <input style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;">  
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <input style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;">  
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <input style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;">  
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <input style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;">  
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <input style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;">  
    textarea name=char   <textarea name=char>  
    accesskey=char   <textarea accesskey=char>  
    rows=num   <textarea rows=num>  
    cols=num   <textarea cols=num>  
    istyle=1   <textarea style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;">  
    istyle=2   <textarea style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;">  
    istyle=3   <textarea style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;">  
    istyle=4   <textarea style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;">  
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <textarea style="-wap-input-format:&quot;*&lt;ja:h&gt;&quot;;">  
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <textarea style="-wap-input-format:&quot;*&lt;ja:hk&gt;&quot;;">  
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <textarea style="-wap-input-format:&quot;*&lt;ja:en&gt;&quot;;">  
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <textarea style="-wap-input-format:&quot;*&lt;ja:n&gt;&quot;;">  
    table align=left   <table align=left>  
      text-align:left; <table align=left>  
    align=center   <table align=center>  
      text-align:center; <table align=center>  
    align=right   <table align=right>  
      text-align:right; <table align=right>  
    width=num   <table width=num>  
      width:num; <table width=num>  
    height=num   <table height=num>  
      height:num; <table height=num>  
    border=num   <table border=num>  
    bordercolor=char   <table bordercolor=char>  
    bgcolor=char   <table bgcolor=char>  
      background-color:char; <table bgcolor=char>  
    tr align=left   <tr align=left>  
      text-align:left; <tr align=left;>  
    align=center   <tr align=center>  
      text-align:center; <tr align=center;>  
    align=right   <tr align=right>  
      text-align:right; <tr align=right;>  
    valign=top   <tr valign=top>  
      vertical-align:top; <tr valign=top>  
    valign=middle   <tr valign=middle>  
      vertical-align:middle; <tr valign=middle>  
    valign=bottom   <tr valign=bottom>  
      vertical-align:bottom; <tr valign=bottom>  
    bgcolor=char   <tr bgcolor=char>  
      background-color:char; <tr bgcolor=char>  
    td align=left   <td align=left>  
      text-align:left <td align=left>  
    align=center   <td align=center>  
      text-align:center <td align=center>  
    align=right   <td align=right>  
      text-align:right <td align=right>  
    valign=top   <td valign=top>  
      vertical-align:top <td valign=top>  
    valign=middle   <td valign=middle>  
      vertical-align:middle <td valign=middle>  
    valign=bottom   <td valign=bottom>  
      vertical-align:bottom <td valign=bottom>  
    bgcolor=char   <td bgcolor=char>  
      background-color:char <td bgcolor=char>  
    width=(num|num%)   <td width=(num|num%)>  
      width:num(px|%) <td width=(num|num%)>  
    height=(num|num%)   <td height=(num|num%)>  
      height:num(px|%) <td height=(num|num%)>  
    colspan=num   <td colspan=num>  
    rowspan=num   <td rowspan=num>  
    th align=left   <th align=left>  
      text-align:left <th align=left>  
    align=center   <th align=center>  
      text-align:center <th align=center>  
    align=right   <th align=right>  
      text-align:right <th align=right>  
    valign=top   <th valign=top>  
      vertical-align:top <th valign=top>  
    valign=middle   <th valign=middle>  
      vertical-align:middle <th valign=middle>  
    valign=bottom   <th valign=bottom>  
      vertical-align:bottom <th valign=bottom>  
    bgcolor=char   <th bgcolor=char>  
      background-color:char <th bgcolor=char>  
    width=(num|num%)   <th width=(num|num%)>  
      width:num(px|%) <th width=(num|num%)>  
    height=(num|num%)   <th height=(num|num%)>  
      height:num(px|%) <th height=(num|num%)>  
    colspan=num   <th colspan=num>  
    rowspan=num   <th rowspan=num>  
    object id=char   <object id=char >  
    width=char   <object width=char >  
    height=char   <object height=char >  
    type=char   <object type=char >  
    data=char   <object data=char >  
    declare=declare   <object declare=declare >  
    classid=char   - 変換なし
    codebase   - 変換なし
    param name=char   <param name=char >  
    value=char   <param value=char >  
    valuetype=char   <param valuetype=char >  
    body bgcolor=char   <body style="background=color:char" >  
      background-color:char <body style="background=color:char" >  
    text=char   <body style="color:char;" >  
      color:char <body style="color:char;" >  
    link=char   <body > + <style> a:link { color: char; }</style> styleタグをheadに追加
      <style>a:link { color:char; }</style> <body > + <style> a:link { color: char; }</style> styleタグをheadに追加
    vlink=char   <body > + <style> a:visited { color: char; }</style> styleタグをheadに追加
      <style>a:visited { color:char; }</style> <body > + <style> a:visited { color: char; }</style> styleタグをheadに追加
    alink=char   <body > + <style> a:focus { color: char; }</style> styleタグをheadに追加
      <style>a:focus { color:char; }</style> <body > + <style> a:focus { color: char; }</style> styleタグをheadに追加
    background=char   <body style="background-image:url;" >  
      background-image:url(char) <body style="background-image:url;" >  
    form action=char   <form action=char >  
    method=char   <form method=char >  
    name=char   <form name=char >  
      clear:left; <form style="clear:left;">  
      clear:both; <form style="clear:both;">  
      clear:right; <form style="clear:right;">  
    select name=char   <select name=char >  
    size=char   <select size=char >  
    multiple   <select multiple=multiple >  
    option value=char   <option value=char >  
    selected   <option selected=selected >  
    Up: CSS変換機能(0.13.0以降)
    ]]>     css_to_auXHTML http://sourceforge.jp/projects/modchxj/wiki/css_to_auXHTML css_to_auXHTML 2011-04-05T23:12:59+09:00 au XHTML端末 CSS変換仕様(0.13.0以降)
    Up: CSS変換機能(0.13.0以降)
    Outline

    変換対応表

    変換元 au XHTML端末 備考
    タグ 属性 CSS 変換後
    hr align=left   <hr align=left >  
      float:left; <hr align=left >  
    align=center   <hr align=center >  
      float:none; <hr align=center >  
    align=right   <hr align=right >  
      float:right; <hr align=right >  
      height:char <hr size=char > ただし、pxを削除、%は未サポート
      width:char <hr style="width:char;" >  
      border-style:solid - 変換対象外
      border-color:char - 変換対象外
      background-color:char <hr color=char >  
    img src=char   <img src=char >  
    align=top   <img style="vertical-align:top;" >  
      vertical-align:top <img style="vertical-align:top;" > align属性が優先
    align=middle   <img style="vertical-align:middle;" >  
    align=center   <img style="vertical-align:middle;" >  
      vertical-align:middle <img style="vertical-align:middle;" > align属性が優先
    align=bottom   <img style="vertical-align:bottom;" >  
      vertical-align:bottom <img style="vertical-align:bottom;" > align属性が優先
    align=left   <img align=left >  
      float:left <img align=left > align属性が優先
    align=right   <img align=right >  
      float:right <img align=right > align属性が優先
    width=char   <img width=char >  
    height=char   <img height=char >  
    hspace=char   <img style="margin-left:char;margin-right:char;" >  
    vspace=char   <img style="margin-top:char;margin-bottom:char;" >  
      margin-left:char <img style="margin-left:char;" > hspace属性が優先
      margin-right:char <img style="margin-right:char;" > hspace属性が優先
      margin-top:char <img style="margin-top:char;" > vspace属性が優先
      margin-bottom:char <img style="margin-bottom:char;" > vspace属性が優先
    alt=char   <img alt=char >  
      display:none; <img style="display:none;" >  
    div align=left   <div style="text-align:left;">  
      text-align:left; <div style="text-align:left;">  
    align=center   <div style="text-align:center;">  
      text-align:center; <div style="text-align:center;">  
    align=right   <div style="text-align:right;">  
      text-align:right; <div style="text-align:right;">  
      text-decoration:blink; <div style="text-decoration:blink;">  
      display:-wap-marquee; <div style="display:-wap-marquee;">  
      -wap-marquee-style:slide <div style="-wap-marquee-style:slide;">  
      -wap-marquee-style:alternate <div style="-wap-marquee-style:alternate;">  
      -wap-marquee-dir:rtl <div style="-wap-marquee-dir:rtl;">  
      -wap-marquee-dir:ltr <div style="-wap-marquee-dir:ltr;">  
      -wap-marquee-loop:-1 <div style="-wap-marquee-loop:infinite;">  
      -wap-marquee-loop:0 <div style="-wap-marquee-loop:infinite;">  
      -wap-marquee-loop:NUM <div style="-wap-marquee-loop:NUM;">  
      -wap-marquee-loop:infinite <div style="-wap-marquee-loop:infinite;">  
      -wap-marquee-speed:slow <div style="-wap-marquee-speed:slow;">  
      -wap-marquee-speed:fast <div style="-wap-marquee-speed:fast;">  
      clear:both <div style="clear:both;">  
      color:char <div style="color:char;">  
      background-color:char <div style="background-color:char;">  
      font-size:xx-small <div style="font-size:xx-small;">  
      font-size:x-small <div style="font-size:x-small;">  
      font-size:small <div style="font-size:small;">  
      font-size:medium <div style="font-size:medium;">  
      font-size:large <div style="font-size:large;">  
      font-size:x-large <div style="font-size:x-large;">  
      font-size:xx-large <div style="font-size:xx-large;">  
    center     <center> そのまま
    span   color:char <span style="color:char;">  
      background-color:char <span style="background-color:char;">  
      text-decoration:blink <span style="text-decoration:blink;">  
      font-size:xx-small <span style="font-size:xx-small;">  
      font-size:x-small <span style="font-size:x-small;">  
      font-size:small <span style="font-size:small;">  
      font-size:medium <span style="font-size:medium;">  
      font-size:large <span style="font-size:large;">  
      font-size:x-large <span style="font-size:x-large;">  
      font-size:xx-large <span style="font-size:xx-large;">  
      display:-wap-marquee <span style="display:-wap-marquee;">  
      -wap-marquee-style:slide <span style="-wap-marquee-style:slide;">  
      -wap-marquee-style:alternate <span style="-wap-marquee-style:alternate;">  
      -wap-marquee-dir:rtl <span style="-wap-marquee-dir:rtl;">  
      -wap-marquee-dir:ltr <span style="-wap-marquee-dir:ltr;">  
      -wap-marquee-loop:-1 <span style="-wap-marquee-loop:infinite;">  
      -wap-marquee-loop:0 <span style="-wap-marquee-loop:infinite;">  
      -wap-marquee-loop:NUM <span style="-wap-marquee-loop:NUM;">  
      -wap-marquee-speed:slow <span> 未対応
      -wap-marquee-speed:fast <span> 未対応
    br clear=all   <br clear=all />  
      clear:both <br clear=all />  
    clear=right   <br clear=right />  
      clear:right <br clear=right />  
    clear=left   <br clear=left />  
      clear:left <br clear=left />  
      clear:none <br />  
    a id=char   <a id=char >  
    name=char   <a id=char >  
    accesskey=char   <a accesskey=char >  
    href=char   <a href=char >  
    utn   <a utn >  
    h1 align=left   <h1 style="text-align:left;" />  
    align=center   <h1 style="text-align:center;" />  
    align=right   <h1 style="text-align:right;" />  
      clear:both <h1 style="clear:both;" />  
      clear:right <h1 style="clear:right;" />  
      clear:left <h1 style="clear:left;" />  
    h2 align=left   <h2 style="text-align:left;" />  
    align=center   <h2 style="text-align:center;" />  
    align=right   <h2 style="text-align:right;" />  
      clear:both <h2 style="clear:both;" />  
      clear:right <h2 style="clear:right;" />  
      clear:left <h2 style="clear:left;" />  
    h3 align=left   <h3 style="text-align:left;" />  
    align=center   <h3 style="text-align:center;" />  
    align=right   <h3 style="text-align:right;" />  
      clear:both <h3 style="clear:both;" />  
      clear:right <h3 style="clear:right;" />  
      clear:left <h3 style="clear:left;" />  
    h4 align=left   <h4 style="text-align:left;" />  
    align=center   <h4 style="text-align:center;" />  
    align=right   <h4 style="text-align:right;" />  
      clear:both <h4 style="clear:both;" />  
      clear:right <h4 style="clear:right;" />  
      clear:left <h4 style="clear:left;" />  
    h5 align=left   <h5 style="text-align:left;" />  
    align=center   <h5 style="text-align:center;" />  
    align=right   <h5 style="text-align:right;" />  
      clear:both <h5 style="clear:both;" />  
      clear:right <h5 style="clear:right;" />  
      clear:left <h5 style="clear:left;" />  
    h6 align=left   <h6 style="text-align:left;" />  
    align=center   <h6 style="text-align:center;" />  
    align=right   <h6 style="text-align:right;" />  
      clear:both <h6 style="clear:both;" />  
      clear:right <h6 style="clear:right;" />  
      clear:left <h6 style="clear:left;" />  
    meta name=char   <meta name=char />  
    content=char   <meta content=char />  
    http-equiv=char   <meta http-equiv=char />  
    p align=left   <p style="text-align:left;" >  
      text-align:left <p style="text-align:left;" >  
    align=center   <p style="text-align:center;" >  
      text-align:center <p style="text-align:center;" >  
    align=right   <p style="text-align:right;" >  
      text-align:right <p style="text-align:right;" >  
      clear:left <p style="clear:left" >  
      clear:both <p style="clear:both" >  
      clear:right <p style="clear:right" >  
    input type=text   <input type="text" >  
    type=password   <input type="password" />  
    type=hidden   <input type="hidden" />  
    type=checkbox   <input type="checkbox" />  
    type=radio   <input type="radio" />  
    type=submit   <input type="submit" />  
    type=reset   <input type="reset" />  
    type=file     未対応
    name=char   <input name="char" />  
    value=char   <input value="char" />  
    accesskey=char   <input accesskey="char" />  
    size=num   <input size="num" />  
    maxlength=num   <input maxlength="num" />  
    checked   <input checked="checked"/>  
    istyle=1   <input istyle="1"/>  
    istyle=2   <input istyle="2"/>  
    istyle=3   <input istyle="3"/>  
    istyle=4   <input istyle="4"/>  
      -wap-input-format:&"*&lt;ja:h&gt;&quot;; <input istyle="1"/>  
      -wap-input-format:&"*&lt;ja:hk&gt;&quot;; <input istyle="2"/>  
      -wap-input-format:&"*&lt;ja:en&gt;&quot;; <input istyle="3"/>  
      -wap-input-format:&"*&lt;ja:n&gt;&quot;; <input istyle="4"/>  
    textarea name=char   <textarea name="char" >  
    accesskey=char   <textarea accesskey=char >  
    rows=num   <textarea rows=num >  
    cols=num   <textarea cols=num >  
    istyle=1   <textarea istyle=1>  
    istyle=2   <textarea istyle=2>  
    istyle=3   <textarea istyle=3>  
    istyle=4   <textarea istyle=4>  
      -wap-input-format:&quot;*&lt;ja:h&gt;&quot;; <textarea istyle=1>  
      -wap-input-format:&quot;*&lt;ja:hk&gt;&quot;; <textarea istyle=2>  
      -wap-input-format:&quot;*&lt;ja:en&gt;&quot;; <textarea istyle=3>  
      -wap-input-format:&quot;*&lt;ja:n&gt;&quot;; <textarea istyle=4>  
    table align=left   <table align=left>  
      text-align:left <table align=left>  
    align=center   <table align=center>  
      text-align:center <table align=center>  
    align=right   <table align=right>  
      text-align:right <table align=right>  
    width=char   <table width=char>  
      width:char <table width=char>  
    height=char   <table height=char>  
      height:char <table height=char>  
    border=num   <table style="border [n]px solid;">  
    bordercolor=char   <table style="border [n]px solid color[char];">  
    bgcolor=char   <table bgcolor=char >  
    background-color:char   <table bgcolor=char >  
    tr align=left   <tr align=left>  
      text-align:left <tr align=left>  
    align=center   <tr align=center>  
      text-align:center <tr align=center>  
    align=right   <tr align=right>  
      text-align:right <tr align=right>  
    valign=top   <tr valign=top>  
      vertical-align:top <tr valign=top>  
    valign=middle   <tr valign=middle>  
      vertical-align:middle <tr valign=middle>  
    valign=bottom   <tr valign=bottom>  
      vertical-align:bottom <tr valign=bottom>  
    bgcolor=char   <tr bgcolor=char>  
      background-color:char <tr bgcolor=char>  
    th align=left   <th align=left>  
      text-align:left <th align=left>  
    align=center   <th align=center>  
      text-align:center <th align=center>  
    align=right   <th align=right>  
      text-align:right <th align=right>  
    valign=top   <th valign=top>  
      vertical-align:top <th valign=top>  
    valign=middle   <th valign=middle>  
      vertical-align:middle <th valign=middle>  
    valign=bottom   <th valign=bottom>  
      vertical-align:bottom <th valign=bottom>  
    bgcolor=char   <th bgcolor=char>  
      background-color:char <th bgcolor=char>  
    width=(num|num%)   <th style="width:num(px|%)">  
      width:num(px|%) <th style="width:num(px|%)">  
    height=(num|num%)   <th style="height:num(px|%)">  
      height:char(px|%) <th style="height:num(px|%)">  
    colspan=num   <th colspan=num>  
    rowspan=num   <th rowspan=num>  
    td align=left   <td align=left>  
      text-align:left <td align=left>  
    align=center   <td align=center>  
      text-align:center <td align=center>  
    align=right   <td align=right>  
      text-align:right <td align=right>  
    valign=top   <td valign=top>  
      vertical-align:top <td valign=top>  
    valign=middle   <td valign=middle>  
      vertical-align:middle <td valign=middle>  
    valign=bottom   <td valign=bottom>  
      vertical-align:bottom <td valign=bottom>  
    bgcolor=char   <td bgcolor=char>  
      background-color:char <td bgcolor=char>  
    width=(num|num%)   <td style="width:num(px|%)">  
      width:num(px|%) <td style="width:num(px|%)">  
    height=(num|num%)   <td style="height:num(px|%)">  
      height:char(px|%) <td style="height:num(px|%)">  
    colspan=num   <td colspan=num>  
    rowspan=num   <td rowspan=num>  
    object id=char   <object id=char>  
    width=char   <object width=char>  
    height=char   <object height=char>  
    type=char   <object type=char>  
    data=char   <object data=char>  
    declare=declare   <object> なし
    classid=char   <object> なし
    codebase   <object> なし
    param name=char   <param name=char>  
    value=char   <param value=char>  
    valuetype=char   <param valuetype=char>  
    body bgcolor=char   <body style="background-color:char;">  
      background-color:char <body style="background-color:char;">  
    text=char   <body style="color:char">  
      color:char <body style="color:char">  
    link=char   <body link=char>  
      <style type="text/css">a:link {color:char}</style> <body link=char>  
    vlink=char   <body vlink=char>  
      <style type="text/css">a:visited {color:char}</style> <body vlink=char>  
    alink=char   <body> なし
      <style type="text/css">a:focus {color:char}</style> <body> なし
    background=char   <body background=char>  
      background-image:url(char) <body background=char>  
    form action=char   <form action=char>  
    method=char   <form method=char>  
    name=char   <form name=char>  
      clear:left <form style="clear:left;">  
      clear:both <form style="clear:both;">  
      clear:right <form style="clear:right;">  
    select name=char   <select name=char>  
    size=char   <select size=char>  
    multiple   <select multiple=true>  
    option value=char   <option value=char>  
    selected   <option selected=selected>  
    Up: CSS変換機能(0.13.0以降)
    ]]>     cookie http://sourceforge.jp/projects/modchxj/wiki/cookie cookie 2011-02-28T13:49:50+09:00 クッキーシミュレート機能
    Up: FrontPage

    !Cookieを受け付けない（無視する）端末のために!Cookieをシミュレートします。本機能を有効にするためにはChxjConvertRuleディレクティブを使用する必要 があります。ChxjConvertRuleディレクティブの第２パラメータにCookieOnを指定します。 


    # Cookieシミュレート機能を有効にする例:
ChxjConvertRule "^/chxj.+$" "EngineOn,CookieOn" "NONE"

    Outline

    One-Time ID

    Cookieシミュレートでは、aタグ、imgタグ、formタグのURL部、LocationヘッダにOne-Time IDを埋め込むことで実現します。 そのため、ユーザがブラウザの戻るボタン等で戻った場合は!Cookieを取得できなくなります。 !One-Time IDを使用する必要が無い場合、または!One-Time IDを使用したくない場合には、 CookieLazyModeを使用することで毎回同一IDを発行させることができます。

    Cookieの保存場所

    Cookieの内容はサーバ側に保存されます。 保存先にはdbm、memcached、mysqlが選択できます。
    注意) memcached、mysqlを保存先に選択する場合はconfigure時にそれぞれ指定する必要があります
    保存先の指定にはChxjCookieStoreTypeディレクティブを使用します。ChxjCookieStoreTypeが指定されない場合はdbmが選択されます。 DBMの代わりに!MySQLやmemcachedを指定することもできます。その際は、ChxjCookieDirは指定する必要はありません。

    Cookieの保存先をMySQLにする

    保存先をMySQLにするには、configure時に!MySQL COOKIE機能を有効にして、コンパイルする必要があります。
    (詳細はconfigure時のオプションを参照してください。）

    MySQLを使用する場合にはChxjCookieStoreTypeディレクティブのほかに、以下のディレクティブを指定する必要もあります。

    • ChxjCookieMysqlHostディレクティブ
    • ChxjCookieMysqlPortディレクティブ
    • ChxjCookieMysqlDatabaseディレクティブ
    • ChxjCookieMysqlUsernameディレクティブ
    • ChxjCookieMysqlPasswordディレクティブ
    • ChxjCookieMysqlSocketPathディレクティブ
    • ChxjCookieMysqlCharsetディレクティブ
    • ChxjCookieMysqlTablenameディレクティブ

    ディレクティブの詳細はディレクティブを参照してください。

    Cookieの保存先をmemcachedにする

    保存先をmemcachedにするには、configure時にMEMCACHE COOKIE機能を有効にして、コンパイルする必要があります。
    (詳細はconfigure時のオプションを参照してください。）

    memcachedを使用する場合にはChxjCookieStoreTypeディレクティブの他に以下のディレクティブを指定する必要もあります。

    • ChxjCookieMemcacheHostディレクティブ
    • ChxjCookieMemcachePortディレクティブ


    ディレクティブの詳細はディレクティブを参照してください。

    Cookieの保持期間

    ChxjCookieTimeoutディレクティブで保持期間を指定することができます。 指定しなかった場合は1800秒でサーバに保存されている!Cookieは削除されます。

    ディレクティブの詳細はディレクティブを参照してください。

    CookieLazyMode

    ChxjCookieLazyModeディレクティブで"true"を指定するとOne-Time IDを使用しないようにすることができます。 !Cookie用のIDは毎回同一のIDが割り振られます。

    ディレクティブの詳細はディレクティブを参照してください。

    ChxjAllowedCookieDomain(0.12.34以降)

    クッキーをシミュレートするために、aタグ、formのaction属性、Locationヘッダに_chxj_ccパラメータを付加しますが、 _chxj_ccパラメータを付加する際、付加するURLが外部サーバあてで無い場合にのみ付加するようにしています。 外部サーバかどうかはHostヘッダとaタグなどのURLを比較しています。Hostヘッダではなく、特定のドメインで比較したい 場合にChxjAllowedCookieDomainディレクティブを使用することができます。
    例)
    a.hoge.net、b.hoge.net、c.foo.netと3つのサーバがあり、 ChxjAllowedCookieDomainディレクティブで"hoge.net"と指定する場合 

    ChxjAllowedCookieDomain "hoge.net"
    この場合、a.hoge.net、b.hoge.netあてのaタグ、formのaction、Locationヘッダに_chxj_ccを付加します。 c.foo.netには付加しません。
    また、 
    ChxjAllowedCookieDomain "a.hoge.net"
    と指定した場合、a.hoge.netあてのaタグ、formのaction、Locationヘッダに_chxj_ccを付加します。 b.hoge.net、c.foo.netには付加しません。 
    ChxjAllowedCookieDomain ".net"
    と指定した場合にはa.hoge.net、b.hoge.net、c.foo.netが付加対象になります。
    ディレクティブの詳細はディレクティブを参照してください。

    CookieOnlyMode(0.12.38以降)

    HTML変換を行わず、Cookieシミュレータのみ機能するよう指定することができます。 

    ChxjConvertRule "^/chxj/cookieonly/.*$" "CookieOnly" "CP932"
    などのように"CookieOnly"をChxjConvertRuleディレクティブで指定します。

    Up: FrontPage

    ]]>     image http://sourceforge.jp/projects/modchxj/wiki/image image 2011-02-28T13:43:24+09:00 画像変換機能
    Up: FrontPage

    mod_chxjには、JPEG、GIF、PNG、BMPファイルを置いておくだけで、デバイス定義に従ってそれぞれのキャリア対応のフォーマットに変換する機能があります。 画像のサイズ（縦Ｘ横）も、端末の画面サイズに合わせて変換します。画像のサイズ（バイト数）については、デバイス定義中のキャッシュサイズを見て、その値よりも小さくなるように努力しますが、元の画像が大きすぎる場合や複雑な画像の場合には キャッシュサイズよりも小さくできずに表示できない場合があります。 また、本機能にはサムネイルモード、壁紙モード、EzGETモードの3つのモードが存在します。 ※デバイス定義を変更した場合は、キャッシュファイルを削除する必要があります。

    Outline

    HTMLファイル内での画像指定方法

    imgタグ等で指定する場合には、ファイル名の拡張子（.jpgや.gif等）をはずした形で指定します。 

    <IMG SRC="/img/logo">

    サムネイルモード

    端末側画面サイズの約３分の１程度のサイズ（縦Ｘ横）に画像を縮小表示します。 指定方法は以下のとおりです。 

    <IMG SRC="/img/logo?Mode=Thumbnail">
    パラメータとして、"Mode=Thumbnail"を指定します。

    壁紙モード

    端末側画面のサイズにマッチするサイズに拡大・縮小します。横長の画像の場合には、縦幅を合わせた後に左右をトリミングします。 

     <IMG SRC="/img/logo?Mode=WP">
    パラメータとして、"Mode=WP"を指定します。

    EzGetモード

    壁紙ダウンロードを行いたい場合に使用します。!EzGETモードは、壁紙モードで出力される画像サイズと同一サイズの画像が使用されます。 

     <A HREF="/img/logo?Mode=EzGet">
    パラメータとして"Mode=EzGet"を指定します。 aタグ等で指定しておけば、あとはmod_chxjが勝手にCRCをつけたりしてEzGETをはじめます。

    その他の機能

    モードの他に、画像サイズ（縦Ｘ横）を直接指定することも可能です。wパラメータ、hパラメータを使用して指定します。 また、画像変換機能用にUser-Agentを偽装することも可能です。

    パラメータ名説明
    w 横幅を指定します。
    h 縦幅を指定します。
    ua 偽装するUser-Agentを指定します。IGNを指定した場合には、User-Agentを無視します。
     <IMG SRC="/img/logo?w=100&h=200">

    Varyヘッダ(0.12.38以降)

    画像変換処理は非常に重い処理であるため、外部キャッシュを利用できるよう 

    Vary: User-Agent
    を付加しています。 ただし、動的画像変換の場合は今のところ付加していません。

    注意事項

    端末に画像を保存させる場合、NoCacheOnを有効にしていると、保存できなくなりますので、 NoCacheOnを有効にしないでください。 ChxjConvertRuleディレクティブの項もご参照ください。

    Up: FrontPage

    ]]>     twotimepostlog http://sourceforge.jp/projects/modchxj/wiki/twotimepostlog twotimepostlog 2009-04-12T03:04:09+09:00 1POSTにつき2回アクセスログが出るのを抑制したい場合(0.12.36以降)
    Up: FrontPage

    将来入力絵文字を変換させるためにlibserfを利用して内部的にPOSTしているため、 1回のPOSTで2回アクセスログが出力されてしまいます。 これを抑制するには、以下のような設定を行います。 

     CustomLog /var/log/apache2/access.log combined env=!chxj-post-log

    このようにenv=!chxj-post-logと指定してください。

    また、chxj-post-logではない名前にしたい場合には以下のディレクティブを使用します。 

    ChxjPostLogEnv "新しい名前"
    上記で指定された新しい名前をenv=!で指定してやれば、アクセスログには出力されなくなります。

    Up: FrontPage

    ]]>     tagslist http://sourceforge.jp/projects/modchxj/wiki/tagslist tagslist 2009-04-12T03:03:04+09:00 対応タグ一覧
    Up: FrontPage

    mod_chxjが現在正式に対応しているタグは以下のとおりです。 XHTMLはau XHTML、JHTMLはSoftBank HTML、JXHTMLはSoftBank XHTMLをあらわします。

    Outline

    変換対象になるタグ

    タグ 属性 備考
    <!-- --> 無視します。
    <A>
    name HDMLでは無視します
    href
    accesskey
    <BASE> HDMLでは無視します
    href HDMLでは無視します
    <BODY> HDMLでは無視します
    bgcolor HDML,CHTML1.0では無視します
    text HDML,CHTML1.0では無視します
    link HDML,CHTML1.0では無視します
    alink HDML,XHTML,CHTML1.0,CHTML2.0,CHTML3.0,JHTML,JXHTMLでは無視します。0.12.0以降で対応
    vlink HDML,XHTML,CHTML1.0,CHTML2.0,CHTML3.0,JHTML,JXHTMLでは無視します。0.12.0以降で対応
    <BLINK> HDML,CHTML1.0では無視します。0.11.0以降で対応
    <BLOCKQUOTE> 0.11.0以降で対応
    <BR>
    clear HDMLでは無視します。0.11.0以降で対応
    <CENTER>
    <DIR> 0.11.0以降で対応
    type HDML,CHTML1.0,CHTML2.0,CHTML3.0,JHTMLでは無視します。0.12.0以降で対応
    <DL> HDMLでは無視します。0.11.0以降で対応
    <DT> 0.11.0以降で対応。必ずタグは閉じてください
    <DD> 0.11.0以降で対応。必ずタグは閉じてください
    <DIV>
    align
    <FONT> HDML,CHTML1.0では無視します
    color HDML,CHTML1.0では無視します
    size 0.12.0以降で対応。HDML,CHTML1.0,CHTML2.0,CHTML3.0,CHTML4.0では無視します。
    <FORM>
    action
    method HDMLでは無視します
    <Hn> HDML,JHTMLではalignのみ有効。0.11.0以降で対応
    align HDML,JHTMLではalignのみ有効。0.11.0以降で対応
    <HR>
    align HDMLでは無視します。
    size HDMLでは無視します。
    width HDMLでは無視します。
    color HDML,CHTML1.0,CHTML2.0,CHTML3.0では無視します。0.12.0以降で対応
    <HTML> 属性を指定した場合は無視されます
    <IMG>
    src
    align
    width
    height
    hspace JHTMLでは無視します。
    vspace JHTMLでは無視します。
    alt
    <INPUT>
    name
    type text,password,hidden,radio,checkbox,submit,resetに対応
    value
    istyle
    size HDMLでは無視します。
    maxlength
    checked HDMLでは非対応。
    accesskey
    <LI>
    type 0.11.0以降で対応。HDML,CHTML1.0では無視します。
    value 0.11.0以降で対応。HDML,CHTML1.0では無視します。
    <MENU> 0.11.0以降で対応。HDMLでは無視します。
    type HDML,CHTML1.0,CHTML2.0,CHTML3.0,JHTMLでは無視します。0.12.0以降で対応
    <MARQUEE> 0.11.0以降で対応。HDML,CHTML1.0,XHTMLでは無視します。
    direction 0.11.0以降で対応。HDML,CHTML1.0,XHTMLでは無視します。
    behavior 0.11.0以降で対応。HDML,CHTML1.0,XHTMLでは無視します。
    loop 0.11.0以降で対応。HDML,CHTML1.0,XHTML,JHTMLでは無視します。
    bgcolor 0.12.0以降で対応。HDML,CHTML1.0,CHTML2.0,CHTML3.0,CHTML4.0,JHTMLでは無視します。
    <OL> 0.11.0以降で対応。HDMLでは無視します。
    type 0.11.0以降で対応。HDML,CHTML1.0では無視します。
    start 0.11.0以降で対応。HDML,CHTML1.0では無視します。
    <SELECT>
    name
    size HDMLでは無視します
    multiple HDML,CHTML1.0では無視します。0.11.0以降で対応
    <OPTION> 必ずタグは閉じてください
    value
    selected HDMLでは無視します
    <P> HDMLではalignのみ有効。
    align 0.11.0以降で対応。
    <PLAINTEXT> 0.11.0以降で対応。
    <PRE> HDMLは0.11.0以降で対応。
    <TEXTAREA>
    name
    rows
    cols
    accesskey 0.11.0以降で対応。
    istyle 0.11.0以降で対応。
    <META>
    http-equiv CHTML1.0,HDMLでは無視されます
    content CHTML1.0,HDMLでは無視されます
    <HEAD> 属性を指定した場合は無視されます
    <TITLE> 属性を指定した場合は無視されます
    <UL> 0.11.0以降で対応。
    type HDML,CHTML1.0,CHTML2.0,CHTML3.0,JHTMLでは無視します。0.12.0以降で対応
    <CHXJ:IF>lang lang属性には"chtml","xhtml","hdml","jhtml","jxhtml"が指定できます。(jxhtmlは0.12.0以降で対応)
    <CHXJ:RAW> <CHXJ:IF lang="all">と同意。(0.12.36以降で対応)

    上記以外のタグは全て無視されます。 タグは大文字、小文字を区別しません。

    独自拡張タグ

    <CHXJ:IF>

    <CHXJ:IF>タグと</CHXJ:IF>タグではさまれたタグやテキストは、 変換せずに*そのまま**1出力します。 必須の属性としてlangがあります。lang属性を指定することによって、 例えば、
    「HDML機の場合のみ出力させる」

    といったことを可能にします。

    例:HTML文書中にHDML機の場合のみ有効にしたいタグ、または文書がある場合

           <CHXJ:IF lang="HDML">
         <NODISPLAY>
           <ACTION TYPE=ACCEPT TASK=GOSUB DEST='device:data/dnld?url=abc&amp;name=abc.jpg&amp;size=100&amp;disposition=devjaww&amp;title=test'>
         </NODISPLAY>
       </CHXJ:IF>


    例:i-Modeのみ出力したい文書がある場合 

    <CHXJ:IF lang="chtml" >
  シークレットコードがどーのこーの。
</CHXJ:IF>


    また、lang属性は、複数指定することも可能です。

    例:HDML機,J-PHONE機は以下を出力します

           <CHXJ:IF lang="hdml" lang="jhtml">
       あなたの携帯は、HDML機かJ-HTML機です。
       </CHXJ:IF>

    lang属性

    lang属性に指定できる値は以下のとおりです。
    属性値意味
    chtml CHTML1.0、CHTML2.0、CHTML3.0、CHTML4.0、CHTML5.0の端末。
    hdml au HDML機
    xhtml au XHTML機
    jhtml SoftBank/Vodafone/J-PhoneのHTML機
    jxhtml SofTbank/VodafoneのXHTML機(3GC) (0.12.0以降で対応)
    all すべての端末(0.12.32以降で対応)

    ※大文字、小文字は区別しません。

    <CHXJ:RAW>

    本タグは、<CHXJ:IF lang="all">と同意です。

    Up: FrontPage
    1. *1変換しませんので注意が必要です
    ]]>     jreserved http://sourceforge.jp/projects/modchxj/wiki/jreserved jreserved 2009-04-11T17:29:03+09:00 SoftBank予約パラメータのmod_chxjでの扱い(0.12.28以降)
    Up: FrontPage

    SoftBankにはいくつかの使用を避けるべき予約パラメータが存在しますが、mod_chxjを使用することで予約パラメータも 通常のパラメータのように扱うことが可能です。

    Outline

    mod_chxjで透過的に扱うことができる予約パラメータ

    mod_chxjで透過的に扱うことができる（気にしないでよい）予約パラメータは以下のとおりです。

    • pid
    • sid
    • uid
    • lid
    • gid
    • rpid
    • rsid
    • nl
    • cl
    • ol
    • pl
    • prc
    • cnt
    • reg
    • vsekey
    • vsernk
    また、mod_chxjで行っていることは上記パラメータのパラメータ名を変更し、SoftBankの予約パラメータとして 扱わないようにしているだけです。

    SoftBank予約パラメータを意図的に使いたい場合

    ChxjConvertRuleで、JRConvOffを使用し、パラメータ名の変更を行わないようにしてください。

    ※注意:JRConvOffを使用する場合、QSConv機能によってQUERY_STRING中のパラメータをhiddenタグに変更してしまいますが、SoftBank予約パラメータに限って、リクエスト時にはQUERY_STRINGに復帰させません。 QUERY_STRINGをhiddenタグに変更させたくない場合には、ChxjConvertRuleのQSConvOffオプションを使用し、QSConv機能をOffにしてください。

    Up: FrontPage

    ]]>     インストール http://sourceforge.jp/projects/modchxj/wiki/%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB インストール 2009-04-06T17:56:52+09:00 mod_chxjのインストール
    Up: FrontPage
    Outline

    インストール

    準備

    mod_chxjをソースからインストールする場合には、下記のものを用意する必要があります。

    • Apache2.0.xもしくはApache2.2.x(Apache2.2.xはmod-chxj_0.8.1以降)
    • Apache2.xのヘッダーファイル群
    • Apache2.x用のapxs
    • apr(Apache Portable Runtime)ライブラリとそのヘッダファイル郡(apu含む)*2
    • automake、autoconf、libtool1.3.X
    • ImageMagick(MagickWand)
    • Linux
    • apr_memcacheまたはlibmemcached(クッキーシミュレータでmemcachedを使用する場合)*3
    • libmysqlclient_r(クッキーシミュレータでMySQLを使用する場合)*4
    • OpenSSL0.9.Xライブラリとそのヘッダファイル郡

    mod_chxjのソースの入手

    mod_chxjはhttp://sourceforge.jp/projects/modchxj/ からダウンロードすることができます。

    インストール

    以下にmod_chxjインストール手順を示します。

    1. Configure スクリプトを生成します。(必ずしも必要ではありません。）*5 
      $ ./buildconf.sh
    2. configure(詳細はconfigure時のオプションを参照してください。) 
      $ ./configure
    3. mod_chxj.soの生成 
      $ make
    4. Apacheへのインストール 
      $ make install
    5. データの設置

    etcディレクトリ以下のdevice_data.xmlとemoji.xmlをApacheからアクセスできるところに配置します。
    以下、/etc/apache2/chxjディレクトリにchxj用設定ファイルを用意する場合。 

    $ mkdir -p /etc/apache2/chxj
$ cp etc/device_data.xml /etc/apache2/chxj
$ cp etc/emoji.xml /etc/apache2/chxj

    1. Apacheの再起動

    Apacheを再起動します。

    Up: FrontPage
  • *2apr_memcacheを使用する場合、apuは0.9.7以降
  • *3apr_memcacheは0.11.xのとき、libmemcachedは0.12.x以降のときに使用します。configure時のオプションも参照してください。
  • *4configure時のオプションも参照してください。
  • *5$はプロンプトをあらわします。
    • ]]>     Build http://sourceforge.jp/projects/modchxj/wiki/Build Build 2009-04-06T17:36:29+09:00 configure時のオプション
    Up: インストール
    Outline

    mod_chxjをコンパイルするにはconfigureを行う必要があります。以下にconfigureのオプションを記します。

    共通

    --with-apache-headerオプション

    通常指定する必要はありません。
    configureでApacheのヘッダファイルの場所が検知できなかった場合や、任意のApacheヘッダファイルを使用したい場合に指定します。
    下記は/usr/include/apache2ディレクトリ以下のヘッダを使用したい場合の例です。 

     $ ./configure --with-apache-header=/usr/include/apache2

    --with-apxsオプション

    通常指定する必要はありません。
    configureでapxsを検知できなかった場合や、任意のapxsプログラムを指定したい場合に指定します。 下記は/usr/local/apache2/bin/apxs2を使用したい場合の例です。 

    $ ./configure --with-apxs=/usr/local/apache2/bin/apxs2

    --with-apr-configオプション

    通常指定する必要はありません。
    configureでapr-configを検知できなかった場合や、任意のapr-configプログラムを指定したい場合に指定します。 下記は/usr/local/apache2/bin/apr-1-configを使用したい場合の例です。 

    $ ./configure --with-apr-config=/usr/local/apache2/bin/apr-1-config

    --with-apu-configオプション

    通常指定する必要はありません。
    configureでapu-configを検知できなかった場合や、任意のapu-configプログラムを指定したい場合に指定します。 下記は/usr/local/apache2/bin/apu-1-configを使用したい場合の例です。 

     $ ./configure --with-apu-config=/usr/local/apache2/bin/apu-1-config

    --with-opensslオプション(0.12.35以降)

    通常指定する必要はありません。
    configureでopensslを検知できなかった場合や、任意のopensslライブラリを指定したい場合に指定します。 下記は/usr/local/openssl以下にopensslをインストールした場合の例です。 

     $ ./configure --with-openssl=/usr/local/openssl

    Cookieシミュレート機能でMySQLを使用する場合(MySQL COOKIE機能)

    --enable-mysql-cookieオプション

    Cookieシミュレート機能で使用するCookieの保存先は、デフォルトではDBMになります。 保存先をDBMでは無く、MySQLに保存する際に指定します。 デフォルトのDBMで良い場合や、Cookieシミュレート機能を使用しない場合は指定する必要はありません。 別途MySQLサーバを用意する必要があります。 本オプションを指定した場合は、--with-mysql-header、--with-mysql-lib-dirも指定する必要があります。 これはMySQLのヘッダとライブラリが必要なことを意味します。使用するMySQLのライブラリは今のところlibmysqlclient_r.soのみです。
    下記は/usr/include/mysql以下にmysql用のヘッダがあり、/usr/lib以下にlibmysqlclient_r.soがある場合の例です。 

    $ ./configure --enable-mysql-cookie --with-mysql-header=/usr/include/mysql  --with-mysql-lib-dir=/usr/lib

    --with-mysql-headerオプション

    MySQLのヘッダファイルの場所を指定します。*6 下記は/usr/include/mysql以下にmysql用のヘッダがある場合の例です。 

    $ ./configure --enable-mysql-cookie --with-mysql-header=/usr/include/mysql  --with-mysql-lib-dir=/usr/lib

    --with-mysql-lib-dirオプション

    MySQLのライブラリ(libmysqlclient_r.so)の設置されているディレクトリを指定します。*7 下記は/usr/lib以下にlibmysqlclient_r.soが設置されている場合の例です。 

    $ ./configure --enable-mysql-cookie --with-mysql-header=/usr/include/mysql  --with-mysql-lib-dir=/usr/lib

    Cookieシミュレート機能でmemcachedを使用する場合(MEMCACHE COOKIE機能)

    --enable-memcache-cookieオプション

    Cookieシミュレート機能で使用するCookieの保存先は、デフォルトではDBMになります。 保存先をデフォルトのDBMでは無く、memcachedに保存する際に指定します。

    0.11.xか0.11.x以前のバージョンの場合

    別途memcachedとapr_memcacheを用意する必要があります。 本オプションを指定した場合は、--with-apr-memcache-header、--with-apr-memcache-lib-dirも指定する必要があります。 これはapr_memcacheのヘッダとライブラリが必要なことを意味します。 下記は/usr/include/apr_memcache-0以下にapr_memcacheのヘッダ群が、/usr/lib以下にlibapr_memcache.soが設置されている場合の例です。 

    $ ./configure --enable-memcache-cookie --with-apr-memcache-header=/usr/include/apr_memcache-0 --with-apr-memcache-lib-dir=/usr/lib

    apr_memcacheはこちらから取得できます。

    0.12.0以降のバージョンの場合

    別途memcachedとlibmemcachedを用意する必要があります。 本オプションを指定した場合は、--with-memcached-header、--with-memcached-lib-dirも指定する必要があります。 これはlibmemcachedのヘッダとライブラリが必要なことを意味します。 下記は/usr/local/include/libmemcached以下にlibmemcachedのヘッダ群が、/usr/local/lib以下にlibmemcached.soが設置されている場合の例です。 

    $ ./configure --enable-memcache-cookie --with-memcached-header=/usr/local/include/libmemcached --with-memcached-lib-dir=/usr/local/lib

    libmemcachedはこちらから取得できます。

    --with-apr-memcache-headerオプション(0.12.0で廃止）

    apr_memcacheのヘッダファイルの場所を指定します。*8 下記は/usr/include/apr_memcache-0以下にapr_memcacheのヘッダ群が、/usr/lib以下にlibapr_memcache.soが設置されている場合の例です。 

    $ ./configure --enable-memcache-cookie --with-apr-memcache-header=/usr/include/apr_memcache-0  --with-apr-memcache-lib-dir=/usr/lib

    --with-apr-memcache-lib-dirオプション(0.12.0で廃止)

    apr-memcacheライブラリ(libapr_memcache.so)の設置されているディレクトリを指定します。*9 下記は/usr/include/apr_memcache-0以下にapr_memcacheのヘッダ群が、/usr/lib以下にlibapr_memcache.soが設置されている場合の例です。 

    $ ./configure --enable-memcache-cookie --with-apr-memcache-header=/usr/include/apr_memcache-0  --with-apr-memcache-lib-dir=/usr/lib

    --with-memcached-headerオプション(0.12.0以降）

    libmemcachedのヘッダファイルの場所を指定します。*10 下記は/usr/local/include/libmemcached以下にlibmemcachedのヘッダ群が、/usr/local/lib以下にlibmemcached.soが設置されている場合の例です。 

    $ ./configure --enable-memcache-cookie --with-memcached-header=/usr/local/include/libmemcached  --with-memcached-lib-dir=/usr/local/lib

    --with-memcached-lib-dirオプション(0.12.0以降)

    libmemcachedライブラリ(libmemcached.so)の設置されているディレクトリを指定します。*11 下記は/usr/local/include/libmemcached以下にlibmemcachedのヘッダ群が、/usr/local/lib以下にlibmemcached.soが設置されている場合の例です。 

    $ ./configure --enable-memcache-cookie --with-memcached-header=/usr/local/include/libmemcached  --with-memcached-lib-dir=/usr/local/lib

    Up: インストール

  • *6--enable-mysql-cookieを指定した場合は必須です。
  • *7--enable-mysql-cookieを指定した場合は必須です。
  • *8--enable-memcache-cookieを指定した場合は必須です。
  • *9--enable-memcache-cookieを指定した場合は必須です。
  • *10--enable-memcache-cookieを指定した場合は必須です。
  • *11--enable-memcache-cookieを指定した場合は必須です。
    • ]]>     emojionly http://sourceforge.jp/projects/modchxj/wiki/emojionly emojionly 2009-03-06T10:02:51+09:00 絵文字のみ変換モード
    Up: FrontPage

    絵文字のみ変換したい場合、絵文字のみ変換モードで動作させることによって、mod_chxjで絵文字のみ変換させることができます。 （特に設定しない場合は、HTML変換も行います。）

    Outline

    絵文字のみ変換モードで動作させる

    絵文字のみ変換モードで動作させるにはChxjConvertRuleディレクティブで以下のようにEmojiOnlyオプションを指定する必要があります。 

      ChxjConvertRule "/.*" "EngineOn,EmojiOnly" "CP932"
    EmojiOnlyオプションはEngineOn状態でないと機能しません。

    絵文字のみ変換モードで使用できるmod_chxjの独自タグ

    絵文字のみ変換モードで動作させる際、CHXJ:IFタグが使用できます。 CHXJ:IFタグについては、こちらをご参照ください。

    Up: FrontPage
    ]]>     usecase http://sourceforge.jp/projects/modchxj/wiki/usecase usecase 2008-12-22T09:59:56+09:00 ユーザ事例紹介
    Up: FrontPage

    ここではユーザの方からご連絡いただいた事例について紹介します。 匿名、伏字でも掲載しますので、是非konn@users.sourceforge.jpまでご連絡ください。

    Outline

    ケータイ・ママと

    usecase-mamato.png
    http://ktai.mamato.jp

    サイト概要

    PC版ママとの携帯向けサイトです。ママどうしでブログやメッセージを使ってコミュニケーションするためのサービスです。

    システム構成

    apache + PHP + postgresql (全てUTF-8)

    A社ECサイト

    no-image-no-ciu.gif
    http://xxxx.xxxx.xxxx

    サイト概要

    PC+3キャリア向けのECサイトです。A社に関連するgoodsを販売しています。

    システム構成

    apache2.2.3 + tomcat5.5.27 + springframework1.2.8 + mysql5.0.28 (全てUTF-8、java6)

    その他

    Up: FrontPage
    ]]>     sources http://sourceforge.jp/projects/modchxj/wiki/sources sources 2008-12-19T01:35:21+09:00 ソースについて
    Up: FrontPage

    mod_chxjではCVS/Subversion/Gitの3つでソースファイルを公開しています。 それぞれのVCSでの状況を記しておきます。

    Outline

    CVS

    外部からのリンクのためだけに残しています。 頻繁に更新はしません。

    Subversionのリポジトリ

    リリースされたものについては基本的にコミットされています。

    Gitのリポジトリ

    最新の状態を保存しています。

    注意点

    gitが使用できるのであればgitリポジトリをcloneしていただければ最新を取得することができます。 subversion上のリポジトリはgitリポジトリ同様に最新を維持しようと努めますが、必ずしも最新ではありません。

    Up: FrontPage
    ]]>     guid http://sourceforge.jp/projects/modchxj/wiki/guid guid 2008-12-19T01:34:44+09:00 GUIDの扱い(0.12.27以降)
    Up: FrontPage
    Outline

    docomoの場合

    非SSLページにおいてのみ、QUERY_STRINGに'?guid=ON'を記述しておけば、X-DCMGUIDヘッダにuidが設定されます。

    auの場合

    QUERY_STRINGに'?guid=ON'を記述しておけば、リクエストヘッダにx-up-subnoがある場合に限り、X-DCMGUIDヘッダにx-up-subnoの値が設定されます。

    SoftBankの場合

    QUERY_STRINGに'?guid=ON'を記述しておけば、リクエストヘッダにx-jphone-uidがある場合に限り、X-DCMGUIDヘッダにx-jphone-uidの値が設定されます。

    Up: FrontPage
    ]]>     headerinf http://sourceforge.jp/projects/modchxj/wiki/headerinf headerinf 2008-12-19T01:34:28+09:00 レスポンスヘッダによるmod_chxjへの指示(0.12.26以降)
    Up: FrontPage

    レスポンスヘッダとして特定のヘッダを出力することによって、mod_chxjに対して特定の処理を指示することができます。

    Outline

    X-Chxj-Set-Conent-Type コマンド

    サーバサイドのアプリケーションから、レスポンスヘッダとして、X-Chxj-Set-Content-Typeヘッダを送出すると、 X-Chxj-Set-Content-Typeヘッダに指定されている文字列に!Content-Typeを強制変換します。

    PHPでの指示例: 

    <?php
  header("X-Chxj-Set-Content-Type: application/xhtml+xml; charset=SHIFT_JIS");
?>
    とすると、出力されるContent-Typeはapplication/xhtml+xml; charset=SHIFT_JISになり、 さらにmetaタグも同様に変換されます。

    Javaでの指示例: 
      response.setHeader("X-Chxj-Set-Content-Type", "application/xhtml+xml; charset=SHIFT_JIS");
    とすると、出力されるContent-Typeはapplication/xhtml+xml; charset=SHIFT_JISになり、 さらにmetaタグも同様に変換されます。

    ※注意：X-Chxj-Set-Content-Typeは、Content-Typeヘッダとmetaタグを書き換えるのみで、 文字コードや、その他の変換処理に影響しません。

    Up: FrontPage
    ]]>     zenkana http://sourceforge.jp/projects/modchxj/wiki/zenkana zenkana 2008-12-19T01:33:42+09:00 全角カタカナ、半角カタカナ変換機能(0.12.23以降)
    Up: FrontPage

    ChxjConvRuleディレクティブで'Z2hOn'や'Z2hAlphaOn'、'Z2hNumOn'を指定すると、街頭する全角文字を半角文字に変換します。POSTやGETでの変換には現在対応していません。

    Outline

    Z2hOn (0.12.23以降)

    全角カタカナを半角カタカナに変換します。

    変換対象とする全角文字

    変換対象は以下のとおりです。 

    ァアィイゥウェエォオカガキギクグケゲコゴ
サザシジスズセゼソゾタダチヂッツヅテデトド
ナニヌネノハバパヒビピフブプヘベペホボポ
マミムメモャヤュユョヨラリルレロワヲンヴ
、。，．・：；？！゛゜
゛゜「」ー

    Z2hAlphaOn (0.12.25以降)

    全角英字を半角英字に変換します。

    変換対象とする全角文字

    ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ

    Z2hNumOn (0.12.25以降)

    全角数字を半角数字に変換します。

    変換対象とする全角文字

    ０１２３４５６７８９

    Z2hAllOn (0.12.25以降)

    上記Z2hOn、Z2hAlphaOn、Z2hNumOnをすべて指定した場合と同じです。

    Up: FrontPage
    ]]>     envinfo http://sourceforge.jp/projects/modchxj/wiki/envinfo envinfo 2008-12-19T01:33:18+09:00 端末情報取得機能(0.12.21以降)
    Up: FrontPage
    Outline

    端末情報取得機能とは

    各端末の定義に基づいて、各データをHTTPリクエストヘッダにセットします。 各端末の情報を取得したい場合は、リクエストヘッダを見てください。

    取得できるヘッダ一覧

    ヘッダ名内容
    X-Chxj-Provider端末のプロバイダ(数値) { 0 => 'unknown', 1 => 'docomo', 2 => 'au', 3 => 'softbank' }のいずれか
    X-Chxj-Provider-String端末のプロバイダ(文字列) { 'unknown','docomo','au','softbank' } のいずれか
    X-Chxj-DeviceIddevice_data.xmlの<device_id>に設定されている値
    X-Chxj-DeviceNamedevice_data.xmlの<device_name>に設定されている値
    X-Chxj-HtmlSpecTypedevice_data.xmlの<html_spec_type>に設定されている値
    X-Chxj-Width画面サイズ(幅)。device_data.xmlの<width>に設定されている値
    X-Chxj-Height画面サイズ(高さ)。device_data.xmlの<heigh>に設定されている値
    X-Chxj-Gifgifが使用できる端末の場合"true"。device_data.xmlの<gif>に設定されている値(通常"true"または"false")
    X-Chxj-Jpegjpegが使用できる端末の場合"true"。device_data.xmlの<jpeg>に設定されている値
    X-Chxj-Pngpngが使用できる端末の場合"true"。device_data.xmlの<png>に設定されている値
    X-Chxj-Bmp2bmp2が使用できる端末の場合"true"。device_data.xmlの<bmp2>に設定されている値
    X-Chxj-Bmp4bmp4が使用できる端末の場合"true"。device_data.xmlの<bmp4>に設定されている値
    X-Chxj-Color色数。device_data.xmlの<color>に設定されている値
    X-Chxj-WP-Width壁紙サイズ（幅）。device_data.xmlの<wp_width>に設定されている値
    X-Chxj-WP-Height壁紙サイズ（高さ）。device_data.xmlの<wp_heigh>に設定されている値
    X-Chxj-Cacheキャッシュサイズ。device_data.xmlの<cache>に設定されている値
    Up: FrontPage
    ]]>     qrcode http://sourceforge.jp/projects/modchxj/wiki/qrcode qrcode 2008-12-19T01:32:44+09:00 QRコード生成機能
    Up: FrontPage

    mod_chxjにQRコードを生成させることも可能です。

    Outline

    QRコード出力ハンドラの登録

    QRコード出力機能を使用するには、QRコードハンドラを登録します。 httpd.confに以下の記述を追加します。 

      AddHandler chxj-qrcode .qrc
    なお、ハンドラを登録しないでも、出力フィルターを経由させることで、QRコードを出力させることも可能です。（※QRコードの動的出力を参照）

    QRコードソースファイルの設置

    ハンドラを登録したら、その登録した拡張子を持つファイルを用意します。

    例：a.qrc

      <?xml version=1.0 ?>
  
  <qrcode>
    <version>13</version>
    <level>H</level>
    <mode>8bit</mode>
    <size>1</size>
    <data>テストデータです</data>
  </qrcode>
    .qrcファイルは、qrcode要素、version要素、level要素、mode要素、size要素、data要素から成り立ちます。
    1. versionタグ versionタグは出力するQRコードの生成に利用するバージョンを指定します。 使用できるバージョンは、1〜40までの40種類です。
    2. levelタグ levelタグは出力するQRコードの生成に利用する誤り検出レベルを指定します。 　使用できるレベルは、L、Q、M、Hの４つです。
    3. modeタグ modeタグは出力するQRコードの生成に利用するモードを指定します。 使用できるモードは、NUM（数字モード）ALPHA（英数字モード）8BIT（8ビットバイトモード）KANJI（漢字モード）です。
    4. sizeタグ sizeタグは1モジュールを何ピクセルであらわすかを指定します。 0を指定した場合は、4を指定した場合と同じ動作をします。 　使用できるサイズは、0〜20までです。
    5. dataタグ dataタグは、QRコードに出力するデータを指定します。改行した場合は、改行文字もQRコード内に符号化されます。

    QRコードの動的出力機能

    プログラム等を使用し、動的にQRコードを出力したい場合は、上記の.qrcファイルの内容をそのままOutputFilterに通してあげればOKです。 つまり、ChxjConvertRuleディレクティブで"EngineOn"と指定したURIが指すディレクトリに設置すれば良いということです。 mod_chxj内部で、Content-Typeがtext/xmlの場合、QRCode用のファイルであるかどうかを一度読み込んで判断するので、Content-Typeには、 text/xmlを設定してください。

    例: phpでQRコードを動的に出力する例

        <?php
      $version = $_POST["version"];
      $level   = $_POST["level"];
      $mode    = $_POST["mode"];
      $size    = $_POST["size"];
      $data    = $_POST["data"];

      header("Content-Type: text/xml; charset=Shift_JIS");

      echo "<qrcode>\n";
      echo "<version>".$version."</version>\n";
      echo "<level>".$level."</level>\n";
      echo "<mode>".$mode."</mode>\n";
      echo "<size>".$size."</size>\n";
      echo "<data>".$data."</data>\n";
      echo "</qrcode>\n";
    ?>
    そして、上記のコードを、mod_chxj変換エンジンが処理するはずであるところに設置すれば完了です。

    Up: FrontPage

    ]]>     referer http://sourceforge.jp/projects/modchxj/wiki/referer referer 2008-12-19T01:32:23+09:00 Refererシミュレート機能
    Up: FrontPage

    DoCoMo端末などのRefererに対応していない機種のためにRefererシミュレート機能を提供します。 本機能は、Cookieシミュレート機能を有効にすると、自動で有効になります。

    Cookieシミュレート機能の詳細はクッキーシミュレート機能を参照してください。

    Up: FrontPage
    ]]>     Configuration http://sourceforge.jp/projects/modchxj/wiki/Configuration Configuration 2008-12-19T01:30:34+09:00 mod_chxjの設定
    Up: FrontPage

    ここでは設定の概要を記します。 詳細についてはディレクティブページを参照してください。

    Outline

    htmlファイル/xhtmlファイルが変換対象の場合

    1. httpd.confに以下を追加します。(変換対象のLocationが/chxjである場合の簡易例です） 
      LoadModule chxj_module /usr/lib/apache2/modules/mod_chxj.so          # モジュールをApacheにロード
ChxjLoadDeviceData     /etc/apache2/chxj/device_data.xml             # デバイスデータファイルの設定
ChxjLoadEmojiData      /etc/apache2/chxj/emoji.xml                   # 絵文字データファイルの設定
ChxjConvertRule        "^/chxj.+$" "EngineOn" "NONE"                 # 変換エンジン動作指示命令
    2. Apacheを再起動します。

    画像自動変換機能を使用する場合

    1. httpd.confに以下を追加します。(以下はURIが/imgで始まる全ての画像に対して変換する場合の例です。） 
      <Location /img>
  ChxjImageEngine On
  ChxjImageCacheDir /tmp
  ChxjImageCopyright "A.Konno"
</Location>

    文字コードを変換したい場合

    文字コードについての詳細は文字コードページを参照してください。

    1. httpd.confに以下を追加します。(以下はサーバ側の文字コードがEUC-JP-WINで、変換対象URLが/chxjであった場合の例です。) 
      ChxjConvRule "^/chxj.+$" "EngineOn" "EUC-JP"
    Up: FrontPage
    ]]>     SideBar http://sourceforge.jp/projects/modchxj/wiki/SideBar SideBar 2008-12-19T01:02:37+09:00 最近の更新

    2011-07-05

    2011-04-24

    2011-04-23

    Menu

    Wikiガイド

    ]]>     概要 http://sourceforge.jp/projects/modchxj/wiki/%E6%A6%82%E8%A6%81 概要 2008-04-11T18:16:43+09:00 概要]]> ディレクティブ http://sourceforge.jp/projects/modchxj/wiki/%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%86%E3%82%A3%E3%83%96 ディレクティブ 2008-04-11T18:12:18+09:00 使用できるディレクティブ]]>