This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

Nothing Insightful My name is Tait Brown, and I'm a Melbourne-based UI designer and a front end developer. I like to make stuff. taitbrown.com taitbrown@gmail.com I’ve just pushed some pretty hefty changes to the jQuery.Gantt project I’ve been developing with lately. I tried some other Gantt libraries, but they were either dependant upon ExtJS, no longer maintained or just didn’t play nicely with

jqueryは、javascriptでやっていることをより簡単なプラグラムでできるようにしてくれています。 そのため、ちょっとした書き方の違いで裏でやっている作業が違います。 高速化するためには 1、セレクタで同じものを選ぶ時は変数に代入 ２、classだけのセレクタは使わず要素を前に書く(IE対策) ３、#id要素を極力使う などがあります。※jqueryのセレクタスピード比較 スピードを早くするための書き方をjqueryとjavascriptを比較して考えてみます。 要素で選ぶとき div要素のフォントの色を赤く変更します。 jquery $(function(){ $('div').css('color','#f00'); }); javascript window.onload = function(){ var elements = document.getElementsByT

The document discusses ways to improve JavaScript code quality, including following established patterns, writing tests, and using frameworks. It recommends Douglas Crockford's book "JavaScript: The Good Parts" to learn patterns for managing JavaScript. Frameworks mentioned that can help include QUnit for testing, Knockout for MVVM, and Chutzpah for running tests in Visual Studio. Functional progr

The document discusses techniques for writing clean JavaScript code. It provides examples of code smells and improvements to address issues like attaching events from the outside, separating selection from logic, shallow scope, overwriting default behavior, and separating logic from views. The document advocates for practices like modularizing functions, separating DOM manipulation from models, an

「javascript indent in vim - gnarl、技術メモ<s>ho<marquee>ge’”￥ 」様より継承したものを自分好みにちょっと改造してみました。 主な変更点は、以下の通りです。（制約事項については「後書き」を参照） １、式の途中での改行 演算子の後で改行するとインデントするようにしました。長い式を途中で改行した場合に継続行がインデントされます。 1 + 2 + 3; baka; 演算子には「.」も含まれますので、メソッドチェーンの途中で改行した場合も同様にインデントされます。 aaa.bbb. ccc.ddd; baka; ２、リスト途中での改行 関数の引数リストなど、「,」の後で改行するとインデントするようにしました。長いリストの途中で改行した場合に継続行がインデントされます。 aaa(bbb, ccc, ddd); baka; [aaa, bbb, ccc

スクウェア・エニックス・ホールディングスは12月9日、米Googleと協力し、「家庭用ゲーム機向けと同等」のゲームをWebブラウザ上で提供していくと発表した。ブラウザ上でネイティブコードを実行する技術「Native Client」を活用、Chromeブラウザで動作するゲームの第1弾を月内にリリースし、来年中に複数のタイトルを公開するとしている。 米Google本社で開かれたNative Clientの発表会に、スク・エニの和田洋一社長が出席し、第1弾ゲーム「Mini Ninjas」を披露した。 同ゲームは2009年に英Eidos（スク・エニ子会社）がリリースした忍者アクションゲーム。12月中にオープンβサービスを開始する予定で、ダウンロードやインストールなどの操作をしなくてもChromeウェブストアから遊べるという。オープンβの利用には今後リリースされるChromeのβ版（Chrome 1

JavaScript Advent Calendar 2011 オレ標準コース、2日目のもろへいやです。とても遅れてすいません… 私は技術的な話は得意ではないので、デザイン面からJavaScriptプログラマーに向けてのTipsを書きたいと思います。 今回は、アニメーションの話を書いてみます。 jQueryは標準で、要素の表示・非表示を切り替えるときにフェードやスライドを使うことが出来ますよね。 $("#box").fadeIn("fast"); たった一行で、アニメーション効果を付加することができるので、 プログラマーのみならずデザイナーの方でもjQueryを使っている人は多いんじゃないかと思います。 しかし、簡単なおかげで何をするにアニメーション効果をかけまくってしまったり。 あるいはアニメーション効果なんて無駄！ ということで、全然使っていない人もいると思います。 ですが、アニメーシ

Pythonはほとんど使ったことがないのですけど、「いいなぁ」と思う点はインスタンス生成にnewが不要なこと。クラス名を関数呼び出し形式で使えばいいだけ、x = Person('Tonkichi') 。いいなぁ。 リテラルがなかったら不便 newがイヤなのは、まず単純に「書くのがめんどくさい」という理由があります。別な理由もあります、僕はリテラルが大好きなんだけど、newはリテラルにとって邪魔モノなんです。ここで、リテラルってのは、値やオブジェクトを直接に表現する記法です。たいていの言語で、153は整数リテラルだし、"Hello"は文字列リテラルです。 String s = "Hello";のようなリテラルが使えないと大変ですぜ。次のようにしなきゃならないでしょう。 // これはJava風 char[] s0 = {'H', 'e', 'l', 'l', 'o'}; String s =

Web ページ内の任意の要素をフルスクリーン表示可能にする Fullscreen API ですが、お勉強ついでに簡単に試してみました。 ちょっと前、先月の話題になってしまうのですが、Web ページ内の任意の要素をフルスクリーン表示可能にする Fullscreen API に関連して、Mozilla が公開している Gecko:FullScreenAPI が更新されて Firefox Nightly で使えるようになったり、W3C からも Fullscreen （Editor's Draft） が公開されたりと色々動きが活発になってきましたので、いい機会ということで、お勉強ついでに簡単に試してみました。 例えば HTML5 で追加された video 要素は、今まで Flash などのアドオンに頼ってきた動画の Web ページへの埋め込み、再生を HTML 側で対応することを可能にしましたが、

jQueryを使ってWebページ上で何かアクションを実装する際、 リンク＜a＞タグをクリックすることでエフェクトを実行させることはよくあること。 その際、別ページへ遷移するわけでも、ページ内リンクを使うわけでもない場合に リンク＜a＞タグの属性「href」の飛び先の指定に困ることがあることも。 結局「href=”#”」でごまかしたり、「href=”javascript:void(0);”」としたり。 その様な場合に使えそうな、 クリックされたリンク＜a＞タグの「href」を無効にする方法があったのでメモ書き程度に紹介してみます。 サンプルでは、リンク用の＜a＞タグの「href」属性が 以下の様な「href=”#”」の場合とします。 ◆HTML <a href="#">アクション実行用リンク</a> このソースの場合の、リンクテキストをクリック後に 「href」属性を無効にするスクリプトは以

最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 （※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です） セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue

EcmaScript5でStrictモードが策定され、Firefox, Google Chromeなどのブラウザで使えるようになってきました。 *1 PerlのStrictプラグマみたいに、危ない操作を仕様とすると怒ってくれるものらしい。ちなみに今は no strict プラグマはない様子。 詳しくはここを参照。 http://dmitrysoshnikov.com/ecmascript/es5-chapter-2-strict-mode/ で JSではarguments.callee.callerってのを使って呼び出し元の引数を参照できるんですが、 Strict-modeでは使えません。 "use strict"; // この書き方はstrict-modeでエラー arguments.callee.caller.arguments 使えないなら引数を渡すのがよさそうかなぁ。こんな感じ。

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。