MOONGIFT: » JavaScriptベースのスーパーマリオ「The Javascript Mario Experiment」:オープンソースを毎日紹介
スーパーマリオは日本よりも海外の方が愛好家が多いのかも知れない。あれほど単純で、ごくわずかな容量に収まった魅力的なゲームはないだろう。各種ゲームでマリオというキャラクターは動いているが、スーパーマリオブラザーズほどの傑作はそうそうお目にかかれない。 画面は乱れてしまっているが、確かにマリオだ そんなスーパーマリオを何と、ブラウザ上で動作させてしまうのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはThe Javascript Mario Experiment、JavaScriptで作られたスーパーマリオだ。 キャラクターが乱れるのはFirefoxのせいだろうか。筆者環境ではIE6が残念ながらないので、はっきりとは言えないが、IE7やSafariでもやはりキャラクターが乱れてしまった。ただ、動作はする。 右下にいるのが恐らくクリボー 十字キーのみの操作でジャンプ、移動が可能
米Yahoo!、デザイン性の高いJavaScriptライブラリ「YUI 2.5.0」リリース：CodeZine
米Yahoo!は20日、「YUI 2.5.0」（Yahoo! User Interface）をリリースした。SourceForgeのYUIページよりダウンロードすることができる。YUIは見た目の美しさと機能性が人気のJavaScriptライブラリ。 今回のアップデートでは、「Layout Manager」「FlashとJavaScriptを組み合わせたUploader」など、6つの新しいコンポーネントが追加された。他にも「DataTable Control」など既存機能も改良されている。 このうち「DataTable Control」はYUIの中でも最も人気のあるコントロールだが、埋め込みタイプの横スクロールバー、ヘッダーにあわせた縦スクロールバーといった機能が追加された。カラムのカスタマイズ性も向上しており、ドラッグ＆ドロップ、表示・非表示、並べ替えなどが行える。 新機能のアップロー
JavaScriptのパフォーマンスの課題
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
MOONGIFT: » JavaScriptデバッグプロキシ「Jackal」:オープンソースを毎日紹介
JavaScriptのデバッグ環境としては、FirefoxであればFirebugで問題ないだろう。だが、他のブラウザの場合はどうだろう。各ブラウザごとにデバッグ環境を作るのは非常に労力がかかるだろう。 そこで試してみたいのがこのソフトウェアだ。これであればどのブラウザでも利用できる可能性がある。 今回紹介するオープンソース・ソフトウェアはJackal、JavaScriptデバッグプロキシだ。 JackalはWindows向けのソフトウェアで、MirageというHTTPプロキシソフトウェアを使っている。インストールし、プロキシのアドレスをlocalhost:9889に設定すれば準備完了だ。 その状態でWebサイトを見ると、左上にJackalのアイコンが表示される。これをクリックするとデバッグウィンドウが表示される。JavaScriptの実行はもちろん、エレメントの構造を閲覧することもできる。
【連載】パーフェクトDojo (1) イントロダクション - 深くて広いDojoの世界 | エンタープライズ | マイコミジャーナル
連載を始めるにあたって Dojo Toolkitのバージョン1.0が正式リリースされたのは、2007年11月のことだ。現在、執筆している時点でのバージョンは1.0.2である。Prototype.jsやjQueryなど、現在人気のフレームワークが「コードを短く記述できる」事を主眼のひとつとしているのに対し、カバーしている範囲が非常に広いことと、一貫した設計に基づいたライブラリが魅力のJavaScriptフレームワーク、それがDojoだ。 今回は、Dojo Toolkitの解説という形で連載を行うにあたってのイントロダクションとして、どのような読者を対象とし、どうお役に立てるか、という点を明らかにしていきたいと思う。 これまでマイコミジャーナルでは2回にわたって特集を行い、Dojoの魅力と利用方法についてお伝えしようとした。 第1回 基礎知識編…Dojoプログラミングの基礎となるAPIについて
第1回 JavaScriptの復権 ― ＠IT
連載目次 JavaScriptが、いま注目を浴びている。JavaScriptの復権、といってもよい。 最初にJavaScript（当初は「LiveScript」と呼ばれていた）がブラウザに実装されたのが1995年の「Netscape Navigator 2.0」というWebブラウザでのことであるから、すでに登場から10年以上も経過しているわけであるが、そんな枯れた言語がなぜいまごろになって注目されているのか。 いうまでもない。昨今、GoogleやYahooをはじめとした多くの企業が積極的にJavaScriptを採用したリッチなユーザー・インターフェイスを公開し、これが「Ajax（Asynchronous JavaScript And Xml）」という名前とともに急速に注目を浴びたことが、その理由である（Ajaxについては拙稿「枯れた新しいUI革命「Ajax」をASP.NETで活用する」を参
jQueryとBlueprintではじめるWeb構築：Starter Kit、使ってみる？ - builder by ZDNet Japan
オラクルスペシャリストが語る！ 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 セキュリティモデルは変わった！ クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に！ デジタル化によるわかりやすい業務効率向上 身近な改善の第一歩！ ニューノーマルな働き方を
JavaScriptで数式エディタ·BrEdiMa MOONGIFT
※ 画像は公式サイトデモより Webサイト上で数式を載せている人というのは意外と多い。その際のやり方は概ね二種類あった。一つは数式をテキストベースで書く方法。だがこれは見づらいという欠点がある。もう一つは画像で作り、それを載せる方法。これは奇麗に見られるのは良いが、編集が容易ではない。 どちらも一長一短がありそうだ。そこで、手軽に書けて、かつ見栄えの良い数式エディタを紹介しよう。 今回紹介するオープンソース・ソフトウェアはBrEdiMa、JavaScriptベースの数式エディタだ。 BrEdiMaはWeb上で動作する数式エディタで、WYSIWYGなエディタを使って数式を組み立てることができる。例えばルートや分数、シグマなどもアイコンから選択するだけで挿入できる。 その結果はmimeTeXという数式描画プログラムに渡され、結果を画像で表示する。JavaScriptによる数式組み立ての手軽さと
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
Ruby on JavaScript·HotRuby MOONGIFT
ついに登場したRuby 1.9。VMを搭載することで、これまでになく高速化されるとのこと。試してみた方も多いのではないだろうか。 そんなRuby 1.9系の魅力をさらに輝かしてくれそうなソフトウェアを紹介しよう。 今回紹介するオープンソース・ソフトウェアはHotRuby、JavaScriptによるRuby実装だ。 HotRubyはRuby1.9にてコンパイルを行い、その結果をJSONで受け取ってJavaScript上のRubyVMで行うという形を取っている。基本的な文法のみで、例外など実装されていない機能もあるが、それでもかなり高速に動作すると言う魅力がある。 ブロックや定数、ハッシュ、スーパーなどサポートされており、かなり楽しむことができる。ソースコードも含めて、楽しめるだろう。 JavaScriptでRuby、というのが素晴らしい。もしこれが実用レベルになったとしたら、ブラウザ上にJa
MOONGIFT: » Yahoo! Pipesのような動きを実現「WireIt」:オープンソースを毎日紹介
Yahoo! Pipesには触ってみたことがあるだろうか。各種フィードやHTMLを取得、加工して別な形（フィードやJSON等）で出力できるWebアプリケーションだ。 そのYahoo! Pipesでは各データをつなげる時にパイプを伸ばしてビジュアル的に「接続」する。それを実現するライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはWireIt、オブジェクトをつなげるイフェクトを実現するライブラリだ。 WireItはYahoo! Inc.の提供するYUIを使い、Yahoo! Pipesライクなインタフェースを実現している。ボックスに付けられた丸をドラッグすると、パイプが伸び、それを別なボックスの丸に持っていくことで、接続できる。 これがただの直線であれば何だが、パイプのような曲線を描いてつながるのが面白い。サンプルは数多く登録されており、ボックスを追加して接続するもの、アニメーショ
MOONGIFT: » 日付をエレガントに扱う「Datejs」:オープンソースを毎日紹介
プログラムにおいて、日付というのは厄介な存在だ。表示形式は様々に存在し、タイムゾーンもあり、60進数と12進数がおり混ざっている。 Railsでは翌週金曜日をnext_week(:friday)といった形式で呼び出せる。この拡張がエレガントで惹かれる。同様の操作を実現するJavaScriptライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはDatejs、日付を扱うために生まれたJavaScriptライブラリだ。 Datejsは文字列を日付形式にパースしたり、計算すると言った操作ができるライブラリだ。Date.today()からはじまって、Date.today().next().friday()で翌週金曜日になる。 日付の計算も用意で、Date.today().addMonths(-3)で三ヶ月前になる。(3).months().ago()でも三ヶ月前になるらしい。面白い。 パ
ブラウザから手軽に使えるJavaScriptの統合開発環境『TIDE』 | 100SHIKI.COM
これはすごい・・・。 TIDEは「Tiny IDE（統合開発環境）」の略らしい。 そのシンプルな名前にたがわず、実に手軽にJavaScriptを書いて、テストすることができる。日本語もきちんと通るようだ。 しかもIDEだけあって、変数の中身をウォッチしたり、ステップごとに実行していくことが可能だ。 JavaScriptは慣れていないとどうにもとっつきにくかったりするが、こうした環境があればその動作を確認しながら学習していくことができるだろう。 まだベータ版ということで多少のバグがあるようだが、これからJavaScriptをやってみよう！と思われている方にはお勧めだ。
jQuery、高品質なウィジェットライブラリ「jQuery UI」を発表 | エンタープライズ | マイコミジャーナル
The jQuery projectは17日(米国時間)、jQueryの新しいライブラリである「jQuery UI」を発表した。jQuery UIはjQueryで開発されたテーマ機能に対応したインタラクションウィジェットライブラリ。jQuery UIはhttp://ui.jquery.com/において提供されることになる。jQueryはJavaScriptで開発された軽量なAjaxフレームワーク。動作が高速でサイズも小さいという特徴がある。XPathを指定して動作する仕組みを採用している点も特徴的だ。 jQuery UI プロジェクトサイト jQuery UIは高品質で再利用可能なウィジェットコンポーネントの開発に注力して発足したプロジェクトでかつ成果物。jQueryの機能を追加する場合に使われるプラグインと同様に提供されているが、すでに多くのデモンストレーションやドキュメント、テーマを提
MOONGIFT: ? 各種言語に対応したハイライタ「CodePress」:オープンソースを毎日紹介
ブログをはじめとしてサイト上でプログラム言語を記述することは多々ある。そして見やすさのためにはハイライト表示されているのが良い。 表示はもちろんのこと、編集まで考えると便利なのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはCodePress、JavaScriptベースのコードハイライタだ。 CodePressが対応している言語は、PHP/JavaScript/Java/Perl/SQL/HTML/CSSになっている。制御文や関数、変数、文字列部分等がハイライト表示される。 また、行番号表示/非表示がJavaScriptの関数レベルで制御できる。また、オートコンプリートの機能もあり、例えばPHPモードでifの後にタブを入力すると、"if () {¥n}"を自動で補完する機能もある。 表示のハイライトだけではなく、編集まで考慮されているのが特徴的だ。また、タブ文字が入力できる
JavaScript オブジェクトのシリアライズ？ (hPod)
（「巨大なトラックログに挑む」のつづき） さて、そういう閃き（？）得たうえで、実装のほうへ手をつけて行くのだけれども、要点は GPolyline オブジェクトのシリアライズ、ということになる。このオブジェクトの状態を、目に見える形で取り出し、あとで再利用できるようにしたい。 JavaScript のオブジェクトのシリアライズ？ これはいままで考えたこともなかった。でも、いろいろと情報を探してみてみて、気がついた。それは XML 形式や JSON 形式そのものが、ひとつのシリアライズされたデータに違いなかった、ということなのだ。つまり、オブジェクトを JSON 形式の「テキストデータ」に還元してあげれば、よい、のかな？ メソッドとかも書き出せるんだろうか。 でもそれもひとつのプラクティス。なにはともあれ、それを確かめるだけでもやってみよう。 追記：2006-07-20しばらくして Objec
JavaScript Object Notation - Wikipedia
JSON（ジェイソン、JavaScript Object Notation）はデータ記述言語の1つである。軽量なテキストベースのデータ交換用フォーマットでありプログラミング言語を問わず利用できる[1]。名称と構文はJavaScriptにおけるオブジェクトの表記法に由来する。 JSONはウェブブラウザなどでよく使われているECMA-262, revision 3準拠のJavaScript[2] (ECMAScript) をベースとしている。2006年7月にRFC 4627で仕様が規定され、その後、何度か改定され、2017年12月14日[3]にIETF STD 90およびRFC 8259およびECMA-404 2nd editionが発表された。MIMEタイプは application/json、拡張子はjsonとされた。 IETFおよびECMAおよびISOの仕様の改定の歴史 2006年7月
檜山正幸のキマイラ飼育記 - プログラマのためのJavaScript (0)
ジジイの手習いで、JavaScriptを勉強中でございます。その動機は「結局、ブラウザベースRIAかよ」のようなこと。非ブラウザベースのリッチクライアントへの期待を失ってしまったんですね。短期的・現実的な策としては、Ajax的な手法によるRIAなのかなぁ、という気分。ただし、「短期的」が“1年”と“5年”ではえらい違いです。今のところ僕には、「短期的」の実際の期間はわかりません。 僕のJavaScript調査の結果は、「初心者でも使えてプログラマでも困惑するJavaScript 」などに書きました。これらの続きとして、「プログラマのためのJavaScript (*)」というタイトルで書こうかと予定してます。あくまで予定、気まぐれでモノグサな僕のことだから、…… “プログラマのための”というのは、C, C++, Java, C#など“普通の”プログラミング言語にある程度慣れていることを前提に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Afrous - Ajax-powered mash up engine for the rest of us : Top
Efficient data transfer through zero copy
