Bugle Diary

マイクロアプリケーションという概念

2009-12-05T09:23:00.000+09:00

先に言葉の定義だけしておこうかなと。

よくこれから先のITってどうなるのかなっと空想しているとマイクロアプリケーションがはやるのかなと。

マイクロアプリケーションとは、つまり、iPhoneのアプリ、アンドロイドのアプリなどのモバイルアプリや、mixiのガジェット、googleガジェットなどのそれ単体だと動かないけど、コンテナーの中でものすごい威力を発揮する小型アプリなどを総称したアプリのことを言います。

ちなみに、この言葉は勝手に作りました。

つまり、デザイナーや音楽家などの専門家の方は、フォトショップやイラストレーター、キューベースなどの専門性の高いアプリを使うと思うのですが、それ以外の方は、どんどんこのマイクロアプリケーションに流れていくのではないのかなっと。

今後、googleからchrome OSがリリースされるのですが、macのようにDashboardを搭載したら、さらに小さいアプリケーションが流行るのかなと。

先日、ビィノスやまざきの池袋店でこの話をしたところ、否定されなかったので、ちょっと書いてみました。

[JavaScript]浮動小数点数の演算

2009-12-04T06:38:00.000+09:00

JavaScriptでたまーに計算する時にバグが発生する時があります。

サンプルをちょっと作ってみました。

var decimal = 101.1;
var int = 50;
var result = 101.1 - int;
alert(result); //51.0999999999999・・・4と表示される

先ほど、バグと書きましたが、実はこれ本当はバグではなく、こういう仕様なんです。

2進数で計算しているので、その際に、誤差が発生してしまうのです。

仮に上の計算結果を正しく求めたい場合は、下のように実装すれば取得することができます。

var decimal = 101.1;
var int = 50;
var result = (decimal*10 - int*10)/10;

ちなみに、JavaScriptは、JavaScript、お前もか（小数点を含む計算について）を参考にすると、IEEE 754を採用しているみたいです。

まー何はともわれ、浮動小数点数が絡んでくる計算の場合には注意したいですね。

他の参考:質問:数値の掛け算の不具合について

小室哲哉さんにばったり遭遇しました

2009-12-03T05:57:00.000+09:00

27年適当に生きてきましたが、その中でも上位5番目に入るとすごいことが起きました。

なんと

、

なんと

、

なんと

、

あの、

小室哲哉さん

に、

ばったり赤坂見附で遭遇したのです。

きっかけは、家内と、同期の3人で、ビール一杯無料になるチケットで飲んでいて、その帰り際、globeのKEIKOさんに遭遇し、その後に、横からすーっと、小室さんが歩いてきたのです。

超感動しまくりで、思わず、サインをいただいちゃいました。

さらに握手までしちゃいました。

残念ながら手元にカメラがなかったので写真が撮れなかったんですけど、こういうときにiPhoneがあればーっと。

いやー、すっげーびっくりしたー。

中学校のときから、会ってみたいなーっと思っていたけど、まさか本当にお会いできるとは。。。

今度、お会いしたい有名人を書いてみると

トム・クルーズ
マット・デイモン
ウィル・スミス
キャサリン・ゼダ・ジョーンズ
ジェニファー・ロペス
ジェシカ・アルバ
キーラ・ナイトレイ
アン・ハサウェイ
キャメロン・ディアス

となりました。

こうしてみると、外人かつ女性が多いのは何故だろうか？？

[widgmedia]ちょこっと更新

2009-12-02T12:24:00.001+09:00

和暦西暦早見表ガジェットを公開したので、それに伴いちょびっとだけwidgmedia.comを更新しました。

[iGoogle gadget]和暦西暦早見表を公開

2009-12-02T12:14:00.000+09:00

新しいガジェットのリリースのお知らせ。

和暦西暦早見表というガジェットを作成しました。
(こちらから追加できます。)

これはどんなガジェットとかというと、明治、大正、昭和、平成と4つのセクションごとに西暦、和暦、干支、年齢及び閏年が確認できるようにしたガジェットです。

言葉ばかりだと伝わりにくいので、実際に画像をみていただくことに。

まずガジェットの上に「明治」、「大正」、「昭和」、「平成」と書かれたタブがあると思います。
そのタブをクリックすると、各時代における年号などの情報が表示されます。

上は明治の画像で、下は「大正」タブをクリックした時の画像

そんでもって今度は、「昭和」タブをクリックした時の画像

最後に「平成」タブをクリックした時の画像

画像は途中で切れてしまっていますが、平成を選択した場合、今年(2009年)まで表示されるようになっています。
(来年2010年になった場合は、2010年まで表示されます。)

和暦、西暦、干支、年齢が表示されていると思いますが、閏年に関しては、対象となる年を赤文字にして確認できるようになっています。

年齢に関しての注意点ですが、今年まだお誕生日を迎えていない方は、表示されている年齢から1を引いてください。

また、画面を閉じたりしてガジェットから離れてしまった場合でも最後に選択されたタブが再度オープン時に選択されているようになっています。

実は、今回のガジェット、元々、iPhoneのアプリケーションで年齢早見というアプリがあって、
とても重宝していて仕事場でも使いたいのですが、、なんか雰囲気的にiPod自体使いずらく、どうにかならんもんかと不満に思ったところから著者に連絡を取らせていただいてガジェットとして作らせていただきました。
(よって著者の承諾済みです。)

対応プラットフォームとしてiGoogle gadgetのみサポートします。

何かご要望があれば、コメント、TB等などでいただければと思います。

iPhoneアプリケーションの年齢早見のサポートページはこちらにありますので、何かありましたらご連絡していただくのがいいかと思います。

[goo辞書]240000ユーザー突破

2009-12-02T05:36:00.000+09:00

ありがとうございます。

公開してから、2or3年ぐらいたちますが、多くの方にご利用いただいております。

ご利用いただいている方、本当にありがとうございます。

引き続きいいガジェットを作るよう精進せねば♪

[gadget]最後に選択したタブを画面オープン時に選択する

2009-12-01T05:30:00.000+09:00

iGoogleをいったん閉じて、再度オープンした場合、最後に選択したタブが選択されている状態でオープンしてほしい場合があります。

そんな時は、下のように組めば復元できます。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Test"
   directory_title=""
   title_url="http://widgmedia.com/"
   description=""
   author="maito.kuwahara"
   author_location="Japan"
   author_affiliation=""
   author_email="mai.musicfactory+gadgetfactory@gmail.com"
   author_link="http://temping-amagramer.blogspot.com/"
   screenshot=""
   thumbnail=""
   author_photo="http://widgmedia.com/gadget/my_profile_photo.png"
   height="350"
>
  <Require feature="setprefs" />
  <Require feature="tabs" />
</ModulePrefs>
<UserPref name="selectedTabIndex" datatype="hidden" default_value="0" />
<Content type="html">
<![CDATA[ 
<style type="text/css">
</style>
<div id="id_meiji" style="display:none;"></div>
<div id="id_taisho" style="display:none;"></div>
<div id="id_showa" style="display:none;"></div>
<div id="id_heisei" style="display:none;"></div>


<script type="text/javascript">
var tabs = new gadgets.TabSet(__MODULE_ID__,"id_meiji");
var prefs = new gadgets.Prefs();

gadgets.util.registerOnLoadHandler(lf_init);

function lf_init(){

  tabs.addTab("明治","id_meiji",lf_selected);
  tabs.addTab("大正","id_taisho",lf_selected);
  tabs.addTab("昭和","id_showa",lf_selected);
  tabs.addTab("平成","id_heisei",lf_selected);

  tabs.setSelectedTab(prefs.getInt("selectedTabIndex"));

}

function lf_selected(){
  var selectedindex = tabs.getSelectedTab();
  selectedindex = selectedindex.getIndex();
  prefs.set("selectedTabIndex",selectedindex);
}
</script>
]]>
</Content>
</Module>

最後に選択されたタブのindexを保持するために、<Require feature="setprefs" />というタグを追加します。

このタグを追加することで、様々なデータタイプを保持することができます。

リファレンスを参照すると、データタイプには、

string
bool
enum
hidden
list

があります。

そこで、今回は、hiddenを選択して、ModulePrefsタグの後に<UserPref name="selectedTabIndex" datatype="hidden" default_value="0" />というタグを追加します。

nameは、任意でオッケーです。(今回は、selectedTabIndexとしました。)

default_value属性は、初期値です。
設定されてしまえば、この値が使われることはありません。

JavaScriptに、var prefs = new gadgets.Prefs();がありますが、これを書くことによって、保存した値を参照したり設定したりすることができます。

prefs.getInt("selectedTabIndex")では、UserPrefのselectedTabIndexという名前の値をInt型として解釈して取りにいけーという指示を出しています。

他にもFloat型、String型として値を取りにいけーと指示することができます。

解釈できる値はリファレンスを参考にしてください。

prefs.getInt("selectedTabIndex")で値を取得した後、tabs.setSelectedTabメソッドで引数に指定されたindexのタブを選択します。

逆に選択されたtabのindexを保存するのは、prefs.set("selectedTabIndex",selectedindex)で行なっています。

これは何かというと、UserPrefタグのselectedTabIndexという名前の値をselectedindexに設定してくださいと指示をだしています。

タブが選択される都度、lf_selectedがコールされるので、その時に、選択されたタブのindexを保存しておけば問題ありません。

これで問題なく状態を保持しておけるかなーっと。

[gadget]どのタブが選択されたか確認する方法

2009-11-30T06:33:00.000+09:00

前回のタブが選択されたときに関数を呼び出す方法を書きましたが、ここで問題となるのは、すべてのタブに同じ関数をセットした場合に、果たしてどのタブが選択されたのかわからないこと。

かと言って、同じ処理を持った関数をタブの個数分名前だけ変えて定義するのもソースの無駄になるので、今日は、どのタブが選択されたのか確認する方法について書いていきたいと思います。

実装としてはこんな感じ

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Test"
   directory_title=""
   title_url="http://widgmedia.com/"
   description=""
   author="maito.kuwahara"
   author_location="Japan"
   author_affiliation=""
   author_email="mai.musicfactory+gadgetfactory@gmail.com"
   author_link="http://temping-amagramer.blogspot.com/"
   screenshot=""
   thumbnail=""
   author_photo="http://widgmedia.com/gadget/my_profile_photo.png"
   height="350"
>
  <Require feature="tabs" />
</ModulePrefs>
<Content type="html">
<![CDATA[ 
<style type="text/css">
</style>
<div id="id_meiji" style="display:none;"></div>
<div id="id_taisho" style="display:none;"></div>
<div id="id_showa" style="display:none;"></div>
<div id="id_heisei" style="display:none;"></div>


<script type="text/javascript">
gadgets.util.registerOnLoadHandler(lf_init);

function lf_init(){
  var tabs = new gadgets.TabSet(__MODULE_ID__);
  tabs.addTab("明治","id_meiji",lf_selected);
  tabs.addTab("大正","id_taisho",lf_selected);
  tabs.addTab("昭和","id_showa",lf_selected);
  tabs.addTab("平成","id_heisei",lf_selected);
}

function lf_selected(atabId){
  alert(atabId);
}
</script>
]]>
</Content>
</Module>

前回と違うのは、lf_selectedに引数を追加したこと。

これによって、実は、選択されたタブをidを返してくれるんですねー。

なんと便利な。

実行結果は、このような感じになります。

上は大正を選んだ時の模様

実は、各タブはindexも保持しており、indexで取得したい場合は、このような感じになります。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Test"
   directory_title=""
   title_url="http://widgmedia.com/"
   description=""
   author="maito.kuwahara"
   author_location="Japan"
   author_affiliation=""
   author_email="mai.musicfactory+gadgetfactory@gmail.com"
   author_link="http://temping-amagramer.blogspot.com/"
   screenshot=""
   thumbnail=""
   author_photo="http://widgmedia.com/gadget/my_profile_photo.png"
   height="350"
>
  <Require feature="tabs" />
</ModulePrefs>
<Content type="html">
<![CDATA[ 
<style type="text/css">
</style>
<div id="id_meiji" style="display:none;"></div>
<div id="id_taisho" style="display:none;"></div>
<div id="id_showa" style="display:none;"></div>
<div id="id_heisei" style="display:none;"></div>


<script type="text/javascript">
var tabs = new gadgets.TabSet(__MODULE_ID__);

gadgets.util.registerOnLoadHandler(lf_init);

function lf_init(){
  tabs.addTab("明治","id_meiji",lf_selected);
  tabs.addTab("大正","id_taisho",lf_selected);
  tabs.addTab("昭和","id_showa",lf_selected);
  tabs.addTab("平成","id_heisei",lf_selected);
}

function lf_selected(){
  var selectedtabindex = tabs.getSelectedTab();
  selectedtabindex = selectedtabindex.getIndex();
  alert(selectedtabindex);
}
</script>
]]>
</Content>
</Module>

実行結果はこのようになります。

画像は昭和を選択したときのもの。

getSelectedTab()メソッドによって、一度、gadgets.Tabオブジェクトを取得し、またgetIndex()によって、indexを取得しています。

各indexはaddTabで設定できるのですが、設定しなかった場合は、1つづ値が増えていきます。

最初は0からスタートです。
(なので、明治を選んだ場合は0と表示されます。)

これでindexとidによる取得と両方に対応できるようになりました。

次回は、選択したタブを保持する方法について。

[gadget]タブ選択時に関数をコール

2009-11-29T00:04:00.000+09:00

タブが選択された場合に関数をコールする方法はこんな感じになります。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Test"
   directory_title=""
   title_url="http://widgmedia.com/"
   description=""
   author="maito.kuwahara"
   author_location="Japan"
   author_affiliation=""
   author_email="mai.musicfactory+gadgetfactory@gmail.com"
   author_link="http://temping-amagramer.blogspot.com/"
   screenshot=""
   thumbnail=""
   author_photo="http://widgmedia.com/gadget/my_profile_photo.png"
   height="350"
>
  <Require feature="tabs" />
</ModulePrefs>
<Content type="html">
<![CDATA[ 
<style type="text/css">
</style>
<div id="id_meiji" style="display:none;"></div>
<div id="id_taisho" style="display:none;"></div>
<div id="id_showa" style="display:none;"></div>
<div id="id_heisei" style="display:none;"></div>


<script type="text/javascript">
gadgets.util.registerOnLoadHandler(lf_init);


function lf_init(){
  var tabs = new gadgets.TabSet(__MODULE_ID__);
  tabs.addTab("明治","id_meiji",lf_selected);
  tabs.addTab("大正","id_taisho",lf_selected);
  tabs.addTab("昭和","id_showa",lf_selected);
  tabs.addTab("平成","id_heisei",lf_selected);
}

function lf_selected(){
  alert("選択されました");
}
</script>
]]>
</Content>
</Module>

実際タブが選択されたときに呼び出される関数は、addTabメソッドの第三引数で設定します。

実行結果はこのような形になりました。

だいぶ前に、書いたタブの作成方法とは若干違うところがあり、addTabメソッドの第二引数が追加されているところ。

これは何かというと、divタグのid属性を指定すれば、そこにタブを生成しますよぉーというもの。

ただし、こちらのリファレンスにもあるようにstyle="display:none;"といちおう書いておきました。

もちろん各addTabメソッドにおいて、別々のファンクションを設定することも可能です。

これでタブが選択された場合の処理も書くことができます。

[javascript]干支を(確認|取得)する

2009-11-28T01:08:00.001+09:00

今度のガジェットで使おうかなと思い、JavaScriptで実装

の前に干支の算出方法(アルゴリズム)の確認はこちらで行いました。

同様に、西暦（あるいは皇紀）で表した値を12で割った余りを求め、下表から十二支を割り出す。
余り 0 1 2 3 4 5 6 7 8 9 10 11
十二支申酉戌亥子丑寅卯辰巳午未
via:wikipedia:干支

というわけでプログラムはこのようになりました。

var sexagenary_cycle = ["申","酉","戌","亥","子","丑","寅","卯","辰","巳","午","未"];

function lf_getSexagenary(aYear){
return sexagenary_cycle[aYear%12];
}

実際に試しにいくつか入力してうまくいったので、オッケーかなーっと。。。

[Objective-C][iPhone sdk][google maps]pinを表示その3

2009-11-27T00:10:00.000+09:00

UIViewControllerを使わなくてもピンの色を変更して表示できました。

プログラムがめちゃくちゃ長いですが、お付き合いください。

/* MapViewDelegate.h */
#import <Foundation/Foundation.h>
#import <MapKit/MapKit.h>

@interface MapViewDelegate : NSObject <MKMapViewDelegate>{

}

- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation;

@end

/* MapViewDelegate.m */
@implementation MapViewDelegate

- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation{

MKPinAnnotationView *pinannotationview = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"pin"];
pinannotationview.pinColor = MKPinAnnotationColorPurple;
pinannotationview.animatesDrop = NO;
return pinannotationview;

}

@end

/* AnnotationToMap.h */
#import <Foundation/Foundation.h>
#import <MapKit/MapKit.h>

@interface AnnotationToMap : NSObject <MKAnnotation>{
CLLocationCoordinate2D coordinate;
}
-(id)initWithCoordinate:(CLLocationCoordinate2D) coord;
@property (nonatomic, readonly) CLLocationCoordinate2D coordinate;

@end

/* AnnotationToMap.m */
#import "AnnotationToMap.h"
@implementation AnnotationToMap
@synthesize coordinate;

-(id)initWithCoordinate:(CLLocationCoordinate2D) coord{
self = [super init];
coordinate = coord;
return self;
}

@end

/* MapTestAppDelegate.m */
CLLocation *location = [[CLLocation alloc] initWithLatitude:35.660262 longitude:139.729548];
CLLocationCoordinate2D mapcenter = location.coordinate;
[location release];

MKMapView *mapview = [[MKMapView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]];
MKCoordinateSpan CoordinateSpan = MKCoordinateSpanMake(0.005,0.005);
MKCoordinateRegion CoordinateRegion = MKCoordinateRegionMake(mapcenter,CoordinateSpan);
[mapview setRegion:CoordinateRegion animated:YES];

MapViewDelegate *mapviewdelegate = [[MapViewDelegate alloc] init];
mapview.delegate = mapviewdelegate;

AnnotationToMap *annotationtomap = [[AnnotationToMap alloc] initWithCoordinate:mapcenter];
[mapview addAnnotation:annotationtomap];
[annotationtomap release];

[window addSubview:mapview];
[mapview release];
[window makeKeyAndVisible];

で、実行結果はこのような形になりました。

ピンの色が変わらなかった原因として、mapviewのdelegateプロパティを設定していなかったために引き起こされたバグでした。

色々と記事を読んでみると、UIViewControllerにdelegate対象となるmapviewdelegateを継承しているのが多かったのですが、いまいち納得がいかなく、今回、あえて外だしにしてみました。

割と納得いってるのですが、どうでしょうか？

ここまできちんと書くとオープンソースとして配信したくなってしまう。
Interface Builderを使わないサンプルプログラムとしてばんばん公開しようかなーって思うのですが、時間すごく喰いそうなので、う〜〜〜ん、どうしようぉ〜〜〜。

やりたいことが多すぎるぅ。。。

参考したサイト|ブログ(多くてすみません)
MKMapView上にアノテーションを追加する
How to add a pin to embedded map
Using iPhone SDK MapKit Framework – A tutorial
iPhoneアプリで地図を取り扱う、MapKit Framework
iPhoneのGPSとMapKitを使った地図を連動させる方法CommentsAdd Star

[gadget]onloadを行なう

2009-11-26T01:30:00.001+09:00

iPhoneアプリの年齢早見というアプリがあって、ものすごく重宝しているのですが、業務中に使うことに躊躇してしまい(さぼっていると思われてしまうので)、でもものすごく便利なので使いたいなーっとなんとかならないものかと考えていたら、iGoogle gadgetにしてしまえばいいじゃーんと思い、急遽gadgetを作成しようかなと。

guiも似ているし、そもそもアイデア自体も作者さんのものなので、KS Planning Inc.さんのブログできちんとgadgetの作成の許可を申請し、きちんとオッケーを頂いたので問題なく作ることができます。

そこで、iPhoneのアプリと同時並行でガジェットの作成も進行します。

で、今日は、久々のガジェットネタ。

gadgetのパフォーマンスアップの一環として、loadしきってから、中のコンテンツを色々とセットしていきたい場合があります。

webサイトなどを作っている場合などは、JavaScriptのonloadをコールすればいいのですが、gadgetの場合、それに相当するものは、gadgets.util.registerOnLoadHandlerとなります。

実装としてこんな感じ

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Test"
   directory_title=""
   title_url="http://widgmedia.com/"
   description=""
   author="maito.kuwahara"
   author_location="Japan"
   author_affiliation=""
   author_email="mai.musicfactory+gadgetfactory@gmail.com"
   author_link="http://temping-amagramer.blogspot.com/"
   screenshot=""
   thumbnail=""
   author_photo="http://widgmedia.com/gadget/my_profile_photo.png"
   height="350"
>
</ModulePrefs>
<Content type="html">
<![CDATA[ 
<style type="text/css">
</style>
<div id="hoge">カレー</div>

<script type="text/javascript">
gadgets.util.registerOnLoadHandler(lf_init);

/* onload時コールされる */
function lf_init(){
  document.getElementById("hoge").innerHTML = "シチュー";
}
</script>
]]>
</Content>
</Module>

実行結果はこのような形となりました

きちんと「シチュー」という単語が挿入されています。

ちなみに、lambdaも使うことができます。

その場合は、こんな感じになります。(firefox 3で確認)

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Test"
   directory_title=""
   title_url="http://widgmedia.com/"
   description=""
   author="maito.kuwahara"
   author_location="Japan"
   author_affiliation=""
   author_email="mai.musicfactory+gadgetfactory@gmail.com"
   author_link="http://temping-amagramer.blogspot.com/"
   screenshot=""
   thumbnail=""
   author_photo="http://widgmedia.com/gadget/my_profile_photo.png"
   height="350"
>
</ModulePrefs>
<Content type="html">
<![CDATA[ 
<style type="text/css">
</style>
<div id="hoge">カレー</div>

<script type="text/javascript">
gadgets.util.registerOnLoadHandler(function(){alert('hoge');});
</script>
]]>
</Content>
</Module>

今回、igoogle上だけしか確認していないのですが、mixi上でも動作すると思います。

[coldfusion]9がリリースされてました。

2009-11-25T23:59:00.000+09:00

まだ何が新しくなっているのか確認できていませんが。。。
こちらで正式にアナウンスされています。

[igoogle gadget]social機能がリリースされました

2009-11-25T12:50:00.000+09:00

昼寝している間に、ものすごいことが起きていました。

既に海外では確かリリースされていたのですが、いよいよ日本版が上陸しました。

この日をどのぐらい待ち望んでいたか！！

詳しいことは、こちらに譲りますが、mixi並みにリッチでパワフルなアプリケーションを開発することができます。

最近、iPhoneの開発とかiGoogle gadgetの開発などがあって、猛烈に大変です。

[Objective-C][iPhone sdk][google maps]pinを表示その2

2009-11-24T23:59:00.000+09:00

おとといぐらいから調査を続行しているpinを表示する方法ですが、やはりぐぐってみるとかなり多くの記事においてUIViewControllerにMKMapViewDelegateを継承しています。

なぜじゃー？？

あまり考えることなく実装したほうがいいのかなと。

27に

2009-11-23T08:46:00.000+09:00

なりました

[Objective-C][iPhone sdk][google maps]pinを表示その1

2009-11-22T09:39:00.000+09:00

まだ完全にできていないので、その1として

地図上にピンを表示させます。
プログラムは下記をご覧ください。

/* MapTestAppDelegate.m */
CLLocation *location = [[CLLocation alloc] initWithLatitude:35.660262 longitude:139.729548];
CLLocationCoordinate2D mapcenter = location.coordinate;
[location release];

AnnotationToMap *annotationtomap = [[[AnnotationToMap alloc] initWithCoordinate:mapcenter] retain];

MapView *mapview = [[MapView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]];
MKCoordinateSpan CoordinateSpan = MKCoordinateSpanMake(0.005,0.005);
MKCoordinateRegion CoordinateRegion = MKCoordinateRegionMake(mapcenter,CoordinateSpan);
[mapview setRegion:CoordinateRegion animated:YES];

[mapview addAnnotation:annotationtomap];
// Override point for customization after application launch
[window addSubview:mapview];
[window makeKeyAndVisible];

/* MapView.h */
#import <MapKit/MapKit.h>

@interface MapView : MKMapView <MKMapViewDelegate> {

}
- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation;

@end

/* MapView.m */
- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id <MKAnnotation>)annotation{

MKPinAnnotationView *pinannotationview = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"pin"];
pinannotationview.pinColor = MKPinAnnotationColorPurple;
pinannotationview.animatesDrop = YES;
return pinannotationview;

}

/* AnnotationToMap.h */
#import <Foundation/Foundation.h>
#import <MapKit/MapKit.h>

@interface AnnotationToMap : NSObject <MKAnnotation>{
CLLocationCoordinate2D coordinate;
}
-(id)initWithCoordinate:(CLLocationCoordinate2D) coord;
@property (nonatomic, readonly) CLLocationCoordinate2D coordinate;

@end

#import "AnnotationToMap.h"

/* AnnotationToMap.m */
@implementation AnnotationToMap
@synthesize coordinate;

-(id)initWithCoordinate:(CLLocationCoordinate2D) coord{
self = [super init];
coordinate = coord;
return self;
}

@end

実行結果はこのようになりました。

ピンは表示できたけど、ピンの色が紫色になっていないので、バグが発生しています。

今、調査中ですが、おそらくViewControllerを使わないといけないのかもしれません。

[Objective-C][iPhone sdk]iPhoneでsqliteを使用について

2009-11-21T14:11:00.000+09:00

ColorMakerの次期バージョンでは、いくつかの案があるのですが、その中で、sqliteを使ってデータを保存したいなーと思い、保存方法及びsqliteの使用方法について調べてみることにしました。

が、

ぐぐってみると、

SQLite and CoreData - iPhone SDK Articles

に、OSのバージョン3からはsqliteではなく、Core Dataが推奨されているみたいなのですが、実際、iPhone OS Technology OverviewのSQLiteを読むと、やはりサポートされているのでできればこちらを使いたいです。

というのもCore Dataのマニュアルが膨大すぎて、sqlの方が工数がかからなさそうだと思ったので。。。
(先々にちょっとやりたいなーっと考えているgoogle app engineのことを考えるとやった方がいいのかなと思ったりもするのですが)

なわけで、sqliteで突撃～～～♪

[Objective-C][iPhone sdk][google maps]特定の住所を地図上に表示する

2009-11-20T01:20:00.000+09:00

ちょっとぐぐってみてわかったのですが、ほとんどの記事は、現在位置を地図上に表示する方法について書いてありましたが、任意の場所(所定の好きな場所)を地図上に表示する方法はなかったので、実装してみることにしました。

この場合、重要となるのは表示したい場所の経度と緯度がわかること。

今回の例として、「六本木ヒルズ」を地図上で表示するとします。

すっげー前の記事に住所から経度と緯度を取得するサイトを紹介したので、そこで、「六本木ヒルズ」と打ち込んで検索を行います。

すると、経度と緯度が表示されるので、それをどこかにメモしておきます。
(検索したときは、緯度:35.455006、経度:139.729548と表示されました。)

そこで、メモした内容をふまえて以下のように実装します。

/* googleの地図をコールするクラスを作成し初期化を行う(インスタンス変数) *
MKMapView *mapview = [[MKMapView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]];

/*
地図をどのぐらい拡大させるか設定を行う(MKCoordinateSpanは構造体で、
MKCoordinateSpanMakeをコールすればオッケー♪)
*/
MKCoordinateSpan CoordinateSpan = MKCoordinateSpanMake(0.005,0.005);
/* ど真ん中の座標を設定(35.660262と139.729548はさっきメモしたもの) */
CLLocation *location = [[CLLocation alloc] initWithLatitude:35.660262 longitude:139.729548];

/* CLLocationCoordinate2Dも構造体なんだけど、こちらはプロパティを使えば楽勝 */
CLLocationCoordinate2D mapCenter = location.coordinate;

/*
CLLocationCoordinate2DとMKCoordinateSpanを
MKCoordinateRegionMakeでMKCoordinateRegionとしてドッキング
*/
MKCoordinateRegion CoordinateRegion = MKCoordinateRegionMake(mapCenter,CoordinateSpan);

/* 地図を表示しまーす(アニメーションも、もちろんYES) */
[mapview setRegion:CoordinateRegion animated:YES];

/* だけど大本のwindowに貼付けないと表示されないので、お約束で追加 */
[window addSubview:mapview];
[window makeKeyAndVisible];

で、この実行結果は、、、

キター表示できたぞ！！

これでどこでも好きな場所をしょっぱなから表示することができます。

なんて便利なんだ♪

[Objective-C][iPhone sdk][google maps]地図を表示

2009-11-19T00:01:00.001+09:00

ついにキター！！

念願のgoogle map表示

iPhone Application Programming GuideのDisplaying Maps and Annotationsを読んで、下記のように実装しました。

- (void)applicationDidFinishLaunching:(UIApplication *)application {
MKMapView *mapview = [[MKMapView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]];
[window addSubview:mapview];
[window makeKeyAndVisible];
}

ソースの中身自体はたったの、3行で、できちゃいました。

実行結果はこのような形です。

しかも、ダブルクリックしたら地図がでかくなりました。
(うれしい誤算です。)

この調子で今度は、座標を指定して特定の位置を表示する方法に着手したいと思います。

[javascript]aタグのonclickについて

2009-11-18T05:09:00.001+09:00

aタグのhref属性ではなくて、onclickでページのリンクを実現するために下記のようなプログラムを作成しました。

実際にクリックしてみると、どういうわけか、リンク先に画面が遷移しません。

ちょっと調べてみると、IE6の仕様っぽくて、return falseを入れないと画面が遷移しないみたいなのです。

というわけで、return falseを入れた最終的なプログラムはこちらになります。

動かしてみると、無事にリンク先に遷移しました。

めでたし、めでたし

参考サイト：location.href

[mac][objective-c]frameworkの追加方法

2009-11-17T23:59:00.000+09:00

mapkitフレームワークを追加したいなーっと思い方法を調べてみることにしました。

Xcode Project Management GuideのLinking Libraries and Frameworksを見たのですが、ちょっとやり方が気にくわなかったので、Spotlightからmapkitと検索をして、いくつかヒットしたうちのiPhone sdk ver 3.0の中にあるmapkitを追加しました。

追加方法は、frameworksと書かれたフォルダを「Control+クリック」を行い、追加→既存のワークフレームを選択するとファイル選択画面がオープンするので、そこから指定し追加を行いました。

無事にframeworksフォルダには、mapkitフレームワークが追加されているのでいいのかなと。

ただし、sdkのバージョンそのものをあげてしまった場合、同様に、このフレームワークのバージョンもあげないといけないのかなーっと。

そこは注意したいですね。

これで先に進める。。。

[mac]ファイル比較ソフト

2009-11-16T15:42:00.003+09:00

最近、iPhoneのアプリ開発でファイルがものすごい数になってきたので、ファイル同士の比較を行うソフトを探してみる事に。

まず、WindowsだとDFというソフトを使っているのですが、Macのファイル比較ツールを読むと、cwDiffとDiffMargeというソフトがあるらしく、さっそくcwDiffをダウンロードして使ったのですが、イマイチ、わかりにくいです。

今度は、DiffMargeを試してみようかなと。

引越

2009-11-16T12:13:00.001+09:00

しました。やっとこさ、家のネットが開通しました。

[Objective-C][iPhone sdk]UIWebViewを使ってpdfを表示

2009-11-13T01:41:00.003+09:00

次回のアプリは、google mapを使うアプリを考えていたのですが、その前に、pdfファイルを表示する方法について調査。

というか、そもそもpdfって表示できるのか？

という素朴な疑問がありました。

でちょっと調べてみると、意外なクラスによってpdfファイルを表示することができるみたいなのです。

それはなんと、

UIWebViewクラス

だったのです。(なんでまた、webViewクラスなの？？)

理由を考えても仕方ないので先にすすみます。

UIWebViewで、簡単にドキュメントビューアが作れるというエントリーで知りました。

そこには、リファレンスのTechnical Q&A QA1630: Using UIWebView to display select document typesに、iPhoneがpdfも表示できるという風に解説してありましたが、実際に参照先を読んでみると確かに対応していました。
(しかも、ソースまであった。)

で、ちょっとプログラムを組んでみる事に

- (void)applicationDidFinishLaunching:(UIApplication *)application {
NSURL *path = [NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"hoge.pdf" ofType:nil]];
NSURLRequest *urlrequest = [NSURLRequest requestWithURL:path];
UIWebView *webView = [[UIWebView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]];
webView.scalesPageToFit = YES;
[webView loadRequest:urlrequest];
[window addSubview:webView];
[window makeKeyAndVisible];

実行結果はこんな感じになります。

うん、確かに表示されました。

しかも、ページもきちんと動くし、今、何ページ目にいるかも表示してくれます。
(画像は2ページ目までマウスで動かした時のもの)

ただ、ちょっと難点なのは、ページ数を指定して、そこをダイレクトに表示できないこと。

ここは、もう一つレイヤーの低いQuartzを使うしかないのかなと。
(サンプルソースもありました。)

うーーーん、表示はできたけど、まだ全然納得いかない。

余り	0	1	2	3	4	5	6	7	8	9	10	11
十二支	申	酉	戌	亥	子	丑	寅	卯	辰	巳	午	未