この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ

[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう こんにちは、@yoheiMuneです。 ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。 今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。 そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。 目次 ブラウザのレンダリングの仕組み この章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。 ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]

既に LEAP Motion を手に入れている人にはお馴染みかと思いますが、 JavaScript だけで、LEAP Motion を使いブラウザを操作することが可能です。 実際にChrome拡張で実装してみました (ε・◇・)з o O ( 未来キタ

ヌーラボブログ「Backlog」カテゴリの記事一覧です。ヌーラボのブログでは、コラボレーションやプロジェクト管理に関するコラム、社内文化やイベントレポートなど、多彩な情報をお届けしています。最新の記事を通じて、ヌーラボの取り組みや最新情報をご覧ください。

こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ

日頃、あちこちのサイトを見て回っていると、興味あるスタイルシートの記述や スクリプトのコードに良く出くわす。スタイルシートの場合 少し前に書いたHTMLエディタもどきで確認しているけれど スクリプトの場合はテキストエディタを起動させて確認というか試してる。 なわけで、もっと気軽にテストしたく、それっぽいことができるHTMLファイルを書いた。 上のテキストエリアがスタイルシートなどのテスト、下のテキストエリアがスクリプトのテスト。 JScript、VBScriptのボタンでそれぞれ実行。 チェックボックスは、上のテキストエリアはキーを押すたびに更新するので それを止めるためのもの。 スタイルシートの方は</style>の後にテストしたいソースを書いて 最初から表示している<style type="text/css">〜</style>の間にCSSのコードなりを書くと確認できる。 下のスクリプ

2007年11月12日17:45 カテゴリLightweight Languages翻訳/紹介 javascript - きゅあ理じぇねれ〜た〜 く、くだらんw Via: 隠された部分が見たくなるQRコードモデル「きゅあ理」 - GIGAZINE きゅあ理（QRコードモデル）見る者に直感的に読取りアクションを起こさせるセクシーなQRコードモデル「きゅあ理」が御社のモバイルプロモーションを強力にお手伝いします。 あまりにくだらないので、こんなものを作ってしまったwww 見ての通り。直感的に使えるはず。例によってFirefoxとSafariでしか確認せず 元画像のURLを入れると、対応するQRCodeのURLその他の諸元が自動入力されるぞ。 といっても、画像の幅と高さの自動取得は、Safariではうまく行かないんだけど。その場合は適当に手で入力してくれんたま。 QRコードのURIは、実はQRC

2007年11月05日23:30 カテゴリLightweight Languages 紹介 - 一つのファイルでperl,javascript,HTMLそしてGIF takesako['www']++; TAKESAKO @ Yet another Cybozu Labs: Real UNIX MAGAZINE Day ライトニングトーク 若輩者ながら、昨今のAjaxの技術のGIF89a（ハック）について newtype と oldtype の話を交えながら、ライトニングトークさせていただきました。これが、問題のソース。ちょっとだけ改変してあります。以下のリンクを追ってお試しあれ。 polyglot.(html|gif|pl) GIF89a(q=/*=);sub GIF89a{ print "Hello, Perl!"} __END__#*/1);function GIF89a(){ale

»　Introducing Tablecloth テーブルクロスを導入する。 この記事がWEB関連のなかで話題になっていました。 はて・・テーブルクロス・・・。 何のことやらさっぱりだったんですが、使ってみるとなかなか素敵な動きをしてくれましたので記事に。 あなたのhtmlに2行のコードを加えたら・・・ By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love あなたのhtmlにたった2行のコードを加えるだけで、あなたのサイトのテーブルは、あなたのサイトの訪問者に愛される。 なんとも素敵な響きだなと思った人はデモを見てみましょう。 »　デモはこちら テーブルによって大量のデータを出力するときには便利な機能ですね。