ドットインストール代表のライフハックブログ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました まさにWYSIWYG! 一般的にCMSを構築した場合、訪問者の見る画面と管理者の画面は分かれています。管理上、その方が分かりやすいのですが、管理者にとっては編集した内容がどのように表示されるかが掴みづらいのが難点です。 そこで最近では訪問者の見たままにWebサイトを編集できるCMSが増えていますが、同じような機能を独自のシステムにも追加できるのがjQuery Notebookです。 jQuery Notebookの使い方 jQueryプラグインだけあって使い方は簡単です。 <div class="my-editor"></div> $(document).ready(function(){ $('.my-editor').notebook(); }); これで完了です。続いてデモを
外部に溢れる様々なデータを取り込んでWebアプリケーションを作るとあっという間に面白いものが作り上げられます。問題はそれをどう表示するかです。それによってインパクトが全く変わってくるでしょう。 そこで紹介したいのがTangelo、Webアプリケーションフレームワークです。特にチャート、マップなどビジュアル化に特化したフレームワークとなっています。 Tangeloの使い方 サンプルのアプリケーションが多数ありますので、それを見ていきます。 Flickrの写真をマッピングしています。 ノード同士のつながりをビジュアル化しています。動的にフィルタリングも可能です。 こんな細かい描画も。 地図上にデータをマッピングできます。 円グラフのデモ。マウスイベントに反応します。 こちらはちょっと変わったところで動的にデータを追加、描画するものです。 使われている技術としては、 JQuery D3 Boot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く