CSSで指定したRGBを取得

ボタンを押したときのフィードバックで一番よいものはなんなのか?というのを模索してます。 初期の頃、背景の色を取得し、RGBの値に一定の値を掛ければそれっぽくなるのかな?と思い試しにつくってみました。 var color = buttonElement[0].style.backgroun…

Javascriptでページ内のclassを取得する

スマートフォンっぽいUIを、JQueryを使わずに作ってみる3で、aタグでボタンを作ってみました。今回は、フィードバックとして、ボタンが押されたときに色が変わるように修正をかけたいと思います。cssのhover、actionだとうまく動いてくれなかったため、Javas…

Androidの各端末への対応/Draw 9-patchを使おう!

Androidは端末ごとに解像度が違うため、レイアウトを考えるときにいろいろと注意が必要です。その中でも、imageを表示するときには一層の注意が必要!!そんなときに力を発揮してくれるのが、「Draw 9-patch」です! 9-patchを使わずに表示すると・・・ 端末…

FrameAnimationがonCreateでスタートすると止まってしまう

AndroidのFrameAnimationを使って、アニメーションGIFのようにコマ割りのアニメーションを表現できるのですが、onCreateでそのアニメーションをスタートさせると動かない端末があったので、その回避策をご紹介。ちなみに、動かなかったのは、 SH003SH Xperia…

スマートフォンっぽいUIを、JQueryを使わずに作ってみる3

前回、スマートフォンっぽいUIを、JQueryを使わずに作ってみる2で、みたいなボタンを作成しました。今回は、スマホのUI考 〜 ボタンについてで、 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御で…

例外

以前勉強したときにあまり深く勉強しなかったということで、例外を復習してみました。本当は、Effective Java 第2版 (The Java Series) の例外のところを読むはずだったんですが、難しいというか、日本語?が英語直訳な感じで難しかったので、改訂第2版 Java…

MacでのTomcatの環境構築

Springの勉強を始めようと環境を構築しましたのでそのメモを。 Java 標準で入ってたので特に何もせず Tomcatのダウンロード http://tomcat.apache.org/download-70.cgiの、 ここから、圧縮されたものをダウンロードしてください。 解凍して、/Applications …

ソーシャル・ネットワークを観たよ

僕が働いている業界ではかなりホットな映画だったんですが、観に行こうと思いつつ結局観に行かなかったので、DVD発売と当時にTSUTAYAでレンタルして観ました。 (王様のブランチで紹介されていて、観たい熱が一気に高まったのも理由ですが。) 忘れてはいけ…

スマートフォンっぽいUIを、JQueryを使わずに作ってみる2

先週に引き続きですが、今日はボタンタイプのを再現してみました。 <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル2</title> <meta name="viewport" content="width=320px"> <style type="text/css"> a.button_link { display:block; margin:5px auto; width:70%; height:50px; -webkit-border-radius:7px; text-align:cente…</meta></meta></head></html>

スマートフォンっぽいUIを、JQueryを使わずに作ってみる1

JQueryをなるべく使わずに、スマフォっぽいUIを作ってみようということで、試しにつくってみたので、そのサンプルを。 パターン1 mobageさんのものですが、とても使いやすいので試しに作ってみました。 <html lang="ja"> <head> <meta charset="utf-8"> <title>サンプル1</title> <meta name="viewport" content="width=320px"> <style type="text/css"> ul#mypage_menu { list-style:none; p</meta></meta></head></html>…

「CSSだけで、尖ったボタンを作ってみる」をやってみた。

はてなブックマークで見つけたのですが、 画像を使わずCSS3だけで尖ったBack・Nextボタンを作る方法 ・iPhoneでは、 たしかに、CSSで再現されていました。 しかし、Android2.2の端末で試してみると、このように、矢印の部分が黒く写ってしまいます。。 このC…

CODE〜コードから見たコンピュータのからくり〜

先輩にオススメされたCODE コードから見たコンピュータのからくりを ゴールデンウィーク中に読んでみました。「第十三章 でも引き算はどうする?」までしか読めていませんが、そこまでの読書録を。 情報のコード化 この本は、情報のコード化というテーマがあ…

Android1.6、Android2.1のWebViewで、タッチイベントがまれに反応しない

先週、WebViewで、タッチイベントを拾ってくれない症状が起こって困りはてておりました。Android1.6は様々な問題がありますね、ほんとに。 端末の画面上では、オレンジ色になっているので、タッチイベントを拾ってくれているかと思いきや、まったく反応して…

paddingとmargin/Xcode4でcocos2dが動かない件

paddingとmarginの二つの違いがいまいち理解できず、テキトーに決めてしまっていたのですが、すぐに忘れてしまいそうなので、少しメモ。 <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no"> <title>divのvertical-alignテスト</title> </head> <style type="text/css"> .table_cell_1 { vertical-al…</html>

2011.03.11 東日本大震災

人生の中で、なかなか経験しないような大きな大きな出来事が起きてしまったので、ひさびさに日記エントリーを書いてみようと思います。 2011.03.11 東日本大震災発生 確か、お昼を食べ終わって、仕事にぼちぼち集中しだした頃、突然大きな揺れが発生。会社の…

Android1.6のplaceholder属性でのバグ/Android1.6で「border-radius」を使用するときの注意点

最近、スマートフォン向けのHTMLを書き始めたのですが、placeholder属性と、border-radiusのところで、はまったのでメモしておきます。 Android1.6でのplaceholder属性でのバグ まず、placehoder属性については、図で見たほうが分かりやすいと思いますので、…

divタグでvertical-align/divタグを縦中央に寄せる

HTML5の内容ではないのですが、HTMLとHTML5でタグを分けるのは面倒だったので、HTML5タグでこのエントリー書きます。最近、仕事でHTMLを書き始めたのですが、divタグを中央に寄せたり、縦軸の中央に寄せるところではまったのでそのメモを。 divタグ内を中央…

「プログラムはシグナルを受信しました:“0”。 データフォーマッタが一時的に使用できなくなっています。」と表示されるときの対処法

僕も一時期はまったのですが、cocos2dでiPhoneアプリ作っているときに、 プログラムはシグナルを受信しました:“0”。 データフォーマッタが一時的に使用できなくなっています。“続ける”の後で再試行します。(Unknown error loading shared library "/Develo…

AndEngineでhdpi/ldpi/mdpiから画像を出し分ける/Deviceの幅を取得/フルスクリーン設定

AndEngineで画像をテクスチャ化するとき、サンプル通りに、assetsフォルダを作って読み込む方法をとっていました。 しかし、、、Deviceのdpiに応じて画像を出し分けるメソッドを最近発見したのでメモ。 //textureの幅と高さは32,64,128,256,512,1024から選ぶ…

GoogleMapsAPI version3/watchPosition()で位置情報を取得し続ける。

GoogleMapAPIで、watchPosition()を用い総移動距離を計算するサンプルを作ってみました。ちなみに、version3では、distanceFrom()メソッドが使えず、2点間の距離を計算するには、prototypeを使用せねばならないようです。 ■参考 ・Google MAPS API v3でdista…

Corona SDKを試してみた。

Coronaという、Luaで書いたものを、iPhone, iPad, Android 向けにビルドできるSDKがあるとの噂を耳にしたので試してみました。 最近はやりの、iPhone,AndroidのネイティブアプリをJavascriptで書けるTitniumと比べて、2Dゲームなどを作るときに向いているSDK…

cocos2d入門/iPhone・iPadでゲーム開発

ある程度ブログの記事がたまってきて、過去の記事を読み直すことが増えてるのですが、まとめ記事がなく、使い勝手が悪かったのでまとめてみます。 *今後、cocos2dに関する記事を書いたときには、この記事も随時、更新していきます! 公式HP ・cocos2d for i…

3D系のアニメーションを使用するときの注意点

CCShaky3DやCCWave3Dなど、3Dが関連するアクションを使用するときには注意が必要です。何も変更しないままCCShaky3Dを [CCShaky3D actionWithRange:2 shakeZ:NO grid:ccg(15,10) duration:1] のように使用すると、背景がいきなり真っ黒になってしまいSceneを…

cocos2dでのRetinaDisplay対応時の注意点&追記

cocos2dでのRetinaDisplay対応法割とアクセスが高かったエントリーですが、もっと簡単なやり方でRetinaに対応できることがわかったため、追記いたします。 cocos2d for iPhone(Ver. 0.99.5)でRetinaディスプレイ対応 Retinaへの道 1、cocos2dで新規プロジ…

ユーザーが夢中になるゲームの裏にある法則/宣伝会議 no.807

ユーザーに愛されるゲームってどんな特徴があるんだろう?最近、ふとそんな疑問が頭をよぎります。 なぜそう疑問に思うのかというと、グリーやモバゲーといった大手SNS上で展開されているソーシャルゲームの数々は、PS3などのゲームと比較してしまうと、、ク…

iOS4.0以降のライフサイクル/info.plistに「UIApplicationExitsOnSuspend」Keyを追加し、Backgroundを防ぐ

iOS4.0になってから、ホームボタンを押してもアプリは終了されず、バックグラウンドにアプリが移行し、ホームボタンを2回押すと、バックグラウンドから、終了させたアプリを再起動させることができるようになっています。 しかし、、、 バックグラウンド状態…

MacPortsのSetup

MacPortsというのをインストールしてみたので、その工程をメモ。 1,ダウンロード ここの中断くらいにある、「Source Installation」カテゴリから、「MacPorts-1.9.2.tar.gz」をダウンロードして解凍 2,インストール 解凍したフォルダに移動し、以下のコ…

FoursquareAPIについて調べてみた。

先週のブログで紹介した、HTML5で作っている位置情報系のアプリに、FoursquareのAPIを使ってみようと、連休中は、FoursquareのAPIの情報を調べてみました。 ・OAuth認証 をはじめ、今まで勉強してなかった部分の知識が必要みたいで、全然進んでないですが。…

HTML5で位置情報取得 / HTML5をiPhoneのWebViewで表示させる簡易アプリ作成方法

HTML5で何かアプリを作ってみようということで、 ・iPhoneアプリでHTML5を表示させる簡易Webブラウザ・HTML5を使って位置情報を取得するサンプル を作りましたのでそのメモを。 iPhoneアプリでHTML5を表示させる簡易Webブラウザ 1、View-Based Application …

Singleton Class/遅延学習

先週、アプリ開発中にシングルトンクラスを生成する機会があったので、そのメモと参考にしたサイトを記録に残してみようかと。(開発中のコードは公開できませんが) Code static id _instance = nil; + (id)instance { @synchronized(self) { if (!_instanc…