[表示 : 全て 最新50 1-99 101- 201- 301- 401- 501- 601- 701- 2chのread.cgiへ]
Update time : 07/03 09:40 / Filesize : 244 KB / Number-of Response : 778
[このスレッドの書き込みを削除する]
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧] [類似スレッド一覧]


↑キャッシュ検索、類似スレ動作を修正しました、ご迷惑をお掛けしました

コンテンツとデザインの分離



1 名前:名無しさん@お腹いっぱい。 [2001/05/27(日) 17:59 ID:6pK8snWA]
ASPでもPHPでもPerlでもJavaでも形こそ違えど結局は可変部を吐き出すための
<%〜%>やらprint文の嵐になってしまう。

「HTMLはHTML、プログラムはプログラムと完全に分離する方法はないものか。」
を話し合うスレッドです。

667 名前:nobodyさん mailto:sage [05/02/24 05:36:50 ID:???]
そして気持ちいい(ry

668 名前:nobodyさん mailto:sage [05/02/24 09:49:27 ID:???]
大きくなれよ(ry

669 名前:nobodyさん mailto:sage [05/02/25 13:53:07 ID:???]
デザイナがSmartyのタグ覚えられないからいやだって言います。

670 名前:nobodyさん mailto:sage [05/02/26 00:18:46 ID:???]
>>669
教え方が下手

671 名前:nobodyさん mailto:sage [05/02/26 05:47:27 ID:???]
俺は教えてません。一から教える暇が無いので・・
マニュアル送ってこれ覚えてねって言ってあります。

672 名前:nobodyさん mailto:sage [05/02/26 09:45:19 ID:???]
>>671
お前が悪い。

673 名前:nobodyさん mailto:sage [05/02/26 10:41:01 ID:???]
>>671 お前がへたすぎ

674 名前:nobodyさん mailto:sage [05/02/26 10:56:52 ID:???]
デザイナーの作ったHTMLにプログラマが必死でSmartyタグを書き加えて回る
というのが普通だと思ってたのだが、違うのか?

675 名前:nobodyさん mailto:sage [05/02/26 13:27:16 ID:???]
それテンプレートエンジン使う意味無いじゃん・・



676 名前:nobodyさん mailto:sage [05/02/26 13:28:27 ID:???]
お前等ってデザイナにSamrty用のテンプレートの書き方まで教えてるの?

677 名前:nobodyさん mailto:sage [05/02/26 16:44:12 ID:???]
教えたよ(過去形)。
半日で集中して説明して
2, 3 日は細々とフォローして
1 週間くらいはぽつぽつ質問を受けて
1 ヶ月もあればバリバリ書けるようになってるね。
今は新人がきても教育はデザイナたちがしてくれるのでノータッチ。


678 名前:nobodyさん mailto:sage [05/02/27 01:00:24 ID:???]
Velocityのサイトに、デザイナもすぐに覚えたとか書いてあるのは誇大広告?

679 名前:nobodyさん mailto:sage [05/02/27 01:05:53 ID:???]
まあデザイナのレベルにもよる

680 名前:nobodyさん mailto:sage [05/02/27 18:01:19 ID:???]
うちはデザイナはおろかプログラマでも無理
もうだめぽ

681 名前:nobodyさん mailto:sage [05/02/28 00:25:17 ID:???]
社内にデザイナが居ない

682 名前:nobodyさん mailto:sage [05/02/28 01:00:12 ID:???]
悲惨なところが多いな

683 名前:nobodyさん mailto:sage [05/03/05 08:58:12 ID:???]
HTMLタグを解さない人間や、CSSはツールが自動的に作る物だと思ってる人間でも
Webデザイナーだったりするからな。

>>681
CMS使ってお茶を濁す。

684 名前:nobodyさん [皇紀2665/04/01(金) 22:27:47 ID:w41uHyAk]
.

685 名前:nobodyさん mailto:sage [皇紀2665/04/01(金) 23:49:43 ID:???]
今日とある携帯サイトがバグって思いっきりサーブレットの例外が出ててワロタんだが
Tapestory使ってたよ
実用で使ってるとこもあるんだなぁ。てかあんまし分かってないがTapestory。



686 名前:nobodyさん mailto:sage [2005/04/03(日) 11:18:53 ID:???]
テンプレート使うなら、どうしてもループの概念ぐらいは必要だしなあ。
「横4列x縦n行で商品画像を並べて表示」みたいなのが鬼門。こういうのにまともに
対応できるデザイナーは少ないね。

687 名前:nobodyさん mailto:sage [2005/04/03(日) 14:54:03 ID:???]
それって、いつも思うんだけど
設定ファイルか何かでカラム数を設定しておいて、予めプログラムで回しながらフラグ立てて置くのと
テンプレートの機能駆使しながらカウントしつつカラムつけるのどっちが効率良いんだろうか。

688 名前:686 mailto:sage [2005/04/03(日) 16:02:51 ID:???]
>>687
例えばPerl のtemplateToolkit なら、テンプレートに二重ループ書いておいて
(→ [% FOREACH %] <tr> [% FOREACH %] <td> </td> [% END %] </tr> [% END %] )
同じく二重構造のリストを引数で渡してやればOK
(→ [ [ item1, item2, item3 ,item4 ], [ item5, item6, .item7, item8 ] ] )

でもそれだと、テンプレートには行も列もひとつしかないように見えるので、デザイナー
が混乱する。で、コラムを付け加えちゃったり、横幅の指定がおかしくなったりして残念な結果に。



689 名前:nobodyさん mailto:sage [2005/04/04(月) 00:03:30 ID:???]
>>686
div.product { width: 25%; float:left; }

>>688
テンプレートの構造に依存してデータ構造を変えるっていうのは考えもん。
デザインが変更でカラム数が変わったら使えなくなる。

690 名前:nobodyさん [2005/07/13(水) 11:36:58 ID:4YoqWe3k]
hosh

691 名前:nobodyさん [2005/07/13(水) 13:32:12 ID:JaaneMSy]
TTはいいあれはいいものだ

692 名前:nobodyさん mailto:sage [2005/07/13(水) 22:31:13 ID:???]
TTオライリーの日本語版が欲しい

693 名前:nobodyさん mailto:sage [2005/07/14(木) 03:23:34 ID:???]
TTってperlのtemplate toolkitのこと?
オライリーから出てるperl関係の本にちょこっと載ってなかったっけ?

で、template toolkitって、phpでいう所のsmartyって感じ?
もっと良いもの?

694 名前:nobodyさん mailto:sage [2005/07/15(金) 00:44:21 ID:???]
template-toolkitのことです。
かなり奥深いんでもっと突っ込んだ内容の本が欲しいですねぇ。
基本的にsmartyと同じですがTTの方が基礎がしっかりしてて論理的に
ちゃんと作ってあるって感じがしますね。

695 名前:nobodyさん mailto:sage [2005/07/15(金) 02:10:52 ID:???]
template toolkitの洋書がオライリーから出てんだね。
流石オライリー
オライリーには翻訳してもらいたい物が沢山あんだよね〜〜



696 名前:nobodyさん mailto:sage [2005/09/15(木) 23:19:46 ID:???]
ttp://www.programmers-paradise.com/web/template-system.html

ここの話は出てこないんだな。良くまとまってると思うんだけど。

697 名前:nobodyさん mailto:sage [2005/11/12(土) 18:31:08 ID:???]
perlのSmartyクローンってないでしょうか?

698 名前:nobodyさん [2005/11/12(土) 18:37:50 ID:+mfMPo2s]
age

699 名前:nobodyさん mailto:sage [2005/11/12(土) 22:49:22 ID:???]
ざっと調べた感じではSmartyクローンは存在しないみたいだね。
簡単なテンプレートだったら自分で変換プログラム作ってTT使うのがいいのでは

700 名前:697 mailto:sage [2005/11/12(土) 23:21:56 ID:???]
自分はPerl使いたいんですが、デザイナがDreamweaver使ってる関係上、
Smartyがいいんですよね。
自分であんまり調べてないんでアレなんですが、キャッシュとかそういう
細かいところ考えなければ、そこまで手間かけずにできそうですね…

ところで、
Smartyのキャッシュってのは、要はそのまま実行できるPHPコードに
落としたってことなんでしょうか?それとも、もっと工夫とかしてるんで
しょうか?
識者の方、たのんます

701 名前:nobodyさん mailto:sage [2005/11/13(日) 05:42:01 ID:???]
しょぼいけどこんなものも
template-toolkit.org/pipermail/templates/2002-September/003717.html

>そのまま実行できるPHPコード
です。生成されるコードはあまり頭良くありません。
PerlからSmarty呼ぶPHPコードを作成してforkするのはキモいですねl。

702 名前:nobodyさん mailto:sage [2005/11/13(日) 17:30:31 ID:???]
>>700
DreamweaverってSmartyのテンプレートを認識する機能があるの?


703 名前:nobodyさん mailto:sage [2005/11/15(火) 19:03:20 ID:???]
>>702
ありますよ。デフォではないけど、ファイル落としてきて設定できます。
あと、極める PHP とかいう本に DW のテンプレート (*.tpl) を Smarty のプレフィルタ通して
そのまま使う方法が紹介されてたと思います。

704 名前:nobodyさん mailto:sage [2005/11/16(水) 09:23:51 ID:???]
>>697
> 自分はPerl使いたいんですが、デザイナがDreamweaver使ってる関係上、
> Smartyがいいんですよね。
遊びならそういう考え方でもいいけどね、仕事ならデザイナに合わせるか、
デザイナに合わさせるか、どっちかにしなさい。


705 名前:nobodyさん mailto:sage [2005/11/16(水) 10:19:34 ID:???]
?



706 名前:nobodyさん mailto:sage [2005/11/16(水) 11:48:20 ID:???]
デザの主張ですから

707 名前:nobodyさん mailto:sage [2005/11/24(木) 10:39:19 ID:???]
コンテンツとデザインの分離なんて夢物語だったんだよ…。

708 名前:nobodyさん mailto:sage [2005/11/24(木) 13:52:42 ID:???]
>>707 >>28

709 名前:nobodyさん mailto:sage [2005/11/26(土) 13:32:29 ID:???]
ロジックの成果物がコンテンツだろ。こだわるない。

710 名前:nobodyさん mailto:sage [2005/11/26(土) 20:32:48 ID:???]
つまりデザインからデザインを分離したいスレだったと言うわけか

711 名前:nobodyさん mailto:sage [2005/11/27(日) 14:35:30 ID:???]
コンテンツの提示・操作するインタフェイスがデザインだよ。
お前なんてテンプレートエンジン使ってテンプレートで満足しときな。

712 名前:nobodyさん mailto:sage [2005/11/27(日) 14:45:49 ID:???]
いや、無知なら無理せずだまっとけばいいじゃん

713 名前:nobodyさん mailto:sage [2005/11/27(日) 20:36:56 ID:???]
コンテンツとデザインの分離と聞いて思い浮かぶのが、
HTML(コンテンツ)とCSS(デザイン)。
でも、板的にこの解釈は違うよなぁ

714 名前:nobodyさん mailto:sage [2005/11/27(日) 22:22:49 ID:???]
HTMLをまったくの修正無しにデザインを変えられたら、
コンテンツとデザインが分離されていると思うが、
実際は、CSSでデザインするために、divで囲ったり、
classやidを指定したりとHTMLを修正するのが現実。

715 名前:nobodyさん mailto:sage [2005/11/29(火) 01:08:19 ID:???]
結局そこまでしてもHTMLで文書構造を記述してる奴なんて居ないしな。
ただ単にH1とか文書構造を記述するタグを使わなくなった奴が増えただけ。



716 名前:nobodyさん mailto:sage [2005/11/29(火) 12:12:41 ID:???]
ttp://www.csszengarden.com/tr/japanese/

717 名前:nobodyさん mailto:sage [2005/11/29(火) 13:05:36 ID:???]
>>716
そういうの見ると、CSS の限界を感じるな。

718 名前:nobodyさん mailto:sage [2005/11/30(水) 00:23:29 ID:???]
確かに。いくつか見てみたけどやたらと独善的なデザインが多いというか…、
よくあるBlogのデザインを超えれない感じ。
まぁ、Blog自体がデザインをCSSでやってる感じだからあたりまえっちゃあたりまえか。

719 名前:メソドロジスト [2005/12/31(土) 23:24:10 ID:8280SbsE]
オブジェクトブラウザを使えばいいじゃない
サーバ側はオブジェクトDBで表示(表示せず検索だけっていうのもあり)はクライアントに任せる

720 名前:nobodyさん [2006/01/01(日) 00:54:46 ID:WHqdtVTb]
>>719
ヒント: 普及

721 名前:nobodyさん mailto:sage [2006/01/05(木) 11:40:54 ID:???]
>>718
Zen Gardenが先でBlogツールのデザイナーが真似してるんだが…

722 名前:nobodyさん mailto:sage [2006/01/06(金) 08:03:48 ID:???]
>>713
コンテンツは何らかの DB でデザインは HTML + CSS という考え方も
この板的には可能だと思うけどね。

723 名前:nobodyさん [2006/03/01(水) 13:25:50 ID:oSoRhsQG]
age

724 名前:nobodyさん mailto:sage [2006/03/18(土) 03:31:11 ID:???]
分離なんかすんなよ
あっちこっち見なきゃいけないだろ

725 名前:nobodyさん [2006/03/19(日) 20:24:10 ID:SDrZ8pUg]
>>724
うまく分離できれば、必要な箇所だけをみればすむので、逆に楽になる。
あっちこっちみなきゃいけないのは分離の仕方がまずいだけ。
関連するものはひとまとめにし、関連しない・関連がうすいものは別にする。
これをちゃんとやっていれば、分離した方がぜったい楽になる。
問題は、どうやったらうまい分離ができるのかだ。それを議論するためにこのスレがある。




726 名前:185 mailto:sage [2006/03/19(日) 22:40:59 ID:???]
私が以前試したやり方はこうです。
1. HTMLに<{title}>のような記述をする。
2. プログラム側で<{title}>を置き換えるためのコードを書く。
3. プログラムにHTMLを読み込んで,<{title}>の部分を置き換える。
4. 出力する。

結局、HTMLは見やすくなりましたが、プログラムの方はわかりにく
くなりました。(ただし、1の言うようなprintの嵐は回避できました)

727 名前:nobodyさん mailto:sage [2006/03/20(月) 10:52:21 ID:???]
>>726
そういうのはわざわざ自分でやらずにテンプレートシステム
使った方が楽じゃないの?  で、テンプレートに実際に値を
放り込む部分をうまく抽象化すればロジックに集中できる
ようになるよ。

テンプレート使っても値のセットを直に書いてると全然見やすく
ならない。


728 名前:57 mailto:sage [2006/03/20(月) 14:30:14 ID:???]
>>727
確かにそうなんですよねぇ。私もsmartyというヤツを使ったことが
ありあます。機能性はかなりいいのですが、動作が遅くて…

729 名前:nobodyさん mailto:sage [2006/03/20(月) 15:35:41 ID:???]
>>727
置換程度ですむなら、わざわざテンプレートシステムつかう必要はない。
ロジックが入ってきたり、ちょっと複雑なことをしたくなったら、そのときにテンプレートシステムを検討すればよい。


730 名前:nobodyさん mailto:sage [2006/03/20(月) 15:45:25 ID:???]
時代を先取りしていた MVC スレはここでつか?

731 名前:nobodyさん mailto:sage [2006/03/20(月) 15:58:08 ID:???]
でもテンプレートを間に入れとくと XSS とか防ぎやすくなるよ


732 名前:nobodyさん mailto:sage [2006/03/21(火) 22:46:59 ID:???]
>>726
私のやり方は似てるがちょっと違ってて次のようにHTMLをマーキングする。

<!--FUNCBEGIN display_title $title-->

... 何かHTML ... $title ...

<!--ENDFUNC-->

これを簡単に書いたコンパイラーを通して次のようなperlコードを生成する。
(自分はperl使うけど他の言語にも応用は効くと思う)

sub display_title {
my ($title) = @_;
print <<__END_HTML;

... 何かHTML ... $title ...

__END_HTML__
}

このようにして1つのHTMLを好きな単位で複数の論理的な単位に分解し、
プログラムから呼び出す。 プログラムは単純。 HTMLも単純。
ランタイムのオーバーヘッドもなし。 かなりおいしい方法だと
思ってるのだが。




733 名前:nobodyさん mailto:sage [2006/03/22(水) 08:16:53 ID:???]
>>732
そのHTMLの断片が使用するCSSやJavaScriptはどうしてる?
それらはまとめて1つのCSSファイルやJavaScriptにしてるのか、それともそいつらまで複数ファイルに分離しているのかききたい。

もし後者なら、HTMLの断片を、必要なCSSとJavaScriptもいっしょにして、いわゆるコンポーネントとしてまとめることができる。
JSPのカスタムタグのような大げさな方法でないから、スクリプト言語向きだよな。

734 名前:nobodyさん mailto:sage [2006/03/22(水) 09:54:29 ID:???]
Template::Toolkit 最強ということでおk?

735 名前:nobodyさん mailto:sage [2006/03/22(水) 20:29:36 ID:???]
>>733
使う画面はすべて1つのHTMLにまとめました。 画面によって違うCSSとか使うといったら
出来ないけど、自分の場合はCSSは1つで共通だったのでおk。



736 名前:nobodyさん mailto:sage [2006/03/22(水) 23:23:40 ID:???]
>>735
そこなんだよなあ。Portletのようなことをしたいとき、HTMLだけだったらなんとかなるんだけど、CSSとJavaScriptがどうもうまく扱えない。
まあ<head>の中で<script>や<style>を動的に出力すればいいだけともいえるのだが。

737 名前:nobodyさん mailto:sage [2006/03/24(金) 00:23:39 ID:???]
webプログラムって、ほんと、ごった煮技術だもんなぁ。

738 名前:nobodyさん mailto:sage [2006/04/02(日) 21:47:09 ID:???]
HTML上にアルゴリズム記述して動作させてる分にはウェブデザの範疇だと思うな。
ウェブデザがプログラム出来ないって事なら、HTMLとプログラムを分離すればいいだけ。
あくまでHTMLはウェブデザが記述して納品すべきモノ。

smartyの速度に不満があるってのは、速い鯖買わせるかzend買いなさい。
あるいはウェブデザを換えるかだね。プログラマが変わってもいいけど嫌だろ?

739 名前:nobodyさん mailto:sage [2006/04/29(土) 14:41:41 ID:???]
ASP.NETはだめなの?
HTMLとCSSでデザインして、必要なデータは引っ張ってこれるし、
ASP.NETの独自タグつかわなてもHTMLのタグでも、runat="server"さえ
挿入してやれば、ほとんど問題ないとおもうんだけど?

740 名前:nobodyさん [2006/07/20(木) 00:39:41 ID:aTH5P7qm]
スレッドと住民が分離している件について

741 名前:nobodyさん mailto:sage [2006/07/22(土) 09:22:32 ID:???]
src="script.cgi"って出来るコードならほぼ分離できる。

742 名前:nobodyさん mailto:sage [2006/07/26(水) 03:51:25 ID:???]
そんな複雑なこと許したら、cgiに実行権付け忘れて、スクリプトダウンロードさせまくりのサイトが量産されるだけだよ。
今でさえ、asp/jsp/php/plとかのページをクリックするとダウンロードが始まるサイトがあちこちにあるのに(w

743 名前:nobodyさん mailto:sage [2006/07/26(水) 11:03:38 ID:???]
複雑?w
web閲覧自体ダウンロードじゃなくてなんなのか問いたいw

744 名前:nobodyさん mailto:sage [2006/07/26(水) 19:02:34 ID:???]
そもそも静的ファイルをダウンロードする機能しか無いのに、スクリプト使って動的に生成する時点で規格外。

745 名前:nobodyさん mailto:sage [2006/07/26(水) 21:56:38 ID:???]
ん?
<img src="cnt.cgi">とかは普通にカウンターとかで使われてますよね?



746 名前:nobodyさん mailto:sage [2006/07/26(水) 22:40:05 ID:???]
サーバー側で何しようが、送られるべきモノさえ送られれば、何の問題も無いよ。

747 名前:nobodyさん mailto:sage [2006/07/27(木) 01:39:07 ID:???]
HTTPの仕様では、そこはcnt.cgiってイメージファイルを要求してるわけだが。

748 名前:nobodyさん mailto:sage [2006/07/27(木) 13:09:07 ID:???]
HTTPはプロトコルなので、サーバ側がどうデータを生成するべきかまでは規定していない。

749 名前:nobodyさん mailto:sage [2006/07/28(金) 01:21:49 ID:???]
ブラウザが想定してリクエストしている。鯖がリクエストに従って返せばいい。

750 名前:nobodyさん [2007/01/29(月) 12:17:19 ID:HmfI8Dy9]
age

751 名前:nobodyさん mailto:sage [2007/02/03(土) 04:41:04 ID:???]
javaならmayaaがいいかも


752 名前:nobodyさん mailto:sage [2007/02/05(月) 04:53:15 ID:???]
pythonならkidがいいかも

753 名前:nobodyさん [2007/02/20(火) 17:57:57 ID:S18lAwTV]
wicketってHTMLを分離できてる?一見できているように見えるんだけど、
実はできてないように思える。

754 名前:nobodyさん mailto:sage [2007/02/26(月) 18:23:31 ID:???]
PHPならCakeがいいかも

755 名前:nobodyさん mailto:sage [2007/02/26(月) 18:37:30 ID:???]
おまいら分離する事自体が間違いだと気付けよ



756 名前:nobodyさん mailto:sage [2007/02/26(月) 20:11:23 ID:???]
どの点が間違えているのか頭の悪い私にもわかるように具体的に説明してください><

757 名前:nobodyさん mailto:sage [2007/02/27(火) 09:35:29 ID:???]
>>755
諦めたらそこで試合sy(ry

758 名前:nobodyさん mailto:sage [2007/03/26(月) 16:01:21 ID:???]
モデルとデザインは分離するけど
デザインはコンテンツの一部な気がしなくもない。

759 名前:nobodyさん [2007/05/04(金) 11:04:13 ID:/O1lAt+h]
wicket だ、wicket

760 名前:nobodyさん mailto:sage [2007/05/04(金) 18:39:36 ID:???]
wicketはあんまりうまく分離できないだろ。

761 名前:nobodyさん [2009/01/06(火) 01:23:35 ID:9VtJjPjs]
>>4
こういう感じのことをASP.NETでできる?

762 名前:nobodyさん mailto:sage [2009/05/20(水) 19:22:02 ID:???]
<html>
<head></head>
<body>
<form>
<input name="foo" type="input" value="<?php echo $_GET["aaa"]?>">
</form>
</body>

INPUTの値を動的に変えようとするとこういう風になってしまうんだが、コードとHTML部分が混じっていて非常に気持ち悪い。
どうにかして分離する方法はないのか?
言いやり方があったら教えてほしい。

763 名前:nobodyさん mailto:sage [2009/05/29(金) 01:35:16 ID:???]
いっその事こうするとか、
<?php
echo <<< EOF
<html>
<head></head>
<body>
<form>
<input name="foo" type="input" value="{$_GET[aaa]}">
</form>
</body>
EOF;
?>

764 名前:nobodyさん mailto:sage [2009/05/29(金) 22:25:04 ID:???]
anond.hatelabo.jp/20071030034313
みたいに簡単な独自のテンプレート作るとか。

765 名前:nobodyさん mailto:sage [2009/06/10(水) 19:41:19 ID:???]
いまさらこんなこと議論する必要ないだろww



766 名前:nobodyさん mailto:sage [2011/09/27(火) 17:26:25.54 ID:???]
編集が楽だろうね

767 名前:nobodyさん mailto:sage [2011/09/30(金) 02:17:50.88 ID:???]
コンデンサに見えたw






[ 続きを読む ] / [ 携帯版 ]

前100 次100 最新50 [ このスレをブックマーク! 携帯に送る ] 2chのread.cgiへ
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧]( ´∀`)<244KB

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef