宮崎ITブログ

(有)共栄産業[宮崎県宮崎市]でのIT関連技術のPRおよび社内での備忘録の蓄積を目的にブログを運用させていただきます。その中で、ほんのり皆さんの役に立つこともあるといいなぁ なんて思ってます。コメントは遠慮なくどうぞ〜♪

オーマイゴッド

最近もっぱら共栄産業ホームページの物件詳細ページや物件一覧ページをchromeで開いては「F12」押して、エラーやメッセージを確認しながら、デバッグしていてスコーンとメッセージが出なかったら快感です(笑)

あと独自SSL導入なんて契約すればおしまいかと思っていたところ、クロスサイトスクリプティング攻撃対策?かなんかの影響でまくり。対応しないと、安全安心なHTTPSサイトってブラウザChrome君に認めてもらえず(涙)。おかげで「HTML見直し」「CSS見直し」「Javascript見直し」「コンテンツ作成システムの修正コーディング」と結構ボリューミーな作業。

不動産業の来年の繁忙期前のこの時期に独自SSL導入のタイミングでよかったです。

そんな中、Google Maps関連のエラーで「no-api-key」とかなんとか出てくるわけでググってみるとAPIキーがいるとか!バージョン1(v1)とかバージョン2(v2)とかでAPIキーが必要で、バージョン3(v3)で必要なくなったと勘違いしてました(もしくは復活されたかな?)。

2016年10月12日以降表示されなくなるみたいな情報もあったが、2016年11月10日現在 宮崎市月極駐車場マップ とか正常に表示されてます。これからAPIキーの取得とかボチボチ修正します(涙)


参考URL
http://nendeb.com/429
http://www.monster-dive.com/blog/web_system/20160803_001462.php
| 2016.11.10 Thursday | IT技術 | 15:00 | comments(0) | trackbacks(0)
古いサイトリンク
2016年6月8日の「宮崎市 共栄産業」の検索結果。

死んでるページがサイトリンクに表示されている!!!!ということで、googleウェブマスターツールにて、このページが表示されないように設定したつもりでした。(参考サイト)検索結果でサイトリンクを表示させるために知っておきたいこと http://liginc.co.jp/web/seo/160956

がしかし、今だに表示されているのでよく調べてみると設定が悪そうでしたのでメモ。まず結果がでなかった設定は下の青い枠の設定になってしまっていました。あくまで、「http://www.m-kyoei.com/」が検索結果で、そのサイトリンクに 「http://www.m-kyoei.com/search/」を出したくないという意思表示は上のオレンジ色の枠の設定が正しそうです。

今日(2016年6月8日)設定したので、何日で結果が反映されるか楽しみです。

googleサイトリンクの設定





というわけで、何日で反映されたか確認してませんが・・・下の画面コピーの通り、2016年6月22日現在ちゃんと、表示したくない「旧リンク集」は表示されなくなりましたとさ。

古いサイトリンク
2016年6月22日の「宮崎市 共栄産業」の検索結果。



【2016年11月16日 追記】
久しぶりに社名で検索してみたら、わけわからんページが上がってきてたので、また下げようとウェブマスターツールへアクセス。サイトリンクの設定が見つからないなぁ と検索していたら「2016年10月から完全自動化により廃止された」と出てきました。

参考URL:https://lblevery.com/sfn/attract/wmt/
| 2016.06.22 Wednesday | IT技術 | 14:50 | comments(0) | trackbacks(0)
駐車場マップへ全画面表示と現在地
全画面表示できるようにと、現在地表示ができるように修正しました。

今回はえらいハマった、時間にして延べ時間 約12時間!!!!!!くぅぅぅぅぅ><

賃貸物件詳細ページ(例)ルミエール加納の全画面表示は全画面フルスクリーン表示を切り替えるボタンを地図内に実装するの通りやっておかげでサクッと対応完了。

ということで、別系統で作成されていた駐車場マップ|宮崎市の地図も同様に全画面表示しときましょうかと安易に考え対応。と、と、と、ところが、ぜんぜんうまくいかない・・・

うまくいかない時点で、chromeの「F12」の画面でデバックすればいいものを・・・直感で思いつく、ところを修正してダメ、修正してダメ、修正してダメと悪いループへ・・・

で、落ち着いてchromeの「F12」で「Consol」画面を見たところ、「Uncaught ReferenceError: $ is not defined」なるメッセージあり。「なんか変数定義されていない」みたいなことかなと、その行は

$(controlUi).on("mouseenter", function () {


と記述されていました。ふむ、「mouseenter」ってなんじゃらほいと検索すると、jQueryの変数ぽいことが判明!!!HTMLを見なおしたところ、jQueryが読み込まれてませんでした><

サクッと対応できたHTMLにはすでに何かの用途で「jquery」が利用されていたのでたまたまうまくいっただけというオチ・・・・ちゃんちゃん ご注意を!




これまたハマる人いたら大変だろうから、メモしておきます。

すでに設置してあるGoogleMapを全画面表示にする方法


1.http://www.doogal.co.uk/FullScreen.phpよりFullScreenControl.jsをダウンロードしてマイサーバへアップ。
2.次のようにHTMLにFullScreenControl.jsを実装する。
<script src="js/FullScreenControl.js" type="text/javascript"></script>

3.次のようにJavascript内に実装する。
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(new FullScreenControl(map));

4.次のようにHTMLにjqueryを実装する。※jquery詳しくないけど、他のバージョンでも良いのではなかろうか。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

5.Google地図に「Fullscreen」とか表示されているのを確認したら、FullScreenContrl.jsを修正すれば、「全画面表示」とか見栄えを変更できる。

参考URL

| 2016.02.14 Sunday | IT技術 | 19:04 | comments(0) | trackbacks(0)
Twitter Updates

ジオターゲティング
SELECTED ENTRIES
CATEGORIES
ARCHIVES
RECENT COMMENT
RECENT TRACKBACK
LINKS
PROFILE