Account Suspended This Account has been suspended. Contact your hosting provider for more information.

Supawhat? Stripes are undoubtly very popular graphical element these days. They are used in many ways in web design, mostly as background patterns of various layout parts or block elements. Here is a fresh tip that could save your time. Solid and transparent When i match colors for some web site, i find it very easy if i use one small .GIF image, which has one stripe transparent and others are sol

Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア　上野 学 2005/6/2 ■インタラクションデザイン 人とコンピュータの間のコミュニケーションを仲介するのがユーザーインターフェイスの役割であると述べましたが、では、人とコンピュータの間のコミュニケーションとは何でしょうか。複雑な情報処理が可能になった現代のコンピュータでは、ユーザーはコンピュータと対話式に操作を進めるのが普通です。 つまりある利用目的を達成するためには、まずユーザーが何らかの入力操作を行い、それを受け取ったシステムが内部で何らかの計算を行って処理結果を出力する、というやりとりを繰り返します。そのため、使いやすく利用効率の高いシステムを設計するには、表面的なユーザーインターフェイスを適切にデザインするだけでなく、対話がスムーズに進むよ

MOEditorはMulti Opinion Editorの略（非常に作為的なのは否定しない）で:: o v e r D O S E ::にて開発が行われており2chの萌ディタスレにて議論が行われている、MDIのエディタです このドキュメントは、管理人の気が向いたときに更新されるので、開発についていけていない可能性があります。最新情報は、上のリンクから辿って下さい

Days in programming, computing, studying, considering and enjoying xdebug でのデバッグは eclipse+TruStudio つかってる人が結構いるみたいだが、どうも php で eclipse ほどの環境を使うというのには違和感を感じていた。開発環境という話でいえば、最近は PHPIDE(いつのまにかPDTって名前になってた) とか結構いい感じに整ってきてて、これはこれで使いやすかったんだけど、eclipse が(気分的にも)重い。 で、いっとき emacs に行きつつも Ctrl 押しながらのカーソル操作に慣れず(というか、面倒)、結局 vim に戻った。なにより xdebug2.0 でサポートされてるリモートデバッグプロトコル DBGp に対応したプラグインが使えるのが大きい。コレが激しく便利。あまりやって

ExternalInterface.addCallback で定義された関数は apply できない http://d.hatena.ne.jp/nitoyon/20070214/p1 っていう記事に書いてあるコードを手直し。Flashをいじってないんで、上手く動くかどうかよくわかんないですが、こんな感じでいけると思います。 function applySwf(swf, method, args){ if(swf && typeof swf[method] == "function"){ var params = []; for(var i=0;i<args.length;i++) params[i] = "_"+i; Function( params.join(','), "this("+params.join(',')+")" ).apply(swf[method], args); }

処理に時間がかかるけれども、一定時間は結果が変わらないような関数の結果をキャッシュしたい。 例えばgetElementsByTagName("*")なんかを頻繁に呼び出すようなコードがあったとして、結果をキャッシュしたいけれど画面描画が発生すると使えなくなってしまう。setTimeoutで0ミリ秒後にキャッシュを消す処理を入れておいて、画面描画と関係のある処理はタイマーで実行するような制約を付けてコードを書けばDOMが絡む処理の結果もキャッシュすることができる。というようなケースに使えるような気がする。 Function.prototype.timed_memoise = function(ms){ var self = this; ms = ms || 0; var memo = {}; var clear_q = false; function clear_cache(){memo={

先日リリースした Extractor の Bookmarklet(コメントをチェック(浮き出る版))のデザインや仕様を変えました。主な変更点としては、「マウスでドラッグできる機能」が付いたのとデザインをがらっと変えました。 その際にma.laさんの最速インターフェース研究会で紹介されていたJavaScriptでの遅延ロードのテクニックを拝借させて頂きましたので、覚え書きのつもりで今回どのようにしてそれを使ったのかについて書いておきます。 まず、先に紹介した Extractor の Bookmarklet がなにをやっているかというと、現在見ているページに script タグのエレメントを生成して、他のドメインのJavaScriptのソースを読み込んでいます。Bookmarklet を分解すると下記になっています。具体的には createElement で script タグを生成して、各プ

ブラウザ用のWebアプリケーションでは、HTMLベースのGUIと各種のスクリプトやActiveX、Javaアプレットなどを組み合わせて高度な機能を機能を提供できます。ただ、セキュリティの関係上ローカルファイルが利用できなかったり、閲覧者が使用しているブラウザによって結果が変わってきたりと実用的なアプリケーションを作ろうとすると不便を感じることも多いでしょう。 そんな時、アプリケーションを実行する環境が比較的新しい（４以降）Internet ExplorerがインストールされたWindowsなら、HTML Applications(HTA)を利用するとWebページを作るのと同様の感覚で、ローカルファイルに自由にアクセス可能なスタンドアロンアプリケーションを作ることができます。HTAでは、Web同様にHTML+CSS+各種スクリプトで手軽にGUIやレイアウトを作成でき、ActiveXコンポーネ

昨年10月のバーナーズ＝リーのびっくり発言から約4カ月を経て、W3Cに新しいHTML作業部会が設置された。HTML4とXHTML1をベースに、新しい(X)HTML仕様を2010年を目標に策定していく。従来のHTML作業部会はXHTML2作業部会という扱いになる（HTMLとは違う狙いなので、名前を変えることも検討しているそうだ。そりゃ大いに結構）。 Charter（設立趣意書）によれば、この新作業部会は次のものを策定していく。 HTML4を発展させた、ウェブの文書とアプリケーションのセマンティクスを表現する言語 この言語をXMLによって記述（シリアル化）する拡張可能な形態 既存ブラウザの「クラシックHTML」パーサと互換性のある、XMLではない記述形態 この言語のためのDOMインターフェイス フォームその他のUIで用いるための、プログレッシブバー、メニューなどの共通部品 リンクづけられたメデ

一般に配色の良い、悪いを区別することはできませんが、一体どういった配色の組み合わせが調和するのか・相性がいいのかを知っておくと上手な配色ができます。 配色には、右図の「色相環」を元に考えると簡単です。 隣り合っている色、反対に位置する色などを頭において配色をしてみてください。

Update: the code that empowers this menu has been upgraded to the latest MooTools version, and even improved! Now works with vertical, horizontal menus, with more flexible morphing! Let me introduce you to Fancy Menu: Home Plant a tree Travel Ride an elephant When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style

Apollo のアルファ版が Adobe Labs に公開されました。（Apollo@Labs） Apollo は従来の Web アプリケーションの境界を大きく広げる可能性を持った新しいクロス OS の実行環境（のコードネーム）です。以前に書いた簡単な説明 （Apollo のご紹介 ） と、先日のデブサミで使用した資料（Developer Summit 2007 資料ダウンロード：14-B-2f）もよろしければご参照ください。 Apollo の特徴は Ajax (HTML+JavaScript), Flash, Flex (MXML+ActionScript) といった Web アプリケーション開発技術を使いながらデスクトップアプリケーションのように様々なローカルのリソースも利用できることです。まだアルファ版ですので Ajax のフルサポートや PDF 表示機能はこれからですがファイル I

注目していたApolloをようやく試せるようになりました。 Ajaxian » Adobe Apollo Alpha Release Flashと同じでブラウザ組み込みかと思っていましたが、ウィジェット的な感じ。FirefoxのExtensionのような雰囲気もあります。動作にはRuntimeが必要になります。 Adobe Labs – Downloads: Apollo Runtime これをインストールすると拡張子がairのファイルが動くようになります。airは1つずつインストールしてから使う模様。WindowsXPだとこんな画面が。 アプリごとに出るのはちょっと面倒かなぁ。 Apollo:Applications:Samples – Adobe Labs サンプルがいくつかあるのでダウンロードして実行。一番下のScreenPlayが面白い。 続いてSDKをダウンロードしてプログラムを

DiskStation provides a full-featured network attached storage (NAS) solution to help you manage, backup and share data among Windows, Mac and Linux easily.

Sashaです。気がついたら自分の生活の一部だった。そんなサービスが人に小さな幸せを生み出します。そんなサービスを作ることが出来たらいいですよね。 でも、人っていっても、色々いますよね。私たちは、だれの生活を思い浮かべたらいいのでしょう。 UIという文脈の中で、ペルソナ（personas）という言葉の意味を聞いたことがありますか？ペルソナは、マーケティング、デザイン、製品開発など幅広い分野で、顧客中心思考を実現するためのひとつのキーワードとして論じられています。 UIに関していえば、樽本徹也氏が「ユーザビリティエンジニアリング」という本の中でこの言葉について説明されていますので、ご紹介させていただきます。 ペルソナとは、UI設計の中で設計チームの意思決定のよりどころとなる「ユーザ像」をさします。「だれのためのサービスか」、を明らかにすること。当たり前のようなことですが、日々、バグやクレーム

ブラウザ上でのプログラミングで避けては通れないのがイベント処理。その仕組みは DOM Level 2 Events にて規定されています。しかし、とりあえず addEventListener メソッドを使ってはいるものの、それがどのような意味を持つか詳しくは知らないといったことはありませんか。そこでここでは、DOM 2 Events のイベントモデルを理解し、ブラウザが裏で何をしているのかを把握するために、実際にそのイベントモデルを実装してみることにします。具体的には、仕様書に定められたインターフェースを JavaScript で実装し、それらを組み合わせてイベントの発生をシミュレートしてみます。 Event インターフェース EventListener インターフェース EventTarget インターフェース DocumentEvent インターフェース DOMException イン

This Document has Moved. この文書は http://www2u.biglobe.ne.jp/~oz-07ams/words/scripting.html に移動しました。 Japanese fonts required. All rights reserved. 1998-2015 TAKI

この文書は ECMA-357 ECMAScript for XML (E4X) Specification 2nd edition を訳者 (nanto_vi) が私的に訳したものであり、Ecma International またはその他の関連団体・個人とは一切関係ありません。 この文書は正規の仕様ではありません。正規の仕様に関しては Ecma International から PDF で公開されています。 翻訳の内容については保障しません。この文書の利用によって発生したいかなる損害についても訳者は責任を負いません。 翻訳上の誤りなどがあれば訳者 (ブログまたはメール <nanto (at) moon.email.ne.jp>) までご連絡ください。 Standard ECMA-357 2nd Edition / December 2005 序文 2002 年 6 月 13 日、BEA S

アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ

This domain name has been registered with Gandi.net. It is currently parked by the owner.

passclicks Passclicks is a new way to login to websites without users having to remember thir old style textual password. 画像による認証のサンプルが公開されているサイトを発見。 まずこの写真から５つのポイントをクリックして覚えておきます。 ５つクリックすることでパスワードを生成します。 ５クリックすると画面が遷移するので、ログインページに移動して試してみましょう。 ログインには１０回のクリックが許されていて、生成時にクリックした５つの位置をまんべんなくクリックしてあげましょう。 ログインが成功するはずです。 ビジュアルパスワードを使うことで、テキストによるものよりも人間が覚えやすい仕組みを実現できますね。 仕組みとしても斬新で、ちょっと感動しました。

SourceForge.net: AjaxFTP A flexible widget to incorporate into your web 2.0 app to allow FTP access through a browser. AjaxFTP lets you browse, upload, and download files from remove servers using only Javascript and PHP. Built with customization in mind. これは凄いです。設置すると、次のようなＦＴＰログインフォームが現れます。 アカウントを入力して、「Connect」ボタンを押すと次のようにファイルツリーが表示され、エクスプローラライクに階層を辿ることが可能です。 この機能を実装するためには、次のような簡単なコードを書くだけでＯＫ。これだ

Overview Spket IDE is powerful toolkit for JavaScript and XML development. The powerful editor for JavaScript, XUL/XBL and Yahoo! Widget development. The JavaScript editor provides features like code completion, syntax highlighting and content outline that helps developers productively create efficient JavaScript code. What's new JSB for Ext JS 6.0.0 - 5 Jun 2016 Downloads JSB for Ext JS 6.0.0. JS

This domain may be for sale!

Created by Robert Nyman, http://www.robertnyman.com. DOMAssistant is released under a MIT License.

javascriptのprototypeはなかなか理解してもらえないですねぇ。 ここ1年間でマジマジと実感しました。 特に、大規模開発をしているとこだと、いろんな知識が入り乱れていて（ホームページ時代からAjax本を読んだ人とか)が、javascriptが単なる関数型列挙な言語(語弊があるけど)という見方が大多数を占めているように見えます。 そんな中で "String.prototype.trim" みたいなコードを見せても、説明下手なのか中々上手く伝わらないですねぇ。 ということで(?)、僕がjavascriptのprototypeを身に着けるまでやったこと、とか。これも備忘 prototype.jsのソースコードを眺める Array.mapとかEnumerable, Hashは勉強になりますねー。 ただ、prototype継承されすぎて、ちょっと多すぎなこともあります。 var

WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」 2007年04月20日- Handling Keyboard Shortcuts in JavaScript Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」。 次のように定義することで、Ctrl+Shift+Xのショートカットキーが押された際の機能を実装できます。 shortcut(

Ajax MGraph Ajax MGraphは、prototype.jsベースのJavaScriptグラフ表示ライブラリです。 表示できるグラフは縦棒グラフだけですが、これがなかなかキレイ。 こんな感じです。 実際に自分でも試してみましたが、ソースをちょっと加工しないとうまく動かせませんでした。 折角なので、使い方も書いておきます。 ソースはPHPのプログラムの結果をデータとして使いますが、ここではJSONを使うように修正します。 まずは、graphM.prototype.jsの45行目をJSONのファイルを読み込むように変更します。 new Ajax.Request('number_generator.json', { そして、graphM.prototype.jsの60～64行目の内容を日本語用に書き換えます。 $('ag-dump').innerHTML+=g.returnHTML

JavaScriptでBackボタンを扱うためのライブラリ集いろいろ。 dojoやYUI 用のものがいろいろ出ているようですね。 dsHistory Really Simple History (RSH), Brad Neuberg AJAX-Nav, Mike Stenhouse dojo.io.bind, Alex Russell, et al YUI Browser History Manager, Julien Lecomte ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」 原理は「 Ajaxなページで「戻るボタン」を機能させる方法」で紹介した感じでIFRAME等を使って実装されています

Code Archive Skip to content Google About Google Privacy Terms

EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき