テーブルレイアウトからCSSレイアウトへ

dtn.jpのディレクトリ部分をテーブルレイアウトからXHTML+CSSレイアウトへと変更しました。トップページや主要なページは既にテーブルレイアウトをやめておりましたが、これで全体的に切り替えをすることができました。

画像掲示板もCSSレイアウトに変更

画像掲示板部分もCSSレイアウトに変更し、それに合わせてこれまで色々と不具合が発生していた書き込みプログラムにも修正をかけました。

imgbbs_1009.jpg
2010年当時の画像掲示板

投稿プログラムの修正

しばらく放置をしていたあいだに、YouTubeも仕様変更がかなり入ったようで、埋め込み用のHTMLタグの仕様も大きく変更されておりました。これまでのように、埋め込みタグからIDを抽出するのが少々面倒になってきたので、今度はブラウザに表示されるYouTubeのURL自体から動画IDを抽出するようにしてみました。

ニコニコ動画の方は、各動画のところにタイトル・ID・マイリスト登録数他の情報がまとめられたXMLデータが用意されていたので、このXMLから動画IDの取得をするようしてみました。

imgbbs_1009-2.jpg
新しくなった投稿フォーム

投稿フォームにjQueryを利用

投稿フォームのタブをjQueryで素早く切り替えできるようにしましたので、画像アップロード、YouTubeの貼り付け、ニコニコ動画の貼り付けフォームを簡単に切り替えることができるようになりました。これで投稿も多少はやりやすくなったと思います。

おわりに

あまり人が集まらない画像掲示板ですが、皆さんの情報交換にぜひ活用してみて下さい。

ABOUT dtn.jp

この運営ブログをみてdtn.jpの運営サイトに興味をお持ちになった方は下記のリンク集からサイトをご参照ください。PHP・SQL・JS・HTML・CSSや様々なAPIでゼロから立ち上げたサイトを複数運営しています。

dtn.jp関連サイト

  • ディレクトリ型検索エンジンdtn大手サイトは全てサービスを終了し、中小でも運営を継続するところがほとんどなくなってしまったディレクトリ型検索エンジンを2002年から細々運営しており、未だに細かい機能改修も行っております。申請されたサイトは実際に訪問して細かく確認をしているので登録までかなりお時間いただきます。
  • 猫ネコサーチエンジン猫・ペットサイト専用のディレクトリ型検索エンジンです。登録サイトはサイトのスクリーンショット付きでカテゴリに掲載しています。
  • 画像掲示板の泉画像やYouTubeやニコニコ動画が貼り付け可能な匿名画像掲示板です。27ジャンルに分かれた掲示板に、それぞれ100スレッドまで立てることが可能です。
  • ツイータンTwitter APIを使って10分おきに収集したTwitter(ツイッター)のトレンドワードや人気ハッシュタグデータを月別に集計してランキング形式で公開しています。
  • Keyword Tool++Yahoo APIや楽天サイトのデータを日次で収集したデータを元に、EC系キーワードをラインキング形式でご紹介しています。各ワードは検索ボリュームや関連語、24か月の検索ボリュームトレンドを確認も可能です。
  • 消費者金融の泉カードローン商品を取り扱う金融業者を一覧で比較可能としたサイトです。カテゴリ別、人気度別、限度額別、金利別に比較可能なサイトにしています。
  • TrendinGファッションモールに出店するブランドをアイテムヒット率でランキングとしたサイトです。まだβ版です。

各サイトの開発方法などについて

各サイトの開発方法や運用トラブルについては、当ブログで不定期にご紹介しています。Twitterで新着記事のお知らせもしています。宜しければフォローどうぞ。