ひだまりのなか、想ふこと

日々の思いを徒然、ぼ〜っとしてます。
<< Airの認知度 | main | QuickSilverのUIのInterfaceを変更する方法 >>
スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | | - | - | pookmark |
Tracで特定URL配下にCSSを適用してみる
Tracを使用して仕様管理や、バグ管理しているんだから、
いっそのこと、Webアプリケーションを作っているんだし、
画面イメージを保存自体はHTMLで(履歴を参照しやすいため)、
だけど、画面UIを参照するときはグラフィカルにみたいと思って、小細工してみた。

以下その作業メモ
  1. 特定範囲以下にプロジェクト固有のCSSを設定する。
  2. 画面のイメージは、紙芝居レベルで固まった仕様をtracのHTMLエンジンを使用して管理する。

1.特定ページに対するCSSの適用


特定ページ以下を任意のSubWikiリンクを使用する事で、
以下のようなhoge/配下のURLに対して、任意のCSSを設定する
http://localhost/trac/project/hoge/piyo

tracでwikiページ全体へのCSSの適用に関しては以下のテンプレートファイルを編集して
読み込みたい任意のCSSを適用すればいいらしい。
%TRAC_ROOT%/templates/site_css.cs
(%TRAC_ROOT%はプロジェクトルート)

読ませたいCSSは、TRAC_ROOT/htdocs配下にstyle.cssという名前で設定した。
理由は後述。
単純に全体反映させたい場合は、こんな感じ。
<?cs
#########################################################################
# Site footer - Contents are automatically inserted after main Trac HTML
?>

とデフォルトで書いてあるのを削除して以下に書き換える。
@import url(<?cs var:chrome.href ?>/style.css);

先ほど%TRAC_ROOT%/htdocsに任意のcssを設定したのは<?cs var:chorme.href ?>を指定することで該当ディレクトリを参照できるため。
最初設定の仕方がわからずに、<?cs ?>内に
@import...の設定をして上手く行かずはまった(汗
→詳しくは、TracWikiのTracInterfaceCustomizationを参照

んで、本題。
任意のパス配下のディレクトリを指定するにはこんな感じで。

<?cs #これはコメント。hogehogep配下に特殊CSSを適用する。 ?>
<?cs if:string.slice(HTTP.PathInfo, 0, 15) == '/wiki/hogehogep' ?>
@import url(<?cs var:chrome.href ?>/style.css);
<?cs /if ?>

ClearSilverの関数に正規表現チェックが見当たらなかったので、文字列を取得して判定している。微妙だが。。。
なお、HTTP.PathInfoはClearSilverテンプレートで取得できる変数。
実際に、該当ページでどのような変数が使用できるかは、該当ページのURLに
?hdfdump=1

を指定することで参照できるらしい。
TracWikiのTracInterfaceCustomizationセクションにその説明がある。
ClearSilverに関してはhttp://www.clearsilver.net/docs/を参照のこと

tracのHTMLエンジンを使用して表示


これは簡単。
{{{
#!html
}}}

上記の設定をする事で{{{#!html}}}で囲われた箇所がHTMLWikiエンジンで解釈される。
その際/wiki/hogehogep/配下のSubWikiとして作成する事で、自動で任意のCSSが設定出来る。

ただ既存の設定だと、JavaScritpが正常に動かないので必要であれば以下の設定を行う。
trac.iniを編集してrender_unsafe_contentの属性をtrueにする。
render_unsafe_content = true

これを設定する事で、wiki中で、<script>タグや、<embed>がHTMLのwikiプロセッサで使用可能になる。

但し、この設定を有効にすると当然のごとくセキュリティ的に安全と言えなくなるので注意すべし。

詳しくは、TracWikiのTracIniセクションを参照のこと。

意外な幸運


アプリケーションのリンク先がhogehoge.htmlとかhogehoge.doとかになってて
hogehoge.html?userId=123とか、hogehoge.html?title=piyopiypとかGETパラメータで渡したりしている訳だが、
trac上では、GETパラメータが除去してSubWiki上にリンクされるみたいだ。

例えばhttp://localhost/trac/wiki/sub/piyo上に、上記のhogehoge.html?userId=123って言うリンクが存在していた場合にクリックすると、 http://localhost/trac/wiki/sub/hogehoge.htmlつまり、sub/hogehoge.htmlとページを参照することになる。(Getパラメータが無視される)

これは、アプリで表示されるURLそのまんまのページを作成出来るし、
リンクをいちいち書き直さなくていいかも。

| hikaru | 技術メモ | 21:59 | comments(2) | trackbacks(0) | pookmark |
スポンサーサイト
| スポンサードリンク | - | 21:59 | - | - | pookmark |
http://www.salomonspeedcross3.us.com/ salomon speedcross 4
http://www.yeezyboost350shoes.us.com/ yeezy boost 750
http://www.adidasyeezy-350.us.com/ yeezy shoes
http://www.fitflops-sale.us.com/ fitflop uk
http://www.birkenstocksandalssale.us.com/ birkenstock shoes
http://www.adidasnmdrunnerr1.us.com/ nmd
http://www.fitflopsshoes.us.com/ fitflop uk
http://www.nikeairvapormaxflyknit.us.com/ air max 95
http://www.pumafentyrihannashoes.us.com/ puma shoes
http://www.airmax90shoes.us.com/ nike air max 2018
http://www.pandorajewelryrings.us.com/ pandora
http://www.adidas-ultraboost.us.com/ ultra boost mens
http://www.jordan11spacejams.us.com/ jordan 13
http://www.nikeairmax-90.us.com/ air max thea
http://www.lebron15-shoes.us.com/ lebron shoes
http://www.jordans11shoes.us.com/ jordan 4
http://www.kd10-shoes.us.com/ nike kd
http://www.pandorajewelryscharms.us.com/ pandora rings
http://www.hermesbirkin-handbags.us.com/ hermes belts
http://www.katespadepurses.us.com/ kate spade purses
http://www.longchampbag.us.com/ longchamp bag
http://www.curry4-shoes.us.com/ curry shoes
http://www.louboutinredbottoms.us.com/ christian louboutin shoes
http://www.pandora-jewelrysale.us.com/ pandora jewelry
http://www.kyrie-4.us.com/ kevin durant shoes
ドリフトliuyuzhen
| jordan 11 space jam | 2018/05/07 6:33 PM |
http://www.clarks.in.net/ clarks shoes
http://www.salomon-shoes.us.org/ salomon running shoes
http://www.katespadebags.us.org/ kate spade
http://www.ecco.in.net/ ecco sandals
http://www.levis.us.org/ Levis
http://www.levis.us.com/ levi's
http://www.stussy.com.co/ stussy
http://www.katespadepurses.us.org/ kate spade bags
http://www.bose.us.org/ bose headphones
http://www.katespade-handbags.us.org/ kate spade handbags
http://www.timberlands.us.org/ timberland boots
http://www.salomons.us.org/ salomon speedcross
http://www.adidas-eqt.us.com/ adidas originals eqt
http://www.eccoshoesoutlet.us.org/ ecco mens shoes
http://www.boseheadphones.us/ bose
http://www.stussyclothing.us.com/ stussy
ドリフトliuyuzhen
| kate spade purses | 2019/01/15 1:48 AM |









http://hidamarinonaka.jugem.cc/trackback/118
     12
3456789
10111213141516
17181920212223
24252627282930
<< November 2019 >>
なかのひと
+ SPONSORED LINKS
+ RECOMMEND
世界中が雨だったら
世界中が雨だったら (JUGEMレビュー »)
市川 拓司
前三篇からなる、短編集。
今までの市川拓司とはまったっく違った雰囲気を持つ。
+ RECOMMEND
いま、会いにゆきます
いま、会いにゆきます (JUGEMレビュー »)
市川 拓司
10/30から、公開されている同名映画の原作。人によっては黄泉返りと似ているという人も(私は全く違うと思いますけどね)。
最後の最後に泣きました。
+ RECOMMEND
恋愛写真―もうひとつの物語
恋愛写真―もうひとつの物語 (JUGEMレビュー »)
市川 拓司
淡い世界の中で、続く現実と夢。
淡々と過ぎる日常の中での出合いと、別れ、そして幸せを、綴った本。
+ SELECTED ENTRIES
+ RECENT COMMENTS
+ RECENT TRACKBACK
+ CATEGORIES
+ ARCHIVES
+ MOBILE
qrcode
+ LINKS
+ PROFILE