Branberyheag!! Lab

Titanium Mobileでなんかを作ろう

isao — Fri, 03 Feb 2012 06:28:02 +0000

最近、仕事の合間をぬってTitanium Mobileでツールを作っている。せっかくiOSデベロッパーライセンスもあるので、いろいろと作ろう思って、Object-Cで始めるといきなり挫折しそうなので、Titanium Mobileで作ろうと思って、トライアンドエラーでがんばってみる。

わからないことが結構あるけど、ここを見ると結構分かるかも。

http://code.google.com/p/titanium-mobile-doc-ja/

サンプルを見ながら、解析していくのもいいかも。
ひと通りできたら、開発めもぽいものをここにのせて行く予定。

関連した記事

Bootstrapがいい感じ。

isao — Fri, 20 Jan 2012 15:46:23 +0000

これ、使えるなと思ったので、メモ。

Bootstrapは、Twitterの謹製オープンソースフレームワークなんだけど、とても使えそう。
Webアプリとかさくっと作りたいときに使うといいのかも。

デザインセンスがない俺でも使えそう。「すきなばしょ」に使おうかな。。。

Moogiftさんの記事
http://www.moongift.jp/2011/09/20110901-2/

Bootstrap Image Gallery
http://blueimp.github.com/Bootstrap-Image-Gallery/関連した記事

Titanium Mobileで困ったこと

isao — Fri, 20 Jan 2012 13:00:06 +0000

いきなりつまづいたので、メモ。

Titanium Mobileでタブがない状態で、ヘッダーナビを付けたかったけど、なぜか付けられない。app.jsでWindowを定義して、ボタンにイベントを仕掛けてクリックしたときにそのWindowが開くようにしたかった。だけど、開くことができるけど、なぜかヘッダーつかない何もない状態で開く。

えっ？！

と思っていろいろと調べてみたら、俺と同じとこでつまづいてる人が居た。
ただ、タブとWindowのヘッダー付きというものは、ひもづけられているみたい。

Re: Titanium Mobileの暗黒面
ハタさんのブログ（復活）さんに解決方法と対策のようなものがあった。

これだと微妙だよね。

俺は、UI自体を変更して、回避した。関連した記事

Titanuim Mobileでアプリを作ろう

isao — Thu, 12 Jan 2012 03:46:47 +0000

iPhoneアプリを作るぞ！と思ってから、自分のお仕事用のサイトをそっちのけで調べている。Object-Cを取得するには、学習コストがかかりすぎるので、今回はTitanuim Mobileでアプリを作ることする。

でも、Object-Cのお勉強は、きちんとするつもり。

とりあえず、Titanuim Mobileってなんだ？
JavascriptでiPhoneとandroidにそれぞれアプリが作れるフレームワーク。とにかく学習コストが低くすむ。

お風呂の中で考えたアプリが全く一緒のものがあったので、勉強を兼ねて、企画、設計、デザイン、実装を研究した上で作ろうと思う。もちろん、アプリストアには、公開する。プロジェクトのリスクとして、Titanium Mobileがどこまでできるのかが未知数である。そこは、これから調べてみる。

とりあえず、キックオフする。関連した記事

iPhoneアプリのアイデアに悩む

isao — Tue, 10 Jan 2012 09:10:58 +0000

作りたいもの盛りだくさんで、どこから手を付けたら良いのかわからなくなってきました。

さて、せっかくiOSデベロッパーライセンスを持っているので、アプリを作ることにしました。技術的なことは、全然自信がなくてどうすれば良いのか困っているけど、作りたいという思いがあればなんとかなりそうな感じだと思うのです。

ということで、何を作るかを考えていきたいと思います。

方向性として、持っててよかったと思えるものを作ってみようと思います。

考えられるものとして、、、

支出管理アプリ
天気予報アプリ

今、思いつくものだとこんな感じでした。

もうひとひねりが必要かな、、と思います。
降水確率をバッチで知らせるような小さなアイデアが必要です。

方向性は同じでも何か特徴がないと辛いような感じがします。
４月キックオフで、６月にはリリースしたいな。。。と思っているところ。

まずは、アイデア出しだな。関連した記事

Proceesing.jsが何気に面白い

isao — Thu, 22 Dec 2011 12:00:44 +0000

HTML5でビジュアライズして、遊んでみようと思って、ライブラリを使うか自分で作ろうか悩んでいたときに、Proceesing.jsに出会った。

Proceesingとは、デザイン用のプログラミング言語で、JAVAでできている。
言語としては、かなりシンプルでわかりやすい。外部からデータを取得できるので、ビジュアライザとして使うことも可能。

このJavascript版として、2,3年前にリリースされた。JAVA版とメソッドがほとんど変わらないので、日本語ドキュメントもあって、何気に便利。習得するコストは、低いのではないかと思った。ただ、やっぱり独自の言語なので、クセはあるけどJavascriptが分かれば簡単に覚えられるレベルだと思う。

Proceesing.js公式サイト

日本語版のリファレンス関連した記事

AJAXサイトをクローラブルにする

isao — Tue, 06 Dec 2011 14:57:47 +0000

SEMサーチさんに

「AJAXサイトをクローラブルにする – 検索エンジンフレンドリーなAJAX実装方法」という記事が掲載されていた。

「#」だけでなく「#!」をつけることでキャッシュされる仕様になっているみたい。
※古い記事なので、知っているよっていう感じでしたら、スルーしてください。

branberyheag.jpを実装するときは、Javascriptで動的にURLを変更してクロール時には、ビュアなURLにしていた。
もちろんHTML5ならこの問題も解決するようなAPIもあるけど、IEには対応していない。

素直にこれを使うというのも素直でいいと思うけど。
現実的に無理なら堅実に考えて実装を考えてもいいのかもね。関連した記事

JavaScriptの多次元配列と連想配列

isao — Mon, 28 Nov 2011 15:46:36 +0000

案件で複数のデータの組み合わせで、複雑なデータをフロント側で持っていたかったので、多次元配列と連想配列いついて調べてみた。扱い方は基本的に配列と同じなので、その記述の仕方や処理の例をあがっていたので、メモ。

var a = [
   [1,2,3],
   [4,5,6],
   [7,8,9]
 ];
 var b = [
   [1,4,7],
   [2,5,8],
   [3,6,9]
 ];
 var c = [
   [0,0,0],
   [0,0,0],
   [0,0,0]
 ];

 for(var i=0;i<3;i++)
   for(var j=0;j<3;j++)
     for(var k=0;k<3;k++)
       c[i][j] += a[i][k]*b[k][j];

 document.write( c );

ひとつの配列で複数のデータを持てるので、同じNameで数値を持たせたいときとかに便利。
また、連想配列の呼び出し方は、こんな感じらしい。

document.write( girl["身長"] );  // これで身長を呼び出す。

連想配列のデータ構造はこんな感じ。

var girl ={
  "身長":158,
  "体重":49
};

データを追加したい場合は、、

girl["BMI"] = girl["体重"]/（girl["身長"]*girl["身長"]）  // 恐怖の体脂肪率

さらに、応用して、連想配列のデータを配列にすることもできる。

slotsTypes = {
'cherry': [2,5,10],
'orange': [0,15,30],
'prune': [0,40,50],
'bell': [0,50,80],
'bar1': [0,0,100],
'bar2': [0,0,150],
'bar3': [0,0,250],
'seven': [0,0,500],
'anybar': [0,0,80]
};

呼ぶ出し方は

document.write(slotsTypes['orange'][1]); //結果は、15となる。

関連した記事

three.jsについてのメモ

isao — Mon, 14 Nov 2011 15:55:38 +0000

three.jsとかCanvasでbranberyheag.jpの背景を素敵にしようと思ってて、そのためのメモ。

Javascriptでの3D表現ならなんとかできそうなので、時間ができたらやる。
このサイトが、素敵。

関連した記事

Canvasの資料いろいろ

isao — Thu, 10 Nov 2011 15:01:23 +0000

前から勉強しなくちゃ、と思っていたCanvasの勉強だけど、時間みつけながらなんとかやっている。

役に立ちそうなサイト／記事をメモる。

「今さら聞けないCanvasの基礎の基礎」by カヤックさん
「Canvas」by HTML5.jp
「HTML5 の Canvas を使って素晴らしいグラフィックスを作成する」by IBM developer works
「『canvas』要素の勉強をする時の参考サイトまとめました / HTML5『canvas』要素基礎」by HTML5でサイトをつくろう

あとは、とにかくいろいろと作ってみることだと思う。経験を積むことが一番必要なこと。関連した記事