MOONGIFT: » JavaScriptとCSSの融合「Dynamic CSS via JavaScript」:オープンソースを毎日紹介
JavaScriptを使ってCSSを変更というのは良くあることだ。例えばクリックで表示を消す場合やフェードアウトさせるような類のイフェクトがある。$("hoge").style.display="inline";のような指定をするだろう。 しかしこれではCSSとJavaScriptの距離が遠い。もっとダイナミックにCSSを操作しよう。 今回紹介するオープンソース・ソフトウェアはDynamic CSS via JavaScript、JavaScriptによるCSS操作ライブラリだ。 まさにダイナミック。CSSというオブジェクトを生成し、そこにルール（CSS指定）を追加していくという形式で描かれる。スタイルタグを動的に生成し、描画を変化させられる。 利点は何だろうか。まず、CSS上の指定を変数にまとめられるようになる。また、タグクラウドのような状態によってフォントサイズを変更するようなものを、
404 NOT FOUND | Kagayaku
滝沢カレンは整形をしていないナチュラル美人だと判明！証拠写真63枚でデビューから2023年まで検証してみた。
MOONGIFT: � JavaScriptでソケット通信？「JNEXT」:オープンソースを毎日紹介
何でもJavaScriptにやらせてしまおうという風潮はすごい。善し悪しはあれど、JavaScriptの新しい可能性を求めていくというのは重要な挑戦だ。 様々な挑戦の存在する中、次なるものはこれだ。 今回紹介するオープンソース・ソフトウェアはJNEXT、JavaScriptに次なるパワーを与える機能拡張だ。 JNEXTはインストール型のアプリケーションで、各種ブラウザに対して機能を拡張する事ができる。IE/Firefox/Safari/Opera/Netscapeに対応している。また、Linuxバージョンもある。 現状できる事として、ソケット通信になっている。JavaScriptからソケット通信ができるというのが圧巻だ。簡易的なサーバプログラム（PerlまたはPython）も付属しており、それを使うと実際に通信している様子が分かる。 セキュリティを考慮して、操作可能なサーバというのがaut
JavaからJavaScriptを生成·Java2Script MOONGIFT
JavaとJavaScriptを区別しない人がいる。Javaが〜という話だと思ったら、実はJavaScriptだった、なんて経験ないだろうか。あまり技術に詳しくない人と話していると度々ある。 だが、今後はJavaとJavaScriptは区別しないものになっていくかも知れない。それは言い過ぎだが、このツールはJavaScript開発の手法をも変化させそうだ。 今回紹介するオープンソース・ソフトウェアはJava2Script、JavaからJavaScriptを生成するEclipseプラグインだ。 Java2Scriptを使うと、Javaで作ったアプリケーションをJavaScriptにして出力できる。これがあれば複雑なGUIをもったWebアプリケーションも容易に作れるようになる。 同種のソフトウェアとしてGoogle謹製のGWTがあるが、Google依存度を減らしたい方はこちらが良い。例としてJ
JavaScript でこんなパッケージ管理はどうか？ - IT戦記
まず、以下のような package 関数を作る。 function package(name) { package.__hash__ = package.__hash__ || {}; if (!package.__hash__.hasOwnProperty(name)) { package.__hash__[name] = { def: function(name, value) { return this[name] = value; } } } return package.__hash__[name] } で、こんな感じで使う // ここは hoge の名前空間 with (package('hoge')) { def('var0', 1); // 変数は def 関数で定義 def('var2', 2); alert(var0); // 1 alert(var2); // 2 }
継続渡しによる停止・再開可能な反復処理 - JavaScriptライブラリでお馴染みの$関数を関数スタイルで実装してみる
ここ最近の Scheme プログラミングで得た感覚を踏まえ、各種 JavaScript ライブラリでお馴染みの $ 関数 (ID による要素検索) を、ごく簡易にですが、関数スタイルで実装してみました。 まずは実装を見ていただく前に、このような例を考えてみてください。 $("id").do_something(); ここで、"id" 要素が確実に見つかるかどうかが保証されていない (do_something が失敗するかもしれない) とします。すると、 var o = $("id"); if (o) { o.do_something(); } のように、いちいちテストをしなければいけませんよね。 これが、関数スタイルでは $("id", do_something); と書くだけで済みます。つまり、$ 関数自身が成否のチェックを行い、成功していればコールバック関数にオブジェクトを渡すように設
ハタさんのブログ(復刻版) : javascriptを初めて学ぶ人についてのおさらい。その１
僕にも教える人ができた(? というか人にモノを教える立場)になったので、とりあえず、最近はもっぱらjavascriptを教えています。 もともとCやJavaなどについてはある程度の知識がある人なので、それを少しjs的な意味で、関数言語的な教えをやっている最中のメモ 変数って何ですか？変数って値もしくは式そのものに利便的な名前をつけているものです 次のhogeとfooは値をいれる箱ではなく、値そのものに別名(もしくは分かりやすい名称)を割り当てているだけに過ぎませんよ。 var hoge = 1; var foo = [1, 2, 3]; alert(hoge + 1); // 2 alert(foo[0]); // 1 alert(1 + 1); // 2 alert([1, 2, 3][0]); // 1 つまり、関数自体を変数に代入する事ができます。(functionとは特別な呼び名
MOONGIFT: � JavaScriptでRPG？「The ClanFX Javascript Game Engine」:オープンソースを毎日紹介
何でもJavaScriptでやってしまおう。サーバとの通信はAjaxにすれば、クライアントサイドはあたかもローカルアプリケーションのように操作できる。 数々のソフトウェアがWebアプリケーションとして登場したが、これは別格と言えそうだ。何せJavaScriptでゲーム、それもRPGを作る試みなのだ。 今回紹介するオープンソース・ソフトウェアはThe ClanFX Javascript Game Engine、JavaScriptベースのゲームエンジンだ。 The ClanFX Javascript Game Engineはエンジン部なので、実装は別になる。が、デモも用意されているのでぜひ見てみて欲しい。 中世風の町をイメージした風景に、馬車や人が点在している。自分自身は矢印キーで移動させることが可能だ。また、各キャラクターのそばにいくと、吹き出しが表示される。 キャラクターによっては話しか
MOONGIFT: » JavaScriptでアクションゲームを「Javascript Gamelib」:オープンソースを毎日紹介
この間はJavaScriptで作るRPG用ライブラリを紹介した。今後のWebの行方、そしてJavaScriptの行方を占う上で面白いライブラリだ。 しかしゲームはRPGだけではない。むしろ時間がかかるRPGよりも、こちらの方が手軽で中毒性は高そうだ。 今回紹介するオープンソース・ソフトウェアはJavascript Gamelib、JavaScriptによるアクションゲームライブラリだ。 アクションゲームと言えば、スーパーマリオのようなものが考えられるが、現状ではまだそこまでの完成度ではない。ポン（PONG）や簡単な板を避けるようなゲームくらいだ。 だが、キャラクターを動かすことでキャラクターの向いている方向を変えたり、当たり判定のある動きをするサンプルもあるので、初期のファミコンくらいの動きはできるようになるかも知れない。 他にもWebOS風にウィンドウやメニューを生成する、マウスクリック
404 Blog Not Found:アルゴリズム百選 - ハッシュを再発明する
2007年12月03日11:15 カテゴリアルゴリズム百選 アルゴリズム百選 - ハッシュを再発明する (実はハッシュを使って)配列を再発明したところで、今度は配列を使ってハッシュを再発明してみます。 現代におけるプログラミングでは、連想配列(associative array)というものを非常によく使います。通常の配列では、データを取り出すのに整数の番号を使いますが、連想配列ではその代わりに文字列を使います。これは非常に便利で、多くの言語ではオブジェクトの実装にこの連想配列を用いています。JavaScriptのオブジェクトも実は連想配列です。 しかし、これを実装するには、少し工夫が必要です。単なる配列であれば、ただ等間隔に並べておけば、「何番目を出してくれ」で事足りますが、連想配列で「'dankogai'番目」といっても人間にもコンピューターにもなんのことかさっぱりわかりません。 誰でも
capture.tumblr.js ブラウザでキャプチャしてtumblrにpostするJSActionsスクリプト v.0.0.1a « ZeroMemory
ブラウザでキャプチャしてアップロードするJSActionsスクリプトシリーズのtumblrにアップロードするバージョンです。jsactions_2007112102a1対応ずみ。 ダウンロード capture.tumblr.js History 2008.3.1 0.0.1b capture.tumblr.jsをgelato対応に: dara-jで指摘していただいたstream_params.filenameの修正。 2007.12.3 0.0.1a キャプチャにcaptionがつかなかったのを修正。 インストール ダウンロードしたcapture.tumblr.jsをJSActionsのglobalフォルダに保存してください。次に、そのひとつ上のフォルダ(JSActionsのglobalとかselectionとかのフォルダがあるフォルダです)に capture.tumblr.conf とい
Starbox - Rating stars for prototype
Nick Stakenburg is a webdeveloper based in the Netherlands.
日付を好きな形で入力でフォーマット済みの日付に変換してくれるJSライブラリ「Datejs」:phpspot開発日誌
Datejs - A JavaScript Date Library About… Comprehensive, yet simple, stealthy and fast. Datejs has passed all trials and is ready to strike. Datejs doesn’t just parse strings, it slices them cleanly in two. 日付を好きな形で入力でフォーマット済みの日付に変換してくれるJSライブラリ「Datejs」。 today とか tomorrow とか last April とかの形式で入力すると、「Monday, November 26, 2007 0:00:00 AM」の形に変換できます。 日付の変換コードは次のような感じ。 // Convert text into Date Date.pars
JavaScriptで3D:Geekなぺーじ
VMLについて調べていたらSVGVML3Dというライブラリを発見しました。 SVG-VML-3Dは、IE用にVML、その他ブラウザ用にSVGで3Dを表現できるように書かれたライブラリです。 かなり良く出来ているJavaScriptライブラリで、三次元画像を作り出すだけではなく、どのオブジェクトがクリックされたかまでEventで拾えるようになっています。 まだ、あまりライブラリの中身を詳しく読んでいませんが、とりあえずサンプルコードをいじってグルグルまわるようにしてみました。 IE、Firefox、Operaで試してみました。 VMLとSVGを勉強しないとなぁ。。。
【特集】詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる (1) Dojo Toolkit 1.0、満を持してリリース! | エンタープライズ | マイコミジャーナル
Dojo Toolkit 先日、フルスタックのJavaScriptフレームワークであるDojo Toolkitのバージョン1.0がついにリリースされた。Academic Free License v2.1とBSD Licenseのデュアルライセンスが採用され、使用するプロジェクトに合わせてどちらかを選べるようになっている。 足かけ三年以上にわたり開発が行われた同フレームワークは、期待に違わず凄まじく多機能で、その全体像をつかむのも容易ではない。 今回は、Dojo Toolkitに関して広範かつ、なるべく詳細な解説を行うため、二回に分けた特集を試みる。 特集の前半である本記事は、Dojoの基本的な知識とトピックを解説したいと思う。後半では、Dojoが備えるUIウィジェットの話題を中心に、Dojoを使用してリッチなWebページを作成するための様々なテクニックを紹介したい。 ということで、前半記
オレオレ言語の MIME タイプ: Days on the Moon
「OreScript時代の幕開け - yukobaの日記」を筆頭に、JavaScript によるプログラミング言語の実装が流行っているようです。オレオレ言語はその名のとおり各人が好きに作るものですが、それらの言語を識別する MIME メディアタイプ (以下 MIME タイプ) に関してはちょっと違います。他人のつけた MIME タイプと競合してうまく動かないといったことのないよう、意識して設計しなくてはいけません。 MIME タイプの仕様 MIME に関連する規格は多数ありますが、MIME タイプに関して重要なのは RFC 2046 Multipurpose Internet Mail Extensions (MIME) Part Two: Media Types と RFC 4288 Media Type Specifications and Registration Procedure
javascript - パスワードを確認するbookmarklet : 404 Blog Not Found
2007年11月24日15:30 カテゴリLightweight LanguagesTips javascript - パスワードを確認するbookmarklet これの改良版です。 アスタリスクで隠されたパスワードを確認する方法 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 ブックマークレット: Check Password ソース: javascript:(function(){ var F=document.getElementsByTagName('input'), a=[]; for (var i=0,l=F.length;i<l;i++){ if(F[i].type.toLowerCas
アスタリスクで隠されたパスワードを確認する方法 [K'conf]
ログインが必要なサイトの多くは、IDとパスワードを入力するフォームが設置されています。 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 このようなケースに役立つハックの紹介。 以下のJavaScriptをアドレスバーに入力すると、次のようなダイアログ内にパスワードが表示されます。 javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() ==
![アスタリスクで隠されたパスワードを確認する方法 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a87d5887c466cccb0b849babb90931bdfa1b8c8/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fweblog%2F071121%2F2.gif)
[JS]jQueryのプラグイン33+1選 -2007年11月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
