読み書きプログラミング

日常のプログラミングで気づいたことを綴っています

2012-01-01から1年間の記事一覧

Google Earthコンテンツの作り方 (3) ースタイルー

KML

コンテンツを作るには目印を多数用意することになります。そのアイコンやバルーンのデザインを合わせると、コンテンツとしての統一感が出ます。スタイルを統一するには、「場所」ペインでコンテンツを入れるフォルダを作ってそのフォルダのスタイルを設定し…

Google Earthコンテンツの作り方 (2) ーWebkitバルーンー

KML

Google EarthのコンテンツはKML(Keyhole Markup Language)で記述されたドキュメントです。 KMLはXMLベースの言語なので、タグで文字列をくくるなど、HTMLとよく似た言語です。 言語の基本からリファレンスまで、以下のサイトに情報があります。https://devel…

Google Earthコンテンツの作り方 (1) ー今Google Earthなのか?ー

KML

久しぶりに連載を始めようと思います。果たしてうまく続けることができるでしょうか? 連載のターゲットは「Google earth上でのコンテンツの作り方」です。 第一回の今回はなぜ今Google Earthなのか?です。 箇条書きしてしまうと、 元々、地球儀は誰にとっ…

日本語マニュアル更新

Maximaの日本語マニュアルを5.27.0に更新しました。乗法群の関数が追加されました。 http://maxima.sourceforge.jp/maxima.html

google.earth.fetchKmlの不具合対応

Google AJAX API loaderでGoogle earth APIをロードすると、ロード完了時に、google.setOnLoadCallbackで設定した関数が呼ばれます。 ところが、この時点ではまだGoogle earth API全体はロードが完了しておらず、例えばgoogle.earth.fetchKmlの内部で使われ…

Google earthで「男はつらいよ」オープニング

きっとおもしろおかしいと思いますので、どうぞご視聴ください。 http://www.h3.dion.ne.jp/~y.ich/torasan/opening1.html (注)音が出ます。ご注意ください。YouTubeプレーヤ(flash)の制御とGoogle earth pluginの制御をJavaScriptですることを覚えました。

Google earthでストリートビュー散歩

「寅さん」制作の過程で必要となり、Google earth上でストリートビュー散歩するKMLを生成するサイトを作り、公開しました。 Google earth plugin上ですぐ動作を見れるようになっています。 日本語版: http://y-ich.github.com/walking-earth/ja.html English…

見てくれる人募集

KML

ブログでも募集します。 わがままを言って申し訳ありませんが、過去にやり取りしたことがある人限定でお願いします。

Meteor

先日、MeteorというJavaScriptベースのウェブプラットフォームが発表されました。(meteorは流星) そのコンセプトを見て、ビビッと来ましたので、ドキュメンテーションのコンセプト部分の訳をしてみました。 コンセプト 今まで私たちは単ページのJavaScriptア…

Google earth備忘録

KML

共通 kmz内のコンテンツはkmlより一段パスが深くなる。従って、ネットワークリンクなどで使用して相対パスで別のファイルを参照する場合、kmlで"relative_path"で参照したファイルはkmz化する時に"../relative_path"とする必要がある。 Mac版 6.2.1.6014 (be…

iOSデバイス用にGoogle earth KMLを生成する

KML

iOSではカスタムURLスキーム"comgoogleearth"を使って、ブラウザや他のアプリからGoogle earthを起動することができます。 ただ、Google earthに直接パラメータを渡すことができないので、そのままでは望みの位置に飛んだりできません。 この解決方法がStack…

Backstage: ウェブページ上のソースビュア

HTMLに一行追加するだけで、HTML, JavaScript/CoffeeScript, CSSのソースを見ることができるAdd-on-Pageを作りました。まずは電卓アプリでお試しください。 http://y-ich.github.com/Calculator/calculator.html英語記事 http://new-3rs.blogspot.jp/2012/04…

-webkit-overflow-scrolling: touch;の使いこなし方

webkit-overflow-scrolling: touch;はiOS5 Safariでの目玉機能でしたが、レンダリングがバギーで使いこなすのが大変です。 http://stackoverflow.com/questions/7808110/css3-property-webkit-overflow-scrollingtouch-error webkit-overflow-scrolling: tou…

iPad用電卓アプリ

iPhoneには素敵な電卓アプリが載っていますが、iPadにはありません。 なので、ウェブアプリでクローンを作りました。 お楽しみください。 http://y-ich.github.com/Calculator/calculator.html「読み書きそろばん」から「読み書きプログラミング」にシフトす…

Dictationとイベント

Mobile SafariのテキストフィールドでDictationを使った場合、oninputイベントは発生しますが、ontextinputは発せしませんでした。Dictationを使って遊んでみました。 http://y-ich.github.com/Aloud/

iPad用電卓アプリ

iPhoneには素敵な電卓アプリが載っていますが、iPadにはありません。 なので、ウェブアプリでクローンを作りました。 お楽しみください。 http://y-ich.github.com/Calculator/calculator.html「読み書きそろばん」から「読み書きプログラミング」にシフトす…

[jqMobi}jqMobiのEventオブジェクトは生のEventオブジェクト

jQueryのEventオブジェクトはjQuery.Eventですが、jqMobiのEventオブジェクトは生のEventオブジェクトでした。

jQuery Mobileは、iOSだとページ遷移の度にresizeイベントが発生します

バージョン1.0.1で確認。

Tic Tac Toe

SPELL NOTEのサンプルプログラムで、Tic Tac Toe分析プログラムを作りました。 CoffeeScriptで関数プログラミングするとどうなるか知りたかったのです。 ### Let's investigate Tic Tac Toe using computer! Exhaustive searching shows the power of comput…

SPELL NOTE

昨日、ウェブアプリとそれに付随したサービスを公開しました。 http://spell-note.herokuapp.com/Siphon同様、プログラミング環境です。 主な特長は、 ソーシャルサービス連携 自動オフラインアプリ生成機能 シンプルなドローエディタとHTMLレイアウトエディ…

サイトの後処理にはonpagehideを使う

[2014-09-25 追記] iOS8 Safariではload/unloadがdepricatedになって、pageshow/pagehideという名前になりました。これに伴い、下記で使っていた従来のpageshow/pagehideは廃止。 以下の記事はiOS7もしくはそれ以前の情報です。 iOS Safariではonbeforeunloa…

themeをユーザー設定可能にする

ウェブアプリとかですと、ユーザーがテーマを設定できるようにしたかったりします。そんなときのテクニック。 <html> <head> ... </head> <body style="display: none;"> ... <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/javascript"> // Theme should be determined before mobileinit is invoked. if (localStor…</body></html>

Rails3とjQueryとJQuery Mobileとlink_toのpost

結論から。RailsでjQuery Mobileを使う場合、 application.jsからrequire jqueryを削除。(2012/2/18現在、これはjQuery 1.7.1なので。) "all" %>の前にjquery 1.6.4をロードするようにする。 とするのが筋がいい。根拠は、 jQuery MobileではJQueryは1.6.4が…

ステータスコードのテスト

Rails+RSpec+Capybaraにて。 it { page.status_code.should == 200 # success } 検索すると、response, response_code, response.code, be_ok, be_success、respond_with, ...色んなパターンが引っかかりますが、どれも通りませんでした。(CapybaraがRSpecの…

reCAPTCHA/railsを使ったときのテスト

reCAPTCHAを利用するため、railsプラグインrecaptchaを使いました。 test環境、cucumber環境ではverify_recaptchaは常にtrueを返すので、モックは不要でした。 test環境でのreCAPTCHAのinvalidの確認をするには、test環境でPRIVATE_KEYとPUBLIC_KEYを設定し…

フォームのvalidationエラー表示の整形

入力フォームでvalidationのエラーがあった時、フィールドを<div class="field_with_errors">タグで囲って強調してくれますが、レイアウトが壊れることがあります。その対応で<div>を<span>に置き換えるという記事をネット上で見ましたが、やはりレイアウトが乱れることがあるようです。(jQuery Mobile</span></div></div>…

Rails3.2のform_for

Rails3.2ではform_forは <% form_for ... ではダメで、 <%= form_for ... とする必要がありました。

accelerationIncludingGravityの座標はデバイスに固定

orientationchange後も座標軸は変わりません. なので、表示座標に合わせるため、加速度の座標はwindow.orientationの値から回転変換の必要があります。

touchmoveとmousemove

touchmoveは指が要素とずれても発生し続けるが、 mousemoveは マウスボタン状態に関係なく発生 ポインタが要素からずれると、発生しなくなる。

ウェブクリップのUserAgent

iOS Safariのnavigator.userAgentとオフラインアプリのnavigator.userAgentは異なる。Safari: Mozilla/5.0 (iPad; CPU OS 5_0_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Mobile/9A405 Safari/7534.48.3オフラインアプリ Mozilla/5.0 (iPad; …