移転しました http://please-sleep.cou929.nu/20121229.html
移転しました http://please-sleep.cou929.nu/20121229.html
IE8以降の互換表示設定IE8以降 には互換表示設定(ツールバーの[ツール]→[互換表示設定])というのがあり、[イントラネットサイトを互換表示」のチェックボックスがオンになってると IE8以降のバージョンであっても IE7 としてレンダリングされてしまう。 これを防ぐためには X-UA-Compatible で レンダリングしたい IE のバージョンを指定する。X-UA-Compatible の記述は head 要素内の先頭か charset を指定する meta 要素の次当たりにするのが無難(script や style 要素の後だと適用されない)。 <meta http-equiv="X-UA-Compatible" content="IE=8;IE=9"/> 上記のように複数バージョンを指定した場合は、指定バージョンの中から適用可能な最上位バージョンが適用される。上記例の場合 IE
連載「JavaScript活用最前線」第5回目でChrome Developer Toolsの解説を書きました。 WEB+DB PRESS Vol.72 作者: 近藤宇智朗,生井智司,久保達彦,道井俊介,飯田祐基,中村知成,規世やよい,後藤秀宣,天野祐介,奥野幹也,Dr.Kein,tokuhirom,森田創,中島聡,堤智代,A-Listers,はまちや2,竹原,川添貴生,WEB+DB PRESS編集部出版社/メーカー: 技術評論社発売日: 2012/12/22メディア: 大型本 クリック: 3回この商品を含むブログ (1件) を見る console.log()や簡単なJSのデバッグ、レイアウト調整くらいはやったことがあるけど、それ以上の使い方はよく分からないという方のために、次の一歩を進んでもらいたいと思って書きました。実践的なJSのデバッグ方法を中心に解説し、Timelineパネルを使っ
Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo
「これが現代のテスト環境や、どやぁ。」 と @vvakame が用意してくれました。 https://github.com/vvakame/typescript-project-sample 初心者の私にはたくさんのライブラリ(フレームワーク?)が入っててよくわからなかったので、それぞれの立ち位置を教えてもらったのでまとめておきます。 PhantomJS PhantomJS は JavaScript の API も利用できる headless な WebKit です。実際の描画処理を行わないので速いという特徴があります。また、DOM 操作、CSS セレクタ、JSON、Canvas、SVG などいくつかの web 標準をネイティブでサポートしています。 JavaScript のエンジンは JavaScriptCore らしいです。 実際に Web ページにアクセスして、レンダリング結果の画面
Demonstrating Data Leakage from Internet Explorer On this page we've included a live demonstration of a security vulnerability in Internet Explorer (versions 6–10), which is described here: spider.io/blog/2012/12/internet-explorer-data-leakage/. The live demonstration is only accessible if you're using Internet Explorer to view this page. We have also included on this page a recorded screencast de
最近、私の中で Backbone.js と共に注目の Jasmine のドキュメントを和訳しました。 本家のドキュメントはこちらです。 和訳したものはこちらです。 (もし、訳で怪しいところがあればご指摘ください。) http://mitsuruog.github.com/jasmine/ ちなみに Jasmine は Javascript のテスティングフレームワークの 1 つです。 他のフレームワークを満足に扱ったことがないので、あまり偉そうなことは言えませんが、特徴として次のようなことを挙げておきます。 standalone 版(JS ファイル)があり、ブラウザのみでテスト実行と結果の確認ができる。 テストケースのネストが可能、(Java で言うことの)setUp、tearDown 機能がある。 豊富な matcher。 Mock(Spy)が割と簡単に作れる。 jasmine-jque
When it comes to dealing with asynchronous development in JavaScript there are many tool you can use. This post explains four of these tools and what their advantages are. These are Callbacks, Listeners, Control Flow Libraries and Promises. Example Scenario To illustrate the use of these four tools, let’s create a simple example scenario. Let’s say that we want to find some records, then process t
JavaScript Code Coverage with Istanbul Dec 5, 2012 3 min read #craftsmanship #esprima #javascript #jstools #web Achieving a good code coverage is a useful practice in today’s software craftsmanship. For JavaScript applications, whether it is for the browser or for the server, many tools to check the statement coverage are available. What about branch coverage? Fortunately, such a tool is finally a
Yesterday I pushed 2 new projects to github, was unsure if I was going to do it since maintaining opensource projects can demand a lot of time but heck, I’m looking for contributors and they can be useful to more people, so why not? I used editors/IDEs that had a good code formatter for a while and ever since I started doing more JavaScript development I missed a code formatter as powerful/flexibl
1. はじめに、 本記事は、HTML5 Advent Calendar 2012の参加(6日目)エントリーです。 当初は昨年のアドベントカレンダーでテーマにしたマイナーAPIをネタにして書こうかと考えていたのですが、探してもあまりピンとくるものがなく、いつものごとく新技術ネタに飛びついてしまう習性がでてしまったので今回次世代JavaScript(ES.harmony)ネタ(Object.observe)を書かせていただきます。 現時点では直接HTML5とは関係ありませんが、標準で利用できるようになったら皆さんがお世話になる機会が必ず増えると予感しています。今の時点で知っておいてもらっても絶対損はないと思いますのでどうかご了承ください。 (_O_) 2. Object.observe() とは何か? 先日のHTML5勉強会でも取り上げられましたが、最近 JavaScript の MVC フレ
これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}
CSSファイルをクライアントサイドだけで動的なURLつけて非同期読み込みしたい場合、単純に以下のようなコードを書くと同期読み込みになって読み込み完了まで他のファイルの読み込みがブロックされる。 (function () { var href = 'style sheet url'; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = href; var head = document.getElementsByTagName('head')[0]; head.appendChild(link); })(); (function () { var href = 'style sheet url'; var html = document.documentElement; html.st
Lots of JavaScript frameworks using MVC or MDV need to respond to changes to the objects that model the state inside a web application. This capability is a fundamental part of a data-binding model. There are a number of different ways to monitor JavaScript objects and DOM properties to trigger some sort of action, but most of the techniques aren't ideal for various reasons such as performance, et
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く