2013-05-21

【Perl】ホームページの更新日時を取得する（html,pdfなど）

HP関係

ホームページの更新日時取得する方法。

「更新が滞っているページ」や「最も古いページ」を調べたい場合、以下のPerlのコードで更新日時を取得できます。

(1) modifieddate.pl

use LWP::Simple;
use HTTP::Status;
require LWP;
require LWP::UserAgent;
$ua = new LWP::UserAgent;
$ua->agent("LWP::GETHEAD");
open(URLLIST, "< urllist.txt") or die("error :$!");
while (my $line = <URLLIST>){
chomp($line);
$url = $line;
$request = new HTTP::Request HEAD => $url;
$response = $ua->request($request);
print "$url\t";
print $response->header('Last-Modified');
print "\n";
}
#http://www.isc.meiji.ac.jp/~sumwel_h/cyberlaw/tech/htmlfaq01.htm
を参考に作成

(2) urllist.txt

調べるURLはurllist.txtに1行ずつ書いておきます。スクリプトと同じフォルダにおいてください。

http:// hogehogehogehoge/xx.html

http:// hogehogehogehoge/yy.html

http:// hogehogehogehoge/zz.html

ウェブページからリンクを抽出するには以下のようなサイトが便利（リンク、抽出、で検索）。

http://t.mscl.jp/chk/

(3)実行

コマンドラインでmodifieddate.plのフォルダに移動し以下を実行。

perl modifeddate.pl > result.txt

(4)結果

result.txtはこんな感じになります。pdfなどでも取得できるようです。タブ区切りで生成されるのでエクセルなどで読み込んでください。

http:// hogehogehogehoge/zz.pdfThu, 15 Sep 2011 02:23:46 GMT

http:// hogehogehogehoge/zz.html Thu, 15 Sep 2011 02:23:46 GMT

2013-05-16

CRONで一定時間ごとにファイルを削除する（さくらレンタルサーバーの場合）

HP関係

CRONを利用して、サーバー上のファイルを一定時間ごとに削除する方法（さくらレンタルサーバーを利用）。

【CRONで動かすスクリプト】

CRONで直接コマンドを書くこともできますが、スクリプトのほうが柔軟性があるので、次のPHPファイルを動かすことにします。

<?php

foreach (glob('www/XXXX/images/*.jpg') as $filename) {

//変更があってから1時間以上たったファイルを削除

if(time()-filemtime($filename)>=3600){

unlink ($filename);

}

このスクリプトでは、globでimagesフォルダ内のjpgファイルを対象に、filemtimeでファイルの更新日時を取得し、timeで現在の時間を取得して比較しています。1時間は3600秒なので、これよりも大きい場合（つまり1時間以上経過している場合）はファイルを削除します。

公開フォルダ(www）には置きたくないので、FTPでwwwの上のフォルダ(home/username）直下におきます。

【CRONの設定】

さくらのコントロールパネルから、「CRONの設定」で次のコマンドを入力(homeの後は自分のユーザー名になります）。

cd /home/XXXX; /usr/local/bin/php xxxxx.php 1> /dev/null

(1)

cd /home/XXXX;

プログラムを置いたところにまずは移動します。

(2)

/usr/local/bin/php

セミコロンと半角スペースを開け、phpの実行ファイルまでのパス。

(3)

xxxxx.php

さらに半角スペースを開けて、home/XXXX直下においたスクリプト名を指定。

(4)

1> /dev/null

これは実行結果をメールでは送らない場合につけます。付けない場合は実行されるごとにpostmasterにメールが届きます。

(5)

時間を指定します。

f:id:semanticist:20130516192244p:plain

上の図は、「8時間毎にxxxxx.phpを実行する」という設定です。このスクリプト内で1時間以内のファイルは消さないことになっていますので、厳密には「9時間以内には必ず消去される」ということになりますね。

2013-05-12

IEで画像のキャッシュを回避する方法（動的に画像を生成する場合など）

HP関係

ウェブページを早く表示するためのキャッシュ。

これをページで利用させないためには：

とhead部分に書けばよいわけですが、画像の場合、IEではこれが効きません。

発生する問題としては：

(1)image.jpg→プログラムで変更して上書き保存→(2)image.jpg

という場合、IEは(1)のキャッシュを表示してしまうため、(2)の変更後の画像が表示されません（Chrome, FFでは更新されます）。

で、いろいろと試したのですが、結局ファイルをリネームすることに。

(1)image.jpg→プログラムで変更してimage2.jpgとして保存→(2)image2.jpgを表示し、image.jpgを削除

ちょっと手間ですが、今のところこれしか方法は無さそうです。

2013-05-10

PHPでexif情報を削除する（iPod, iPhoneで画像が回転する問題）

HP関係

iPod, iPhoneで撮影した画像は、特殊なExifがつき、ウェブにアップロードされたときに画像が意図しない方向に回転してしまう。

その場合、(1)exifを削除して、(2)アップロード後に画像を回転することで対応。

(1)exifの削除

これにはimagemagickを使う。

さくらインターネットのレンタルサーバーを利用している場合、コントロールパネルから「PHP設定の編集」でphp.iniにextension = imagick.soを追加。

phpでの呼び出しはsystem関数を利用する。パスは以下の通り：

system("/usr/local/bin/convert -strip $filepath $filepath");

ここでは、ファイル名を変えずに元のファイルにexifをとったファイルを上書きしている。なお、ダブルクォーテーションの中は変数が展開されるので、$filepathにはあらかじめファイル名をいれておく。

(2)ファイルの回転

ファイルの回転にはgdのImageRotateを使う。これのライブラリはさくらでは設定なしに使用出来る。

//ファイル名と回転角度をpostで受け取る

$filepath = htmlspecialchars(@$_POST{"filepath"}, ENT_QUOTES);

$degree = htmlspecialchars(@$_POST{"degree"}, ENT_QUOTES);

//画像を読み込む

$original_image = ImageCreateFromJPEG($filepath);

//画像の回転

$newimage = ImageRotate($original_image, $degree, 0);

//ファイルの上書き保存

imagejpeg($newimage,$filepath,100);

これでファイルが回転した状態で上書き保存される。なお、回転情報はexifではなく、JPEG（JFIF）のヘッダーに保存される模様。

2013-05-07

【HP作成】美しいナビゲーションバーが使えるCSSフレームワーク5選

HP関係

はじめに

CSS フレームワークを使用すると、classプロパティを指定するだけで非常に高度なレイアウト・デザインが可能です。

例えば、CSS フレームワークの1つであるTwitter Bootstrapをダウンロードして、それぞれのhtmlファイルにCSSへのリンクをheader部分に設定します。

【ヘッダーにリンクを記述】

<head>

</head>

こうすることで、Bootsrap内のスタイルをclassで呼び出せます。実際のナビゲーションはulとliを指定して記述します。

【ナビゲーションのコード】

<ahref="#">Home</a>

</li>

</ul>

【サンプル】

f:id:semanticist:20130507150707p:plain

非常に単純なコードですが、スタイリッシュなナビゲーションバーができていることがわかります。

ということで、美しいナビゲーションが利用できるCSS フレームワーク5選、まずはbootsrapから。

(1)Twitter Bootsrap

非常に有名なフレームワークでナビゲーション以外にも様々なUIが用意されています。ナビゲーションの具体例はさきほどの例を御覧ください。

(2)Groundwork CSS

カラフルで美しいナビゲーションを提供。フォームやボタンも充実しています。

【サンプル】

f:id:semanticist:20130507160109p:plain

【コード】

<nav>

<ul>

<li><a href="#">Example Link</a></li>

</ul>

</nav>

(3)Yaml 4

次にYaml 4。こちらは黒いナビゲーションで重厚な感じがします。

【サンプル】

f:id:semanticist:20130507160112p:plain

【コード】

<ul>

<li class="active"><strong>Active</strong></li>

</ul>

(4)Gumby 2

こちらもデフォルトは黒のナビゲーション。サブメニューはドロップダウンで表示できます。

【サンプル】

f:id:semanticist:20130507160110p:plain

【コード】

サブメニューが入っているため長くなっています。

</a>

</h1>

<li><a href="#">Features</a></li>

<li>

<a href="#">Documentation</a>

<ul>

<li><a href="#">JavaScript</a></li>

</ul>

</div>

</li>

<li><a href="#">Customize</a></li>

</ul>

</div>

(5)Kube

最後にKube。超シンプルなナビゲーションです。

【サンプル】

f:id:semanticist:20130507160111p:plain

【コード】

<ul>

</ul>

</nav>

まとめ

以上、ナビゲーションのあるCSS フレームワークを見てきました。これらをベースに使えば、おしゃれなデザインで簡単にウェブサイトを作れますので、利用してみるとよいでしょう。

Memo plus Alpha

メモにプラスアルファを加えて価値ある情報に。

【Perl】ホームページの更新日時を取得する（html,pdfなど）

CRONで一定時間ごとにファイルを削除する（さくらレンタルサーバーの場合）

IEで画像のキャッシュを回避する方法（動的に画像を生成する場合など）

PHPでexif情報を削除する（iPod, iPhoneで画像が回転する問題）

【HP作成】美しいナビゲーションバーが使えるCSSフレームワーク5選

(1)Twitter Bootsrap

(2)Groundwork CSS

(3)Yaml 4

(4)Gumby 2

(5)Kube