setInterval() → this でひっかかった - Web系がおもしろい。
簡単なアニメーションのコードを組んでいたら、setInterval()でドツボにハマってしまったのでメモ。なんとか朝日が出る前に原因が解った。。 問題のコード var hoge={}; hoge={ prop:123, foo:function() { this.id = setInterval(this.bar, 2000); }, bar:function() { alert(this.prop); // ←コレ } }; hoge.foo(); 上記プログラムを実行するとhoge.foo()が実行され、setIntervalによってさらにhoge.barが２秒毎に定期的に実行されます。 さて、このalert()なんですが、普通に考えると 123 って出力されると思うんですが、ここでの出力結果は undefined です。 そこで、ここのアラートを alert(this); だけにして
ブラウザでのキーの同時取得
矢印キーとかを使って何が動かしたい場合、斜め方向だと上と右とか同時に押されているかどうかを分からなければならないんだけど、ブラウザでキーを取得しようとするとShift+何かみたいな同時押しは判断できるけど矢印の上、左なのは普通には取得できなかった。 しょうがないからキーのマップを作っておいてonkeydownで押されたキーを記録、onkeyupで離したことを記録するようにして、あとはsetIntervalとかで記録してあるキーの状態をみるようにした。 var keyState = []; document.onkeydown = function(e) { keyState[e.keyCode] = true; return false; }; document.onkeyup = function(e) { keyState[e.keyCode] = false; return fals
JavaScript - ユーザ定義オブジェクト
JavaScriptの高度な書き方，JavaScriptのユーザ定義オブジェクトの作成方法について記します． ユーザ定義オブジェクトとは，その名の通りユーザで定義するオブジェクトです．JavaScriptには組み込みオブジェクトとして，Stringオブジェクト, Mathオブジェクト，RegExpオブジェクトなど数々の有用なオブジェクトが用意されています．ユーザ定義オブジェクトとは，ユーザで定義したこのようなオブジェクトのことをいいます． JavaScriptはC/Pascal言語のような手続き型でプログラミングできますし，C++/Java言語のようにオブジェクト指向型のプログラミングをすることもできます．JavaScriptは本格的なオブジェクト指向型言語とは言えませんが，一つ大きな機能として「フィールドとメソッドを一つのまとまりとして定義するオブジェクトの抽象化」を備えています．このよ
まだまだ間に合うCanvasでアニメーション入門（まとめと実践） :: 5509
JavaScript Advent Calendar 2010も22日目！あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん？なサンプルいっぱいありますね。あーいうの書けるようになりたいなぁとか思いつつ、jQueryばっかりさわってた僕は.animate()メソッドの便利さに取り憑かれていたので、Canvasの絵もまだ上下左右で動かすくらいしかできません。慣れが必要です。。 どうでもいい情報としてCanvasの読み方なんですけど、「キャンバス」じゃなくて「カンバス」が正しいようです。キャンバス・カンバスどっちでもよさげ。僕はキャンバスって読んでました。けどカンバスにします。 前置きはこれくらいにして、今回は次のようなカラ
初心者のためのポイント学習Ｃ言語
since:2002.06.02 更新に手が回らずすみません。 ANSI規格でもいいよという方は 御覧ください。m(_ _)m
とほほのJava入門 - とほほのWWW入門
このページの内容は Java 1.4 時代の内容と Java 21 時代の内容が混在しています。順次、Java 21 に合わせて改版していきたいと思います。下記目次の各章に Java 1.4 か Java 21 かを示します。 索引 Javaとは ... Java 21 Javaとは JDKとJRE Javaのエディション(Java SE, Java EE, Java ME) Javaのバージョン Oracle JDKとOpenJDK OpenJDKのライセンス はじめてみよう ... Java 21 JDKをインストールする Javaアプリケーションのサンプル(Hello World) 文法 ... Java 21 コメント(//, /* */, /** */) キーワード リテラル プリミティブ型(boolean, byte, char, short, int, long, float
Rubyistなら知っておくべき地味だけど便利なメソッド - joker1007’s diary
備忘録兼、初心者向けのメソッド一覧。 余裕があればRails編とかも書こうかな。 これ忘れてるとか何事?とかいう突っ込みがあれば是非お願いします。 もうちょっとコードの具体例書きたかったけど、めんどくさくなってきたw Array Array#combination(n), Array#permutation(n) 配列のデータを元に組み合わせ(順列)を作ってくれます。 ブロックを渡さない場合はEnumeratorで組み合わせの各要素を列挙します。 Enumerator Enumerator#with_index(offset = 0) Enumeratorの各要素に合わせてindexを列挙してくれるEnumeratorを返す。 each_sliceやcombination等にメソッドチェインで繋げて使う。 Enumerator#with_object(obj) with_indexと同様で
RictyをWindowsで生成した。 InconsolataからOpenTypeをGET... - nkmrgk
RictyをWindowsで生成した。 InconsolataからOpenTypeをGET (Inconsolata.otf)M+とIPAの合成フォントからMigu-1MをGET (Migu-1M-regular.ttfとMigu-1M-bold.ttf)プログラミング用フォント Rictyから生成スクリプトをGETしてricty_discord_patch.peを抜き出す。派生フォントDiscordを生成しないときは必要ない。Ricty generator for Windowsから変換スクリプトをdownloadするunofficial fontforge-mingwから古いバージョン fontforge-mingw_2010_05_18.zip をGETして展開する。c:\fontforge-mingw_2010_05_18\ フォルダに展開したものとする。ここで作業する。fontf
FlashとAction Script3.0のチュートリアル30 – creamu
noupeで、FlashとAction Script3.0のチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create an Impressive Magnifying Effect with ActionScript 3.0 displacementMapFilterを使って拡大鏡のエフェクトをかける » Creating Gradients in Flash Flashでグラデをかける基本操作を動画で学ぶ » Infinite Gallery / Menu Flash,AS3でギャラリーやメニューを作る方法 » Using the Timer Class to animate rotation タイマークラスを使って、シンプルなシェイプを回転させるチュートリアル » Flash Mouse Trailer with Stars マウスに星がついてくるエフェクト » C
高速にWeb開発をするために便利ないくつかのTIPS - KAYAC Engineers' Blog
outputz でいまだに1位になれたことがない村瀬です。 社内で開発をスムーズにするための tips 集を紹介したので、まとめておきます。 記事ではデモができないので便利さが伝わらない物も多いですが参考になれば幸いです。 screenとかzshとか便利だよ！と言う話は社内ではさんざんしているのでありません。 また、OSX 限定の内容もあります。 でははじめましょう。 keychain keychain と言っても OSX の KeyChain ではなく、コマンドラインのツールです。 これは ssh-agent をより便利にするためのラッパーです。これを使用すると ssh の秘密鍵のパスワードを一度入力するとあとはパスワードなしで ssh 接続できるようになります。 「同じこと二回も言わせんな！」といつも切れているような人は導入すると良いでしょう。 使い方は $ keychain ~/.s
Rubyの魔術 数々の“スペル”で高度なプログラミング − ＠IT
2010/09/13 元JavaプログラマのPaolo Perrotta氏は、Rubyを使い始めた頃のことを振り返り、こう話す。 「私はJavaの世界からRubyに来た当初、とてもハッピーなプログラマでした。Rubyっていいね、かっこいいじゃん！ と。ところが、最先端のイケてるライブラリの中を覗いてみたら、分からないところだらけだったんです……」。 RubyKaigi2010で「A Metaprogramming Spell Book」（あるメタプログラミング魔術の書）と題した講演を行ったイタリア人プログラマのPerrotta氏は、Ruby on Railsのソースコードを覗いてみたときの驚きをこう表現する。 「例えばalias_method_chainというメソッドは、一体どこにあるんだと探しました。どこにあるか分からないんです。こんなことJavaではあり得ません。結局、テキスト検索で発
Javaジェネリクス再入門 - プログラマーの脳みそ
ジェネリクスでは、「型」を変数にした「型変数」というものを取り扱う。型変数で何が嬉しいかというと、メジャーな例ではコレクションAPIが挙げられる。java.util.Listとかjava.util.Mapとかのデータを格納するタイプのユーティリティクラスのことだ。 2004年にJavaのバージョンが5.0となるまでは、Javaにはジェネリクスの機能はなかった。なので、Listにデータを格納し、取得する場合は List list = new ArrayList(); list.add("hello!"); String str = (String) list.get(0); といったソースコードになる。 add()の引数はObject型で宣言されており、どんな参照型でもadd()することができた。 get()の戻り値もObject型で宣言されておりキャストが必要だった。このキャストはプログラ
Ubuntu 10.04にsun-java6-jdkをインストール - Syo-Takasakiの日記
Ubuntuを10.04にしたのですが、 $ sudo apt-get install sun-java6-jdk パッケージリストを読み込んでいます... 完了 依存関係ツリーを作成しています 状態情報を読み取っています... 完了 パッケージ sun-java6-jdk はデータベースには存在しますが、利用できません。 おそらく、そのパッケージが見つからないか、もう古くなっているか、 あるいは別のソースからのみしか利用できないという状況が考えられます E: パッケージ sun-java6-jdk にはインストール候補がありません え！？ ちょっ！？ 何事！？ java6で探してみるも…… $ apt-cache search java6 default-jdk - Standard Java or Java compatible Development Kit default-jre
Android開発環境構築（その ７）：Eclipse AVDの作成とエミュレーターの起動
＜今回の目次＞ １．AVD保存先の変更 ２．AVDの作成とエミュレーターの起動 AVD(Android Virtual Device)とは、読んで字のごとくAndroid仮想端末（エミュレーター）のことですね＾＾； 実機がなくても、AndroidアプリケーションをＰＣ上で動作確認したり、デバッグ作業ができるＰＣ上のアプリケーション実行環境なんですね！ AVDは、SDKのversionや各端末の画面解像度の違いにより、それに対応したAVDを作成する必要があるそうです。各携帯端末メーカーから提供されているSDK AddOnをインストールすれば、各メーカー端末に特化したAVDも作成できます。 今回は、とりあえず ・Android SDK 2.2 ・解像度=WVGA800(480x800) のAVDを１つ作成してみようと思います。 ちなみにGALAPAGOS 003SHも480x800です！ AV
初心者に送る、はじめてのAndroidアプリ開発/小気味の良いアプリをつくるためのTIPS - shimobayashiの日記
みなさん最近はいかがお過ごしでしょうか。プログラマーのみなさんならば当然、地震におけるエクストリーム・プログラミングを実践されていることかと思います。僕もその例外ではなく、震災の影響もあって時間的な余裕ができたため、以前から興味を持っていたAndroid開発に本格的に着手し、先日ようやくはじめてのAndroidアプリケーションをマーケットにリリースすることができました。Cook Duet - Android マーケットhttps://market.android.com/details?id=name.shimobayashi.cookduetCookpadのレシピを検索して表示するだけ、という非常に簡単なアプリケーションなのですが、このアプリケーションを開発するだけでもかなりの試行錯誤が必要となりました。つきましては、今ここにCook Duetの開発を通じて蓄積されたバッドノウハウを、簡
Androidゲーム開発入門、私が2Dアクションゲームをつくるまでに蓄積されたTips - shimobayashiの日記
ここ1週間くらいずっとAndroidゲーム開発を手探りで進めていた。そして、めでたく、ようやく、初のAndroid向け2Dアクションゲームをリリースすることができました。 Fire Rescue - Android マーケットhttps://market.android.com/details?id=name.shimobayashi.firerescue内容としては http://www.shimobayashi.name/ のBurningPanicというゲームをAndroid向けに移植した感じです。なお、ゲームのBGMはuzzuさん(http://twitter.com/uzzu)につくっていただきました、感謝。(スクリーンショットが若干おかしいですが、OpenGLを使った画面をPCでうまくキャプチャーできないようです。無念。) つきましては、またもやヘドロのごとくTipsが蓄積され
Eclipse活用術
This document discusses usage trends of the Eclipse integrated development environment. It notes that Eclipse usage increased 20% in 2011, with the biggest increases being 10% for Eclipse itself, 10% for plugins, and 200% for Android Development Tools. It then provides many tips and shortcuts for using Eclipse more efficiently.
Android SDKのセットアップとADB Shellの起動について – blok
をダウンロードします。 インストール 同意を求められるので。I agreeのチェックボックスをチェックしてダウンロードします。 SDKを置きたい場所に解凍します。Ex．私の場合は面倒なので、C:ドライブの直下においています。解凍すると、「android-sdk-windows」という名前のフォルダができます。これも後で面倒なので、リネームして、「android-sdk」という名前にしました。 マイコンピュータを右クリックして、プロパティを選択します。 「詳細設定」のタブを開いて、「環境変数」をクリックします。 「システム環境変数」の中から、「path」という項目を選択して、「編集」をクリックします。 変数値の最後の部分にandroid-sdk置いた場所を書き込みます。私の場合はこのようになります。「;C:\android-sdk-windows\tools」 ＊パスの前に「；」を入れてくだ
androidのエラー Logcatでログが表示されない « Sm:)le
はい。今朝もまた行き詰まりました。 今回は「ログを見ましょう。ほら、アクティビティが変わっていくでしょう」という体験サンプルプログラム。 そしたら肝心のLogcatに何も表示されない。真っ白。 でも今回はスピード解決でした。ぐぐったら一発で分かりました。 一度Eclipseを終了させて、コマンドプロンプトから adb kill-serveradb start-server と入力。そしてEclipseを改めて起動。 このページを参考（というかそのまま）にさせていただきました。-My Inbox-android logcatにログがいきなり表示されない。 さあ、これでイケるぞ！と改めて実行したら、Logcatにはなーんにも表示されない。 「えー！！また調べ直しだー」と思ってたら、時間をおいて「ドドドッ」と表示されました。 はあ、良かった。 [追記]時間をおいたら…としていましたが、もう一度確
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
