5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

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

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

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

632 :nobodyさん:04/05/26 15:48 ID:???
RubyのCGIKit使っている人いますか?
http://www.spice-of-life.net/cgikit/
Ruby版WebObjectsみたいなんですけど。


633 :nobodyさん:04/05/30 09:23 ID:fQGfuOKk
>>632
使ってましたがなにか?


634 :nobodyさん:04/07/26 14:04 ID:kJ9CVHSs
ホシュ

635 :nobodyさん:04/09/06 10:43 ID:BK05bZr2
PHPのテンプレートエンジンってどんなのがあるの?

636 :nobodyさん:04/09/06 11:33 ID:???
http://www.google.com/

637 :nobodyさん:04/09/06 12:41 ID:???
>635

【PHP】Smarty【Template】
http://pc5.2ch.net/test/read.cgi/php/1047225437/

次に質問するときはせめてまずスレの検索してからに汁。

638 :nobodyさん:04/12/20 01:45:58 ID:???
Template-Toolkit 関連リンク貼っときますね

Template-Toolkit : NDO::Weblog
http://naoya.dyndns.org/~naoya/mt/archives/000977.html

hori-uchi.com: Template::Toolkitのフィルター機能に感動
http://hori-uchi.com/archives/000114.html

Template Toolkit について
http://www.sea-bird.org/doc/Solaris8/Perl_2.html

大規模なeコマースサイトを Apache と mod_perl で構築する
http://bulknews.net/lib/doc-ja/etoys.ja.html

639 :nobodyさん:04/12/28 17:39:02 ID:???
東大のコンテンツ創造科学の履修生募集が公開された
  ↓
http://content.iii.u-tokyo.ac.jp/Admission2005/index.html

ガイダンス名が「踊るコンテンツ創造ーハリウッドを閉鎖せよー」
  ↓
http://content.iii.u-tokyo.ac.jp/Admission2005/contents/menu_f_set.htm

最高学府にしてはなかなかの悪ノリだ。


640 :nobodyさん:05/01/02 02:37:51 ID:???
>>600
そういえば全く関係ないけど、Excelを使って、
セルの統合やセル幅を調整して、
図形描画を使わずに組織図を作っている人がいた。
なんと、人の関係を示す線はセルの罫線。
それで朝の午前1時まで残業してたを見ると泣けた。

他にも、Excelに入力された電子メールを、
1つずつメニューからコピー、Outlookのメール作成画面、
こちらもメニューからペーストを選択して貼り付ける。

さらには、Excelでチェック表を作るのに
まる、まる、まる、と何回入力していることか・・・

もうね、馬鹿かと、アフォかと。

結論:一般人は効率を考えない。
そもそも、何かを改善していこうという意欲がない。
おまいらも一般事務職に就いたらヒーローだぞ。

641 :nobodyさん:05/01/03 15:08:27 ID:39aQ7Faj
しかし、プログラマという人種は、俺も含めて、「楽するためには労力を惜しまない」のが普通だが、
一般人はそうじゃないらしいぞ

642 :nobodyさん:05/01/03 16:07:23 ID:???
>641
トヨタの「カイゼン」なんかは、お題目だけ見れば「楽するために頑張ろう」っぽいけどね。

643 :nobodyさん:05/01/03 20:25:49 ID:GSRyV4Gf
smarty使って掲示板作ったやつをシェアウェア(商用)で配るときって
smartyをいっしょにLZHにして配布したらライセンス違反?smartyは
別にすればOKなんですか?

644 :nobodyさん:05/01/03 23:25:38 ID:???
>>641
あーわかるわかる、俺もまさに楽するためには労力を惜しまないなあ。
でそれがしばしば本末転倒になると…

645 :nobodyさん:05/01/04 08:26:29 ID:???
http://svns.hp.infoseek.co.jp/template/
自作のCGIにテンプレート機能を実装するTIPSみたいなのを書いてみた。
業務にはさっぱり使えないが、趣味でCGIを弄る程度なら
肥やしぐらいにはなるかも知れん。

646 :nobodyさん:05/01/04 10:39:27 ID:???
http://www5.big.or.jp/~seraph/zero/mbti.cgi
でチェックしる。
ちなみにMSのマの80%がINTJないしINTPだとか。

647 :nobodyさん:05/01/04 13:21:29 ID:???
Introverted(89%) - Sensing(22%) - Thinking(33%) - Judging(1%)

648 :nobodyさん:05/01/04 13:36:36 ID:???
あなたのタイプ: ISFP(作曲家/職人系)

【詳細】 (%が大きいほどその度合いが強いことを意味します)
内向Introverted(22%) - 感覚Sensing(1%) - 感情Feeling(33%) - 知覚Perceiving(33%)



649 :nobodyさん:05/01/08 13:42:40 ID:piH9Z8Et
Pasta使え
http://www.port4.info/pasta/

650 :nobodyさん:05/01/08 21:30:05 ID:???
>>649
なんか説明が意味不明。

651 :nobodyさん:05/01/14 08:30:14 ID:???
拡張テンプレートライブラリの
http://www.daiwakantei.co.jp/pc/tmpl2sa.html
にあったファイルを持っている方いません?
今はサイトごと無くなっているようで・・・

652 :651:05/01/22 10:17:31 ID:???
今、再度ググったら簡単に見つかりました
スマソ

653 :nobodyさん:05/02/11 12:55:44 ID:etPJ1t5F
あげー

654 :nobodyさん:05/02/11 14:20:14 ID:???
Smartyじゃだめか?

655 :nobodyさん:05/02/11 14:21:52 ID:???
ほかのもためしたけど、Smartyがベストだと思う。

656 :nobodyさん:05/02/12 11:24:01 ID:???
>>655
マジ?あれのどこがよいのかさっぱりわからん。
Smartyつかうくらいなら素のPHPスクリプトで十分じゃねえか?

657 :nobodyさん:05/02/12 13:43:13 ID:???
Smartyでかすぎ。もっとコンパクトにしる

658 :nobodyさん:05/02/12 20:02:04 ID:???
php -w smarty.class.php > smarty_compact.class.php

659 :nobodyさん:05/02/14 01:02:37 ID:fzJwBWF6
>>658
確かにファイルサイズは半分になったが、、、

660 :nobodyさん:05/02/14 10:19:19 ID:???
コンパクトだと
あれもできない
これもできない
になるから Smarty くらいが
丁度いいと思うよ。

661 :nobodyさん:05/02/20 19:18:14 ID:???
そうでもない

662 :nobodyさん:05/02/22 23:25:17 ID:???
>>661
じゃぁどのへん?

663 :nobodyさん:05/02/23 09:14:08 ID:OrWqFsfq
StrutsよりもTapestry

664 :nobodyさん:05/02/23 09:56:17 ID:5HyLwVaX
XSLはデザインしてくれるわけでなくてJCL程度のダサいもんなんでつね。

Cascading Style Sheet
って使いやすい?

665 :nobodyさん:05/02/23 20:47:00 ID:???
しかし4年近く前から続いてる話題で未だ標準的な解がないというのも…。
そんなに根の深い話なのか?

666 :nobodyさん:05/02/24 00:46:38 ID:???
プログラマとデザイナの間には
深くて暗いk(ry

667 :nobodyさん:05/02/24 05:36:50 ID:???
そして気持ちいい(ry

668 :nobodyさん:05/02/24 09:49:27 ID:???
大きくなれよ(ry

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

670 :nobodyさん:05/02/26 00:18:46 ID:???
>>669
教え方が下手

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

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

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

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

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

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

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


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

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

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

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

682 :nobodyさん:05/02/28 01:00:12 ID:???
悲惨なところが多いな

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

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

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

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

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

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

688 :686: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さん: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さん:2005/07/13(水) 22:31:13 ID:???
TTオライリーの日本語版が欲しい

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


705 :nobodyさん:2005/11/16(水) 10:19:34 ID:???
?

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

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

708 :nobodyさん:2005/11/24(木) 13:52:42 ID:???
>>707 >>28

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

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

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

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

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

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

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

716 :nobodyさん:2005/11/29(火) 12:12:41 ID:???
ttp://www.csszengarden.com/tr/japanese/

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

718 :nobodyさん: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さん:2006/01/05(木) 11:40:54 ID:???
>>718
Zen Gardenが先でBlogツールのデザイナーが真似してるんだが…

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

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

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

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


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

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

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

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


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

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


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

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


732 :nobodyさん: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も単純。
ランタイムのオーバーヘッドもなし。 かなりおいしい方法だと
思ってるのだが。




245 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50


read.cgi ver 05.05 2022/08/31 Walang Kapalit ★
FOX ★