Monthly Archives: 8月 2014

「Jquery学習」jquery Fancyboxを使用して画像をオーバーレイで表示する

1.サンプルコード:
<!DOCTYPE html>
<html>
<head>
<title>ソフト、opensource、PG知識まとめ —www.arkgame.com</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<script type=”text/javascript” src=”../lib/jquery-1.10.1.min.js”></script>
<script type=”text/javascript” src=”../source/jquery.fancybox.js?v=2.1.5″></script>
<link rel=”stylesheet” type=”text/css” href=”../source/jquery.fancybox.css?v=2.1.5″ media=”screen” />
<script type=”text/javascript”>
$(document).ready(function() {
$(‘.fancybox’).fancybox();
$(“.fancybox-effects-a”).fancybox({
helpers: {
title : {
type : ‘outside’
},
overlay : {
speedOut : 0
}
}
});
});
</script>
<style type=”text/css”>
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
body {
max-width: 700px;
margin: 0 auto;
}
</style>
</head>
<body>
<h3>画像を表示</h3>
<p>
<a class=”fancybox” href=”1_b.jpg” data-fancybox-group=”gallery” title=”Lorem ipsum dolor sit amet”><img src=”20140810_startnews24.jpg” /></a>
</p>
</body>
</html>

2.説明:
2.1 FancyBoxのコアJavascript、css:
<script type=”text/javascript” src=”../source/jquery.fancybox.js?v=2.1.5″></script>
<link rel=”stylesheet” type=”text/css” href=”../source/jquery.fancybox.css?v=2.1.5″ media=”screen” />

2.2 画像ホイールの効果
<script type=”text/javascript” src=”../lib/jquery.mousewheel-3.0.6.pack.js”></script>

2.3 ボタンcssファイル:
<link rel=”stylesheet” type=”text/css” href=”../source/helpers/jquery.fancybox-buttons.css?v=1.0.5″ />
<script type=”text/javascript” src=”../source/helpers/jquery.fancybox-buttons.js?v=1.0.5″></script>

2.4 サムネイルの効果:
<link rel=”stylesheet” type=”text/css” href=”../source/helpers/jquery.fancybox-thumbs.css?v=1.0.7″ />
<script type=”text/javascript” src=”../source/helpers/jquery.fancybox-thumbs.js?v=1.0.7″></script>

2.5 メディアをロードする場合:
<script type=”text/javascript” src=”../source/helpers/jquery.fancybox-media.js?v=1.0.6″></script>
2.6 jqueryライブラリとFancyboxライブラリをインポート
<script type=”text/javascript” src=”../lib/jquery-1.10.1.min.js”></script>

3.特徴:
Can display images, HTML elements, SWF movies, Iframes and also Ajax requests
Customizable through settings and CSS
Groups related items and adds navigation.
If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well
Support fancy transitions by using easing plugin
Adds a nice drop shadow under the zoomed item

参考URL:http://fancybox.net/

CentOSサーバーでファイアーウォール(iptables)の基本操作と設定方法

基本操作:

1.ファイアウォールの状態を確認
[root@localhost ~]# service iptables status

2.ファイアウォールを停止:
[root@localhost ~]# service iptables stop

3.ファイアウォールを起動:
[root@localhost ~]# service iptables start

4.ファイアウォールを再起動:
[root@localhost ~]# service iptables restart

5.ファイアウォールをオフにする:
[root@localhost ~]# chkconfig iptables off

6.ファイアウォールをオンにする:
[root@localhost ~]# chkconfig iptables on
7.ポートを開放:(例8080ポートの開放)
/sbin/iptables -I INPUT -p tcp –dport 8080 -j ACCEPT #8080ポートを指定
/etc/rc.d/init.d/iptables save #変更を保存
/etc/init.d/iptables restart #変更を有効にするようにファイアウォールを再起動

/etc/sysconfig/iptablesに次の内容を追記
-A RH-Firewall-1-INPUT -m state –state NEW -m tcp -p tcp –dport 8080 -j ACCEPT

MySQLでreplace intoの使い方

形式:
1. replace into table_name(col_name, …) values(…)
2. replace into table_name(col_name, …) select …
3. replace into table_name set col_name=value, …

操作:
1.replace into startnews24(id,title) values(1,’青森で震度5弱’)
//idがprimary keyの場合、update操作

2.eplace into startnews24(title,content) values(‘女性の活躍推進’,’安倍晋三首相が9月上旬に行う内閣改造’) //insert操作

Linuxでrpm方法を使用して完全にmysqlをアンインストールする

1.インストールしたMySQLを検索
[root@host ~]# rpm -qa | grep mysql
mysql-server-5.0.95-1.el5_7.1
mysql-5.0.95-1.el5_7.1
mysql-5.0.95-1.el5_7.1

2.rpmでmysqlを削除
[root@host ~]# rpm -e –nodeps mysql mysql-server
[root@host ~]# rpm -e –allmatches mysql-5.0.95-1.el5_7.1

3.MySQLのサービスが存在するかどうかを確認
[root@host ~]# chkconfig –del mysql
[root@host ~]# chkconfig –list | grep -i mysql

4.MySQLのフォルダと設定ファイルを削除
[root@host ~]# rm -rf /user/local/mysql
[root@host ~]# rm -rf /etc/my.cnf

 

Linuxでトラフィック量をリアルタイム監視ツールiftopをインストール

1.iftop依存パッケージをインストール
# yum install flex byacc libpcap ncurses ncurses-devel libpcap-devel

2.iftopのソースパッケージをダウンロード
# wget http://www.ex-parrot.com/pdw/iftop/download/iftop-0.17.tar.gz
3.iftopのインストール
# tar xvf iftop-0.17.tar.gz
# cd iftop-0.17
# ./configure –prefix=/usr/local/iftop
# make
# make install
4.説明と使い方:

TX:トラフィックの送信量
RX:トラフィックの受信量
cumm:iftopを起動してからのトラフィック総量(上り、下り別)
TOTAL:iftopを起動してからのトラフィック総量
peak:瞬間に発生したトラフィックの最大量
rates:平均値

-b グラフを表示しない
-B bytes表示にする
-f  フィルター
-P ポート番号を表示す
-m  上部メジャーの上限値を表示
-i  監視対象のインターフェイスを指定
-n ホスト名の名前解決をしない
-N ポート番号のサービス名への変換を行わない
-p promiscuous modeで起動し、同セグメントの他ホストを監視

5.操作例
特定サービスのトラフィック量のみを確認したい時はフィルタを用いる
以下の例はポート80のみを表示する
iftop -i eth0 -f “dst port 80”

Mac Lion 10.7.2 でMacPortsを使用してnginx+php-fpmをインストール

インストール手順:
1.sudo port -v selfupdate
sudo vi /opt/local/var/macports/sources/rsync.macports.org/release/tarballs/ports/lang/php5/Portfile

2.php5のportfileを修正
「 configure.args 」に「–enable-fpm」という内容を追記する
「 xinstall …….php-cgi 」をコメントする

3. nginx、php5をインストール
sudo port install nginx php5 +fastcgi php5-apc php5-mysql +mysqlnd

sudo cp /opt/local/etc/nginx/nginx.conf.example /opt/local/etc/nginx/nginx.conf sudo vi /opt/local/etc/nginx/nginx.conf

4. php-fpm設定ファイルを修正
sudo cp /opt/local/etc/php-fpm.conf.default /opt/local/etc/php-fpm.conf
sudo vi /opt/local/etc/php-fpm.conf

pid = run/php-fpm.pid
error_log = log/php-fpm.log
listen = /tmp/php-fpm.sock

5.php.iniを修正
sudo cp /opt/local/etc/php5/php.ini-development /opt/local/etc/php5/php.ini
sudo vi /opt/local/etc/php5/php.ini

6.関連extensionをインストール
sudo port install php5-extension

7.操作コマンド
# nginxが起動
sudo nginx

# nginxが再起動
sudo -s reload

#nginxが停止
sudo -s stop

# php-fpm設定ファイルをテスト
sudo php-fpm -t

# php-fpmが起動
sudo php-fpm

# 強制停止 (INT, TERM)
sudo kill -INT cat /opt/local/var/run/php-fpm.pid

# 通常停止 (QUIT)
sudo kill -QUIT cat /opt/local/var/run/php-fpm.pid

# 再起動 (USR1, USR2)
sudo kill -USR2 cat /opt/local/var/run/php-fpm.pid

豊富な高速タブブラウザMozilla Firefox 32.0 Beta 5 をダウンロード

ダウンロード:
開発元サイトからダウンロード
softpediaサイトからダウンロード
cnetサイトからダウンロード

Mozilla Firefox (known simply as Firefox) is a free and open-source web browser developed for Windows, OS X, and Linux, with a mobile version for Android, by the Mozilla Foundation and its subsidiary, the Mozilla Corporation. Firefox uses the Gecko layout engine to render web pages, which implements current and anticipated web standards.

JavaでStringBufferの使い方

Javaコード:
public static void main(String[] args) {
String str = “捜査車両で51キロ速度超過”;
System.out.println(“元の文字列:” + str);

StringBuffer buff = new StringBuffer(str);

StringBuffer buff2 = buff.reverse();
String str2 = buff2.toString();

System.out.print(“反転した文字列:” + str2);
}

説明:
reverse() 文字列の並びを反転する

「PHP入門」PHPで全角英数字を半角に変換するサンプルプログラム

PHPコード:

function full2semiangle($str)
{
$arr = array(‘0’ => ‘0’, ‘1’ => ‘1’, ‘2’ => ‘2’, ‘3’ => ‘3’,
‘4’ => ‘4’,
‘5’ => ‘5’, ‘6’ => ‘6’, ‘7’ => ‘7’, ‘8’ => ‘8’, ‘9’ => ‘9’,
‘A’ => ‘A’, ‘B’ => ‘B’, ‘C’ => ‘C’, ‘D’ => ‘D’, ‘E’ => ‘E’,
‘F’ => ‘F’, ‘G’ => ‘G’, ‘H’ => ‘H’, ‘I’ => ‘I’, ‘J’ => ‘J’,
‘K’ => ‘K’, ‘L’ => ‘L’, ‘M’ => ‘M’, ‘N’ => ‘N’, ‘O’ => ‘O’,
‘P’ => ‘P’, ‘Q’ => ‘Q’, ‘R’ => ‘R’, ‘S’ => ‘S’, ‘T’ => ‘T’,
‘U’ => ‘U’, ‘V’ => ‘V’, ‘W’ => ‘W’, ‘X’ => ‘X’, ‘Y’ => ‘Y’,
‘Z’ => ‘Z’, ‘a’ => ‘a’, ‘b’ => ‘b’, ‘c’ => ‘c’, ‘d’ => ‘d’,
‘e’ => ‘e’, ‘f’ => ‘f’, ‘g’ => ‘g’, ‘h’ => ‘h’, ‘i’ => ‘i’,
‘j’ => ‘j’, ‘k’ => ‘k’, ‘l’ => ‘l’, ‘m’ => ‘m’, ‘n’ => ‘n’,
‘o’ => ‘o’, ‘p’ => ‘p’, ‘q’ => ‘q’, ‘r’ => ‘r’, ‘s’ => ‘s’,
‘t’ => ‘t’, ‘u’ => ‘u’, ‘v’ => ‘v’, ‘w’ => ‘w’, ‘x’ => ‘x’,
‘y’ => ‘y’, ‘z’ => ‘z’,’(’ => ‘(‘, ‘)’ => ‘)’,
‘〔’ => ‘[‘, ‘〕’ => ‘]’, ‘【’ => ‘[‘,’】’ => ‘]’,
‘〖’ => ‘[‘, ‘〗’ => ‘]’, ‘“’ => ‘[‘, ‘”’ => ‘]’,’‘’ => ‘[‘,
‘’’ => ‘]’,’{’ => ‘{‘, ‘}’ => ‘}’, ‘《’ => ‘<‘,’》’ => ‘>’,
‘%’ => ‘%’, ‘+’ => ‘+’, ‘—’ => ‘-‘, ‘-’ => ‘-‘, ‘~’ => ‘-‘,
‘:’ => ‘:’, ‘。’ => ‘.’, ‘、’ => ‘,’, ‘,’ => ‘.’, ‘、’ => ‘.’,
‘;’ => ‘,’, ‘?’ => ‘?’, ‘!’ => ‘!’, ‘…’ => ‘-‘, ‘‖’ => ‘|’,
‘”’ => ‘”‘, ‘’’ => ‘', '‘' => '‘, ‘|’ => ‘|’, ‘〃’ => ‘”‘,
‘ ’ => ‘ ‘,’$’=>’$’,’@’=>’@’,’#’=>’#’,’^’=>’^’,’&’=>’&’,
‘*’=>’*’, ‘"’=>'”‘);
return strtr($str, $arr);
}

PHPのセッション管理( session handler)にphredisをインストール、設定する

1.phpredis のインストール
$ git clone https://github.com/nicolasff/phpredis.git
$ cd phpredis
$ phpize
$ ./configure
$ make
$ make install

2.php.iniを修正

vim /usr/local/lib/php.ini
extension=redis.so
session.save_handler = redis
session.save_path = “tcp://localhost:6379/”

3.php-fpmが再起動
以下コマンドでredisが表示さればインストール完了
$ php -m | grep redis
redis

4.動作確認コード
PHPコード:

ini_set( ‘session.save_handler’, ‘redis’ );
ini_set( ‘session.save_path’, ‘tcp://localhost:6379?auth=username’ );

session_start();
if ( ! isset( $_SESSION[‘startnews24_user’] ) ) {
$_SESSION[‘startnews24_user’] = 0;
}
$_SESSION[‘startnews24_user’]++;
echo $_SESSION[‘startnews24_user’];