Archive for category tips

ストリートビューの[x]が押しにくい

iPad用の地図ページを作成していて思ったのですが、ストリートビューモードが使いにくいです。
[x](閉じる)が反応しない。。
仕方ないので地図の外にリンクを作りました。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script>
var LatLng = new google.maps.LatLng(35.3353548, 134.1196615);
var map = new google.maps.Map(document.getElementById(‘gmaps’), {
zoom: 10,
center: LatLng,
});
var panorama = map.getStreetView();
google.maps.event.addListener(panorama, “visible_changed”, function () {
if (panorama.getVisible()){
$(‘#StreetView’).show();
} else {
$(‘#StreetView’).hide();
}
});

function StreetViewClose(){
var panorama = map.getStreetView();
panorama.setVisible();
}
</script>
<div id=”StreetView”><font size=+2><a href=”javascript:StreetViewClose()”>地図に戻る</a></font></div>

No Comments

twitter公式ウィジェットのtweet検索時に日本語のつぶやきのみ検索させる方法

twitterのサイト上では詳細検索オプションを使用することによって検索対象の言語や地域などを指定することが出来ます。

twitterをつぶやいているもののうち地域:日本周辺のつぶやきを抽出

twitter near:JP

しかしこのキーワードを直接ウィジェットのsearchのパラメータとしてセットしても動作しません。

試行錯誤した結果、以下の方法で日本語tweetのみ抽出することが出来ました。

  • widget.jsをダウンロード
  • テキストエディタでwidget.jsを開き以下の部分を検索
    • ※可読性を上げるためにセミコロン; を ;\n など改行コード付きに置換した場合、291行目あたりになります

this.url=this._base+this.format+”?q=”+this.search+”

  • 検索した部分に対して “&lang=ja” を追記

this.url=this._base+this.format+”?q=”+this.search+”&lang=ja

  • 編集したwidget.jsを自サイトにアップロード
  • jsファイルの読み込み先をhttp://widgets.twimg.com/j/2/widget.jsから先程アップロードしたURLに変更

ちなみに、lang=jaではなくlocale=jaとした場合は日本国内でのつぶやきが対象となります。

No Comments

mbedについて語りました。

○ツインモーターはんだづけ完了、動作テスト

○wiiリモコンとmbedをBluetoothで接続し、ツインモーターを制御

No Comments

iPhoneでWebサイトの表示が小さい場合の対処法

先日のiPhone自動文字縮小について記述しましたが、今回iPhone向けサイトを構築していて、シミュレータなどと比較すると非常に画像サイズが小さく、縮小されて表示されてしまうという現象となりました。

どうも、iPhoneはデフォルト横幅960pixとしてレンダリングし、それをiPhoneの解像度にあわせて縮小表示するようです。

これを実際のpixelにあわせて表示させるためにはmetaタグにて viewportの指定を行う必要があります。

iPhone3 iPhone3GSの解像度ぴったりにあわせる場合には

<meta name=”viewport” content=”width=320″ />

と指定することによって、サイトを横幅320pixとしてレンダリングして表示されます。

これでも文字が小さいと感じる場合は前回のエントリの-webkit-text-size-adjust とあわせると良いでしょう。

No Comments

iPhoneでWebサイトを表示した場合の文字サイズの調整

iPhoneのsafariではWebサイトを最適に表示するために文字サイズを自動調整する機能を持っています。

しかし、携帯向けのサイトと共通のHTMLで表示した場合に予想外にサイズが小さくなり文字が読みづらくなってしまう場合があります。

この場合、-webkit-text-size-adjust という属性を設定し文字サイズの自動調整をOFFまたは倍率固定することで回避できます。

例:

<html style=”-webkit-text-size-adjust:none;”>

↑自動調整をOFFにする

<html style=”-webkit-text-size-adjust:150%;”>

↑文字サイズを1.5倍にする

No Comments