カテゴリー「ホームページの修正」の33件の記事

2017年2月19日 (日)

ブログの更新情報をホームページに表示

年末から、ホームページの店主のブログに更新情報が表示されなくなっていましたが、ようやく復旧しました。

スポット摩耗とホームページ修正の記事以来ですから、約2週間かかっています。

出来上がってみると、内容はこんなものと思えるほどですが、いろいろ悩みながらここまで来ました。

ブログのRSSを設定してありますが、ホームページとはサーバーが異なるので、phpでサイト情報を取得。

<?php
$url = "http://anocora.cocolog-nifty.com/blog/rss.xml";
$xml = file_get_contents($url);
header("Content-type: application/xml; charset=UTF-8");
print $xml;
?>

rss.phpというファイル名で保存しました。

jQueryで

//関数実行
$(function(){
// -------------------------------------------------
// XML読み込み
// -------------------------------------------------
$.ajax({
    url:'http://www.anocora.com/cyclemainte/blog/rss.php',
    type:'get',
    dataType:'xml',
    timeout:1000,
    success:parse_xml
});
});

// -------------------------------------------------
// XMLデータを取得
// -------------------------------------------------
function parse_xml(xml,status){
$(xml).find('item').each(disp);
}

// -------------------------------------------------
// HTML生成関数
// -------------------------------------------------
function disp(){

//各要素を変数に格納
var $title = $(this).find('title').text();
var $link = $(this).find('link').text();
var $target = '_blank';

//HTMLを生成
if ($('#blog').html()!="") {
   $('#blog').html( $('#blog').html()+'<br>'+
     '<a href="'+$link+'" target="'+$target+'">'+$title+'</a>'
   );
}
else{
   $('#blog').html(
   '<a href="'+$link+'" target="'+$target+'">'+$title+'</a>'
   );
}
}
という流れです。

info.jsとして保存しました。

ホームページでは、ブログのタイトルを表示したい場所にid="blog"を設定し、<body>要素の最後にスクリプトを置きました。

<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://www.anocora.com/cyclemainte/blog/info.js"></script>
</body>

あちらこちらとサイトを覗きましたが、ベースにしたサイトはこちらです。

jQueryで外部ファイル(XMLデータ)を解析し、HTMLに表示する

2017年2月 5日 (日)

スポット摩耗とホームページ修正

最近は、日曜日が暇です。

今日は、鍵を無くして、タイヤを引きずられ、スポット摩耗からパンクしたタイヤ・チューブ交換が1件でした。

タイヤ・チューブ交換時には、ハブの玉当たりのチェックも行っています。
当店で修理させていただく自転車は、長く使われていた自転車も多いので、グリスの有無も確認していますが、今日は外装変速の自転車だったので、ボスフリーも外してグリス追加です。

ブレーキや、ホイールの振れ、変速操作に不具合はなく、清掃・注油してのお返しです。

余った時間を利用して、ホームページにブログの記事タイトルが表示されなくなった、Google Feed API廃止に伴う代替のスクリプト構築を開始しましたが、今のところ出来ているのは、RSSを受け取るphpページだけです。

今日はもう少し頑張って作業を進めます。

2017年2月 2日 (木)

修正完了しました。

スマホ用のホームページの作成に伴って修正していた出張費の検索ページがようやく完成しました。

昨日からスマホ用のホームページの改訂版とともに公開しています。

さくらインターネットのレンタルサーバーライト環境でsqliteデータベースへのアクセスはphpを使って構築しています。

今のところは、不具合の発生に備えてGETで入力データをサーバーに送っていますが、暫くしたら、POSTで送って送信データは不可視にする予定です。

ジャバスクリプトでクライアントサイドでのデータ操作もしていますが、こちらはソースを見て戴くと内容は分かります。

Syutto_1_4
初期画面です。

Syutto_2
郵便番号での検索結果です。
356-0824で入力されても、この形式に変換します。

Syutto_3
町名での検索結果です。

Syutto_4
町名が重複していると、市・町の選択肢が表示されます。

Syutto_5
これは、遊びですが、一文字を入力した検索画面です。

こういった画面の変化は、入力の判定や、データベースの選択結果から、phpで行っています。

phpのソースは恥ずかしいので公開しません。
一番悩んだのは、変数の空文字の判定です。

興味のある方は、http://www.anocora.com/cyclemainte/syuttyo.phpを見て下さい。

2017年1月20日 (金)

少しづつ進んでいます。

今日は、横浜から自転車修理の問い合わせを頂いただけです。

通販で購入した自転車が事故に会い、近くの自転車屋さんに問い合わせたら修理を断られたとので、購入されたサイトの自転車の修理を記事にしていたので、問い合わせを頂きました。

通販の自転車の修理を断る自転車屋さんの事情をお話しし、近くの出張修理店をご紹介させて戴きました。

一般の自転車屋さんでは、販売するメーカーが決まっていて、自店で販売した自転車意外だと部品の規格が異なっていると、工具が適合しなかったり、部品が合わなかったりするので、断られる場合がありますと、あまり当たり障りの無いよう、ご説明させていただきました。

出張修理店なら、販売するメーカーにはこだわりがないので、やってもらえると思いますともご説明させていただきましたが、お断りされた自転車屋さんの本音は分かりません。

出張費計算ページは、
Syutto_3_2
御覧の通り、市・町の選択リストが出せました。

少しづつですが、進んでいます。

2017年1月19日 (木)

ちょっと進みました。

まだ仮のページですし、実装したい機能がまだまだあります。

仮のページはこちらです。
Syutto_2
郵便番号を入力するか、町名を入力して料金表示をクリックすると、町内の中心までの距離と出張費を表示します。

計算しているのではなく、当店から町内の中心までの距離をGoogleMapの徒歩ルートで距離を調べ、出張費を算出したデータベースを利用しています。

郵便番号を入力してもらえれば、処理は簡単なのですが、娘に聞くと、娘より若い世代では、郵便番号を知らない人が案外いるそうです。
中には、住所も正確に知らない人もいるとのことで、うろ覚えの住所でも調べられるように町名の検索機能も入れようと思っていますが、まだ実装できていません。

今は、町名を入れて料金は出るのですが、複数の市・町で同じ町名がある場合の、市・町の選択データの表示で苦闘中です。

2017年1月17日 (火)

Google Feed API 動作停止

自転車出張修理 あのこらのホームページで、あのこらのブログの最近の記事タイトルを表示していましたが、気づいたら表示されなくなっていました。

やっと原因が判明しました。

記事の表示にGoogle Feed APIを使用していたのですが、リンク先に表示されている通り、APIのどうさが停止したせいです。

”このAPIは正式に廃止されており、12月15日後に動作を停止します”

私にとっては、なんとも非情な宣言ですが、原因がはっきりして安心しています。

しばらくは、記事タイトルが表示されないままですが、別な方法を模索してみます。

2017年1月16日 (月)

出張費検索サイトが先に進みません。

出張費の検索サイトですが、こんな画面までは作りました。
Syutto
まだ画面を作っただけで、中身のプログラムはこれからです。

入力内容に応じて、クライアント側でデータや入力の操作をしたいのですが、PHPはサーバーサイドのプログラミング言語で、クライアント側の細かい操作にはむいていないことが、ようやく分かりました。

自分に使えるプログラム言語探しがスタートです。

今日は、錠壊しが1件。
前後タ・チ交換が1件。
錠交換が1件。

寒い日でしたが、無事一日を過ごすことができました。

2017年1月 9日 (月)

スマホ用サイト修正に着手

寒い日で、午後からは雨になりました。

1件だけ戴いた、修理依頼のお電話はエリア外で、お客様の最寄りのお店を紹介させていただいて終了でした。

暇だったのかというとそうでもなく、あのこらのスマホ用サイトが、携帯用に作成したチープな画面のままなので、修正を始めました。

とはいっても、パソコン用の画面をスマホ用に流用しましたのでほぼ画面の体裁は出来上がっています。
Phone
出張費計算や、文字数の多い項目を別画面にしたいので、公開はもう少し先になります。

2016年9月 8日 (木)

スマホ用自転車・車椅子出張修理店情報

「検索結果を表示するサイトを作る」の一連の記事でPC版の埼玉県内 自転車・車椅子出張修理店のページを更新しましたが、モバイルフレンドリーにはなりませんでした。

<携帯版もモバイルフレンドリーではないと判定されていましたので、こちらは別なアプローチでモバイルフレンドリーになるようサイトを更新しました。

従来はこのように市区町村の選択肢をすべて並べていましたが、コンボボックス化して、画面に占める割合を減らしました。
Senntaku


表示結果も、従来はすべて表示してリンクでラベル名に飛んでいたのを、動作は同じですが表示エリアをスタイルシートで制限しました。
Senntaku_2

参考にしたのはこちらです。
プルダウンメニューによるリンク
http://homepage2.nifty.com/tomoarai/java/pulldownlink.html

表示面積の狭いボックス内をスクロールバーで見せる
http://allabout.co.jp/gm/gc/23865/

こんな画面に作りりなおしました。
_1

結果は、こちらのサイトで判定して
https://www.google.com/webmasters/tools/mobile-friendly/

合格です。
_2


やっとスマホ用のサイトが一つ出来ました。

2016年9月 5日 (月)

検索結果を表示するサイトを作る(最終スクリプト)

今動作中のPHPスクリプトです。

テーブルの構造が分からないと理解しにくいと思いますが、MySQLが動かないsakuraのレンタルサーバーライトでも、簡単な動的ページは作成できました。

その他のカテゴリー

1980年代カンパアセンブルロード車 | 24インチロングホイールベース車 | Access 業務管理 | ANTALES | BS LittleFriend | BS SUBNADE SPORT | CB-700C クロスバイク | CULTURE L710 | DIGNO F | DIY | e-コアフィットインシステム | GIANT ロード オーバーホール | GRAPHIS GR-001J | J:COM障害 | KHS F-20R | LN-3922C | My Road Racer | OCS(セレクター)BB | Panasonic Hurryer | RakuMatic | SPECIALIZED GLOBE | VB.net 業務管理 | お墓の引っ越し | ちょっと変わった自転車 | まちなか探検 | やぐら返し | アット@ランプ | エンド精度測定レーザー照準 | カセットフリー | ガチャリンコ互換錠 | ギヤ交換可能な軽快車リアハブ | グルメ・クッキング | ココログ画面カスタマイズ | サドル張替え | サンヨー エナクル | シティクロス作成 | シティ車のメンテナンス | シンコー SR154(JETDAAIii NEUE) | スクーター チューブレスバルブ交換 | スタンド | スポークカット | スライム(パンク防止・修理剤) | タイヤの空気圧 | ドイツ製?軽快車 PEGASUS | ハブダイナモ | バルブ根元パンク | バンドブレーキの鳴き対策 | パッチ・チューブ割れ | パッチ割れ | パナソニック ガチャリンコ 付きジャンク | ピナレロ DOGMA F8 & DA Di2 | フライス盤 DRO化 | フライス盤据付 | フライス盤架台 | フライス盤購入 | ブレーキ | ブロックダイナモ | ペット | ホームページの修正 | ローラーブレーキ | 住まい・インテリア | 住所基盤データベース | 働く自転車の製作 | 太陽光発電の検討 | 日記・コラム・つぶやき | 旧車(シティ車)整備 | 異物パンクコレクション | 籐装飾自転車 | 自転車出張修理 | 自転車技士・安全整備士受験(全般) | 自転車技士・安全整備士受験(学科) | 自転車技士・安全整備士受験(実技) | 自転車組立治具 | 英式米式兼用バルブアダプター | 詐欺メール | 調理 | 軽快車にShimano105アセンブル | 郵便番号データの住所入力データ化 | 金属加工 | 長寿命虫ゴムの検討 | 電動アシスト三輪自転車 | 電動バイク | 26インチ中古自転車 | KAINZ パンクしにくいクロスバイク

スライム(パンク防止・修理剤)被害低減プロジェクト

川越市周辺の自転車屋MAP

埼玉県内出張修理店情報

カテゴリー

川越市自転車シェアリング

Active Safety Project

雨雲

無料ブログはココログ

最近のトラックバック

ブログランキング