2012-08-23

PHP:mb_convert_kana( )

PHP:mb_convert_kana( )のパラメータ

[a] 全角英数字を半角英数字に変換する
[A] 半角英数字を全角英数字に変換する
[c] 全角カタカナを全角ひらがなに変換する
[C] 全角ひらがなを全角カタカナに変換する
[k] 全角カタカナを半角カタカナに変換する
[K] 半角カタカナを全角カタカナに変換する
[h] 全角ひらがなを半角カタカナに変換する
[H] 半角カタカナを全角ひらがなに変換する
[n] 全角数字を半角数字に変換する
[N] 半角数字を全角数字に変換する
[r] 全角英文字を半角英文字に変換する
[R] 半角英文字を全角英文字に変換する
[n] 全角数字を半角数字に変換する
[N] 半角数字を全角数字に変換する
[s] 全角スペースを半角スペースに変換する (U+3000 → U+0020)
[S] 半角スペースを全角スペースに変換する (U+0020 → U+3000)
[V] 濁点つきの文字を１文字に変換する (K、H と共に利用する）

2012-08-23

PHP : ３つのトップページにランダムで誘導

http://web-study.lolipop.jp/php/sample20/sample20.php

<?php
if(rand(0,2) == 0) {
	header('Location: sample20-1.html');
} else if(rand(1,2) == 1) {
	header('Location: sample20-2.html');
} else {
	header('Location: sample20-3.html');
}
?>

2012-08-23

PHP : 電子メールを送信する

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<form action="sample19.php" method="post">
<dl>
<dt>送信先（To）</dt>
<dd>
<input name="email" type="text" id="email" size="50" maxlength="255">
</dd>
<dt>サブジェクト</dt>
<dd>
<input name="subject" type="text" id="subject" size="50" maxlength="255">
</dd>
<dt>内容</dt>
<dd>
<textarea name="message" id="message" cols="50" rows="10"></textarea>
</dd>
</dl>
<input type="submit" value="送信する">
</form>

</body>
</html>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<?php
mb_language("japanese"); //使用言語が日本語で文字コードがUTF-8と設定
mb_internal_encoding("UTF-8");

if(!empty($_POST['email'])) { //宛先のメールアドレスが記入されているかチェック
	$to = $_POST['email'];
	$subject = $_POST['subject'];
	$body = $_POST['message'];
	$from = mb_encode_mimeheader(mb_convert_encoding("ハンバーグ","JIS","UTF-8"))."<hunberg@gmail.com>"; //差出人の設定
	
	$success = mb_send_mail($to,$subject,$body,"From:".$from);
	
	//mb_send_mail(送り先のメールアドレス,サブジェクト,本文,送り主のメールアドレス等);
}
?>

<?php
if($success) {
	print('送信しました');
} else {
	print('送信に失敗しました');
}
?>
	
</body>
</html>

2012-08-23

PHP :SESSION

$_SESSION[ 変数名 ]=設定値

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<form action="sample18.php" method="post">
<dl>
<dt>ID</dt>
<dd>
<input type="text" name="my_id" id="my_id">
</dd>
<dt>パスワード</dt>
<dd>
<input type="password" name="password" id="password">
</dd>
</dl>
<input type="submit" value="送信する">
</form>

</body>
</html>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>

<?php
session_start(); //■1 sessionの初期化を行なっている

if(isset($_POST['my_id'])) {
	$_SESSION['my_id'] = $_POST['my_id']; //■2　
}
?>


<p>ようこそ<?php echo htmlspecialchars ($_SESSION['my_id']); ?>さん</p>

<p><a href="./sample18_second.php">次のページヘ</a></p>

</body>
</html>

<meta charset="utf-8"> HTMLの構文を書いてしまうと
<?php
session_start();
?>

<p><?php echo $_SESSION['my_id']; ?>さんの情報はまだ残っています</p> 

<p><a href="./sample18_logout.php">ログアウトする</a></p>

<meta charset="utf-8">
<?php
session_start();

session_unset(); //■4 セッションの内容を全て削除
?>
<p><?php echo $_SESSION['my_id']; ?>さんの情報はまだ残っています</p> /*削除されたか確認*/

2012-08-02

授業メモ

phpはインタプリタ型なので、コンパイルの必要がない。
PHPでは、半角英字と全角英字区別される。
PHPのソースコードは文法規則が誤っていた場合実行できない
ソースコード中の空白は、半角スペースキーやtabを押します

（2）変数の値を１加算するためには［　＋＋　］演算子を使う
（3）演算子は［　変数　］と組み合わせて使う
（4）if文は［　条件分岐処理の　］場合に使う
（5）for文は［　繰り返し処理の　］場合に使う

2012-07-27

wordpress バックアップ

授業メモ

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="<?php bloginfo('charset') ?>">
<title><?php bloginfo('name'); ?>
<?php wp_title(); ?></title>
<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css">
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>

<body>
<!-- container▼ -->
<div id="container">
<!-- header▼ -->
<div id="header">
<h1><a href="<?php echo home_url('/'); ?>"><?php bloginfo('name'); ?></a></h1>
<p id="desc"><?php bloginfo('description'); ?></p>
<p id="image"><img src="<?php bloginfo('template_url'); ?>/images/header.jpg" alt="" width="760" height="200" /></p>
</div>

<!-- wrapper▼ -->
<div id="wrapper">
<!-- content▼ -->
<div id="content">
<!-- pagetitle▼ -->
<div id="pagetitle"><!-- カテゴリわけの囲み▼-->
<?php if(is_month()): ?><!-- 日時の取得-->
<p id="pagetitle"><?php echo $year.'年'.$monthnum.'月'; ?></p>
<?php endif; ?>
<?php if(is_category()): ?><!-- カテゴリtitle取得-->
<p id="pagetitle"><?php single_cat_title(); ?></p>
<?php endif; ?>
</div>

<?php if(have_posts()): while(have_posts()): the_post(); ?>
<div class="post">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content(); ?>

<p class="postinfo">
<?php the_date(); ?>　<?php the_time(); ?>
 ｜
カテゴリ：<?php the_category(', '); ?>
</div>
<?php endwhile; endif; ?>
</p>
</div>

<!-- ▼#sidebar -->
<div id="sidebar">
<ul>
<?php dynamic_sidebar(); ?>
</ul>
</div>
</div><!-- wrapper▲ -->

<!-- 進む　戻る▼ -->
<?php if(is_home()): ?>
<p class="pagelink"><span class="oldpage">
<?php next_posts_link('&laquo; 前の記事'); ?>
</span></p>
<p class="pagelink"><span class="newpage">
<?php previous_posts_link('次の記事 &raquo;'); ?>
</span></p>
<?php endif; ?>

<?php if(is_single()): ?>
<p class="pagelink">
<span class="oldpage"><?php previous_post_link(); ?></span>
<span class="newpage"><?php next_post_link(); ?></span>
</p>
<?php endif; ?>

<!-- footer▼ -->
<div id = "footer">
<address>Copyright &copy; 
<a href="mailto:<?php bloginfo('admin_email'); ?>">ひだまりりの日記</a>
</address>
</div>

</div>

</body>
</html>

/*
Theme Name: Sample Theme
Theme URI: http://www.www.www/
Description: This is my sample theme.
*/


@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}
body {
	font-family:
  	"Hiragino Kaku Gothic Pro",
  	"ヒラギノ角ゴ Pro W3",
  	Meiryo, 
  	"メイリオ", 
  	Osaka, 
  	"MS P Gothic", 
  	"ＭＳ Ｐゴシック", 
  	sans-serif;
  	background-color: #F6F2E6;
}
article,aside,figcaption,figure,footer,header,hgroup,nav,section {
	display: block;
}
img {
	border: 0;
	vertical-align: bottom;
}


/* #container */
#container {
  width: 760px;
  margin: auto;
}
#wrapper {
  overflow: auto;
}
/* #header */
#header {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

#header h1 {
  font-size: 1.875em;
	float: left;
	margin: 0 0 5px 0;
}
#header p#image {
	margin: 8px 0 0 0;
}
#header p#desc {
  color: #444;
  font-size: 0.75em;
	float: right;
	margin: 22px 8px 0 0;
}

#header h1 a {
  color: #000;
  text-decoration: none;
}


/* .post */
.post {
  margin: 0 0 20px 0;
  padding: 15px;
  border: solid 1px #0c8bcd;
}
.post h2 {
  font-size: 0.875em;
  padding: 10px;
  background-color: #a3d2f2;
}
.post h2 a {
  color: #000;
  text-decoration: none;
}
.post p {
  font-size: 0.875em;
  line-height: 1.6;
  margin: 10px 0 0 0;
}

p.postinfo {
	color: #2b76cc;
	text-align: right;
	margin: 20px 0 0 0;
	clear: both;
}
p.postinfo a {
	color: #2b76cc;
}

.post h2 {
  font-size: 0.875em;
  padding: 10px;
  background-color: #ddefc0;
	background-color: #a3d2f2;
	background-image: url(images/titlebar.png);
}


/* pagelink */
span.oldpage {
  float: left;
  margin: 0 0 15px 0;
  display: inline; /* IE6 対策 */
}
span.newpage {
  float: right;
  margin: 0 0 16px 0;
  display: inline; /* IE6 対策 */
}
p.pagelink a {
  color: #0c8bcd;
  font-size: 0.75em;
}

/* #footer */
#footer {
  clear: both;
  padding: 8px 0;
  border-top: dotted 1px #333;
}
address {
  font-size: 0.75em;
  font-style: normal;
  font-family:
    Verdana, Geneva, sans-serif;
  text-align: center;
}
address a {
  color: #000;
}

.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
.alignright {
  float: right;
  margin: 0 0 10px 10px;
}
.wp-caption {
  text-align: center;
  margin: 20px auto 0 auto;
  padding: 5px 0 5px 0;
  border: solid 1px #aaa;
}

/* #content */
#content {
  width: 515px;
  float: left;
}

/* #sidebar */
#sidebar {
  width: 220px;
  float: right;
}
#sidebar ul {
  list-style-type: none;
}
#sidebar .widget {
  color: #FFF;
  margin: 0 0 10px 0;
  padding: 16px;
  background-color: #0c8bcd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
}
#sidebar h2 {
  font-size: 0.75em;
  margin: 0 0 10px 0;
  padding: 0 0 8px 0;
  border-bottom: solid 1px #FFF;
}
#sidebar .widget li {
  font-size: 0.75em;
  line-height: 1.5;
  margin: 0 0 4px 0;
  padding: 0 0 0 16px;
  background-image: url(images/listmark.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
}
#sidebar .widget li a {
  color: #FFF;
  text-decoration: none;
}

p#pagetitle {
  color: #0C8BCD;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  border: dotted 1px #0C8BCD;
　margin: 0 0 20px 0;
}
#pagetitle {
  margin: 0 0 10px 0;
}

<?php
//ウィジェット
register_sidebar();
?>

2012-07-24

jQueryを使ったサイト練習 1：Kitchenware Club途中経過

授業メモ

floatの解除が理解できていないので、そこら辺を意識して取り組んでいきますー

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/base.css">
<script src="js/"></script><!-- まだ -->
<link href='http://fonts.googleapis.com/css?family=Simonetta' rel='stylesheet' type='text/css'>
<!--[if lte IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
</head>
<body>
<div id="border_top">
</div>
<article id="container">
	<header id="header"><!-- Header -->
		<div id="header01">
			<img id="logo" src="images/logo.jpeg" alt="キッチンウェーブ　クラブ">
			<h1 id="title01">Kitchenware Club</h1>
			
			<div id="address">
				<img id="mail_logo" src="images/mail.jpg" alt="お問い合せ">
				<address><a href="">お問い合わせ</address>
			</div>
		</div>
			
		<nav id="nav">
			<ul>    
				<li><a href="">TOP</a></li>
				<li><a href="">Kitchenware Club</a>
					<ul>
						<li><a href="">リンク項目その１</a></li>
						<li><a href="">リンク項目その２</a></li>
					</ul>
				</li>	
				<li><a href="">製品情報</a>
					<ul>
						<li><a href="">リンク項目その１</a></li>
						<li><a href="">リンク項目その２</a></li>
					</ul>
				</li>	
				<li><a href="">会社概要</a>
					<ul>
						<li><a href="">リンク項目その１</a></li>
						<li><a href="">リンク項目その２</a></li>
					</ul>
				</li>
				<li><a href="">取扱ショップ一覧</a>
					<ul>
						<li><a href="">リンク項目その１</a></li>
						<li><a href="">リンク項目その２</a></li>
					</ul>
				</li>
			<ul>
		</nav>
	</header>
	
	<h1 id="board"><img src="images/board.jpg" alt="キッチン用品" width="600" height="300"></h1>
	
	<div id="midlle_border">
	</div>
	
	<div id="wrapper">
		<section id="news">
			<h2>更新情報</h2><!-- 更新情報 -->
			
			<dl>
				<dt>2012.7.2</dt>
					<dd>夏の新作商品を5点追加しました。</dd>
				<dt>2012.6.22</dt>
					<dd>日本中の食器が集まるイベント"日本食器展示会"
					にKichinwere Clubも出品しました。</dd>
				<dt>2012.6.12</dt>
					<dd>取扱ショップ情報を更新しました。</dd>
			</dl>
		</section>
		
		<section id="items">
			<h2>新着製品</h2><!-- 新着情報 -->
			<h3>Kitchenware Clubオリジナル</h3>
			<p>厚手ガラスタンブラー・小 約280ml</p>
			<p>梨地の丈夫な厚手ガラスです。<br>
			割れにくいガラスを使用しています。<br>
			これからの季節にピッタリのタンブラーです。</p>
			
			<h3>山崎木工</h3>
			<p>木製 スプーン 39×155mm</p>
			<p>柔らかな形状の木製スプーンです。<br>
			何通りもの試作品を作り、その中から<br>
			最も手になじむ物を製品化しました。</p>
			
			<h3>WAECHTERSBACH</h3>
			
			<p>ステンレスマルチトング 長さ23cm</p>
			<p>ドイツの老舗食器メーカー・べヒタフバッハから<br>
			シンプルなステンレストングの入荷です。<br>
			軽くてつかみやすい設計になっています。</p>
		
			<p>以前の新着情報を見る</p>
		</section>
		
	<footer>
		<ul>
			<li>サイトマップ</li>
			<li>プライバシーポリシー</li>
			<li>アクセシビリティポリシー</li>
		</ul>
	</footer>
	
	<address>Copyright &#169; 2012 Kitchenware Club All Rights Reserved.</address>
</article>	
</body>
</html>

@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
body {
	font-family:
  	"Hiragino Kaku Gothic Pro",
  	"ヒラギノ角ゴ Pro W3",
  	Meiryo, 
  	"メイリオ", 
  	Osaka, 
  	"MS P Gothic", 
  	"ＭＳ Ｐゴシック", 
  	sans-serif;
  	background-color: #F6F2E6;
}
article,aside,figcaption,figure,footer,header,hgroup,nav,section {
	display: block;
}
img {
	border: 0;
	vertical-align: bottom;
}
#border_top {
	background-color: #060606;
	height: 10px;
}
#container {
	margin: 0 auto 0 auto;
	width: 900px;
	background-color: #fff;
	box-shadow: 0px 1px 13px rgba(0,0,0,0.61);
}
#header {
	padding: 30px;
}
#header01 {
	margin-bottom: 60px;
}
#logo {
	float: left;
	width: 70px;
	height: 40px;
}
#title01 {
	font-family: 'Simonetta', cursive;
	font-weight: bold;
	font-size: 2em;
	color: #6e6d6d;
	font-style: italic;
	overflow: auto;
	float: left;
	padding-left: 10px;
	width: 600px;
	-webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,0.9));
 
}
#mail_logo {
	width: 30px;
	height: 20px;
	float: left;
}
#address {
	float: right;
	overflow: auto;
	width: 130px;
	margin-top: -10px;
}
address {
	font-style: normal;
}
#nav {
	clear: both;/* 重要！！！！(o'v'o)！！さｌｋｄｊふぁｓ；ｌｄｋふぁｊ！(o'v'o)！ */
	float: left;
}
ul {
	list-style-type: none;
}
#nav ul li{

}
#nav ul li a{
	text-decoration: none;
	
}
#nav ul li a: hover{
	
}
#board {
	width: 600px;
	height: 300px;
	float: right;
	overflow: auto;
	border: 7px solid rgba(0,0,0,0.19);
}
#midlle_border {
	height: 30px;
	background-color: #0e205a;
	clear: both;
	margin: 330px 0 20px 0;
}
#news {
	clear: both;
	float: left;
	overflow: auto;
	width: 300px;
}
#items {
	float: right;
	overflow: auto;
	width: 400px;
}
footer {
	clear: both;
}