mixiの新人研修トレーニングが非常にわかりやすくて実践的すぎる - Android Javascript iOS
mixiは新人研修用のトレーニングをgithubに公開しています。 公開していることは知っていたけれど、いざみてみると… とってもわかりやすく実践的！！！ 普通に参考書で勉強するよりも企業が公開しているものだから、より実践的という感じもします。 自分はこのAndroidTrainingをやっているのですが、最後に課題もあり、到達度や理解度もすごく把握できていい感じです。 READMEもかなり充実しており、一通りを学べるように工夫されています。 mixiに入社した方がこれを一通りやったと思うと、大変な印象ですが…だからこそやったときに達成感がありそうです。 開発環境の構築から書かれているので、ほとんどつまづくことはありません。 かなり詳しくわかりやすく書かれている印象を受けました。 ちょっと初めて学習するには、難しい箇所もありますが適宜ぐぐって補えばよいでしょう。 ・AndroidTrain
IT戦記 - JavaScript の名前空間
JavaScript での大規模開発では シンボルの衝突が非常に大きな問題となる。その代表例が Firefox の拡張機能内のシンボルである。 で、こんな記述ルールはどうだろう window['http://d.hatena.ne.jp/amachang/']={}; // URI (function(){with(this){ // ここにコードを書く }}).apply(window['http://d.hatena.ne.jp/amachang/']); // URI 例えば window['http://d.hatena.ne.jp/amachang/']={}; (function(){with(this){ var hoge = 'hoge'; // このスコープ内で共有するシンボル this.fuga = 'fuga'; // 同じ名前空間で共有するシンボル window.p
JavaScript でゲームループを作る (The Game Loop) @ t100のプログラミング脱出作戦
Javascript Game Development - The Game Loop こちらのブログで面白そうな記事を見つけたので、翻訳に挑戦してみます。 訳がヘタレなのはご容赦下さい。(´・ω・｀) 誤訳を見つけたら教えて頂けると嬉しいです！ ゲームエンジンの最も重要なパーツの一つに、ゲームループと呼ばれるものがあります。 これは、ゲームエンジンの中心的な部品で、実行中のゲームロジックのバランスを調整し、実行結果の描画を行う役割があります。 もっとも基本的なゲームループは、JavaScriptでもこんな風に見えます。（これは、ブラウザで動きません！） A very basic game loop would look something like this in JavaScript (this does not work in Browsers!): ブラウザで動くようにゲームループ
requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ
より適切なものが追加されたのでそっちを使いましょう。 setInterval/setTimeout → requestAnimationFrame; これまでは setInterval function render(){ // アニメーション 1フレーム分の処理 } setInterval(render, 1000 / 60); これはもう古い。 これからは requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); こうすべし。 requestAnimationFrameにすると何がいいの？ 複数のアニメーション描写処理を一つにまとめて最適化してくれる 同じ用に動かしている物体A,Bの動きが次第にずれていくとかがなくな
javascript - Math.BigInt で多倍長整数演算 : 404 Blog Not Found
2010年09月12日03:00 カテゴリLightweight Languages javascript - Math.BigInt で多倍長整数演算 ついムラムラと。 /lang/javascript/math-bigint/trunk - CodeRepos::Share - Trac dankogai's js-math-bigint at master - GitHub フルスクラッチでないのでかえって苦労したかも。 Demo: var x = bigint("1234567890123456789012345678901234567890"); var y = new Math.BigInt("12345678901234567890"); p( x.add(y) ); p( x.sub(y) ); p( x.mul(y) ); p( x.div(y) ); p( x.mod(
jQuery入門講座 使い方-名前空間
索引 ├ 使い方 目次 └ バグノート(1) 1章：jQuery入門 ├ jQueryのメリット ├ readyイベント ├ オブジェクトについて ├ メソッドについて ├ 情報の取得 ├ イベント(1) ├ イベント(2) └ 初歩なサンプル 2章：jQuery基礎 ├ thisについて(1) ├ thisについて(2) ├ jQueryとDOM要素 ├ 簡単な演出 ├ thisから辿る ├ 汎用的なアニメ(1) ├ 汎用的なアニメ(2) ├ アニメの停止 ├ アニメを管理する仕組み └ 汎用的なアニメ(3) 3章：jQuery発展 ├ イベントフロー(1) ├ イベントフロー(2) ├ イベントフロー(3) ├ 画像のプリロード ├ jQueryの高速化 └ メソッドチェーン 番外編：研究 ├ イベントを外す ├ cssアニメとの連携(1) ├ cssアニメとの連携(2) ├ cssア
HTML5周辺技術のWebGLとJavaScriptでジニーエフェクト | ClockMaker Blog
JavaScriptでMac定番のジニーエフェクトを作ってみました。今回利用したのはHTML5周辺技術のWebGLというもので、プラウザネイティブでGPUを利用できる機能です。 デモを見る (2023年バージョン) デモを見る (2012年バージョン) ※2023年にデモをThree.js r151で動作するようにメンテナンスしました。 WebGLとCanvasの違い 今回はWebGLを使っているため再生可能な環境が限られています。本当は再生できる環境を増やすためにWebGLではなくCanvasタグを利用したかったのですが、Canvasタグだとアンチエイリアスの限界で「ヒビ割れ」が発生して完成させることができませんでした。 失敗作A (自前で作成したバージョン) 失敗作B (Three.jsのCanvasレンダラーを利用したバージョン) 対策としてトライアングルを外側に広げるなど色々試した
「jQuery Mobile」を活用したスマートフォンサイト作成（中編）
はじめに 今回も、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。今回は2月に正式リリースされたばかりの最新バージョン1.3.0の新機能を紹介します。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 執筆時点のjQueryの最新版は、1.9.1です。第1回を参考に、ダウンロードしてください。また、jQueryプラグインの基本的な使い方は、第3回を参照してください。 また、執筆時点でのjQuery Mobileの最新版は、1.3.0です。こちらからzipファイルでダウンロードできます。サンプルでは、htmlファイルと同じ階層にmobileというフォルダを作成しています。zipファイル中のimagesフォルダ（cssファイルが呼び出す画像ファイルが格納されたフォルダ）と、jquery.mobil
とうとうjQuery 2.0がリリースされました。 - kaz16a's blog
jQuery 2.0 Released とうとうIE8の終わりの始まりですね。 IE8が無くなるのは、まだ多大なシェアのあるWindows XPが無くならないといけないので、それでもまだ数年はかかるのでしょう。 しかし、本格的なHTML5+CSS3の時代の始まりのきっかけになると期待します。 で、何が変わったか少し見ておかないといけませんね。 IE８以下サポートせず 1.9の次は1.10となるそうです。今後の2.0系との互換性が気になります。 2.0は1.9と互換性あり これは助かりますね。 サイズが小さくなる jquery-1.9.1.min.js（92629byte） jquery-2.0.0.min.js（83095byte） なので、約１０％ほど小さくなってますね。ファイルサイズだけ見ると小さいでしょけれど、かなりのサイトでjQueryが使われていることを考えると、メリットは非常に
localStorageはいい感じ
今日のネタは、HTML5で規定されているlocalStorage(ローカルストレージ)についてです。 以下、特徴をいくつか挙げてみます。 2011/07/06 イベントについて追記 ローカルにデータを保存します PCやスマートフォンなどの端末にデータを保存します。 別のサイトに行こうが、ブラウザを閉じようが、データが残っています。 localStorageの使い方としては、キャッシュ的な使い方が良さそうです。 「サーバーからデータを取得してlocalStorageに格納しておく。次にアクセスしたときはlocalStorageから取得する。もしなければサーバーに取りに行く。」 って感じで。 サーバーに取りに行かなくて済むなら処理が早くなってハッピーですね。 所詮はローカルのデータなので、データが存在することを前提にしてはいけません。 モダンなブラウザなら大概使えます IE8以上、FireFo
JavaScriptを使用してZipファイルを作成する「JSZip」 | Web活メモ帳
「JSZip」はブラウザ上でファイルを圧縮できるJavaScriptライブラリです。 ユーザーに複数のファイルを提供する最も簡単な方法は、圧縮ファイルですよね。 JSZipはzipファイルの作成をクライアント側でやってしまおう！というクールなライブラリになっています。 ブラウザの制限があるため、実用的では無いかもしれませんが面白かったのご紹介。 使い方 以下のようなコードで動作するようです。 var zip = new JSZip(); zip.add("Hello.txt", "Hello World\n"); img = zip.folder("images"); img.add("smile.gif", imgData, {base64: true}); content = zip.generate(); location.href="data:application/zip;bas
r.jsでビルドする際に設定として使うbuild.jsを動的にする。さらに部品化する。 - monjudoh’s diary
r.js RequireJS用のmoduleをビルドする際にはr.jsを使います。 build.js この時にビルド設定の記述に使用するのがbuild.jsでこんな感じで書きます。 簡単な例だとこんなの ({ baseUrl:'./src', dir : './build', paths:{ jquery:"../lib/jquery-1.8.2", text:'../lib/plugins/text', underscore:'../lib/underscore-1.3.3' } }) 動的なbuild.js build.jsはJSONではなくてJSです。 JSなので処理を書くことが出来ます。 例えば関数その場実行を含む下記のbuild.jsは、上記のものと同じ設定を表します。 ({ baseUrl:'./src', dir : './build', paths:(function ()
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」:phpspot開発日誌
異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 2011年04月07日- Google image search style image alignment with jQuery Atteeeeention plugin | DreamersLab 異なる幅・高さの画像も超綺麗に並べられるjQueryプラグイン「Atteeeeention plugin」。 <img>でただ単に画像を並べると、幅、高さの違いから、ページがごちゃごちゃしてしまいますが、このプラグインを使うことでGoogle の画像検索のように綺麗にピッチリ並べられます。 普通に並べるとちょっと残念なことに。空白ができちゃいます。 プラグインを使うことで、あら綺麗。となります。 Firefox は 2以上、IEは6以上ということで殆どのブラウザに対応。 まず、必要な
JavaScript から HTML Element の class 属性を取得する方法 - vivid memo
JavaScript から HTML 要素の class 属性を読み取ったり変更したりしたいとき、DOM の Element#getAttribute メソッド および Element#setAttribute メソッド を使用することができます。 // HTML 要素の取得 var elem = document.getElementById("XXXX"); // class 属性に設定されている値を取得 elem.getAttribute("class"); ただし、Internet Explorer 6 や 7 ではこの方法ではだめです、という話 を前に書きました。 前に書いた記事のように Element#getAttribute メソッドの引数を "className" とすれば IE6 や 7 でもちゃんと class 名を取得できますが、せっかくなのでクロスブラウザで使用でき
jQuery ページや要素の幅に合わせて文字サイズを変更してくれるプラグイン | Stronghold Archive
どうもこんばんは。今回は【jQuery ページや要素の幅に合わせて文字サイズを変更してくれるプラグイン】についてメモしておきます。数行追加するだけで簡単に実装できう上に、iphone等の様々なディバイスにも柔軟に対応してくれます。どこかで試してみても良いかもしれませんね。 SLABTEXT 挙動も安定していて使い勝手も良いです。カスタマイズ性も高そう。パディング等で全体幅からスペースを取ったサイズ調整もできます。span等にはCSSの追加が必要なようです。詳しくはSLABTEXTへ HTML <h1 class="slab">HEADLINES</h1> <script src="jquery-1.X.X.min.js"></script> <script src="jquery.slabtext.min.js"></script> <script type="text/javascrip
動画の一部をリアルタイムに透明に·jQuery seeThru MOONGIFT
jQuery seeThruは動画にリアルタイムにアルファチャンネルを当てはめて動画を透明にするライブラリです。 HTML5によって動画をJavaScriptから扱いやすくなったこともあって、videoタグやCanvasタグを使った面白い試みが増えています。今回は動画の一部に透明度を持たせるjQuery seeThruを紹介します。 上が元動画。下がそのアルファチャンネルだけの動画です。 下がその合成動画。背景が透明になっています。 こちらも。これは静的なマスクを作って、それを当てはめています。 マスクが当たった場所は透明になっています。 JavaScriptを使って動画の一部をリアルタイムに透明にしてしまうというのは驚きです。これを使うと動画の一部だけを再生するなんてこともできそうです。 jQuery seeThruはjQuery/JavaScript製のオープンソース・ソフトウェア（M
なんと！JavaScriptだけでテキスト読み上げ·Speak.js MOONGIFT
Speak.jsはJavaScriptだけでテキストを読み上げるソフトウェアです。 Webブラウザで音声ファイルを指定してJavaScriptで解析、なんてソフトウェアもありますが今回は一から“音声”を生み出してしまう驚きのソフトウェア、Speak.jsを紹介します。 ボタンを押すとHello Worldと話します。 こんな感じで任意の言葉を話させることもできます。 Speak.jsはジェネレータを通じて音声を動的に生み出します。対応しているのは英数字のみとなっており、日本語には対応していません。常に動的に生成しているので自由なテキストを読み上げさせることができます。 Speak.jsはJavaScript製のオープンソース・ソフトウェア（GPL）です。 MOONGIFTはこう見る テキストを外部サーバに送って、それを音声ファイルにして返すAPIも世の中にはあります。当然、こちらの方が英語
jQuery.load()をChromeで使う時にちょっとハマったこと | バシャログ。
こんにちは。さすがに見ないだろうと昔撮ったVHSビデオを、捨てるにあたってじっくり見てしまったminamiです。 小ネタです。HTMLファイルにちょっとした文言を読み込みたいときに重宝するjQuery.load()ですが、Chromeでうまく動かない場合があります。ちょっと引っ掛かってしまったので回避方法を調べました。 サンプルを作ってみた ものすごく簡単に以下のようなスクリプトを書きました。data.txtから読み込んだテキストを、div#txtPlaceに読み込みます。これをローカルでチェックしてみます。 function loadText() { var dataPath = "data.txt"; $("#txtPlace").load(dataPath); } firefox IE8 出ました。 出ません。なぜ！？参考ページを見ると、 Chrome: ローカルWebページからのア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Garmoshka
1216彩票-官网平台