はじめに

先日、GoogleのPagespeed APIを使ってWEBのスクリーンショットを撮ってみた記事を書きました。

Google Pagespeed APIの活用

この時に作ったクラスを流用して、今度はWEBスクリーンショット取得機能付きのディレクトリ型検索エンジンを作ってみました。

猫ネコサーチエンジン

ディレクトリ型検索dtnの立ち上げ当時に、プログラムを流用した姉妹サイトとして、猫・ペットサイト専用サーチエンジンの猫ネコサーチエンジンを作っておりましたが、これをリニューアルしたという形になります。

Google Pagespeed API

PageSpeed Insights APIを使うと、とてもきれいなBase64エンコードされたWEBスクリーンショット画像を取得することができますが、WEBのスクリーンショットを撮ってくるということもあり、レスポンスデータを受けるまでに10秒程度かかってしまい、使いどころが悩ましい感じはありましたが、リンクの登録時に一回だけ10秒ということであれば良さそうな気もしたので、リンク情報のDB登録用プログラム部分に組み込んでみました。

猫ネコサーチのリニューアル

リニューアルした新しい猫ネコサーチエンジンのデザインは、Bootstrap4ベースUIテンプレートのMaterial Kit(もちろん無料版)をベースにしてありますが、 PageSpeed Insights APIで取得した登録リンクのWEBスクリーンショット画像が、カードクラスにちょうどよく収まってくれて良い感じになりました。

サイト構造やDBのテーブルレイアウトも大きく変えてしまったので、以前に登録いただいていたサイトさんの情報がコンバートできておりませんので、もし再度登録をご検討いただけるようでしたら、カテゴリ下の方にある登録ボタンからサイト・ブログの情報をお送りください。

カテゴリページ下の方にあります

おわりに

猫ネコサーチも一応復旧できたので、これでサーバ移転でPHPエラーだらけとなり一旦メンテナンス中としていたサイトも、やっと一通り復旧することができました。お陰様でGoogleに危険なサイトと言われて一気に落ち込んだdtn.jpのアクセス数も元に戻りつつはあるようでした。

2017年末頃は「危険なサイト」扱いされていました。。。

dtnカテゴリ同様、復活した猫ネコサーチエンジンも頑張って運用していきたいと思います。よろしくお願いいたします。

https://cat.dtn.jp/

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

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

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