jQuery.upload(http://lagoscript.org/jquery/upload) 1.0.2のminified版を入れたら転けた。 Firefoxだけこけた(V.14.0.1)
h=”jquery_upload”+ ++p;
っていう記述があって、IEとChromeは正常に処理するんだけど、Firefoxは
h=”jquery_upload”+++p;
って解析していた。 ＋みっつ。
そんなわけで、
h=”jquery_upload”+(++p);
に書き換え。
ほんとにちょいメモだけどこれ大事。
ChromeやIEで普通にロードして普通に動いていたけど、ふとした機会にFirefoxで表示したら見事に構文エラーになって転けてページ全体死んでいた。
(285)
jQueryでページの一部をリロードさせる。
一発表示するだけのページを定期監視する為のスクリプト。
<html>
<head>
<meta http-equiv=’Content-Type’ content=’text/html; charset=UTF-8′>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" charset="utf-8"></script>
<script type="text/javascript">
<!–
$(document).ready(function(){
var loading = setInterval(reload, <?php echo("$_GET[‘interval’]"); ?>*1000);
function reload(){
$("#loading").html("now loading…");
$.get("<?php echo("$_GET[‘url’]"); ?>", {}, function(page){
$(‘#page’).html(page);
$("#loading").html(" ");
});
}
reload();
});
// –>
</script>
</head>
<body>
<span id="loading"> </span>
<hr>
<div id="page"></div>
</body>
</html>
PHPファイルとして保存して、http://hoge.tld/file.php?url=/log.txt&interval=30 みたいにリクエストすれば、/log.txtを30秒ごとに更新表示できる。
(1400)
GMOクラウド VPS
のサービスは従来、割高感があったんだけど、5日から値下げされた。
マイクロプランで12ヶ月払いだと月あたり980円で、CPU3コア、2GBメモリ、100GBのHDDになっている。 12ヶ月払いすると、さくらVPS
の980円プランよりちょっとリソース的に有利かな？
とりあえず、GMOクラウドの株を持っていて、半年あたり5000円引きで利用できるので、6ヶ月契約してみようかな。
しかし、初期費用が3000円弱かかるのが微妙だなぁ。 お試し期間があればいいんだけど。
(173)
PC版のサイトでよく使う基本的なテーブルスタイルとして
<table>
<tr><th>件名</th><td>お知らせ</td></tr>
<tr><th>送信者名</th><td>hoge@piyo.tld</td></tr>
<tr><th>メッセージ本文</th><td>こんにちわ、これはテスト用のメッセージです。<br>ワイド画面の多いPCなら良いけど、幅が狭いスマホでは左見出しが長いと見にくくなりますね。</td></tr>
…
</table>
| 件名 | お知らせ |
|---|---|
| 送信者名 | hoge@piyo.tld |
| メッセージ本文 | こんにちわ、これはテスト用のメッセージです。 ワイド画面の多いPCなら良いけど、幅が狭いスマホでは左見出しが長いと見にくくなりますね。 |
みたいなテーブルがあると思うけど、スマホとかで表示すると（Width600px）
みたいな感じになって、TDが狭くなっちゃって見にくくなるんで、THをHタグにして、その下にTDを入れるようにJavaScriptで変換してみる（テーブルをはき出すスクリプトを変えれば良いんだけど、PCとスマホでテンプレを変えないと言う変わったケースに対応）
jQueryを使って
$(document).ready(function(){
if($(window).width()<=720){
$(‘table’).each(function(){
var breaked = "";
$(‘tr’, this).each(function(){
breaked += "<h3>"+$("th", this).html()+"</h3><p>"+$("td", this).html()+"</p>";
});
$(this).before(breaked);
$(this).remove();
});
}
});
</script>
みたいなJSを書いてみた。 UserAgentで識別せずに、開いたときのウィンドウのサイズが720ピクセル以下の場合にH3/Pタグに書き換えるようにしてみた。
すると・・・
こんな感じに仕上がって、縦長、横短のスマホ画面向けな感じにイフェクトできた。 セレクタにtableタグを使っているけど、thとtdが1個ずつの2カラムテーブル専用に書いてあるから、2カラムテーブルを明示するクラスなどをつけた方がいいかな。
テストページ （ウィンドウサイズを変えてリロードしてみると、720ピクセル以下とそれより大きい場合で見え方が変わる。 $(window).resizeを使えば、ウィンドウをリサイズしたときにうにょうにょ変わるということもできるだろう）
(335)
お名前.com VPS
のサーバを契約してWordpressを動かすまでの最短ルートをメモっておく。
ポイントは、お名前.com VPSの基本状態では、iptablesによりポート22（SSH）しか許可されていないので、これを設定し直すこと。
;必要なパッケージを導入
yum install mysql-server
yum install mysql
yum install php
yum install php-mysql
yum install httpd
yum install vim
yum install wget
yum install unzip;Apache設定をする（仮想ドメイン等を使わなければとりあえずそのままで動く）
vim /etc/httpd/conf/httpd.conf;iptablesを設定する。
iptables -I INPUT -p tcp –dport http -j ACCEPT
service iptables save;サービスのスタート設定
chkconfig httpd on
chkconfig mysqld on
/etc/init.d/httpd start
/etc/init.d/mysqld start;mysqlでデータベースの作成とパスワード設定をする
mysql
>SET PASSWORD FOR ‘root’@’localhost’ = PASSWORD(‘パスワード’);
>CREATE DATABASE wordpress;;Wordpressファイルの展開と所有権設定
cd /var/www/
wget http://ja.wordpress.org/wordpress-3.4-ja.zip
unzip wordpress-3.4-ja.zip
rmdir html
mv wordpress html
chown apache:apache html -R;Wordpressのセットアップ画面で設定を実施。
;DBユーザroot 設定したパスワードとデータベースで構築（本来はrootではなくユーザ追加した方が安全性が高い）
;wp-config.phpの内容をコピって貼り付けてCTRL+D・・・
cat >wp-config.php
以上でWordpressが使用可能になったはず。
さくらVPS等、ほかのCentOS系のVPSレンタルサーバでも、同じ方法で導入できる。
DB直いじりすることがあるならphpMyAdmin位は入れておくのもいいかも。 最後のphpMyAdminは定型で狙われやすいので適当にキーフレーズ的なパスにするのも良い＞mv phpMyAdmin-3.5.1-all-languages getwildbytmn みたいにして、http://hoge.tld/getwildbytmn にphpMyAdminを置く。
cd html
wget http://sourceforge.net/projects/phpmyadmin/files/phpMyAdmin/3.5.1/phpMyAdmin-3.5.1-all-languages.tar.gz/download
tar xzf phpMyAdmin-3.5.1-all-languages.tar.gz
mv phpMyAdmin-3.5.1-all-languages phpMyAdmin
(442)
以前の記事で、ffmpegを使ってお名前.com VPSやさくらVPS上でTS録画をMP4変換する記事を書いた。
普段、Android標準ブラウザやChromeで見ていると普通に疑似ストリーミングが出来ていたんだけど、仕事関係でIEやFirefoxで見たら、QuickTimeプラグインが立ち上がって、ファイルダウンロード完了しないと再生できないことに気づいた。
対応方法は、MP4BoxでMP4コンテナを作り直すこと。
MP4BoxはWindowsでメジャーだけど、GPACの中にもあるので、LinuxでもGPACをビルドして、変換後のMP4を再構築するようにしてやればIEやFirefoxでも疑似ストリーミング出来るようになる。
もっとも、個人利用でPCはChrome、スマホはAndroidだから、わざわざ変換しないでも良いんだけど、何となくメモっておく。
(352)
お名前.com VPSでもさくらのVPSでもサーバ証明書としてSSLボックス RapidSSL
を入れて活用しているわけだけど、そのほかにメール通信も保護したい。
電子証明書発行機関としてそこそこ有名なCOMODO社が個人利用向けに無料で電子メール用証明書を発行しているので、それを利用する。
こちらのサイトから申請することが出来る。
有効期間1年で電子メール署名・暗号化に使うことが出来る。 期限が来たら再発行を申請すれば新しい証明書を受け取ることが出来る。
相手方と鍵を交換していないとメールの暗号化は出来ないが、署名は出来る。
署名は、秘密鍵とメールの文書から生成してメールに添付し、相手側で公開鍵により確認することで、メールの文面が改ざんされていないことを証明する方法だ。
暗号化したメールは相手が対応していない環境で受信できないが、署名は添付ファイルがついてくるだけなので、確認をしなければ添付ファイルを無視して本文を読むことが出来る。
ネットワーク社会で少しでもメールの信頼性を向上させるため、出来るだけ導入しておきたいところだ。
なお、証明書を入れたマシンが故障したりして、期間内に同じアドレスで新しい証明書を取得する場合には、既存証明書の無効化（Revoke;Revocation）が必要となる。
COMODOのメール証明書無効化はこちらのページから行うことが出来る。
(332)
