[Javascript]Javascriptでテンプレートエンジンを作ってみた - 考え得る最高を常に行う
前回のエントリがブックマークしてくれた人が多かったので嬉しくなって作ってみました。 テンプレートエンジンはAjaxPagesを前は使ってましたが、サーバのレスポンスが悪いとテンプレートをロードする前に表示しようとしてエラったので、自分好みのテンプレートエンジンを作りました。 特徴 Javascriptでテンプレートが使える 外部ファイルが使える(タイムアウトも設定できる。) 文字列をテンプレートとして使える JSPっぽい書き方が出来る テンプレートが展開された内容が確認できる！デバック簡単！(かもしれない) ライセンスがMITで使い放題 サンプルとダウンロード jsTemplate 使い方 jsTemplate('sample01.jshtml') // 読み込み エラーがあれば通知 .load(function(e){ alert('error '+e); }) // レンダリング .r
![[Javascript]Javascriptでテンプレートエンジンを作ってみた - 考え得る最高を常に行う](https://cdn-ak-scissors.b.st-hatena.com/image/square/39dc785a2059b522e9709c6db5ace08d9d21b859/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127091821896%2F17680117127091826576%2F1556526071)
MOONGIFT: » 超美麗なグラフを描くJavaScriptライブラリ「WT Toolkit」:オープンソースを毎日紹介
システム開発は何らかの出力をもって完結する。メール送信する場合や、画面出力等がある。業務システム系であれば、帳票や一覧表も考えられる。その中でよく要望に挙がるのがグラフ表示だろう。 グラフ用のライブラリを導入したり、表示のプロットが面倒だったりして、最終的には表計算ソフトウェアに逃げてしまうことが多い。既存データへのグラフ表示機能を追加するのにJavaScriptという選択肢はいかがだろう。 今回紹介するオープンソース・ソフトウェアはWT Toolkit、グラフ表示をはじめとするリッチなコンポーネントを提供するJavaScriptライブラリだ。 まずは何といってもグラフ表示機能だろう。デモで見られるのは3D円グラフ、棒グラフさらにレーダーチャートなど。どれもWebブラウザ上で動的に変更できる。ただし日本語はグラフ上は文字化けするのでご注意いただきたい。 他にもツリービューや表計算風シートの
お手軽Webホワイトボード Sharpan - monthly gimite
Web上でリアルタイムに描いたものが共有できるホワイトボードを作ってみました。 Sharpan - お手軽Webホワイトボード プラグイン不要で、ブラウザだけあれば動きます。JavaScriptしか使ってないので…。 Flashで動くやつは知ってたんですが、共有する時は相手のメールアドレスを入力してどーのとか面倒くさかったので、Sharpanは ワンクリックで新しいホワイトボードを作成。 共有するには、そのURLを相手に教えるだけ。 という風にしました。 チャットとかSkypeをしてて、ちょっと図が描きたいって時に便利かなぁと。機能的にはしょぼいですが、その辺はおいおい。 作ったホワイトボードにはどこからもリンクが張られないので、URLを知ってる人だけがアクセスできます。あとで同じボードを使いたい場合はブックマークを忘れずに。 実装はLingrと同じくCometを使ってます。ただ、効率とか
GIGAZINE - いろいろな効果を追加できるJavaScriptライブラリ「jQuery」
ファイルサイズわずか10キロバイト、CSSの1から3、XPathをサポートし、Internet Explorer、Firefox、Safari、Operaで動作します。「JavaScriptのコードを書くのが楽しくなる」というのがモットーらしい。 ダウンロードや実際の例、使い方などの各種取り扱い説明は以下の通り。 jQuery: New Wave Javascript http://jquery.com/ 上記ページの「Run」をクリックするとその機能の一端を垣間見ることができます。面白い効果です。 その他のデモとしてはこんな感じでいろいろなところに使えます。特に一番下の「Example G」のボタンをクリックしてから本文の上にマウスを乗せると色が変わり、フェードしながら元に戻るというのはシンプルながら面白い。 JQuery http://codylindley.com/blogstuff
Editable JavaScript TreeGrid
Editable JavaScript TreeGrid Version 3.7 News 15th May 2006 TreeGrid 3.7 released Added possibility to choose what to send to server - changes only, configuration, whole xml, etc. Added support for many invisible columns, now grid supports unlimited count of invisible columns. Updated dragging functions among more grids. You can see this feature in Expert tutorial, the fifth example Dragging. From
いやなブログ: JavaScript とクロージャ
JavaScript とクロージャ JavaScript プログラミングはなかなかおもしろいよ、と知人に言ってみたところ、 全然信用されずに怪訝な顔をされる、という目に遭いました。 クロージャが使えて DOM ツリーにイベントハンドラを簡単に追加できるよ、と続けると多少は興味を持ってもらえるようなので、クロージャを使ったサンプルプログラムを書いてみました。 箱の中でマウスカーソルを適当に動かしてください。 このプログラムでは各セルの色の濃さをクロージャを使って保持しています。makeHandler という関数の depth という変数がそれです。クロージャを使うと、個々のイベントハンドラごとに独立した状態を簡単に持たせされるのがポイントです。 別にクロージャを使わなくてもいいようなプログラムですが (クロージャではなく DOM のエレメントに状態を持たせるとか)、こういう風にも書けるよ、と
SVG Developers Center:SVGファィルでJavaScript（jp）
SVGファィルでJavaScript（jp） □SVGファィルでJavaScript［JavaScript］All About Japan http://allabout.co.jp/computer/javascript/ Web向けに開発された画像データフォーマットSVGはXMLベースのテキストデータで、JavaScriptを使って操作が可能だ。 JavaScript書籍の執筆などをされている高橋登史朗氏がナビゲーターサイト「All About Japan」のJavaScriptページを担当。【SVGファィルでJavaScrip】では、SVGにインタラクティブなどの要素を追加するために不可欠なJavaScript関連情報をまとめ掲載しています。このページのリストは急速に増えそうな感じですね(＾＾;; Posted by takesato at 2003年12月01日 13:26
サイドメニューの折りたたみ（v5.0：ゆっくり折りたたむ）
Google Mapsや Googleサジェスト で一躍有名になった Ajax（Asynchronous JavaScript+XML：エイジャックス） ですが、Ajax用JavaScriptライブラリを利用してサイドメニューをゆっくり折りたためるようにしてみました。 公開テンプレートを用いたサンプルを作りましたので、実際の折りたたみ動作をご確認ください。固定3カラム・可変3カラムを右上のリンクで切り替えられるようにしています。 ゆっくり折りたたむサンプル 本カスタマイズで参考にさせていただいたのは下記のサイトです。ありがとうございました。 Ogawa::Memoranda："Subscribe with Feedbringer" Bookmarklet （FEEDBRINGERを知るきっかけ） FEEDBRINGER nekobara カルゴルニア・ジョン：Ajaxサンプル with G
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『ECMAScriptチュートリアル』
このページは削除されました