実験くん（jsPlumbでAWSの構成を可視化）
jsPlumbという、HTMLのエレメント同士をコネクタで接続できるライブラリがあります。 このライブラリはjQueryのプラグインとしてもリリースしているので、これを使用してEC2とセキュリティグループの関係を接続図としてHTMLレンダリングするように実験してみました。 EC2とセキュリティグループの情報をjsonで出力するPHPを以下のように用意します。 jsPlumbはGoogleCodeでホストされているので、以下からダウンロードします。 jsPlumb http://code.google.com/p/jsplumb/downloads/list 次に、htmlページを用意し、phpからjsonを取得し、jsplumbに適用させます。 これだけで終わりです。 さっそく実行してみます。 おおー！ うまく表示されました！ はぐれセキュリティグループが一目でわかりますね。 jsplum
WebGLコンテンツをjQueryで作るJavaScriptライブラリ『jThree』
前回までに作成したコンテンツファイルを利用しながらコーディング方法を解説します。jThreeプレーヤーを使うとより少ない記述で機能豊富な3DCGコンテンツを作ることができるようになります。 はじめに 数あるHTML5の機能の中でも特にビジュアルでインパクトのあるWebGL。GPUを駆使した高速3DCGレンダリングが可能なことで話題になったものの、今一つ普及しない背景には「実装があまりにも難しい」ことがあるのではないでしょうか。three.jsの登場により大分実装のハードルが下がったものの、JavaScriptに精通したプログラマでなければ使いこなすのは容易ではなく、ビジュアル要素の強いWebGLにあってデザイナーさんの参入は難しいのが現状です。 今回紹介する「jThree（ジェイスリー）」はそんなWebGLをjQueryの記法で扱えるようにするための国産JavaScriptライブラリです。
Googleがオープンソースで開発しているJavaScript MVCフレームワーク「AngularJS」。先月バージョン1.2が公開されたばかりですが、次バージョンの「AngularJS 1.3」ではInternet Explorer 8のサポートを行わないことが発表されました。 Inernet Explorer 8のサポートを終了する理由として次の2つが挙げられています。 Although our stats tell us that only a small percentage of users are on Internet Explorer 8, maintaining compatibility requires code that slows the rest of AngularJS down. 私たちの統計によると、Internet Explorer 8の利用者は低いパ
JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないことを探してもらいます。 そんなに大規模なFAQじゃなければ質問項目を羅列しておくだけでもそれなりに使いやすいです。 クリックすればページ移動とかもなく、その場にアニメーションしながら答えが表示されます。 別ページに移動したりといったことがなく、ストレスフリーで内容が見れます。仮に答えが的外れでも戻ったりせずにすぐに他の質問に行けます で、何がいいかという個人的におすすめする点は、作り方。 作り手は、
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
