ブログ記事のリスト｜星屋工作室

星屋工作室

星屋工作室 - 映画とカレーが好きでSEOに燃えています。山口県周南市ではたらくサラリーマンの仕事、趣味、パソコンの足跡的ブログです。

WEB の最近のブログ記事

MagpieRSSでRSSを読み込んで表示する

ほっしー (2009年11月24日) | トラックバック(0)

MagpieRSSをダウンロードして適当なフォルダに保存し、

読み込んだ最新記事一覧を表示するページを作成する。

rss.php

<?php
require_once('magpierss/rss_fetch.inc');
define('MAGPIE_OUTPUT_ENCODING', 'UTF-8');

$count = 5;　//最新記事表示件数
$length = 60;　//表示する日記記事の最大文字数
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>RSS表示スクリプト</title>
</head>
<body>
<?php
$url = 'http://hoshiya.biz/index.xml';
$rss = fetch_rss($url);
echo "<ul>";
array_splice($rss->items, $count);
foreach ($rss->items as $item) {
$href = $item['link'];
$title = mb_convert_encoding($item['title'],"SJIS","auto");
$date = date('Y/m/d H:i:s',parse_w3cdtf($item['dc']['date']));
$description = mb_convert_encoding($item['description'],"SJIS","auto");
if (mb_strlen($description) > $length) {
$description =
mb_strcut($description, 0, $length) . "...";
}
echo "<li>";
echo "<FONT color=\"#ff8040\">(" . $date . ")</FONT> ";
echo "<a href=$href>" . $title . "</a><BR>";
echo $description . "</li>";
}
echo "</ul>";
?>
</body>
</html>

PHP5以上の場合は、

Warning: gmmktime() expects parameter 3 to be long, string given in /home/*******/public_html/magpierss/rss_utils.inc on line **

といったエラーが出ます。

そのときは「rss_utils.inc」の35行目　の

$epoch = gmmktime( $hours, $minutes, $seconds, $month, $day, $year);

 

を

$epoch = gmmktime( $hours, $minutes, substr($seconds,-2,2), $month, $day, $year);

 

に変更したら正常に表示されました。

参考ページ

http://plaza.rakuten.co.jp/kemusiro/diary/200601150000/

http://d.hatena.ne.jp/ms-k/20051224


［記事編集］

トラックバック(0)

トラックバックURL:

モバイルサイトのアクセスキーと絵文字を設定する

ほっしー (2009年11月22日) | トラックバック(0)

モバイルサイトでよく見る数字の絵文字がありますが、

それを表示するためには携帯電話会社各社の絵文字コードを

使用しますが、携帯電話会社によってコードが異なるため、

ユーザーエージェントを判別して各社の絵文字を設定する必要があります。

 

ユーザーエージェントを判別するPHPのスクリプト

<?php
if (eregi("DoCoMo",$_SERVER['HTTP_USER_AGENT'])){
//ドコモ
$num1="&#xE6E2;";
$num2="&#xE6E3;";
$num3="&#xE6E4;";
$num4="&#xE6E5;";
$num5="&#xE6E6;";
$num6="&#xE6E7;";
$num7="&#xE6E8;";
$num8="&#xE6E9;";
$num9="&#xE6EA;";
$num0="&#xE6EB;";
$numsharp="&#xE6E0;";
}
elseif (eregi("^J-PHONE|^Vodafone|^SoftBank|^MOT-",$_SERVER['HTTP_USER_AGENT'])){
//ソフトバンク
$num1="&#xE21C;";
$num2="&#xE21D;";
$num3="&#xE21E;";
$num4="&#xE21F;";
$num5="&#xE220;";
$num6="&#xE221;";
$num7="&#xE222;";
$num8="&#xE223;";
$num9="&#xE224;";
$num0="&#xE225;";
$numsharp="&#xE210;";
}
elseif (eregi("^UP.Browser|^KDDI|^PDXGW",$_SERVER['HTTP_USER_AGENT'])){
//au （<img localsrc="~~"><img localsrc="~~">が公式な方法）
$num1="&#xF6FB;"; //$num1="<img localsrc="180">;
$num2="&#xF6FC;"; //$num2="<img localsrc="181">;
$num3="&#xF740;"; //$num3="<img localsrc="182">;
$num4="&#xF741;"; //$num4="<img localsrc="183">;
$num5="&#xF742;"; //$num5="<img localsrc="184">;
$num6="&#xF743;"; //$num6="<img localsrc="185">;
$num7="&#xF744;"; //$num7="<img localsrc="186">;
$num8="&#xF745;"; //$num8="<img localsrc="187">;
$num9="&#xF746;"; //$num9="<img localsrc="188">;
$num0="&#xF7C9;"; //$num0="<img localsrc="325">;
$numsharp="&#xF489;"; //$numsharp="<img localsrc="818">;
}
elseif (eregi("DDIPOCKET|WILLCOM",$_SERVER['HTTP_USER_AGENT'])){
//ウィルコム
$num1="&#61631;";
$num2="&#61632;";
$num3="&#61633;";
$num4="&#61634;";
$num5="&#61635;";
$num6="&#61636;";
$num7="&#61637;";
$num8="&#61638;";
$num9="&#61639;";
$num0="&#61630;";
$numsharp="[#]";
}
elseif (eregi("^emobile",$_SERVER['HTTP_USER_AGENT'])){
//イー・モバイル（ドコモと同じ）
$num1="&#xE6E2;";
$num2="&#xE6E3;";
$num3="&#xE6E4;";
$num4="&#xE6E5;";
$num5="&#xE6E6;";
$num6="&#xE6E7;";
$num7="&#xE6E8;";
$num8="&#xE6E9;";
$num9="&#xE6EA;";
$num0="&#xE6EB;";
$numsharp="&#xE6E0;";
}
else {
//PC
$num1="[1]";
$num2="[2]";
$num3="[3]";
$num4="[4]";
$num5="[5]";
$num6="[6]";
$num7="[7]";
$num8="[8]";
$num9="[9]";
$num0="[0]";
$numsharp="[#]";
}
?>

絵文字を表示する場所に以下を記載（例：数字の0の絵文字）

<?php print $num0; ?><a href="http://www.hoshiya.biz/" accesskey="0">トップページへ</a>

 

参考サイト

携帯サイトのaccesskeyの数字画像を表示させるには
http://hoge.secret.jp/blog/2008/05/29/%E6%90%BA%E5%B8%AF%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AEaccesskey%E3%81%AE%E6%95%B0%E5%AD%97%E7%94%BB%E5%83%8F%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%82%8B%E3%81%AB%E3%81%AF/

携帯の文字コードと絵文字の基礎知識｜Mobile/Encoding - CodeRepos::Share - Trac
http://coderepos.org/share/wiki/Mobile/Encoding


［記事編集］

トラックバック(0)

トラックバックURL:

携帯電話会社各社の絵文字コード一覧サイトまとめ

ほっしー (2009年11月22日) | トラックバック(0)

モバイルサイト作成のための携帯電話会社各社の絵文字コード一覧サイトをまとめました。

ドコモ（docomo）
※イーモバイルはドコモと共通で使えるようです。
基本http://www.nttdocomo.co.jp/service/imode/make/content/pictograph/basic/index.html
拡張http://www.nttdocomo.co.jp/service/imode/make/content/pictograph/extention/

ａｕ by KDDI
http://www.au.kddi.com/ezfactory/tec/spec/pdf/typeD.pdf

ソフトバンク（softbank）
http://creation.mb.softbank.jp/web/web_pic_about.html

ウィルコム（willcom）
http://www.willcom-inc.com/ja/service/contents_service/create/emoji/index.html


［記事編集］

トラックバック(0)

トラックバックURL:

Google AJAX Feed APIで最新の記事一覧を表示する。

ほっしー (2009年9月23日) | トラックバック(0)

ブログを更新して、RSSも更新されているが、

Google AJAX Feed APIで読み込んだフィードが更新されていないということが多々あります。

 

それは、

Googleのキャッシュにあるフィードを読み込んでいるからだそうです。

 

キャッシュをクリアまたはリセットする方法があるのかもしれませんが、

リアルタイムに最新の記事一覧を表示する方法は

読み込むフィードのURLにユニークな値を付加させることで

毎回最新の一覧を表示できるようになります。

今回はユニークな値として現在日時をURLに付加させてみました。

 

<script type="text/javascript" src="http://www.google.com/jsapi?key=●●あなたのAPIキー●●"></script>

<script type="text/javascript">

google.load("feeds", "1");


function initialize()
{


// 現在の日付と時間を取得
var date = new Date();
var year = date.getYear();
var mon = date.getMonth() + 1;
var day = date.getDate();
var hour = date.getHours();
var min = date.getMinutes();
var sec = date.getSeconds();

var query = year + mon + day + hour + min + sec;

//現在の最新RSSフィードの取得
var feed = new google.feeds.Feed("http://example.com/blog/rss20.xml?"+ query );

//取得するフィード数
feed.setNumEntries(6)

//実際に読む込む
feed.load(function(result)
{

//読み込めたか判別
if (!result.error)
{
//表示部分を選択
var container = document.getElementById("feed");

//変数の初期化
var list = "";

//Feedの処理
list = '<ul>';
for (var i = 0; i < result.feed.entries.length; i++)
{
//Feedを一つ抽出
var entry = result.feed.entries[i];
if(entry.title.match(/^PR:/)) {
//「PR:」から始まるものがあれば何もしない
}
else{
list += '<li>';
list += '<a href="' + entry.link + '" target="_blank" title="' + entry.title + '">' + entry.title + '</a>';
var strdate = createDateString(entry.publishedDate);
list += '&nbsp;(' + strdate + ')';
list += '</li>';
}
}
list += '</ul>';
container.innerHTML = list;
}
});
}

//日付の表示方法を変更
function createDateString(publishedDate)
{
var pdate = new Date(publishedDate);
var pday = pdate.getDate();
var pmonth = pdate.getMonth() + 1;
var pyear = pdate.getFullYear();
var phour = pdate.getHours();
var pminute = pdate.getMinutes();
var psecond = pdate.getSeconds();
//var strdate = pyear + "年" + pmonth + "月" + pday + "日" + phour + "時" + pminute + "分" + psecond + "秒";
var strdate = pyear + "-" + pmonth + "-" + pday ;
return strdate;
}

google.setOnLoadCallback(initialize);

</script>

<div id="feed">Loading...</div>

 

ちょっと難点なのは、

毎回フィードの読み込みを行うので、表示がもたつきます。

なので、

1時間ごとくらいにするために「分」のminと「秒」のsecは省いた方がいいかもしれません。

 

 

参考ページ

Google Ajax Feed API　でRSS取得したけど更新されない！！
http://cliffbros.blog49.fc2.com/blog-entry-195.html


［記事編集］

トラックバック(0)

トラックバックURL:

Javascriptで宅急便各社の荷物追跡サービスの検索結果を表示するフォームを作る

ほっしー (2009年9月17日) | トラックバック(0)

Javascriptで宅急便各社の荷物追跡サービスの検索結果を表示するフォームを作ってみた

  1. 検索窓に伝票番号（お問い合せ番号）を入力
  2. 宅急便会社を選択
  3. ボタンを押す
  4. 新規ウィンドウに検索結果が表示される

というフォームをJavascriptを使用して作ってみた。

 

よく使うのは

  • クロネコヤマト
  • 佐川急便
  • エクスパック

なので、この3つを検索できるようにしてみました。

nimotsu.html（http://hoshiya.biz/nimotsu_search/nimotsu.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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>荷物追跡</title>
</head>
<body>
<script type="text/javascript">
<!--

function data_in(){

 //フォームデータ入力用変数
    var denpyou;
    var kaisha;
 var url;
 url = new Array();
 //クロネコヤマト
 url[1] = "http://jizen.kuronekoyamato.co.jp/jizen/servlet/crjz.b.NQ0010?id=";
 //佐川急便
 url[2] = "http://k2k.sagawa-exp.co.jp/p/web/okurijosearch.do?okurijoNo=";
 //日本郵便（ゆうパック・EXPACK・ポスパケット）
 url[3] = "http://tracking.post.japanpost.jp/service/singleSearch.do?org.apache.struts.taglib.html.TOKEN=&searchKind=S002&locale=ja&SVID=&reqCodeNo1=";


    //フォームデータを受け取る
    if(document.form1.denpyou.value==""){
  alert("伝票番号が入力されていません。");
  }
 else{
  denpyou=document.form1.denpyou.value;  
 
  //ラジオボタンの値を受け取る 
  for (i=0;i<document.form1.kaisha.length;i++){
    if (document.form1.kaisha[i].checked)
        kaisha = document.form1.kaisha[i].value;
      }
      
  url = url[kaisha];
 
  //新しいウィンドウで検索結果を表示
  window.open(url+denpyou);
  }

}


/* 半角数字チェック */
function TextCheck() {
   var str = document.form1.denpyou.value;
   if( str.match( /[^0-9.-]+/ ) ) {
      alert("半角数字、半角ハイフンで入力して下さい。");
      return 1;
   }
   return 0;
}

-->

</script>
<form id="form1" name="form1" method="post" action="">
  <br />
  <label for="denpyou">伝票番号
  <input name="denpyou" type="text" id="denpyou" value="" onblur="TextCheck();" />
  </label>
  （半角数字、半角ハイフン） <br />
  <label for="kaisha">会社選択
  <input name="kaisha" type="radio" id="kaisha" value="1" checked />
  ヤマト運輸
  <input name="kaisha" type="radio" id="kaisha" value="2" />
  佐川急便
  <input name="kaisha" type="radio" id="kaisha" value="3" />
  ゆうパック･EXPACK</label>
  <br />
  <input name="button" type="button" id="button" value="検索結果ページを開く" onClick="data_in();" />
</form>
</body>
</html>


 

実際のフォーム↓↓


（半角数字、半角ハイフン）

 

 

PHP版は以下をご参照ください。

PHPで荷物追跡サービスの検索フォームを作ってみる。
http://hoshiya.biz/2009/09/php-1.html


［記事編集］

トラックバック(0)

トラックバックURL:

PHPで荷物追跡サービスの検索フォームを作ってみる。

ほっしー (2009年9月12日) | トラックバック(0)

PHPで荷物追跡サービスの検索フォームを作ってみる。

宅急便会社の荷物追跡サービスを利用するために、

各会社のホームページを開いてから検索するのは面倒くさいので、

イントラネット等利用するため、

運送会社の選択と、伝票番号の入力で、

各会社の検索結果ページが表示されるようにフォームを作ってみた。

 

とりあえず、

ヤマト運輸、佐川急便、日本郵便（ゆうパック・エクスパック）

の検索をしてみる。

 

動作としては、

テキストエリアに伝票番号を入力し、

会社を選択して「検索」を押すと、

各会社の検索結果ページが表示が新規画面で表示されるという物です。

 

PHPのページ単体で検索ページを表示する場合

nimotsu.php

（テストページはこちら→http://hoshiya.biz/nimotsu_search/nimotsu.php ）

<?php
//エラー処理
$kaisha = (!isset($_POST['kaisha'])) ? null : $kaisha = $_POST['kaisha'];
$denpyou = (!isset($_POST['denpyou'])) ? null : $denpyou = $_POST['denpyou'];
$submit = (!isset($_POST['submit'])) ? null : $submit = $_POST['submit'];
//URL設定
//クロネコヤマト
$url['1'] = "http://jizen.kuronekoyamato.co.jp/jizen/servlet/crjz.b.NQ0010?id=".$denpyou;
//佐川急便
$url['2'] = "http://k2k.sagawa-exp.co.jp/p/web/okurijosearch.do?okurijoNo=".$denpyou;
//日本郵便　ゆうパック・EXPACK・ポスパケット
$url['3'] = "http://tracking.post.japanpost.jp/service/singleSearch.do?org.apache.struts.taglib.html.TOKEN=&searchKind=S002&locale=ja&SVID=&reqCodeNo1=".$denpyou;
//伝票番号が入力されていれば検索ページを表示
if (isset($denpyou)){
header("Location: ".$url["$kaisha"]);
}
else {
?>
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>荷物追跡</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<br />
<input name="denpyou" type="text" id="denpyou" value="" />
<br />
<label for="kaisha">会社選択</label>
<br />
<input name="kaisha" type="radio" id="kaisha" value="1" checked />
ヤマト運輸<br />
<input name="kaisha" type="radio" id="kaisha" value="2" />
佐川急便<br />
<input name="kaisha" type="radio" id="kaisha" value="3" />
ゆうパック･EXPACK<br />
<input name="submit" type="submit" id="submit" value="検索" />
</form>
</body>
</html>
<?php
}
?>

 

HTMLフォームとPHPの検索ページ表示の2ファイルを使う場合

form.html

（テストページはこちら→http://hoshiya.biz/nimotsu_search/form.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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>荷物追跡サービス検索</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="search.php" target="_blank">
<label for="denpyou">伝票番号</label>
<br />
<input name="denpyou" type="text" id="denpyou" />
<br />
<label for="kaisha">会社選択</label>
<br />
<input name="kaisha" type="radio" id="kaisha" value="1" checked />
ヤマト運輸<br />
<input name="kaisha" type="radio" id="kaisha" value="2" />
佐川急便<br />
<input name="kaisha" type="radio" id="kaisha" value="3" />
ゆうパック･EXPACK<br />
<input name="submit" type="submit" id="submit" value="検索" />
</form>
</body>
</html>

 

search.php

<?php
//エラー処理
$kaisha = (!isset($_POST['kaisha'])) ? null : $kaisha = $_POST['kaisha'];
$denpyou = (!isset($_POST['denpyou'])) ? null : $denpyou = $_POST['denpyou'];
$submit = (!isset($_POST['submit'])) ? null : $submit = $_POST['submit'];
//URL設定
$url['1'] = "http://jizen.kuronekoyamato.co.jp/jizen/servlet/crjz.b.NQ0010?id=".$denpyou;
$url['2'] = "http://k2k.sagawa-exp.co.jp/p/web/okurijosearch.do?okurijoNo=".$denpyou;
$url['3'] = "http://tracking.post.japanpost.jp/service/singleSearch.do?org.apache.struts.taglib.html.TOKEN=&searchKind=S002&locale=ja&SVID=&reqCodeNo1=".$denpyou;

if (empty($denpyou)){
echo "Error! is empty denpyou number";
}
else {
header("Location: ".$url["$kaisha"]);
}
?>

 

ちなみにテスト




ヤマト運輸
佐川急便
ゆうパック･EXPACK

 

改造の余地はあるもののとりあえずは使える。

 

 

Javascript版は以下をご参照ください。

Javascriptで宅急便各社の荷物追跡サービスの検索結果を表示するフォームを作る
http://hoshiya.biz/2009/09/javascript-3.html


［記事編集］

トラックバック(0)

トラックバックURL:

Yahoo、Google、bingのスタッフブログ

ほっしー (2009年9月 5日) | トラックバック(0)

Yahoo!検索 スタッフブログ
日々成長を続けるYahoo!検索。その戦略、サービスの詳細、Tipsなどを開発の現場から発信。
http://searchblog.yahoo.co.jp/
Yahoo!検索 スタッフブログ

 

Google Japan Blog
日々成長を続けるYahoo!検索。その戦略、サービスの詳細、Tipsなどを開発の現場から発信。
http://googlejapan.blogspot.com/
Google Japan Blog

 

日々是検索
検索窓からこんにちは! Microsoftの検索サービス・Bing(日本語読み：ビング）担当スタッフのブログです。タイトルと紹介文を編集する前に、[保存] をクリックして、デザインに対する変更内容を保存します。
http://searcheveryday.spaces.live.com/
日々是検索


［記事編集］

トラックバック(0)

トラックバックURL:

MovableTypeの検索で「検索結果の作成に失敗しました。」というエラー

ほっしー (2009年8月18日) | トラックバック(0)

会社で使用しているMovable Type version 4.1なのですが、

標準の検索窓に検索語を入れて検索ボタンを押すと

 

「検索結果の作成に失敗しました。」

 

と表示されます。

これを何とか解決したちところですが、

原因がわからないため、

いろいろ検索したところ有力情報が見つかりました。

 

MovableType3→4移行時のツボ～その1. 検索フォーム編 - 道具眼日誌：古田-私的記録
http://do-gugan.com/~furuta/archives/2008/02/movabletype341.html
MovableType3→4移行時のツボ～その1. 検索フォーム編 - 道具眼日誌：古田-私的記録

 

上記のページを見ると原因は

検索結果を表示するテンプレート「検索結果」に

インクルードされている以下のモジュールが見当たらず、

ちゃんとリンクしていないことが原因でした。

 

  • ヘッダー
  • ブログ記事の概要
  • フッター

 

会社のホームページ（ブログ）の場合

このモジュールがすべて名前の変更がされており、

削除されていること同然の状態になっておりました。

モジュール名を変更したところ正常に動作しました。

 


［記事編集］

トラックバック(0)

トラックバックURL:

Google AJAX Feed APIで外部のRSSを読み込み一覧を表示するJavascriptを改造

ほっしー (2009年7月29日) | トラックバック(0)

アメーバブログのRSSから「PR:」の部分を消して表示するスクリプトを一部変更してみた。

 

変更前のスクリプトは以下のページをご参照ください。

Google AJAX Feed APIを使ってアメーバブログの「PR:」を除く記事一覧を表示するJavascript
http://hoshiya.biz/2009/06/google-ajax-feed-apiprjavascript.html

 

変更の主な内容は、

表示するリストを作成する際に、HTMLタグを変数に入れるように改造しました。（赤文字部分）

前回はXMLの要素を操作してリストを作成するようにしていましたが、

XMLの操作は苦手なのでHTMLのソースを変数に格納するようにしました。

<script src="http://www.google.com/jsapi?key=●●あなたのAPIキー●●" type="text/javascript"></script>
<script type="text/javascript">
google.load("feeds", "1");  
function initialize()
{  
 //RSSフィードの取得
 var feed = new google.feeds.Feed("●●読み込みたいフィードのURL●●");  
 
 //取得するフィード数
 feed.setNumEntries(5)  
 
 //実際に読む込む
 feed.load(function(result)
 {  
  
  //読み込めたか判別
  if (!result.error)
  {
   //表示部分を選択
   var container = document.getElementById("feed");
   
   //変数の初期化
   var list = "";
   
   //Feedの処理
    list = '<ul>';
   for (var i = 0; i < result.feed.entries.length; i++)
   {  
    //Feedを一つ抽出
    var entry = result.feed.entries[i]; 
    if(entry.title.match(/^PR:/)) {
    //「PR:」から始まるものがあれば何もしない
    }
    else{
     list += '<li>';
     list += '<a href="' + entry.link + '" target="_blank">' + entry.title + '</a>';
     var strdate = createDateString(entry.publishedDate);
     list += '（' + strdate + '）';
     list += '</li>';
    }
        }
     list += '</ul>';
     container.innerHTML = list;
     }  
   });  
}
//日付の表示方法を変更
function createDateString(publishedDate)
{
 var pdate = new Date(publishedDate);
 var pday = pdate.getDate();
 var pmonth = pdate.getMonth() + 1;
 var pyear = pdate.getFullYear();
 var phour = pdate.getHours();
 var pminute = pdate.getMinutes();
 var psecond = pdate.getSeconds(); 
 //var strdate = pyear + "年" + pmonth + "月" + pday + "日" + phour + "時" + pminute + "分" + psecond + "秒";
 var strdate = pyear + "-" + pmonth + "-" + pday ;
 return strdate;
}
google.setOnLoadCallback(initialize); 
</script>
<!--表示結果表示する部分-->
<hr size="1" />
<div id="feed"></div>
<hr size="1" />
<!--表示結果表示する部分--> 

 

↓↓実際にうちの社長のアメブロのフィードを読み込んで表示した例↓↓

 

前回同様に

RSSに「PR:」が含まれていなければ新着5件を表示しますが、

新着5件中1件に「PR:」が含まれていた場合は

フィード自体から削除して消すのではなく、省略というか、スキップしているだけなので

表示が4件になります。

 

参考にしたサイト

日付の表示形式の変更 - フィードの取得 - Google AJAX Feed API入門
http://www.ajaxtower.jp/googleajaxfeed/feed/index5.html
日付の表示形式の変更 - フィードの取得 - Google AJAX Feed API入門

 

2009/09/23追記

上記を更に改造↓

Google AJAX Feed APIで最新の記事一覧を表示する。
http://hoshiya.biz/2009/09/google-ajax-feed-api-1.html 


［記事編集］

トラックバック(0)

トラックバックURL:

イントラネットでGoogle Maps APIが使える？

ほっしー (2009年5月27日) | トラックバック(0)

不動産会社に勤務している訳ですが、

中古住宅やマンション、売り土地の販売に

Google Mapsが使用できないかなと調べていますが、出来そうにない。

 

地図はGoogle Maps APIを利用すればできる訳ですが、

規約に違反しそうな感じです。

 

・地図に誰でもアクセスできること

・地図そのものを無償で提供すること

と、あるページを見ました。

あるページ↓

Googleヘルプグループ
http://groups.google.co.jp/group/Google-Maps-JP-For-Business-Owners/browse_thread/thread/1a3cac9a78bb6713

 

そもそも、イントラネットなので、誰でも地図にアクセスできない。

この時点でアウト。

 

なぜ、イントラネットで利用したいか？ですが、

他社物件等を無断で公開出来ないなからです。

商談での社内利用で有れば問題ないので、

イントラネットで地図の利用ができればな～と思った訳なんです。

 

お金を払っても使用できないの？

と思い探したところ。ありました。

『Google Maps API Premier』日本でも提供開始、イントラネット内利用も | ネット | マイコミジャーナル
http://journal.mycom.co.jp/news/2009/05/18/018/index.html

 

きっと高いんだろうな～

 

Google Maps API Premier
http://www.google.co.jp/intl/ja/enterprise/maps/index.html

 

yahoo!地図もイントラネット利用はできないようです。

Yahoo!デベロッパーネットワーク - 地図
地図Web APIの利用方法
http://developer.yahoo.co.jp/webapi/map/


［記事編集］

トラックバック(0)

トラックバックURL:

Google Chart API で QRコードを作成

ほっしー (2008年10月25日) | トラックバック(0)

 

http://chart.apis.google.com/chart?cht=qr&choe=UTF8&chld=l|0&chs=140x140&chl=http://karitaikun.com

のように chl の後ろに指定した文字列をQRコードにしてくれる優れものです。

 

ちなみに上記のURL（http://karitaikun.com）のQRコードを表示すると

となる。

 

使い方を簡単に説明すると、

 

http://chart.apis.google.com/chart?

 

の後ろにいろいろパラメータを入れていきます。

 

Google Chart API での使用したいチャートの種類を指定（必須）

例：cht=qr

今回はQRコードでしようするため「qr」を指定していますが、

その他グラフや地図などのチャートを指定できるようです。

 

出力する文字エンコードを指定（省略可）

例：choe=UTF8

書式：chl=<text to encode>

値：UTF-8、Shift_Jis　他

省略したときはUTF-8がデフォルト

 

表示するQRコードのEC（回復）レベルとマージン（余白）の指定（省略可）

例：chld=l|0　または　chld=l%7C0

書式：chld=<ec level>|<margin>

<ec level>の値： l,m,q,h　（回復できるレベル L=7%,M=15%,Q=25%,H=30%）

<margin>の値：任意の数字を入れる。

 

出力するQRコードのサイズを指定（必須）

例：chs=140x140

値：適当

 

QRコード化したい文字列やURL（必須）

例：chl=http://karitaikun.com

 

詳細については英語のページですが、

http://code.google.com/apis/chart/types.html#qrcodes

をご参照ください。

 

携帯電話でQRコードを読み込ませると文字化けしてうまく認識されない場合や、

ブラウザにURLを送信してもページが表示できずエラーになる場合は

URLエンコードされたURL内の文字列の中にある「%」を「%25」に置き換えることで回避できます。

例：

「星屋」をURLエンコードすると

「%e6%98%9f%e5%b1%8b」

となるので

http://chart.apis.google.com/chart?cht=qr&choe=UTF8&chld=l|0&chs=140x140&chl=%e6%98%9f%e5%b1%8b

とするところですが、携帯電話で読み取ると文字化けしてしまいますが、

「%」を「%25」に置き換えて

http://chart.apis.google.com/chart?cht=qr&choe=UTF8&chld=l|0&chs=140x140&chl=%25e6%2598%259f%25e5%25b1%258b

とします。

これを携帯電話で読み込むと「%e6%98%9f%e5%b1%8b」と認識されます。

 

ファイルメーカーをご利用の方で、

QRコードを表示するURLをブラウザに送る場合は

Substitute ( GetAsURLEncoded (URL) ; "%" ; "%25" )

でURLエンコードされたURLフィールド内の｢%｣を「%25」に置き換えるとうまくいきます。


［記事編集］

トラックバック(0)

トラックバックURL:

自動サイトサムネイルMozshot

ほっしー (2008年9月 2日) | トラックバック(0)

指定のURLのサムネイルをリアルタイムに表示するツール。

以下のタグを例に「？」以降にURLを指定してやるだけ！

こんなツール待ってました。

<img src="http://mozshot.nemui.org/shot?http://mozshot.nemui.org/" alt="" border="0" >

 

Mozshot
http://mozshot.nemui.org/

 

サムネイルの表示の方法もいくつかあるようです。

説明のページ
http://mozshot.nemui.org/shot

上記ページの内容を参照

- Simple:
   http://mozshot.nemui.org/shot?http://www.google.com/
　

 - Get small (64x64) image:
   http://mozshot.nemui.org/shot/small?http://www.google.com/


 - Get large (256x256) image:
   http://mozshot.nemui.org/shot/large?http://www.google.com/


 - Get 800x600 image:
   http://mozshot.nemui.org/shot/800x600?http://www.google.com/


 - Set browser window size to 300x300:
   http://mozshot.nemui.org/shot/-300x300?http://www.google.com/


 - Specify window & image size:
   http://mozshot.nemui.org/shot/800x800-800x800?http://www.google.com/

 

更に詳細設定も可能。

http://mozshot.nemui.org/shot?uri=http%3A%2F%2Fwww.mozilla.org%2F;noresize=true;win_x=1000;win_y=1000;effect=false;keepratio=true

  • uri
    • 　対象のURL
  • noresize
  • win_x
  • win_y
  • effect
    • 　影の有無　true:あり　false：なし
  • keepratio

［記事編集］

トラックバック(0)

トラックバックURL:

Movable Type Pro とBiND for WebLiFE *

ほっしー (2008年8月28日) | トラックバック(0)

Movable Type Pro とBiND for WebLiFE *組み合わせた個人ブログサイトに挑戦。

挫折せずに合体できるだろうか...。

 

 

Movable Type Pro
Movable Type Pro

 

 BiND for WebLiFE *
BiND for WebLiFE *


［記事編集］

トラックバック(0)

トラックバックURL:


« Twitter | メインページ | アーカイブ | YAMAHA VPN »