Web developmentBuild modern web apps with latest techCreate, build, and maintain websites and web apps that run in a browser.
Facebook の JS SDK は使ってはいけない。 非常に問題がある。どうせ単なる薄いラッパーなんだし、必要に応じて自分であんなの書けるでしょう。問題について書く。 ありがちなアプリケーションの例 FB.login(function(res){ FB.getLoginStatus(function(res){ if(res.status === 'connected'){ FB.api('/me', function(res){ console.log(res.email) } } }) },{scope: 'email'}) 自分 のemail を取得出来る。 ところで、こうしたらどうなるだろうか。 FB.login(function(res){ FB.getLoginStatus(function(res){ console.log(res.status) FB.api('/me
Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
Jenkins Advent Calendar jp 2011の3日目です。 Titanium Mobile + Jasmine + Jenkins でiPhoneアプリの自動テスト組んでみた、っちゅう話をします。 本当はプラグインを作りたかったんですが、そこまで行かなかったので(言い訳だよ!)、せめて自動テストをどう組んだかの話をしますね。 Titaniumの自動テストを組みたい 最近Titanium Mobileを使ってiPhoneアプリなど作ってます。 Titanium Mobileについてはもう説明もいらないと思いますが、Javascriptを使ってスマートフォンアプリ(特にiPhoneとandroid)を開発することができるプラットフォームですね。 で、Jenkins野郎な私としては、Titaniumでも自動テストを組みたいんですよね。 Javascriptでテストってどう書くん
はじめまして、スマートフォンSG部のchikathreesixこと近澤です! 僕もついにエンジニアブログに投稿することになりました! 今後ともどうぞよろしくお願いします! さて今回は、随分遅くなってしまいましたが、1月に公開されたArctic.jsについてご紹介させて頂きます。 Arctic.jsとは スマートフォンのブラウザで動くゲームを作るための、フレームワークです。 JavaScriptで書かれており、JavaScriptを使って利用します。 スマートフォンブラウザ向けのゲームを作るためのフレームワークなので、スマートフォンのアプリは作れません。 どんなゲームが作れるの? 弊社Mobageプラットフォームで提供している「住み着き妖精セトルリン」における「おさんぽ」や、 「海賊トレジャー」の「海戦」、「サルベージ」、「ボスバトル」のような、アクション性やインタラクションを求められるゲー
エディタを使う上でわりと欠かせないのが、ctags(じゃなくてもいいけど)によるタグの生成です。あらかじめタグを作っておけば、関数などの補完も効くし、タグジャンプで即座にソースが読めて非常に便利です。 しかしながら現在の Exuberant Ctags の最新版では、JavaScript のタグ生成が function funcname(){}という関数の書き方にしか対応しておらず、最近の JavaScript プログラミングでよく使われるプロパティに関数を定義するタイプの funcname: function(){}という書き方ではタグ生成がされず悲しいです。で、prototype.js やら MochiKit やらを多用してるとタグジャンプがないのは不便すぎて悲しくなってきたので、当初は jstags という ruby で JavaScript タグ生成のプログラムを作って代用してまし
タブ空文庫はタブブラウザ用の青空文庫リーダーです。 ブラウザのタブにテキストがスクロール表示されるので、他のサイトを見ながらでもチラチラと作品を読むことができます。 ランダムに読む 停止 ゆっくり読む 普通に読む いそいで読む 坊っちゃん/夏目漱石 人間失格/太宰治 こころ/夏目漱石 吾輩は猫である/夏目漱石 ドグラ・マグラ/夢野久作 蟹工船/小林多喜二 銀河鉄道の夜/宮沢賢治 源氏物語/紫式部 蜘蛛の糸/芥川竜之介 学問のすすめ/福沢諭吉 〔雨ニモマケズ〕/宮沢賢治 羅生門/芥川竜之介 船中八策/坂本竜馬 銀河鉄道の夜/宮沢賢治 走れメロス/太宰治 それから/夏目漱石 カラマゾフの兄弟/ドストエフスキーフィヨードル・ミハイロヴィチ 一握の砂/石川啄木 グロリア・スコット号/ドイルアーサー・コナン 斜陽/太宰治 注文の多い料理店/宮沢賢治 モルグ街の殺人事件/ポーエドガー・アラン 破戒/島
月曜日のclient-side templating 勉強会 http://atnd.org/events/28189 で喋った内容をうろ覚えに書き出す。 クライアントMVCが求められるようになった背景 AJAXの流行 PushStateの流行の兆し メディア系のゲームで使えるAPIの充実 今まではページ遷移の度にJSのオブジェクトを破棄していた。 => シングルページでリッチなコンテンツが作れるようになり、JSのやることが増えた PushStateとは 遷移なしにURLを書き換える技術。HTML5 History API。 Twitter, Github, Facebook URLを書き換えるだけなのでコンテンツ(DOM)の操作はアプリ製作者に一任されている。 大規模なHTML書き換えに、クライアントサイドテンプレーティングが重要になってきた。 PushStateのライブラリ defun
JavaScript でアニメーションを作る アニメーションとは何? ビューを少しずつ回転、拡大縮小、移動、変色などを行い、連続的な動きを作る こんな感じ <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; setInterval(function() { el.style.opacity -= 0.01; }, 10); </script> なんで、あんな感じの書き方になるの? setInterval の意味が分からない こんな感じで書けないの? <div id="view">hoge</div> <script> var el = document.getElementById('view'); el.style.opacity = 1; w
移転しました http://please-sleep.cou929.nu/20120510.html
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transform and combine it Templating Quickly gene
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
public class Server extends VerticleBase { public Future<?> start() { return vertx.createHttpServer() .requestHandler(req -> req.response() .putHeader("content-type", "text/plain") .end("Hello from Vert.x!") ) .listen(8080); } } class Server : VerticleBase() { override fun start(): Future<*> { return vertx.createHttpServer() .requestHandler { req -> req.response() .putHeader("content-type", "text/
JSer.info #68 - HTML5ROCKSが他言語化されたので、一部記事などが翻訳され始めています。 翻訳されてるのは新しい記事に限ったわけじゃなくて、ちょっと前にあったブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocksなども翻訳されてます(この記事の翻訳は3つ目だけど) Learning JavaScript Design Patternsなどで知られるAddy OsmaniがJavaScript Style Guides And Beautifiersというものを書いていました。 スタイルガイドは結構いろいろありますが、整形やLint等のツールなどの環境についても書かれてるのはちょっと珍しい感じ。 Single Var Patternについてコメント欄で答えたりしてるので、コメントも見ておくと良い気がします。 別の方ですが、丁度Single Var
GoogleではJavaScriptは特定のコーディングスタイルで統一されるようにClosure Linterという専用のスクリプトを使用しているそうです。 Google JavaScript Style Guide(Google JavaScript Style Guide 和訳)という規則に従ってjsのコードは書かれていて、その規則に沿っているかを確認するgjslintとその規則に合うように修正するfixjsstyleからなるスクリプトです。 インストール方法 How to Use Closure Linter – Closure Linter – Google Code pythonで書かれているのでeasy_installを使ってインストールします。 まずはPythonをインストールしてなかったらインストールして、次にeasy_installコマンドを使うためにsetuptools
正宗です。ものすごく今さらな事を知ったのでおおはしゃぎで書き留めておきます。いかに今までまともにJSDocを書いていなかったか。 私が主に JavaScriptを書くときに使っているWebStormでJSDocをきちんと書くようにすると、JavaScriptの型をなかなか強力にサポートしてくれるようになりました。コードの補完機能なんかもかなり精度が上がってくるので、結果的にコーディングも速くなるのではないでしょうか。 私は特に普段はActionScript3を書く機会が多く、ご存じのとおりActionScript3は型を明示できる言語なのでFlashBuilderやFlashDevelop、FlashCS5などのIDEに備わっている補完機能に頼り切ってコーディングしていました。そのスタイルのままJavaScriptのほうの開発を行うと、今まではJavaScriptで厳密に型を明示できないこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く