Webベースのダイナミックでクールなプレゼンテーションを実装する為のJavaScriptフレームワーク・Mosho - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Web上でプレゼンする為のJavaScript フレームワーク、Moshoのご紹介です。 impress.jsライクなダイナミックな 動きのプレゼンテーションをHTMLで 実装する事が可能です。シンプルで 良かったのでお勧め。 この手のは色々出ていますので探せばいくらでも見つかると思いますが、MoshoはjQueryやmootoolsなどのライブラリに依存しないスクリプトですので覚えておいて損は無いかも。 よくあるプレゼンのやつ。HTML5/CSS3/JavaScriptで作ります。サイズは非圧縮版で15KBほど。 以下にサンプル用意しました。矢印キーで操作します。 Sample data属性で指定する スライドごとの動きはimpress.js同様、カスタムデータ属
どのフレームワークが最適か。多彩なJavaScriptフレームワークで実現したTodoアプリ·TodoMVC MOONGIFT
TodoMVCはTodoアプリを多様なJavaScriptフレームワークで実現、比較できるソフトウェア。 TodoMVCはHTML/JavaScript製のフリーウェア（ソースコードは公開されている）。今はJavaScriptが隆盛とあって、Webサイト開発において大抵利用される。そんな中、どのJavaScriptフレームワークを使うべきか適切に検討しているだろうか。慣れだけ考えてjQueryに落ち着いてしまったりしていないだろうか。 色々なフレームワークが試せる もちろん慣れはとても大事な要素ではある。だが全ての開発が一つのJavaScriptフレームワークでまかなえる訳ではない。もっと様々なフレームワークを検討すべきだ。そんな時の目安になり得る、とても面白いプロジェクトがTodoMVCだ。 TodoMVCはTodoアプリで、Web上でタスクを入力して登録し、チェックボックスを付けて消化
家系図、ER図、UML。JavaScriptでダイナミックに図を描く·Joint MOONGIFT
JointはUMLや家系図、ER図などをダイナミックに描くJavaScriptライブラリ。 JointはJavaScript製のオープンソース・ソフトウェア。Webでは簡単に表現できることから、テキストベースでのコンテンツが多い。だがテキストに溢れたWebサイトというのは見ていて疲れてしまうものだ。グラフがあるとインパクトも大きい。 家系図 だがデータベース等にあるデータをWeb上で表現するのは大変で、サーバ側での何らかのライブラリが必要になるケースが多い。そこで使ってみたいのがJointだ。 JointはJavaScriptで図を描くライブラリで、多彩な種類に対応している。例えば家系図、ER図、各種UML、DEVS、ペトリネットなどだ。さらにオブジェクト同士の接続方法も多様に用意されており、直線や曲線など多彩にある。接続を指し示すときの矢印すら数多い。 マウスで動かせる さらに面白いのは
米IBM、HTML5/JavaScriptで実装されたHTML5対応UIオーサリングツール「Maquetta」をオープンソースで公開 | OSDN Magazine
米IBMは4月11日（米国時間）、HTML5対応オーサリングツール「Maquetta」を公開、非営利団体のDojo Foundationにオープンソースプロジェクトとして寄贈したことを発表した。HTML5を用いたデスクトップ/モバイル向けUIを作成できるオーサリングツールとなる。 Maquettaは、IBMが社内のユーザーエクスペリエンスデザイナー向けに開発したHTML5対応のUIオーサリングツール。MaquettaそのものがHTML5やCSS、JavaScriptで実装されており、HTML5対応Webブラウザで特定のプラグインなどを必要とせずに動作するという。 機能としては、WYSIWYGな編集が可能なUI作成用のビジュアルページエディタ、ドラッグ＆ドロップでのモバイルUIオーサリング、同時に編集が可能なデザインビューおよびソースビュー、フル機能のCSSパーサー/モデラーを用いた高度なC
[JS]わずか2行のスクリプトで実装するアニメーション機能付きスライドショー
A slide-show in 2 lines of JavaScript デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 Step 1: コンテンツ（HTML） Step 2: ページめくり（JavaScript） Step 3: スタイリング（CSS） Step 1: コンテンツ（HTML） はじめに、スライドショーのコンテンツを用意します。 ここでは一つのスライドに一行のテキストを表示します。 HTML5 <!DOCTYPE HTML> <html> <head> <title>My slides</title> </head> <body> <section>This is the <em>first</em> slide</section> <section>This is the <em>second</em> slide</section> <secti
【コラム】イマドキのIDE事情 (97) JavaScriptライブラリClosure Libraryを手軽に試せる"Closure Kitchen" | エンタープライズ | マイコミジャーナル
Closure Libraryとは? Closure LibraryはGoogle製の JavaScriptライブラリでリッチなUIコンポーネントやライブラリ、さらにはClosure Compilerによる最適化や統合されたテスティングフレームワークなどJavaScriptでの開発を総合的に支援するものだ。 このClosure LibraryをWebブラウザだけで手軽に試せるのがClosure Kitchenだ。Closure KitchenはGoogle App Engine上に構築されたサービスで、Webブラウザ上でJavaScriptコードを入力し、Closure Libraryの動作を確認することができる。 なお、Closure Kitchen自身もClosure Libraryを使用して開発されている(ただし、エディタ部分のみCodeMirrorというライブラリが使用されている)
.NETで提供されるJavaScriptインタプリタ·Jint MOONGIFT
Jintは.NET用のオープンソース・ソフトウェア。10年くらい前のJavaScriptと言えばWebブラウザのちょっとしたアクションを実行する簡易的な補助スクリプト言語でしかなかった。だが今ではWebアプリケーションはもちろん、Webサービスを構築するのにも必須のソフトウェアになっている。 コーディング例 さらにWindowsの場合はJScriptというJavaScriptを拡張した言語を使ってファイルを操作したり任意のコマンドを実行することもできるようになっている。そしてさらにJavaScript + Windowsの可能性を高めるのがJintだ。 Jintは.NETアプリケーションの組み込んで使うJavaScriptインタプリタだ。文字列としてコードを渡し、JintEngineを使って実行する。引数を渡すこともできる。結果を受け取ることももちろん可能だ。つまりJavaScriptを使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
