テーブルレイアウトから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の貼り付け、ニコニコ動画の貼り付けフォームを簡単に切り替えることができるようになりました。これで投稿も多少はやりやすくなったと思います。

おわりに

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

PHPが学べるおすすめプログラミングスクール

この運営ブログをみて、もしdtn.jp管理人のようにサイトをゼロから作ってみたいという思いに駆られた方は、サイト開発やプログラミングをオンラインで受講できるプログラミングスクールの活用をしてみてはいかがでしょうか。サーバ/WordPress/HTML/CSS/JS/PHP/SQLなどの基本さえ分かれば、ゼロからサイト立ち上げもポンポンできるようになって、今なら仕事や転職にも役立つのでオススメです。

PHPも学べるオンラインスクール

  • CodeCampAWS Cloud9を使ったクラウド上のIDEが用意されているので、ネットにつながればスタート開始可能というゴージャスなスクールです。講師も選べて、Webマスターコースならプログラミング経験0でも一気にフロントエンドからバックエンドまでマスターできます。
  • ウェブカツJava言語やRuby言語なんぞ教えん!という、初心者にありがちな挫折ポイントがよく分かってるスクールです。フロントエンドエンジニアに必要なスキルセット&PHPがマスターできます。
  • フリークス HTML/CSSから始まり、MySQLやLinuxからPHPの変数や分岐やループ、クラスやPDOに最後はMVCまで教えてくれるので、そこまで分かればなんでもできそうです。メンターに質問もし放題がいいですね。
  • テックアカデミー法人のIT研修もやってる業界最大手・受講者数No.1のスクールです。メンターとの定期オンライン面談やチャットサポートなどもあり、大手ならではインフラ環境がウリです。PHPと合わせてjQueryもマスターできる、PHP/Laravelとフロントエンドコースがおすすめです。

オンラインスクールのデメリット

孤独になりがちなサイト制作も、優しいメンターがそばにいてくれれば凄い楽しそうですが、もちろんデメリットもあります。お金がかかるという点です。ひたすらググって、本を読んでよりは確実にコストがかかってしまいます。とはいえ、多少の余裕があるなら、こんなご時世なので時間と労力を買った方が良いと思います。