JSONViewTools JSON Viewer QRCode Generator
作って覚える Backbone.js (2) Router 編 - present
モバイル版 Basecamp に使われていると聞いて興味を抱いていた、JavaScript の MVC フレームワーク Backbone.js。Model と View は先日試しました。 作って覚える Backbone.js - present でも、Controller はまだ。「今度試す」といってやらないことが多い私ですけど、Controller は自分も使うので、ちゃんと行動に移すことにします。 Backbone では Controller の役割は Backbone.Router を継承したクラスが行います。Routerの定義の仕方はこんな感じ。 var AppRouter = Backbone.Router.extend({ routes: { "post/": "list", "post/:id": "show" }, list: function() { # データ一覧を表
作って覚える Backbone.js - present
Web サービスにリッチな UI を実装したいけど、jQuery だけだとコードがスパゲッティになりそうなので、JavaScript の MVC フレームワークを使うことにしました。候補は Backbone.js と Knockout.js の2つ。どちらも最近はてブで注目を浴びましたね。 Backbone.js はあの 37signals がモバイル版 Basecamp で使った実績があります。一方、Knockout.js は .NET 開発者にはおなじみ(?) の MVVM パターンで開発できるといいます。どちらを使おうか迷いましたが、「依存している underscore.js が便利そう」というズレた理由で、今回は Backbone.js を選択。 手を動かさないと覚えない人間なので、サンプルを作ることにしました。作るのは TODO アプリ。サンプルの題材としては定番ですね。Back
CrocosSecurityBundleリリースしました - ゆっくり*ゆっくり
GitHub - crocos/CrocosSecurityBundle: A symfony bundle provides a simple way to manage auth with annotation. クロコス で使っている認証管理のバンドルを公開しました。（正確には最近使い始めた） 元々SecurityBundleを拡張してFacebookのPHP SDKを使った認証の仕組みとか作っていたのですが、正直複雑すぎて管理してられないので、今後のことを考えてシンプルなものをさっと作ってみました。 現状の機能はREADMEに書いてあるとおりで、基本的には認証が必要かどうかを判定する程度のものしかできてないです。ですがまあ、普通にやる分にはこれくらいで十分かなとも思います。 あとはまあ、必要な機能ができたら作るとして、SecurityContextをTwigのグローバル変数に組み込
【第21回 HTML5とか勉強会】 ゲーム開発はHTML5+スマホベースが新潮流
ゲーム開発でHTML5やCSS3、JavaScriptの使いどころは？ 2011年9月27日、サイバーエージェント セミナールームで、「第21回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナ向けの勉強会だ。今回のテーマは「HTML5＋ゲーム」。当日の様子をお伝えしよう。 「Smartphone 向け HTML5 ゲームの作り方」 まず、ディー・エヌ・エーの城戸氏（@sou）からプレゼンがスタートした。城戸氏はDeNAで海外向けWebViewHTML5アプリ開発や、内製タイトルのスマホ対応などを手掛けている。 mobageでは、さまざまなタイトルがすでにAndroid/iOS対応済みであることを紹介した。具体的にはHTML/CSS3ベース、Canvasベース、SWFベース（ExGame）といった複数の実現方法を使い分けている
JavaScriptの動かないコード (中級編) イベントハンドラに同じ関数を２回以上追加したい - 主に言語とシステム開発に関して
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： ボタン押下時に， 2 と表示する。 そのために，０に１足す操作を２回行なう。 <input type="button" value="「2」と表示" id="my_button"> <!-- ここに表示されます --> <div id="my_div"></div> <script language="JavaScript"> // 初期化 var a = 0; // a に１足して表示 function f(){ a++; my_div.innerHTML = a; } // イベント追加用の関数 function addEvent( element, eventName, func ){ if ( element.addEventListener ) { // Firef
JavaScript ユーザエージェント条件分岐便利スニペット｜Web制作 W3G
Updated 2014.04.07 / Published 2011.04.28 下記に記載の内容では、2015年現在新たに登場してきているOSまで対象にするには限界がありますので、Mobileの判定をMobileとTabletにだけフィーチャーさせた2015年版JavaScriptユーザエージェント判別もあわせてご参照ください。 jQuery.supportだけで代表的なブラウザの判別を行うことができなくなってしまったので、UA情報には依存しないブラウザがサポートしている機能でブラウザ判別を行う試みです。ただし、モバイルかどうかの判別をするためにWindows Phoneに限ってはUA情報に依存する必要があります。 判別用コード var _ua = (function(){ return { ltIE6:typeof window.addEventListener == "undefi
Custom YouTube Player « Reload – Scripts and Code
I’m back with you after a long silence. This time the project is very simple, but very useful and effective: a player for YouTube totally made with HTML + CSS + JavaScript, and easily customizable. The system is based on the excellent tutorial by Martin Angelov (http://tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/). The players include the button play / pause, a clickable progre
The HTML5 test - How well does your browser support HTML5?
HTML5test how well does your browser support HTML5? Your browser About the test HTML5test is dead. It's been dead for a while. In fact it hasn't been updated since 2016. And that is fine. This website has served it's purpose and helped popularise HTML5 with a general audience and developers. It pushed companies to invest in their browsers and it kept them honest. And from talking to people working
YouTube Player API Reference for <iframe> Embeds - YouTube APIs and Tools - Google Code
Getting Started API Overview Guide Who's Using It? Building Monetizable Applications Register Developer Keys YouTube Data API Client Library Guides and Code (v2.0) Downloads, Sample Code and Tutorials Java Guide JSON-C / JavaScript Guide Interactive Demo JSON / JavaScript Guide .NET Guide PHP Guide Developer's Guide (v2.0) Authentication AuthSub for Web Applications OAuth for Web Applications Clie
Sequel Pro
Full MySQL Support Sequel Pro is a fast, easy-to-use Mac database management application for working with MySQL databases. Perfect Web Development Companion Whether you are a Mac Web Developer, Programmer or Software Developer your workflow will be streamlined with a native Mac OS X Application! Flexible Connectivity Sequel Pro gives you direct access to your MySQL Databases on local and remote se
Linuxのxargsには–no-run-if-empty付けとけ
みたいなのがあったとして、これが時々エラー吐く、みたいなことがあったんですわ。あー xargs の呼び出すコマンド（例えば rm ）に入力がないときにエラー出るんかー、変なのーって思いながら、ちょこちょこそれを忘れては引っかかり、をくり返していたんです。 なんでか今日分かりました。BSD の xargs を使った場合はそういうエラー出ないのです。だからすぐ忘れる。 GNU のバカーと思ったりしたのですが、man の恐ろしい量のオプションを読んでいたら なんて文字が！ なんてこった。というわけで実際のスクリプトの一部はこんな感じにしてみた。 BSD のクセに gnu findutils 使ってるとか cygwin 使ってるやつのことなんか知らない。 [2011-11-09 追記] 最近の BSD xargs には -r というオプションがあって、これが findutils の xargs の
「さくらのクラウド」11月15日15時より開始、トラフィック課金なし
国内最大クラスの大規模データセンターである石狩データセンターの開所と同時に、第一弾サービスとなる「さくらのクラウド」が2011年11月15日15:00より提供開始だそうです。料金体系は月額料金を基本として日割料金（月額の約二十分の一）での精算も可能なので、事前にいくら払えばいいかが分かるというのはなかなかよさげです。 さくらインターネット、サーバやネットワークを自在に構築できるパブリッククラウド「さくらのクラウド」を11月15日より提供開始 | さくらインターネット http://www.sakura.ad.jp/press/2011/1108_cloud.html サーバプラン一覧はこんな感じ。 仮想1コア・メモリ2GBのプラン1から、仮想12コア・メモリ128GBのプラン13まであり、サーバ台数を増やすスケールアウトだけでなく、サーバスペックを増やすスケールアップにも対応、サーバのパフ
Compass.app: compile Compass/Sass easily without resorting to command line interface
Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of CSS. Compass.app helps designers compile stylesheets easily without resorting to command line interface. It is written in Java and works in Windows/Linux/Mac OS X. Screencast Screenshot OSX Windows Linux Project list Compass In
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
Javascript onclick for flash embeded objects