• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:最新情報10件を、mainコンテンツに読み込みたい)

最新情報10件のニュースをトップページのcontents2に表示する方法を教えてください

このQ&Aのポイント
  • トップページのcontents2に最新情報10件のニュースを表示する方法を教えてください。
  • エディア様のようにニュースページからdivブロックを抜粋して表示する方法を教えてください。
  • JQueryなどのライブラリを利用することで実現できます。具体的な手順や解説が記載されているページがあれば教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • LancerVII
  • ベストアンサー率51% (1060/2054)
回答No.1

こんにちは。 内部的な仕組みまでは開発者でないとわかりませんので推測です。 別のニュースページの10件を抜粋しているのは確かですが動的か手作業かわかりません。 ソースに既に入っていますのでjQueryとかを使ったAjaxでは無いです。 仮に動的だとすると トップページ表示時にサーバ側でデータベース等から最新10件を埋め込みます。 ニュースの一覧は過去分全てを読み込みます。 静的な方法だとすると 単純に10件文を表示しているだけです。 (追加されるごとにnews一覧と両方直すイメージ) なので ><質問> >エディア様のような、ニュースページに記述されている最新の10個のdivブロックを抜粋し、 >トップページのcontents2に、最新情報10件を表示するにはどのようにすればいいのでしょうか? 設計次第という回答になります。 おそらく自サイトのデータを表示するのにわざわざ他のページの10件分を何らかの方法で抜粋するような仕組みはつくりません。 同じデータを読み込んでトップページならそのデータの10件、一覧ページなら全て表示するという感じにします。 仕組みの解説はおおざっぱにこんな感じです。 PHP ファイルを読み込んで表示 とかで調べてみてください。 (PHPでもperlでもJavaServletでもサーバサイドで動く言語なら何でも良いです)

ShiftTail
質問者

お礼

>おそらく自サイトのデータを表示するのにわざわざ他のページの10件分を何らかの方法で抜粋するような仕組みはつくりません。 同じデータを読み込んでトップページならそのデータの10件、一覧ページなら全て表示するという感じにします。 1.DBのテーブルAに放り込む(日付、内容) 2-1.トップページなら、DBからデータ10件分を読み込みmaincontents2のdiv部分でhtmlを作成。 2-2.newなら、DBからデータ20件分を読み込みmaincontents2のdiv部分でhtmlを作成。 という風に考えるということですね。 なんとなく感じはつかめました。 もうちょっと情報を集めたいと思います。 情報ありがとうございます。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • tkmojo
  • ベストアンサー率50% (105/207)
回答No.3

RSSを読み込んで表示するphpを書けばいいんじゃないでしょうかね? 参考のサイトのRSSのソースを見ると、MTを使ってるようなので MT使わないと全く同じやり方では出来ないと思いますけど。 http://www.edia.co.jp/news/atom.xml MT以外でもWordpressでもいいと思いますが、CMSで記事を作成し、記事一覧に表示され、RSSフィードが更新される。 そのRSSをトップページに読み込めばいいと思います。 あんまり詳しくないんですが、普通のCMSならそもそもRSSなんて使わなくても記事一覧は任意の場所に引っ張って来れると思います。 CMSを使わないで、ニュースページを手動で更新するのでしたら、 Dreamwerverのライブラリを使えばひとつのファイルの更新で2ページ分反映できます。

ShiftTail
質問者

お礼

やっぱりCMS、Wordpressという候補が出てきますか。 >Dreamwerverのライブラリを使えばひとつのファイルの更新で2ページ分反映 こういったこともできるのですね。Dreamwerver使ったことないのですが。 一つの新たな知識として、とても参考になりました。 情報ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

そのサイトは、newsはプログラムです。  /newsが呼ばれると、プログラムが起動して、text/htmlデーターを吐き出しているのでしょう。 .htaccessにて AddType application/x-httpd-cgi news ; としておけばよいだけです。  それは、それで置いておいて >のようなレイアウト構成で、ページを作成しております。  と言うアプローチはしません。HTMLは文書構造を記述するものですから、HTML5的に書くと <body>  <header>   ヘッダー  </div>  <section>   <section>    コンテンツ   </section>   <section>    コンテンツ   </section>   <nav>    ナビゲーション   </nav>  </section>  <footer>  </footer> </body>  です。HTML4.01/XHTML1.0,XHTML1.1でしたら、それぞれは <div class="heqder">とかになるだけです。 →HTML5 における HTML4 からの変更点 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements ) →『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 (HTML4.01仕様書 http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』  その上で、それをどのように配置するかをスタイルシートで指定していきます。 本題です。  もっとも参考になるのが、掲示板(BBS)のシステムでしょう。投稿フォームは管理者にしか見えない、操作できないものにしてしまえば良いです。管理者が新しい記事を投稿すると、それぞれの記事をデータベースに格納して、それを表示する。  /news/ が呼ばれると、サーバーは以下の/に何もないので、/はPATH_INFOという環境変数に格納してnewsを起動します。 たとえば、 #!/usr/locla/bin/perl ・・・ if($ENV{'PATH_INFO){  open IN './data$ENV{'PATH_INFO';  *** __END__ <html・・この下に、上記で言うところの<section><section>$HTML_DATA</section></section>内が空のHTMLを記述する。 とか・・  もしPATH_INFOがなければ、データベースのタイトルと更新日だけを section section内に一覧として作成し、それを$HTML_DATAに代入。  PATH_INFOがあれば、該当するデータを$HTML_DATAに代入  あとは、 while(<DATA>){}  で書き出す・  こうしてHTMLが出来上がれば、スタイルシートでお好きなようにデザインしてください。

ShiftTail
質問者

お礼

すみません。ちょっと難しくて感じが完全につかめませんでした。 LancerVII様の仰られたことを丁寧にコード記述して頂けたと感じているのですが。 掲示板の概念も合わせて考えてみようと思います。 情報ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • 最新の情報に更新しない?

    ネットを楽しんでいるものです。おしえてgooとかヤフ知恵袋、トップページに使っているヤフなどが、ある日、最新の情報に更新しなくなってしまいました。前までは勝手に一番新しい質問やニュースに切り替わっていたのに、私はなにをいじくってしまったのでしょう?ちなみにきずいているものはヤフのトップニュースのテレビの画像のやつと最新の質問とかです。最新の情報になっているものもたくさんあります。

  • ライブドアブログの最新コメントを10件から増やしたい!

    タイトルの通りです。 自分のブログでは10件までしか最新コメントが表示されないので、自分がブログを見ない間に10件以上コメントをもらってしまうと、どの記事にコメントの返事を残せばいいかひと目で分かりません。 トップページの最新コメントプラグインの表示数を多くするにはどうればいいんですか?

  • 【Movable Type 4.2】独自テンプレート制作:ブログ記事が全てタイトル以外、最新の記事と同じ内容になる

    現在、Movable Typeを使って独自デザインのテンプレートを制作しています。 同一アカウント内にニュースやイベントスケジュールなどいくつかのブログをサイトコンテンツとして立て、トップページから各コンテンツ(ブログ)に飛ぶようなサイトをイメージしています。 ですので、トップページには、グローバルナビ以外に、各コンテンツの最新から5件分のブログ記事のタイトルと概要が表示されるようになっており、そこから各コンテンツのブログ記事にもアクセスできます。 ちょっとしたポータルサイトのようなつくりをイメージしてもらうと早いかもしれません。 各コンテンツのトップへ飛ぶと、そのコンテンツの最新記事のタイトルと内容が表示されます。またその下に5件分の過去の記事タイトルが表示されます。 MTMultiBlogを使用したテンプレートモジュールをつくり、テンプレート”ブログ記事”に挿入しています。 しかしながら、実際に記事を管理画面で書いて公開すると、URLのみ残したまま古いブログ記事も最新のものとまったく同じ内容に書き換わってしまいます。 (最新記事)../news/2008/10/post.html (1つ古い記事)../news/2008/10/post2.html 例えば上記のような状態で表示はされますが、post2.htmlもpost.htmlを書いて再構築すると同じ内容に書き換わってしまうという事です。 クライアントソフトなどでソースを見てみてもファイル名以外はまったく同じソースになってしまっています。 どこかのMTタグの書き方の問題でしょうか? あるいは管理画面の設定の問題でしょうか? おわかりになる範囲でアドバイスいただけるとありがたいです。 よろしくお願いいたします。

  • 「日経」等のHPは常に最新情報が出ますが、なぜ?

    「日経」などニュースを扱っているサイトは、見た時点で最新の情報を「履歴の削除」などせずとも見れる作りになっています。通常はキャッシュに存在すれば、そこからのコンテンツを表示するので、古い情報が表示されますが、利用者は特段、何もせずとも最新のコンテンツが見れるようになっています。これは、HTMLなど 特殊な仕掛けが組み込んであるのでしょうか?詳しい方、お教え下さい。

  • 最新のデータ5件~10件を表示したいです

    お世話になってます。初心者ですみません。 ASP(クラシックな)とmdbとでwebアプリを作っています。 その登録データの最新の5件とかをTOPページに表示させたいのですが 条件式などどのように組んだらいいのかわかりません。 データの内容のIDで最新のもの5件を検索?するのがいいと思うのですが、(間違ってたらごめんなさい)どうしたらよいのでしょうか。 よろしくお願いします。

  • カテゴリの記事を最新記事一件だけ表示したい

    MovableTypeのカスタマイズで困ってます。 カテゴリにおいて、記事数が数件ある時に、 最新の記事一件だけを表示させて、 残りの記事は、 「このカテゴリの記事一覧」のように、 エントリーページへのリンクを張るようにしたいと思います。 カテゴリの記事一覧はできたのですが、 カテゴリにおいて最新の記事を一件だけ表示する方法が分かりません。 ご存知の方がおりましたら、ぜひ教えてください。 よろしくお願いします。

  • 気になる情報・最新ニュースを定期的にメールで受け取るには

    気になる情報・最新ニュースを定期的にメールで受け取るにはどういう方法があるでしょうか。 仕事での使用を考えています。 例えば、Aという会社があったとして、その会社に関する記事が大手新聞やそのサイトに掲載された場合、掲載された日にメールで内容もしくはアドレスが送られてくるというものです。 会社のトップページには最新ニュースが掲載されていることが多いのですが、そういったものもピックアップできると助かります。

  • コンテンツの重なりについて

    どなたかご教授お願いいたします。 現在、jqueryのcolorboxを使ってサイト内部のリンクをクリックしますと、別ページがポップアップ表示 されるように作成しています。 ポップアップされた背景は半透明のレイヤーがかかり、元ページが少し薄く見える状態になります。 元ページにはテキストと動画のコンテンツがありますが、困ったことに動画のコンテンツがポップアップ されて表示された画面の上に出てしまいます。z-indexでどうにかなるのかと思い、あれこれ調べましたがどうやらz-indexではできないように思います。 ポップアップされた画面の上に動画が表示されないようにするには、どうしたらよいでしょう。 ネットで色々調べましたが、どうしも解決策を見つけることができませんでした。 動画は<iframe>と<object>のどちらでも表示されます。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • 一つのテーブル内の情報を、iframeではなく、非同期通信で行うには?

    一つのテーブル内の情報を、iframeではなく、非同期通信で行うには? 現在、トップページ内の一つのコンテンツを、 iframeで一定時間毎に自動リロードさせる形で演出しているのですが、 SEO的に良くないと聞き、それと同時に解決策として 「非同期通信」の存在を知りました。Ajaxを利用すれば、iframeを使わずに 今のような演出が可能らしいのですが、どのような形で記述すれば宜しいでしょうか? 例を書きます。 トップページ … index.php コンテンツの入ったページ … contents.php(テーブルレイアウトで作成) 現状は、index.phpに置かれたiframeの場所に、contents.phpを読み込んでいます。 iframeは5分毎に自動更新させていますが、これを非同期通信で5分毎に呼び出したいです。 付け焼刃の知識でイメージしている仕組みは、 まず、prototype.jsなどのライブラリをindex.php内で読み込ませ、 指定したtableやdivにcontents.phpを呼び出す仕組みなのかなと勝手に想像しています。 参考になる記述方法をどなたかご教授頂けませんでしょうか… 現状はこのような記述方法で対応しています。 index.php内 ----------------------- <body> <table width="300" height="300"> <tr> <td width="300" height="300"> <iframe src="contents.php" width="300" height="300"></iframe> </td> </tr> </table> </body> ----------------------- contents.php ----------------------- <body> <table width="300" height="300"> <tr> <td width="300" height="300"> ここはコンテンツページです </td> </tr> </table> </body> -----------------------

  • 最新の情報の集め方について

    ある事柄について、ネットで最新の情報を集める方法を教えて欲しいです。 例えば病気(胃潰瘍)について情報を集めたいので、胃潰瘍に言及したニュース記事や、ブログ、このおしえてgooなど、あらゆる最新情報が効率良く見れる、集める方法はありませんでしょうか? 最近RSSというものを聞きますが上記の目的に使えますでしょうか? 或いはそのようなソフトとかがあるのでしょうか? 色々な方法があると思いますので、参考にさせてください。 宜しくお願いします。