沖縄グルメと格安沖縄旅行情報サイト
最近のコメント
QRコード
QRCODE
てぃーだブログ › 1日3分ブログ&HP簡単講座

2012年05月13日

第12回ブログ講座(ブログ記事を書くタイミングが重要)twitter

第8回ブログ講座(毎日書くのが大事)で
お話したように毎日記事を書くことは
ブログのアクセスアップに繋がります

ただ通常ブログのアクセスがあがるのには
タイミングがあります  続きを読む

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 18:51Comments(0)TrackBack(0)簡単ブログ講座

2011年11月20日

第11回ブログ講座(ブログとfacebookとの連携)twitter

facebookのプラグインを利用してブログとの連携

facebookと連携することにより
facebookユーザーが書き込みしやすい環境を作ります
  続きを読む

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 13:02Comments(0)TrackBack(0)簡単ブログ講座

2011年11月19日

ブログレイアウトの変更twitter

食べ歩きブログ「大きなわ沖縄」のブログが
なんと・・・150万アクセス突破!

日々のアクセス数も安定してきたので、PCで見た場合の表示を変更。
■TOPページで最新記事30件→10件に変更
■メイン記事と追記に内容をわけ、TOPページでの画像表示数を削減し、表示速度をアップ

今回の変更でどの程度今後のアクセス数に影響が出るのか確認していきたいと思います。

恐らくTOPページでのテキスト内容が少なくなったことによって、yahooやgoogleでの自然検索によるアクセスが減るのかな!?というのはありますが、まぁしばらく様子をみることにします。  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 17:56Comments(0)TrackBack(0)SEO対策

2011年06月29日

SEOで80万アクセス突破!PageRankもアップ!twitter




前回記事を書いてから約2ケ月半

私のメインブログ 大きなわ沖縄

前回の50万アクセス突破から早くも80万アクセス突破!

キーワードの選定・埋め込み
リンクの数は配置
などなどいろいろシロートながら
思考錯誤でやっていますが・・・

ようやく結果が出始めましたー!!

画像のように検索すると
URLの下にカテゴリのサイトリンクが表示されています
しかも前回は5個しかなかったリンクが
MAXの8個になってます!!

アクセス数が増えたことと
適切なリンク配置にしたことによると
考えています

また、PageRankが前回2だったのですが
今回は2→3へアップ!!

しかも、嬉しいことに
この 1日3分ブログ&HP簡単講座 も
PageRankが前回1→3へとアップ!!

少しずつリンクの配置など変更してきた結果です

特に私のブログのように3カラム形式の場合
左右のリンクエリアがかなり重要になってきます
どちら側がページ読み込みの際の上位にきているか?

私の場合は右側がページ読み込みの際に上に来ているので
リンクやカテゴリなどテキスト系のリンクを右へ表示し
アフィリエイトバナーなどは左側へ配置

こうすることによってテキストリンクを
より強力なものにしています

少しずつ何がベストなのかを考えながら
上を目指していきたいと思います  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 00:01Comments(0)TrackBack(0)SEO対策

2011年04月13日

50万アクセス突破で徐々にSEO効果が現れるtwitter




私がメインで書いているブログ
大きなわ沖縄
ついに50万アクセス突破!!

最初の画像は
yahooの検索/キーワード:大きなわ
での検索結果
検索結果1位でした(googleももちろん同じ)

ただいつもと違うのは
URLの下にカテゴリのサイトリンクが表示されています
2~3日前にはなかった

アクセス数が増え
検索エンジンにやっとカテゴリが認識されたのでしょうか?
よくわかりませんが、まぁいいことでしょう

googleのPageRankも2になってました
これもまだまだですが進歩です

とりあえずグルメサイトに負けないつもりで
ブログを書いていればそのうち
PageRankもあがってくると信じて書き続けようと思います

ちなみに
てぃーだブログのグルメジャンルのランキングは現在1位
総合ランキングで現在3位
下がらないように頑張ろうと思います。
  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 23:11Comments(0)TrackBack(0)SEO対策

2011年03月16日

リンクシェアAPIでの商品在庫判定(nissen・stylefe編)twitter

リンクシェアの商品検索APIには在庫の概念がありません。
いろいろ調べたけど書いているサイトもありませんでした。

なので、自分でひとつずつ調べてみました~!

そこそこの動作スピードを確保しつつ、在庫判定を行うphpのコード
ショップごとに違うので
今回は、nissenとstylefeの2件です

<nissenの場合>
simplexml_load_fileでデータを呼び出してから

$sku = $db->sku;
//nissenの場合このskuという部分の数字が商品のコードになっている
//4桁と5桁で商品のURLが判別されている
$sku_f = substr($link_chk, 0, 4);
$sku_s = substr($link_chk, 4, 5);
//下記のような商品のURLになります。
$sku_url = "http://www.nissen.co.jp/sho_item/regular/".$sku_f."/".$sku_f."_".$sku_s.".asp";

//nissenの在庫は、在庫がなくなったばかりの場合は商品画面で在庫切れ
//だいぶ以前から在庫がないものは、在庫切れ画面に転送
//在庫判定するために上記の商品URLを読み込む
$link_chk_detail = @file_get_contents($sku_url);
$link_chk_detail = preg_replace('/\</','',$link_chk_detail);
$link_chk_detail = preg_replace('/\<\//','',$link_chk_detail);
$link_chk_detail = preg_replace('/\>/','',$link_chk_detail);
$link_chk_detail = preg_replace('/\n/','',$link_chk_detail);
$link_chk_detail = mb_convert_encoding($link_chk_detail,'utf8','sjis');
//転送されているかどうかのデータを取る
$header = get_headers($sku_url);

//転送されているかどうかと、取扱してないことが含まれるかを判定
if(preg_match('/HTTP\/1.1 302 Found/', $header[0]) || preg_match("/現在取り扱っておりません/", $link_chk_detail)){
//在庫がないものをスキップします
next;
}
else{
//表示したいアイテムのコード
}

<stylifeの場合>
simplexml_load_fileでデータを呼び出してから

$sku = $db->sku;
//stylifeの場合このskuという部分の数字が商品のコードになっている
//下記のような商品のURLになります。
$sku_url = "http://www.stylife.co.jp/sf/Merchandiser/catalog/Category.do?catID=".$sku;

//stylifenの在庫は、在庫がなくなっているものは、データがない
//在庫判定するために上記の商品URLを読み込む
$link_chk_detail = @file_get_contents($sku_url);
$link_chk_detail = preg_replace('/\</','',$link_chk_detail);
$link_chk_detail = preg_replace('/\<\//','',$link_chk_detail);
$link_chk_detail = preg_replace('/\>/','',$link_chk_detail);
$link_chk_detail = preg_replace('/\n/','',$link_chk_detail);
$link_chk_detail = mb_convert_encoding($link_chk_detail,'utf8','sjis');

//データがあるかないかを判定
if($link_chk_detail == ""){
//在庫がないものをスキップします
next;
}
else{
//表示したいアイテムのコード
}


これで、だいたいの在庫判定はできるはずです。
最近在庫切れしたばかりのものは、出てきてしまいますが、その場合は、トップページに飛ばされますのでさほど問題ではないでしょう。  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 01:16Comments(0)TrackBack(0)PHP

2011年03月13日

phpでの各種API利用方法(リンクシェアのAPI編)twitter

php初心者の私でも利用できるレベルのAPIの活用方法です。

私のような初心者レベルでは、APIを利用したサイト作りなど行う場合、難しい処理だと、更新作業に時間がかかりすぎてしまって、逆に面倒なものになってしまいます。

なので、簡単なphpの処理だけで出来る方法を考えてみました。

今回は、大手アフィリエイトサイトのリンクシェアで考察してみようと思います。

まず、簡単にAPIを利用するための基本概念をして
1/APIからXML形式で商品のデータを読み込む
2/それを自分のサイトにあうように加工する
この2つになりますが、この処理をできるだけ簡単に行うことになります。

リンクシェアのサイトの中にも、APIの利用方法や例がありますので詳しくはそちらをご覧下さい。

ここでは、マニュアルやサンプルに書かれている難しい処理ではなく、簡単に処理することが目的です。

簡単に行うためのキーになるのが
simplexml_load_file
というXMLのデータを読み込むための処理になります。
これ以外にも読み込む方法はありますが、初心者にはあとの処理が難しくなりますので、simplexml_load_fileを使った処理もしくはsimplexml_load_fileで処理できるようにすることを考えるのがAPIをうまく活用するための近道になると思います。

簡単なphpのコードを記載しておこうと思います。

<コード(リンクシェア利用の場合)>
$mid = "提携済みのショップID";
$keyword = "キーワード";
$primary = "大カテゴリ";
$secondary = "小カテゴリ";
$mytoken = "リンシェアのAPIを利用するためのマイトークン";

$fileName = ("http://feed.linksynergy.com/productsearch/rest?token=".$mytoken."&keyword=".urlencode($keyword)."&mid=".$mid."&primary=".urlencode($primary)."&secondary=".urlencode($secondary)."&max=100");

$primary = str_replace(" ", "", $primary);
$secondary = str_replace(" ", "", $secondary);

$xmlpagecount = simplexml_load_file($fileName);
$dbcount1 = $xmlpagecount->TotalMatches;
$dbcount2 = $xmlpagecount->TotalPages;

for($page = 1;$page < sizeof($dbcount2)+1;$page++){
$fileName1 = ($fileName."&pagenumber=".$page);

$xml = simplexml_load_file($fileName1);

$db = $xml->item;
foreach($xml->item as $db){
$db2 = $db->mid;
$db3 = $db->merchantname;
$db4 = $db->createdon;
$db5 = $db->sku;
$db6 = $db->productname;
$db7 = $db->category;
$db8 = $db7->primary;
$db9 = $db7->secondary;
$db8 = str_replace(" ", "", $db8);
$db9 = str_replace(" ", "", $db9);
$db10 = $db->price;
$db11 = $db->upccode;
$db12 = $db->description;
$db13 = $db12->short;
$db14 = $db12->long;
$db15 = $db->keywords;
$db16 = $db->linkurl;
$db17 = $db->imageurl;
if($toroku_day < $db4 && $db8 == $primary && $db9 == $secondary ){
echo("<img src='");
echo($db17);
echo("' alt='' width='100px' height='100px' />");;
echo($db6);
echo("【ポイント】".$db13);
echo("Price:".$db10."円");
echo("<a href='");
ecoh($db16);
echo("' target='_blank'>");
echo(">>【商品の詳細】");
echo("</a>");
echo("\n");
}
}
}

これは、サンプルのAPIやマニュアルから加工したものですが、このままだと表示速度が非常に遅いです。
そこで一部さらに加工することで、若干読み込み速度が早くなります。

//この部分を修正すると早くなる
$db = $xml->item;
foreach($xml->item as $db){
$db4 = $db->createdon;
$db7 = $db->category;
$db8 = $db7->primary;
$db9 = $db7->secondary;
$db8 = str_replace(" ", "", $db8);
$db9 = str_replace(" ", "", $db9);
if($toroku_day < $db4 && $db8 == $primary && $db9 == $secondary ){
$db2 = $db->mid;
$db3 = $db->merchantname;
$db5 = $db->sku;
$db6 = $db->productname;
$db10 = $db->price;
$db11 = $db->upccode;
$db12 = $db->description;
$db13 = $db12->short;
$db14 = $db12->long;
$db15 = $db->keywords;
$db16 = $db->linkurl;
$db17 = $db->imageurl;
//ここまで修正、以下は同様


これで表示されない場合は、キーワードやカテゴリなどの変更が必要です。
マッチする商品がないということ!

リンクシェアのAPIを利用している方は、わかるかとは思いますが、これだけでは在庫切れを起こしているものがわかりません。
また、APIのデータに在庫切れを判別する仕組みがありません。

次回は、簡単な在庫の判定を書こうと思います。  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 13:56Comments(0)TrackBack(0)PHP

2011年03月03日

phpでの各種API利用方法(リンクシェアAPの在庫判定)twitter

私の場合、時々ニッセンの商品をリンクシェアAPIを利用して案内しているのですが、リンクシェアですと、skuという項目がapiにあります。
9桁の番号になるのですが、おそらくこれが商品番号だと思われます。

(例)
skuの番号:150603821

ニッセンの商品の画面を見ると
http://www.nissen.co.jp/sho_item/regular/1506/1506_03821.asp
こんな感じになっており、
在庫切れや販売中止のものは、ページに下記のように表示されてます。

大変申し訳ございません。
お選び頂きました商品は現在取り扱っておりません。

なので、在庫があるかないかの判定を

$url = "http://www.nissen.co.jp/sho_item/regular/1506/1506_01001.asp";
$content=file_get_contents($url);
if(preg_match("/取り扱っておりません/",$content)){
print "在庫切れ";
}else{
print "在庫あり";
}

というように、ファイルをテキストで読み込んで、「取り扱っておりません」という文字列が、含まれるか・含まれないか で判別できます。

ただ、この判定を行うために若干速度が遅くなってしまうのと完全ではないです。
また、今回はニッセンでテストしてますが、他のサイトだと違うかもしれません。

しかし、少しでも在庫切れがないサイトの構築が簡単にできるするのには役立つはずです。
  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 22:01Comments(0)TrackBack(0)PHP

2011年02月25日

ショートURL(bit.ly)のAPI利用のPHPの修正twitter

http://bit.ly/のAPIによるショートURLの変換する仕様が、2011.02.24に変更になっているみたい。
突然使えなくなりましたー!
なので、ショートURL化するPHPの部分を、修正

<<2011.02.23まで>>
$bitlylogin = "○○○";
$bitlyapiKey = "●●●●●●●●●●●●●●●●●●";
$site_url = "ショートURLにしたいサイトのURL";
$long_url = htmlspecialchars($site_url);
$req = "http://api.bit.ly/shorten?login=".$bitlylogin."&apiKey=".$bitlyapiKey."&version=2.0.1&longUrl=".$long_url;
$contents = file_get_contents($req);
if(isset($contents)) {
$url = json_decode($contents, true);
}
$shorturl = $url['results'][$long_url]['shortUrl'];

↓↓↓↓↓↓↓↓↓↓

<<2011.02.24修正後>>
$bitlylogin = "○○○";
$bitlyapiKey = "●●●●●●●●●●●●●●●●●●";
$site_url = "ショートURLにしたいサイトのURL";
$long_url = htmlspecialchars($site_url);
$req = "http://api.bitly.com/v3/shorten?login=".$bitlylogin."&apiKey=".$bitlyapiKey."&longUrl=".$long_url."&format=json";
$contents = file_get_contents($req);
if(isset($contents)) {
$url = json_decode($contents, true);
}
$shorturl = $url['data']['url'];


修正後、無事動作しました。
どうやら、ドメインが、bitly.comに変更になってるのと、APIで呼び出したあとの処理が若干変わっているようです。
時々見てないとダメだなー!
すぐに修正や更新があった場合に、わかる方法ないかな?  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 14:50Comments(0)TrackBack(0)コンテンツ作成日記

2010年12月22日

第3回PHPでサイト更新を楽にする(その2)twitter

PHPには、いろいろな処理をする関数(やりたいことを簡単するためのものくらいで覚えてください)というものがあります。
これをうまく利用していけば、複雑な処理をすることができます。
ただ、私も含め初心者には難しいので、必要なものだけをその都度調べて覚えていけばいいと思います。

また、この関数を組み合わせたりして、ユーザー定義関数(まぁ自分だけのオリジナルの関数とでも覚えればいいでしょう)を作ることができます。
この部分にサイト更新を楽にする方法がかくされているので、私がやっている方法を説明していきたいと思います。

ここで利用するのが「require_once」という関数と、ユーザー定義関数を作るための「function」の2つです。

require_once・・・これは、別のファイルを読み込んで利用
function・・・自分だけのオリジナルの関数を作るのに利用

じゃぁいったいこれらを利用して何すれば楽になるの?
サイトのよく更新する部分だけを他のファイルに用意し、それをそれぞれのページに表示させるようにする!
そうすれば、実際のサイトを更新する際には、もとのファイルだけを書き直せば更新されるということになり、いちいちすべてのファイルを触る必要がなくなります。
こんな説明じゃイメージわかないかな?
ってことで、実際の例で説明していきましょう。

まず、最初に更新作業をしたい2つのページがあるとします。
下記のように作成します。

samplehyoji_04_01.php で保存する(表示例
<?php
require_once( "./hyojidata_04.php" );
$title = "表示例1/第3回PHP講座|PHPでサイト更新を楽にする(その2)";
$description = "表示例1/外部ファイルを読み込んで表示させる";
$keywords = "PHP,ホームページ,作成,更新,楽,簡単";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="<?php echo($description); ?>" />
<meta name="keywords" content="<?php echo($keywords); ?>" />
<meta name="robots" content="index,follow" />
<title><?php echo($title); ?>;</title>
</head>
<body>
<?php
MainHyoji_01();
?>
</body>
</html>

samplehyoji_04_02.php で保存する(表示例
<?php
require_once( "./hyojidata_04.php" );
$title = "表示例2/第3回PHP講座|PHPでサイト更新を楽にする(その2)";
$description = "表示例2/外部ファイルを読み込んで表示させる";
$keywords = "PHP,ホームページ,作成,更新,楽,簡単";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="<?php echo($description); ?>" />
<meta name="keywords" content="<?php echo($keywords); ?>" />
<meta name="robots" content="index,follow" />
<title><?php echo($title); ?>;</title>
</head>
<body>
<?php
MainHyoji_02();
?>
</body>
</html>

この「samplehyoji_04_01.php」「samplehyoji_04_02.php」というページは、別々のページですので、表示させたい中身が違います。

次に下記のファイルを用意します。

hyojidata_04.php で保存する
<?php
function MainHyoji_01(){
?>
<h1>表示例1/第3回PHP講座|PHPでサイト更新を楽にする(その2)</h1>
<h2>表示例1/外部ファイルを読み込んで表示させる</h2>

<?php
}
?>
<?php
function MainHyoji_02(){
?>
<dl>
<dt>表示例2/第3回PHP講座|PHPでサイト更新を楽にする(その2)</dt>
<dd>表示例2/外部ファイルを読み込んで表示させる</dd>
</dl>

<?php
}
?>

「samplehyoji_04_01.php」「samplehyoji_04_02.php」の中身というのは、<body></body>で挟まれた部分となりますが、
「samplehyoji_04_01.php」では、MainHyoji_01();
「samplehyoji_04_02.php」では、MainHyoji_02();
を表示させるということになります。

オリジナルの関数は、hyojidata_04.phpのfunction MainHyoji_01(){ }の部分のように、{ }の中に実行したい内容を記述することで利用できます。
その作成した関数を実行する部分が「MainHyoji_01();」「MainHyoji_02();」をいう記載で実行されます。

ただ、ここで説明しているオリジナルの関数は、実際に表示するサイトとは別のファイルに記載しておりますので、そのファイル自体を読み込んでやる必要があります。
それが、
require_once( "./hyojidata_04.php" );
の部分になります。

外部から読み込んで、実行する
ということは、外部のファイルの内容を変えれば、実行されているサイトと内容も変えることができるということです。
上記の例だと、hyojidata_04.phpのファイルだけを更新すれば、2つのページが更新されるということになり、更新作業が楽になりますよねー。  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 16:01Comments(0)TrackBack(0)PHP

2010年12月08日

スマートフォンで着うたや着メロを利用する方法twitter

普通の携帯電話からスマートフォンに機種変更すると
まず最初にぶち当たる問題!!

そう電話が鳴ったときの着信音

電子音が鳴り響き
聞きなれてないからだろうけど
ビックリしてしまう

au IS03 は
LISMOから曲をダウンロード(有料)できるけど
あくまで音楽を聴くだけ!
着うたや着メロにすることはできません

そこでインターネットでいろいろ調べ
今は、bennieKのサンライズを着うたにしてます

同じように苦戦している方のために、その方法を記載しておきます
au IS03(android)以外は試してないので、ほかの機種で出来るかどうかわかりません
※たぶん出来ると思いますが


①CDが再生できるWindowsXpのパソコンが必要

②WindowsMediaPlayer(ver.10以降)が必要(なければダウンロード)

③WindowsMediaPlayer(ver.10以降)でCDから曲を取り込み、MP3形式に変換して保存

④そのMP3ファイルをMicroSDに保存するか、直接スマートフォンにBluetoothでデータを飛ばし保存

⑤着信音メーカーRingDroidというアプリをスマートフォンにダウンロード
http://jp.androlib.com/android.application.com-ringdroid-wBp.aspx

⑥RingDroidで、保存したMP3ファイルを開き、曲の切り取りしたい部分を選択し、名前をつけて保存する

⑦着信音の設定で、この切り取りしたファイルを選択すれば、着うた・着メロの完成です


ただし、著作権がありますので、個人的に利用する場合のみ許される方法だと思います
作ったファイルを配布したりすると犯罪となりますので注意して下さい!!  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 18:57Comments(3)TrackBack(0)android au IS03

2010年12月08日

auのandroidスマートフォンIS03で撮った画像twitter




ようやく予約していたauのIS03が入荷し
今いろいろ設定したり
アプリをダウンロードしたりしております

FxCamera というアプリで撮った画像です
魚眼(FishEye)というモードで撮影

前の普通の携帯電話のときは
レンズをつけないと出来なかったことが
アプリで簡単にできてしまう!

auのandroid なかなかいいですねー!
また、時々レポートします

  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 18:41Comments(0)TrackBack(0)android au IS03

2010年11月30日

yahooでの検索結果がgoogleと一緒twitter

7月27日に、yahooがgoogleの検索エンジンを利用する発表がされてから、もうだいぶたちますが、とうとう本格的に変わったみたいですねー!

yahooとgoogleでの検索結果が一緒になっています。
(今後若干変わってくるのかもしれませんが)

一応、テストしたキーワード「沖縄旅行」
上位10件の表示はまったく同じでした。

ちなみにブラウザは、firefoxを利用しているため、キャッシュが残っていると正しい検索結果がでないので、一旦クリアしてから検索。

IEも試したが同じ結果。

会社のPCで10台、携帯電話で2台
テストしましたが、やはり同じ結果。

いよいよといった感じです。

ちなみに、googleの検索結果とyahooが同じになっているということは、被リンクの扱いに関して、かなり厳しくなっています。
yahooの被リンクは、ほんとなんでも認識されましたが、googleに関しては、関連のある内容のページからの被リンクでなければ、被リンクとは見なされていないようです。

よくあるSEOツールなどで、被リンク数を調べるとわかります。
yahooにかたよったSEO対策をしていた人は、つらくなるかもしれませんねー!
(あくまで個人的な意見ですが)

企業などのサイトで、ディレクトリー登録などを行っているところは、あまり関係ないかもしれません。
個人のブログやサイトで、SEO対策なんかほとんどやってなかった人に関しては、検索順位が相当落ちてくる可能性もありそうなので、注意してみていこうと思います。  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 12:28Comments(2)TrackBack(0)SEO対策

2010年11月26日

第2回PHPでサイト更新を楽にする(その1)twitter

第1回で少し説明した便利な使い方の応用
ページを複製して、違うページを作成することがよくあります。
その際に、面倒な作業。
私は、タイトルの変更や説明分などの変更が面倒なので、下記のような使い方をしてます。

<<HTML使用例(ファイル名.html)>>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="PHPをうまく使えばホームページ作成や更新がラクになる。" />
<meta name="keywords" content="PHP,ホームページ,作成,更新,楽,簡単" />
<meta name="robots" content="index,follow" />
<title>第2回PHPでサイト更新を楽にする(その1)</title>
</head>
<body>
</body>
</html>

HTMLだと、だいたいこんな書き方ですかね。これをPHPで書きのようにします。

<<PHP使用例(ファイル名.php)>>
<?php
$title = "第2回PHP講座|PHPでサイト更新を楽にする(その1)";
$description = "第2回PHP講座|PHPをうまく使えばホームページ作成や更新がラクになる。";
$keywords = "PHP,ホームページ,作成,更新,楽,簡単";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="<?php echo($description); ?>" />
<meta name="keywords" content="<?php echo($keywords); ?>" />
<meta name="robots" content="index,follow" />
<title><?php echo($title); ?>;</title>
</head>
<body>
</body>
</html>

一度これで作ってしまえば、複製して別のページを作成する際に、
<?php
$title = "第3回PHP講座|PHPでサイト更新を楽にする(その2)";
$description = "第3回PHP講座|PHPをうまく使えばホームページ作成や更新がラクになる。";
$keywords = "PHP,ホームページ,作成,更新,楽,簡単";
?>
上記のように変更するだけで、簡単面倒で忘れがちな部分を忘れずに変更できます。
変更したい部分を一番上に記載しておくことで、ものすごく長い記述になっても一番上だけ変更すればいいってことになります。
だいぶ楽になりますよね!

実際に表示される部分
<body>
●●● ←この部分
</body>
にも利用できるので、使い方によっては、かなり作成が楽になります。

<<PHP使用例(ファイル名.php)>>
<?php
$title = "第2回PHP講座";
$subtitle = "PHPでサイト更新を楽にする(その1)";
$description = $title."|PHPをうまく使えばホームページ作成や更新がラクになる。";
$keywords = "PHP,ホームページ,作成,更新,楽,簡単";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="<?php echo($description); ?>;" />
<meta name="keywords" content="<?php echo($keywords); ?>" />
<meta name="robots" content="index,follow" />
<title><?php echo($title.$subtitle); ?>;</title>
</head>
<body>
<h1><?php echo($title.$subtitle); ?></h1>
<dl>
<dt><?php echo($title); ?></dt>
<dd><?php echo($description); ?></dd>
</dl>
</body>
</html>


一度ご自身で試してみてください。  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 22:05Comments(0)TrackBack(0)PHP

2010年11月22日

第1回PHPの基本構造twitter

簡単HP作成講座(HTML)の「第1回HTMLって」で説明した
HTMLの基本構造

<<HTMLの基本構造>>
<html>
<body>
</body>
</html>
こういう<>で囲まれた部分をタグといい
それぞれに意味があります
必ず<></>という形で
始まり~終わりを表しています。

簡単な表示だと

<html>
<body>
この部分が表示されます
</body>
</html>


PHPの場合ですと下記のような記述方法になります。
<<パターン1>>
<html>
<body>
この部分が表示されます
</body>
</html>

HTMLとまったく同じ状態で、ファイル名を○○○.htmlではなく、○○○.phpとするだけ


<<パターン2>>
<?php
echo("<html>");
echo("<body>");
echo("この部分が表示されます");
echo("</body>");
echo("</html>");
?>

上記のようにPHP特有の記述
<?phpから始まり、?>で終わる書き方
ファイル名を○○○.htmlではなく、○○○.phpとする


<<パターン3>>
<html>
<body>
<?php
echo("この部分が表示されます");
?>
</body>
</html>

部分的にPHPを記述(PHPを埋め込み)
PHPで表示した部分は、<?phpと?>の間の部分が表示
ファイル名を○○○.htmlではなく、○○○.phpとする


単純に、HTMLで作ってきたものを表示させる場合だと、<<パターン3>>がよく利用する書き方。
より動作条件などをあるサイトを作成する場合は、<<パターン2>>の書き方が多いです。

ここで利用している
echo("●●●●●");
というのは、●●●●●を表示するコマンド
ちなみに、この部分に <html></html> のようなタグの場合は、読み込むだけ。

したがって、
上記の<<パターン1~3>>に関しては、すべて同じ表示となるわけです。


PHPというのはすごく便利でこんなこともできちゃいます。

<?php
$hyoji_naiyo = "この部分が表示されます";
?>
<html>
<body>
<?php
echo($hyoji_naiyo);
?>
</body>
</html>

上記のように、$hyoji_naiyo に この部分が表示されますという文字と代入し
それを echo($hyoji_naiyo); の部分で表示させてます。
代入したものを利用する場合は、
echo("●●●●●"); とは違い、""は、必要ありません。
(""をつけてもかまいません) ←2011.11.26追記
""で挟まれたものは、文字列として扱われます(書いたものがそのまま表示)。
文字列の場合は、必ず""または’’で挟む必要があります。←2011.11.26修正

ただし、$ではじまる代入されたもの場合は、下記のように’’をつけてしまうと
echo('$hyoji_naiyo');  

$hyoji_naiyo

とそのまま表示されてしまいますので、注意して下さい。

上記のように代入する方法を利用すると
たとえば、ページのタイトルを頻繁に変更したい場合などに簡単に変更できるので便利です。  
タグ :PHP基本構造

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 13:19Comments(2)TrackBack(0)PHP

2010年11月16日

第7回HTMLのまとめ(画像・リンク)twitter

第1回~6回までで、基本的なことはやりましたが、あともうちょっと早い段階でやっておくべきだった画像の表示、リンクの貼り付けをやって、この第7回でHTML講座は最終にします。

●画像の貼り付け
(記述)
<img src="画像のURL" alt="画像の名前" />

上記の記載方法を覚えましょう!

(例)
<img src="http://img04.ti-da.net/usr/oxkinaxwaxokinawa/HI3D01440001.jpg" alt="アボガドバーガー" />
※大きなわ沖縄で使ってる画像を抜粋

↓下記のように表示されます

アボガドバーガー


●リンクの貼り付け
リンクとは、クリックすると指定したページでに移動するテキスト形式のものを画像形式のものがあります。
(記述)
<a href="移動したいページのURL" title="移動したいページのタイトル" target="あとで説明">移動したいページのタイトル</a>

上記の記載方法を覚えましょう!

「あとで説明」の部分ですが、覚えた方がいいのは、 _blank これひとつでいいです。
これは、別の画面を新しく開きます。
同じ画面のままで、ページを移動する場合は、target="あとで説明" の記載をしなければいいです。

(例)
・別の画面で開く
<a href="http://oxkinaxwaxokinawa.ti-da.net/" title="大きなわ沖縄" target="_blank">大きなわ沖縄</a>

↓下記のように表示されます。クリックして動作を確認してみて下さい。

大きなわ沖縄

・同じの画面で開く
<a href="http://oxkinaxwaxokinawa.ti-da.net/" title="大きなわ沖縄">大きなわ沖縄</a>

↓下記のように表示されます。クリックして動作を確認してみて下さい。

大きなわ沖縄


リンクに関しては、画像にリンクを設定することもできます。
(例)
・別の画面で開く
<a href="http://oxkinaxwaxokinawa.ti-da.net/" title="大きなわ沖縄" target="_blank"><img src="http://img04.ti-da.net/usr/oxkinaxwaxokinawa/HI3D01440001.jpg" alt="アボガドバーガー" /></a>

↓下記のように表示されます。クリックして動作を確認してみて下さい。

アボガドバーガー

・同じの画面で開く(省略)


第5回・6回でやったCSSについて、もう少し詳しく覚えていけば、自分のつくりたいと思うホームページの作成ができるはずです。
ここまで、ホームページ作成ソフトを利用しないHTMLでのホームページ作成の説明をしてきたのには、理由があります。
ここまで、自分で書けるようになれば、次はもう少し動作のあるページや複雑なページを作りたいと思うときが来ると思います。その際に導入しやすいのが、PHPというものです。これはHTMLが多少なりわかるようになった人であれば、抵抗なく覚えられると思います。
なので、ここから先は、CSSとPHPの講座へ繋げていきたいと思います。

  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 19:20Comments(0)TrackBack(0)簡単HP作成講座(HTML)

2010年11月16日

【PR】大きなわ沖縄xズートンズのコラボ企画twitter

大きなわ沖縄」のブログで紹介している『大きなわ沖縄コラボ企画

那覇市久茂地にある cafe&bar zooton's(ズートンズ)

今回、大きなわ沖縄のブログをご覧のお客様でお食事のお客様に限り、蜂蜜アイスサービスというコラボ企画を実施!

蜂蜜の甘さとアイスの甘さが絶妙にマッチ!

詳しくは、大きなわ沖縄のブログをご覧下さい。
http://oxkinaxwaxokinawa.ti-da.net/  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 15:32Comments(0)TrackBack(0)特集・宣伝

2010年11月10日

11/10修正てぃーだブログ用に作ったツイッターボットtwitter

IEブラウザ利用時にjavascriptのエラーが出ていた部分を修正(2ケ所)
<pre>
if(strUA.indexOf("msie") != -1 || strUA.indexOf("iphone") != -1){
next; →この部分を修正→ // Nothing
}
</pre>

<pre>
if(get['count'] == 1){
next; →この部分を修正→ // Nothing
}
</pre>

上記// Nothingというのは、たんに目印にしているだけで何の意味もありません。
ようは動作処理を何も入力していない状態にしています。


<全体のソース>
<pre>
<script language="JavaScript">
<!--
strUA = navigator.userAgent.toLowerCase();
if(strUA.indexOf("msie") != -1 || strUA.indexOf("iphone") != -1){
  // Nothing
}

else{
function _GET(){
var get = new Array();
if(location.search.length > 1){
var search = unescape(decodeURI(location.search));
var requests = search.substr(1).split("?");
for(var i = 0; i < requests.length; i++){
var r = requests[i].split("=");
get[r[0]] = r[1];
}
}
return get;
}
var get = _GET();
if(get['count'] == 1){
  // Nothing
}

else{
location.href=encodeURI("ツイッターボットのURL?tubuyaki=<%EntryTitle%>1日3分ブログ講座の記事を見てくれた人がいるニャン! &site_url=" + document.URL);
}
}
//-->
</script>
</pre>

  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 11:22Comments(0)TrackBack(0)ツイッター

2010年11月09日

目標達成!祝50000アクセスUPtwitter

やりました~

10/30の時点で30000アクセスだった
この「1日3分ブログ&HP講座」のブログが
本日11/9に 50000アクセスUPしました~!

パチパチ~

しかも・・・
てぃーだブログの総合ランキング 11/9現在3位
日々若干の変動はありますが。

もうひとつやってる沖縄食べ歩きブログ「大きなわ沖縄」は
てぃーだブログの総合ランキング 11/9現在4位

よく頑張りました~!!

これからもいろんな人とブログで交流しながら、上を目指していきたいと思います。

次の目標は、100000アクセス!  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 18:44Comments(2)TrackBack(0)コンテンツ作成日記

2010年11月04日

(11月4日NEW)ツイッターつぶやきボタンtwitter

サーバー移転に伴い、ツイッターボタンのURLが変更になっております。
旧ツイッターボタンに関しては、2010年11月末を持ちまして利用できなくなります。

当サイトのツイッターボタンをご利用いただいている方は、下記へ変更お願いします。

ツイッターボタン
<a href="http://tweetkoza.web-special.jp/tw_post/twitter_comment.php?title=タイトル&amp;longurl=サイトURL" title="twitterでつぶやく" target="_blank"><img src="http://bit.ly/bNtmao" alt="twitter" border="0" width="20px" height="20px" /></a>

ツイッターボタン
<a href="http://tweetkoza.web-special.jp/tw_post/twitter_comment.php?title=タイトル&amp;longurl=サイトURL" title="twitterでつぶやく" target="_blank"><img src="http://bit.ly/9AsIpG" alt="twitter" border="0" width="70px" height="21px" /></a>

ツイッターボタン
<a href="http://tweetkoza.web-special.jp/tw_post/twitter_comment.php?title=タイトル&amp;longurl=サイトURL" title="twitterでつぶやく" target="_blank"><img src="http://bit.ly/aOPCpR" alt="twitter" border="0" /></a>


ツイッターでつぶやく(PC・携帯共用)
<a href="http://tweetkoza.web-special.jp/tw_post/twitter_comment.php?title=タイトル&amp;longurl=サイトのURL" title="" target="_blank">ツイッターでつぶやく</a>


記事に貼り付けるだけの簡単ボタンです。
・タイトル(一部文字が利用できません。【】や&、?など)
・サイトURL(&や?などを含むURLの設定はできません)
の部分と各自変更してご利用下さい。

必ず、ご利用の際に、動作確認してください。

twitterでつぶやく
  

twitter
Posted by 孤独な旅人@大きなわ沖縄 at 12:43Comments(0)TrackBack(0)ツイッター