登録サイトのアクセス推移グラフ

ディレクトリ型検索エンジンdtnのカテゴリには、登録サイトからのINアクセス / OUTアクセスの様子をグラフで表示する機能が追加してあります。(※既に廃止しています

sparkline.jsでグラフを表示

このミニグラフですが、当初はPHPでちゃんと自作をしようと思っていましたが、JavaScriptのライブラリの方が簡単に表示できるものが多いようですので、取り急ぎこれで制作をしてみました。

利用したものが、jQueryを使った、sparkline.jsというものです。

sparkline.jsの使い方

使い方はとても簡単で、sparkline.jsにカンマ区切りの数値を設定してあげれば、あとはグラフのタイプを選ぶだけでOKという、面倒くさがりにピッタリの仕様となっております。

表示するグラフのデザインや種類も豊富にあり、かなりグラフィカルなミニグラフを簡単に設置が可能です。

sparklines_graph.png
グラフィカルなグラフが豊富に用意されています

dtnディレクトリへ実装後のテスト

ディレクトリへの実装もとても簡単にできましたが、JavaScriptで表示をさせるということもあり、登録サイトが多数存在するカテゴリではグラフ生成にかなりの時間を要する問題が発生してしまい、場合によっては、ブラウザがフリーズするといった問題まで生じてしまいました。

登録サイト数の多いカテゴリは整理

ブラウザをフリーズさせるようでは実装は難しいとは思いましたが、デザインも気に入っておりましたので、登録リンクの数が100を超えるようなカテゴリでは更に下層カテゴリを作成するといった作業をすることにしました。

一度のグラフ生成数を減らすことができればそこまで表示は遅くありませんでしたので、登録リンク数が100ぐらいある場合には、下層カテゴリを増やすなどの整理をして、なるべく一度のグラフ生成数が少なくなるよう整理をしてみました。

category_cleaning.png
細かく細分化された東京都以下のカテゴリ

dtnカテゴリの整理をした結果

管理者画面にカテゴリメンテナンス用の機能も用意しておりましたが、今までこういった作業をあまりしていなかったこともあり、登録リンクが100を超えてるカテゴリがかなり存在していました。

下層カテゴリを追加していたら、あっという間にリンク数が900を超えてしまいました。

category_number.png
カテゴリ数が903まで増えました

おわりに

たった数日間で200カテゴリ=ページをディレクトリに増やしましたが、スパム扱いとかになったりするのでしょうか。大きな変化があればまたご報告いたします。

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とフロントエンドコースがおすすめです。

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

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