JavaScriptでお手軽にFacebookのアプリを作る - TechTalkManiacs
前々から書こう書こうと思っていた、FacebookのJavaScriptSDKの解説エントリーです。 APIや規格、HipHopやliftといったオープンソースなどの陰に隠れがちですが、このJavaScriptSDKもなかなか面白いです。 3行で解るJavaScript SDK 投稿・認証・署名を含めた全APIアクセスをサポート 公式なUIもついてくる Facebookアプリも、外部のマッシュアップサイトもこれ一つでOK つまり、これ一つで簡単なクライアント機能をもったサイトまたはFacebookアプリが作れちゃいます。 情報を取ってきてなにか書いてもらって投稿するのはもちろん、ちょっとしたクローリングをおまけにつけたアプリまでJavaScriptの範囲内で完結しますので、サーバー側で凝った処理を実装するのではなく、JavaScript側で可能な限り完結させるのがベストプラクティスといえま
Google APP Engine Python入門(2010年2月版） - TechTalkManiacs
Google APP Engineについては初期のころのまとめはあるのですが、Pythonですとリリースからそろそろ2年近くになり内容も大きく様変わりしています。最速マスターシリーズでもGoogle APP Engineについてのまとめが無く、そろそろアップデートの必要があると思いまとめてみました。 基本的にwindows環境中心です。 最初に ドキュメントを見るときは必ず英語版を見ましょう。日本語版があるのはありがたいのですが、バージョンとしてはかなり古く、特に歴史の長いPython版では現行の内容とはかなりの隔たりがあります。 Google APP EngineのドキュメントのURLは以下のようなパターンになっています。 http://code.google.com/intl/ja/appengine/docs/**** これのうちjaが言語を表すコードになっていますので、これをenに
JavaScript基本概念最速マスター - TechTalkManiacs
プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してください) (20010/2/4 記述ミス Typoなどを修正しました) JavaScriptの基本概念 JavaScriptの基本となる概念は次の二つです。 連鎖指向 全てがオブジェクト 連鎖指向はプロトタイプチェーンやクロージャ、全てがオブジェクトであるという性質は連想配列やプリミティブ型などの性質に関わってきます。 連鎖指向 JavaScriptでは変数、オブジェクト、メソッドなどのリソースの利用において鎖のようにリソースを定義や宣言できるポイントが連なり、一番近くの宣言や定義に基づいてリソースの内容が決定される、という仕組みが採用されています
jQueryベースのJavaScript用MVCフレームワークcorMVCのチュートリアル - TechTalkManiacs
jQueryをベースとしたいわゆるMVCフレームワークであるcorMvcのチュートリアルが公開されています。 corMVCはまだリリースしたてでドキュメントなどがない状態なのでありがたいですね。 ルーティングなどはかなり見慣れた形式で、なかなか使いやすそうです。 // コントローラーの設定 window.application.addController((function( $, application ){ // クラス定義 function Controller(){ //ルーティング this.route( "/", this.index ); this.route( "/contacts/", this.index ); this.route( "/contacts/add/", this.addContact ); this.route( "/contacts/edit/:id
イベント管理を手助けしてくれるjQueryプラグイン behavior - TechTalkManiacs
以前、JavaScriptとクロージャとデザインパターンというエントリーを書きましたが、この中で行ったのとほぼ同じことをjQueryプラグインとしてまとめたものがありました。 jQuery.behaviorというエレメントに対してオブジェクトを結びつけてくれるプラグインで、イベントと処理が分離でき、管理しやすくなります。 使い方 1 エレメントを指定して、クラスで初期化 // 1.振る舞いを記述するクラス定義 : function BadBehavior(element, config) { this.misbehave = function () { alert('爆発しろ'); }; this.saybehave = function (word) { alert(word); } this.showbehave=function(word){ $(element).text(word
Gmailチームが明かすHTMLアプリケーション起動の高速化テクニック TechTalkManiacs
などという煽り気味なタイトルをついつけてしまいたくなる記事がGoogleCodeBlogに掲載されていました。 最初のほうはごく普通にJavaScriptを使ったRIAアプリケーションはどうしても起動が遅くなるため、それをどう減らすか、というテーマにそって書かれています。 方法として挙げられているのは、最初にすべてを読み込まず、モジュール単位で分割して遅延ローディングすること。ただし、それだけだと回線速度が遅く不安定なモバイル環境では問題が生じるためHTML5のキャッシュ機能を利用するといいとのこと。 遅延ローディングのためのさまざまな手法の得失や、例えばユーザーデータを読み込むときには動的ロードしない、というようにユーザーの操作を妨害しないよう留意することなどについても述べられていてそれだけでもノウハウとして十分に有意義なのですが、決め手として最後に出てくる方法がすごいです。 その方法と
CSS3関連の日本語記事のまとめ - TechTalkManiacs
diggに33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articlesというエントリーが上がっています。これはCSS3に関するリソースのまとめですが、当然英語のみです。 そこで、いい機会なので日本語リソースをまとめてみました。 変形・アニメーション関連 CSS3で多分最も注目されていると思われる、変形・アニメーション関連のエントリー。まとまったエントリーはほとんどこのあたりに集中しています。 CSSでトランスフォーム 変形処理「transform」の基礎 CSS 3のアニメーション機能「Transitions」 CSS transforms の利用 safari4 betaで実装されたCSS Animationを使ってみました。 border-imageプロパティ 枠線に画像を設定できるプロパティについて 1枚の画像からサイズ可変な
JavaScriptでJPEGをエンコーディング - TechTalkManiacs
Ajaxianより。JavaScriptでJPEGエンコーディングを試してみた人がいました。JavaScriptは基本的にインタプリタなのに関わらず、コンパイラであるActionScriptと比べてそれほど遅くない結果になっています。 方法は Canvasタグ(参考)をHTMLに作ってそこにJPEGファイルを取り込むことでデコード 2次元配列にいったん変換して再エンコード コードそのものはActionScriptのライブラリをJavaScriptに変換。 高速化のためにWebWorkers(スレッドプログラミングができるHTML5のAPI)による並列処理も試みたそうです WebWorkersはスレッドセーフのため、データの受け渡しは文字列のみに限られるので以下のような方法を試してみたとのこと。 JSONエンコーディング→デコード 非常に遅い 文字列をデリミタで結合→分割 JSONよりマシ。
JavaScriptでswitch文を使わずに条件分岐 - TechTalkManiacs
JavaScriptでは関数もオブジェクトです。またJavaScript独自の特徴として、オブジェクトがそのままハッシュになります。なので、これを利用すると条件分岐が簡単に書けるようになります。 これはHTML5のAPIやセレクトボックスで操作を切り替える場合のように、文字列で条件分岐したい。けど、Switch文のネストが複雑になりすぎる、あるいは不定数の選択肢に対して処理したいといった場合に便利です。 var switching=function(key){ var switchbox={}; switchbox.a=function(){ alert("a"); }; switchbox.b=function(){ alert("b"); }; var func=switchbox[key]; func(); } switching("a");//a switching("b");//
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
