ブログパーツの作成(Perl CGI編)

ブログパーツの作成(Perl CGI編)

記事一覧ブログパーツの作成(Perl CGI編)

CGI を使っているサイトでブログパーツを作ってみようということになりました。今どきのブログパーツは Flash を利用してキレイなものが多いですが、シンプルなものであれば JavaScript 単独で作成可能ですし、少し動的にしようと思えば perl や PHP などを利用して作成することも可能です。

今回は新着情報の一覧をブログパーツで提供するものをサンプルとして作ってみたいと思います。ブログ側には JavaScript タグを埋め込んでもらうようにします。iframe タグもよく見かけますが、どのブログまで対応するかで判断が分かれそうです。

CGI 側で注意することとして、今回は JavaScript としてレスポンスを返す必要があるのでヘッダで指定してあげます。

なお、下記のサンプルソースは「サラトガIT日記」のサーバ上に存在しませんので、実際にタグを埋め込んでも何も表示されません。今回はとりあえず必要なデータを html タグに埋め込んで返すところまでですが、これだけでもデザインを調整すれば見栄えはよくなると思います。

[ブログ側]
<script type="text/javascript" charset="UTF-8" src="http://it.pakapaka.jp/blogparts.cgi"></script>
<div style="text-align: right; font-size: 10px; width: 160px;"><p><a href="http://it.pakapaka.jp/">サラトガIT日記</a></p></div>

[サーバ側]
#!/usr/bin/perl

# CGI や DB 関連の定義やライブラリ読み込み

# ヘッダの指定
print "Content-type: application/x-javascript;\n\n";

print <<"EOF";
document.write('<div style="background-color: #FF00FF; width: 160px;"><p style="font-size: 10px; padding: 2px; margin: 0px;">サラトガIT日記の最新情報です。</p><ul style="padding: 1px; margin: 0px;">');
EOF

# DB から最新情報の取得(必要な件数だけ表示)
print <<"EOF";
document.write('<li style="font-size: 10px; list-style:none; padding: 2px 0px;"><a href="[コンテンツのURL]">$res[1]</a></li>');
EOF

print <<"EOF";
document.write('</ul></div>');
EOF

参考カテゴリ

オススメ記事

最新の投稿やよく見られているのオススメ記事一覧です。

新しいぐるなびAPIで飲食店の店舗情報取得

過去に作成した「ぐるなびAPI」のプログラムや、ぐるなびの Web Service が新しくなったこともあり、API からの情報取得プログラムを書き換えてみました。 以前の記事は下記になります。 ・ ぐるなびAPIで...

WebAPI

>>記事を確認する

NginxのFastCGIキャッシュで白い画面がキャッシュされる

以前から、トップページにアクセスすると、レスポンスステータスは 200 で返ってくるのに、画面に何も表示されない現象が稀に見受けられたので調査してみました。 さすがに機会損失にも繋がるということで、...

Nginx

>>記事を確認する

Laravel5.4の認証ユーザーのパスワードハッシュについて

Laravel で用意されている認証モジュールを利用する際、ユーザーモデル(User.php)経由で登録されるパスワードのハッシュ方法について調べてみました。 Laravel 上ではパスワード文字列を bcrypt() のヘルパー...

PHP / Laravel

>>記事を確認する

Laravel5.4のコントローラコンストラクタでAuth::user()が取得できない

Laravel5.4 で認証を通したアクセスに対して、コントローラのコンストラクタでユーザモデルの値を取得しようと思ったら、なぜか Auth::user() の値が取得できなくて悩みました。 public function __construc...

PHP / PHPフレームワーク / Laravel

>>記事を確認する

NginxのHSTS(HTTP Strict-Transport-Security)の設定

「Let's Encrypt」のおかげで、全サイト SSL 化していますが、これまで nginx の設定では、http のアクセスがあった場合に https に 301 リダイレクトさせていました。 この場合、Googlebot に http のアク...

セキュリティ / Nginx / SSL

>>記事を確認する

GoogleMapのAPIキーの認証情報にリファラURL設定

昔は API キーを指定することで、JavaScript で GoogleMap が表示できていましたが、何年か前に、そのキーに対して認証情報の追加が推奨されました。 新規で発行する場合は必須になっているかもしれませんが...

Web全般 / WebAPI

>>記事を確認する

AmazonLinuxでApache2.4+php7.1+Laravel5.5

先日、「 VagrantでCentOS6.9のイメージを使う 」の通り、CentOS6.9 には Apache2.4 と PHP7.1 で Laravel のフレームワークが使える環境を構築しました。 ただ、将来的には AWS かつ Amazon Linux 上で動か...

Apache / PHP / AWS / PHPフレームワーク / Laravel

>>記事を確認する

AWSの無料利用枠内で複数サイトをサクサクと運営する方法

MySQLでテーブル定義を取得

似たような構成のテーブルを作る時に、今までは mysqldump コマンドで -d オプションを付けて実行していました。 これでも十分に要件は満たせるのですが、MySQL のコンソールからサクっと出したい場合もある...

データベース / MySQL

>>記事を確認する

Poderosa5の登場と文字色と背景色

新しい PC を購入したので、久し振りに Poderosa のインストールをしたのですが、Poderosa-Terminal として最新バージョンの 5 が 2016 年に登場していました。 これ、職場でもインストールしてみたのですが...

Windows / ツール

>>記事を確認する