Archive for the ‘google’ Category

1年位前にflashcast:フリーで働くITエンジニア集団のブログ: ActionScript3.0でJSONを読み込む方法で翻訳swfを作りました。これをベースに翻訳AIRアプリにチャレンジしていたのですが、ある程度できて満足してしまったため、放置していました。

初心に戻って、このAIRアプリ開発を再開したいと思います。

何かの開発中に問題が発生した時、その調査をしたり、比較的最近の技術にチャレンジしようと思った時など、英語文献を読むことがあったりしますが、わからない単語などが出てきたときなど、サクッと日本語訳を知りたかったりすることがあります。そんなときに役立つようなアプリにしたいと思います。

ざっくり、要件をまとめると、

  • 常駐して、ユーザからの翻訳アクションを待つ。
  • 簡単なアクションで、翻訳結果を得たい。
  • 翻訳元の文章は、インターネットを流れるので、ユーザが意図しない翻訳は極力避ける。

こんな感じでしょうか?

詳細は、いつものように作りながら決めていきたいと思います!

flashcast:フリーで働くITエンジニア集団のブログ: Stray ChildをFirefox 3.5対応の続きです。

もともとStray Childは、

  • 拡大/縮小はiPhone、Androidの操作に任せていた。
  • 表示は極力、地図だけにしたい。

ということで、ZoomIn、ZoomOutのボタンはつけていませんでした。

ただ、PCのブラウザで見ると、拡大はダブルクリックでできるのですが、縮小ができません。これは不便。。。なので、最小限の拡大/縮小機能を実装します。

GSmallZoomControl

を使います。
続きを読む »

flashcast:フリーで働くITエンジニア集団のブログ: iPhone OS 3.0のSafariでGPS機能を使ったWeb Applicationを作る!(履歴をMap表示編)で履歴画面から地図画面に遷移し、その住所を再表示する機能を実装し、ある程度まとまった感があるので、逆ジオコーディングのWebサービスとして公開したいと思います。

スタイルシートを当てて、見た目を整え、ロジックを少しリファクタリングしました。あわせて、いくつか機能を拡張したので、メモしておきます。

●地図画面
1)メール送信機能
パラメータで緯度・経度を取得してその住所を表示できるようにしたので、
続きを読む »

ここ最近、通勤の行き帰りはiPhoneとのにらめっこが続いてます・・・

flashcast:フリーで働くITエンジニア集団のブログ: iPhone OS 3.0のSafariでGPS機能を使ったWeb Applicationを作る!(history画面作成編)で、履歴画面を作りました。

履歴画面の住所の表示をリンクにして、地図画面に遷移できるようにします。地図画面を表示する際に、住所の吹き出しを初期表示する仕様にします。

まず、一覧に表示されている住所をリンクに変更します。

javascriptで住所一覧を作っているところを少しなおします。

  for (i = 0; i < resultSet.rows.length; i++) {
   var address = tonosamart.evalJson(resultSet.rows.item(i).dat);

   if (address) {
    html += "<div><p><a href='../map/?latlng=" +
     splitLatlng(address.name)[0] + "," +
     splitLatlng(address.name)[1] + "'>" +
     address.Placemark[0].address + "</a></p></div>";
   }
  }

地図画面にパラメータで緯度・経度を渡すようにしています。
続きを読む »

flashcast:フリーで働くITエンジニア集団のブログ: iPhone OS 3.0のSafariでGPS機能を使ったWeb Applicationを作る!(GPS編)の続きです。

前回作ったサンプルアプリiPhone GPS Sampleを実機でテストしてみました。実際にテストしてみていくつかわかったことがあります。

  • 移動してなくても現在地の緯度・経度の値が変わる場合がある。
  • 数歩歩くだけで変化する。

どちらも当たり前のことなんですが、実際に動きながらテストしてはじめて気付かされました。

以下のようなコードで、現在地の緯度・経度の値が変更になったときのイベントを受け、現在地住所を検索するようにしているので、

 function onLocationChanged(e) {
  lat = e.coords.latitude;
  lng = e.coords.longitude;
  getAddress(new GLatLng(lat, lng));
 }

地図上の吹き出しが表示されたり、消えたりを繰り返し、うざいです。なので、ある程度移動すると住所情報を再表示することにしました。
続きを読む »

flashcast:フリーで働くITエンジニア集団のブログ: iPhone OS 3.0のSafariでGPS機能を使ったWeb Applicationを作る!(UI編)の続きです。

iPhone OS 3.0のSafariでGPS機能を利用し、現在地の緯度・経度を取得します。

前回同様、以下のサイトを参考にしました。
各種デバイスの読み取り – iPhone 3G DevWiki

javascriptで現在地の緯度・経度を取得します。

 function initialize() {
  if (navigator != null && navigator.geolocation != null) {
   navigator.geolocation.watchPosition(onLocationChanged);
  }

  map = new GMap2(document.getElementById("map_canvas"));
  map.setCenter(new GLatLng(lat, lng), 15);
  GEvent.addListener(map, "click", onMapClick);
  geocoder = new GClientGeocoder();
 }

 function onLocationChanged(e) {
  lat = e.coords.latitude;
  lng = e.coords.longitude;
  getAddress(new GLatLng(lat, lng));
 }

続きを読む »

flashcast:フリーで働くITエンジニア集団のブログ: iPhone OS 3.0のSafariでGPS機能を使ったWeb Applicationを作る!(google編)の続きです。

画面のデザインを検討します。

とのさまのflashcast:フリーで働くITエンジニア集団のブログ: ipod touch用のWeb Applicationを作成してみる(画面作り編)と同様、こちらを参考にしました。
画面表示関係 – iPhone 3G DevWiki

iPhone特有の書式は基本的にはtonomemoと同じです。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=320px, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />

続きを読む »

flashcast:フリーで働くITエンジニア集団のブログ: iPhone OS 3.0にアップデートしてみたで、iPhone SDK 3.0もインストールしたので、なにかiPhoneアプリでも作ってみようかと思っていたのですが、iPhone OS 3.0のSafariではGPS機能が使えるということを知り、iPhone向けのWebアプリを作ってみることにしました。

ろっきーのflashcast:フリーで働くITエンジニア集団のブログ: GoogleAPI~郵便番号から地図を表示してみる~によると、Google Maps APIがバージョンアップされ、Google Maps API – Google Codeに、逆ジオコーディング機能がついたようなので、これを使いたいと思います。


続きを読む »

久しぶりに1日中、コーディングにどっぷりつかりました。さすがに疲れました。

今日は、Ideathonに来てなかった方が2名、新たにチームに参加することになりました。flashcast:フリーで働くITエンジニア集団のブログ: Android Hackathon 3/20の事前ミーティング(Ideathon)に行ってきましたで私のアイデアに賛同してくれていたOさんがACアダプタを忘れて急遽取りに帰るというハプニングも。

そんなこんなで、個人でチュートリアルを進める人とグループで1つのアプリを作るチームに別れることに。

まず、方向性の再確認です。今回は事前にプラスアルファしてきた私のイメージを伝えます。めぐから借りていったWacom | Cintiq12WXでイメージを共有。こんな感じ。雑ですが・・・

一応、役にたったかな?
続きを読む »

Google Japan Blog: Android Hackathon を開催しますということを知り、googleがAndroidのセミナーをやるのかと思い何の気なしに申し込んだのですが、だんだんそうじゃないことに気付きはじめ慌てて開発環境を構築。

flashcast:フリーで働くITエンジニア集団のブログ: Androidアプリ開発環境構築
flashcast:フリーで働くITエンジニア集団のブログ: Android Projectを作成して実行してみる

セミナーではなく、見ず知らずの参加者同士ががグループを作り、Androidアプリを開発するために1日中PCに向かうという会だったのです。

Hackathonとは – はてなキーワード

今日はその事前ミーティングでした。18:30〜20:30の時間帯での開催で、その中心テーマは
・グループ分け
・グループ内でのアイデア出し(Ideathon)
でした。
続きを読む »