お世話になります。
プログラム系は初心者のWeb更新者です。
毎週、商品を30個入れ替えてhtmlx30を更新したいのですが、当方が思いつくのはhtmlx30個を手動でコピペして生成することしか思いつきません。
必要事項は以下になります。
・商品画像、サムネイル
・商品説明文、タイトル、価格などのテキスト(一部共通あり)
一応制限がありまして、phpは使用できませんので、何かエクセルデータからhtml生成や、includeファイルなどを使って出来たらいいなと思っています。
どのような方法がありますでしょうか?こうゆうツールを使っているとか、またはこれで調べると見つかる的なヒントでもよいですので、どなたかご教示いただけますでしょうか。
よろしくお願いいたします。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答5件
0
自分が知ってるものでは、
Dreamweaverのテンプレート機能
http://www.adobe.com/jp/devnet/dreamweaver/articles/using_template_part1.html
静的サイトジェネレーター
http://matome.naver.jp/odai/2138951779950545401
などがあります。
面倒なときは自作することが多いです。
http://qiita.com/naga3/items/cf7c563918688437cc58
投稿2015/02/25 00:00
編集2015/02/25 00:02総合スコア1293
0
私もDreamweaverのテンプレート機能に一票です。
ただそれでは芸が無いので、別のアイディアとしてもう一例。
利点はデータの整理のしやすさと汎用性です。
excelで変動項目でデータ管理
htmlはテンプレートテキストを作り、変動項目名でマークアップ。
例えば<$色$> <$価格$>
$は、HTMLと区別するためにつけましたが、何でも良いです。
excelのVBAでテンプレートを読み込み変動項目を置換しながらHTMLファイルを出力する。
こんな感じですが、たぶん30行前後で出来ると思います。簡単ですので、プログラミングに興味があれば試してみてください。
投稿2015/02/25 00:11
総合スコア142
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
VBAは苦手なので調べてたら、
そのまんまのマクロが下記に紹介されていました。
http://www.ken3.org/vba/backno/vba165.html
テンプレートを読み込んで置換できれば良いのでしょうが、
VBAがわからないのであれば上記の方法もシンプルで悪くないですね。
投稿2015/02/25 14:34
総合スコア187
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
ベストアンサー
コピペしているということはHTMLの構造は変わらない、
ということですよね?
今後もあんまり変える必要がなくて、
とりあえず作業を楽にしたいということならば
excel使って工夫するのがいいんでしょうね。
(元ネタもexcelとのことですし。)
VBA書けない???では、こんなのどうでしょう。
他の投稿者から怒号が飛んできそうですけど。
ちなみに、Guu様のVBAのテンプレート読み込みと
やってることはほぼ同じです。
(方法が違うだけ)
htmlは以下のとおりとします。
lang
1<html> 2 <head> 3 </head> 4 <body> 5 <h1>商品名</h1> 6 <div>価格などのテキスト</div> 7 <div>商品説明</div> 8 </body> 9</html>
excelファイルを用意します。
セルに以下のとおり商品データを入力します。
<例>
A1セル:実録!エンジニアの生態
A2セル:¥5,000
A3セル:隠れざる日本のエンジニアの正体に迫る!
htmlに商品データを組み込むためにconcatenate関数を使います。
商品データを埋めたい場所に各データを入力したセル参照を入れます。
lang
1=concatenate("<html><head></head><body><h1>",A1,"</h1><div>",A2,"</div><div>",A3,"</div></body></html>")
するとこうなります。
改行などは、無料のHTMLエディタへhtmlを貼り付けて自動整形でもすればいいでしょう。
lang
1<html> 2 <head> 3 </head> 4 <body> 5 <h1>実録!エンジニアの生態</h1> 6 <div>¥5,000</div> 7 <div>隠れざる日本のエンジニアの正体に迫る!</div> 8 </body> 9</html>
はい、付け焼刃感が全開です。
VBA覚えましょう!仕事の幅が広がると思いますよ!
投稿2015/02/25 12:24
退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/02/26 20:42
2015/02/26 21:03
0
同じく初心者のweb更新者です
Dreamweaverの利用が楽だとは思いますが別のアイディアとしてもう一つ。
javascriptを比較的扱いやすくまとめたJqueryはいかがでしょうか。
利点はJqueryやjavascriptに慣れることでPHP等の制限がある中で、
webページをより便利なことができるようになる可能性があることです。
・Jquery導入方法
・.loadで挿入する
こちらは短いコードで解りやすいですが、通信エラー等出た時に
サーバーに負荷がかかることがあるみたいです
・.loadと.ajax
ajaxを利用すると細かい所まで設定することが可能です。
商業用のwebページならこちらがいいと思います。
投稿2015/02/25 01:35
総合スコア187
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/02/25 06:34
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/02/25 06:26