PivotTable.jsを使ってjavascriptで集計を簡単に表示するテスト(jqueryでピボットテーブル) - tweeeetyのぶろぐ的めも
はじめに アプリのデータの集計系画面ってもっと楽にできないかなーと思いますよね。 集計結果を画面に出したいにしてもその過程は 1.バッチで集計したものをDBに入れてそのままだす 2.半分集計したデータをDBに入れてサーバサイドでゴリゴリやって画面に出す 3.結構そのまま渡してsmartyなんかのテンプレートエンジンでゴリゴリやる 4.結構そのまま渡してjavascriptでゴリゴリやる とかとかいろいろあるかと思います。 今回は4のパターンで javascriptにお任せしてバッチもサーバサイドも手を抜いて簡単にやっちゃおう っていう導入事例をメモしておきます。 今回使うのはPivotTable.jsというjqueryプラグインです。 詳細はこちらもどーぞ →https://github.com/nicolaskruchten/pivottable 補足 こんなのも書いたので合わせてどうぞ
phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python はじめに 「webpack インストールしといてー」, 「gulp 導入して watch しながら開発してー」, 「React だから ES6 でコード書いてー」 最近こんな会話が当たり前のように現場で飛び交っています. フロントエンドの開発者には HTML, CSS に特化している人 (coder, markup engineer) JavaScript は得意だけど CSS はちょっと弱い人 (javascripter) HTML, CSS, JavaScript 全てを統べる者 (frontend
長文を横スクロールで表示し読みやすくするＪＳ「bookreader.js」:phpspot開発日誌
bookreader.js bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。長文を横スクロールで表示し読みやすくするＪＳ「bookreader.js」。 次のページへボタンを押すと、アニメーションしながら横にずれていきます。 本を読むスタイルに似ているためか、bookreader.jsという名前ですね。 文章の見せ方として面白いので覚えておいたらいつか使えそうです。
NYタイムズも注目！「データ×デザイン」を実現するデータビジュアリゼーション ライブラリ「d3.js デザイン会社 ビートラックス: ブログ
世界中でデータがどんどん増えていく中でデータをうまく扱うことはとても重要になってきています。そんな中、New York Timesが積極的に活用していたり、Githubのwatch数ランキングで上位にランクインしていたりと最近人気急上昇中のデータをビジュアライズする為の「d3.js」というライブラリがあります。 本日はこの「データｘデザイン」をwebサイト上で実現する為のjavascriptライブラリ”d3.js”について紹介したいと思います。 このライブラリを使うことで、今までなかなか難しくてできなかったウェブ上での「データの可視化」が手軽にできるようになり、複雑なデータを直感的に理解できるようなサイトが作りやすくなります。早速ですがこのd3.jsというものがどういうものかをなんとなく感じるには実際に動いているデモを見て頂くのが早いので以下をご覧下さい。 オバマ大統領の国家予算案詳細 (
今更ながらみんな大好き（？）「lightbox」プラグインを集めてみました - Webデザイン初心者向けのあれこれ
風邪引いてしんどい…僕です。 登場から数年、すっかりお馴染みとなった「lightbox」。 この数年の間に様々な派生プラグインが出ました。 今回は、そのいくつかを紹介していきたいと思います。 1.ColorBox 2.fancyBox 3.prettyPhoto 4.jQuery.popeye 2.1 5.Shadowbox.js（商用利用は有料） http://www.tripwiremagazine.com/2012/07/jquery-lightbox-plugins.html 他にも、こちらのサイト（英語）で沢山のlightboxライブラリが紹介されていますので、気になった方はこちらもどうぞ。 それでは、体調がすぐれないのでこの辺で…m(_ _)m
スライダー、ツールチップの他多種多様な機能が詰まったjQueryベースのUIキット「jKit」:phpspot開発日誌
jKit - jQuery based UI Toolkit - Index スライダー、ツールチップの他多種多様な機能が詰まったjQueryベースのUIキット「jKit」 １つのライブラリで様々な機能を実現できます。必要に応じて読み込む必要がありますが、基本的にマークアップと属性をベースに記述でき、スクリプトを可能な限り書かないでもよいような実装ができるみたい。 スライドショー LightBox ソータブルなテーブル 簡易グラフ スクリプトを書くのが苦手という方は使ってみてもよさそうなライブラリでした。 関連エントリ 超クールなjQueryUIテーマ「Delta」 jQuery UI をタッチイベントに対応させるライブラリ「jQuery UI Touch Punch」 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI
PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」:phpspot開発日誌
WideImage - An open-source PHP library for image manipulation PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」のご紹介です。 PHPからGDを使えばリサイズや切抜きは比較的簡単に出来るものの結構面倒だったりします。 そこで、WideImageを使えば、次のようにオブジェクト指向で簡単に、あとで見ても理解しやすいコードで記述可能です。 WideImage::load('big.png')->resize(50, 30)->saveToFile('small.jpg'); // big.png を読み込んで50x30ピクセルにリサイズしてsmall.jpgに保存 WideImage::load('pic.jpg')->crop('center', 'center', 90, 50)->o
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Kaizen Platform における UI ライブラリのワークフロー
正しいクレジットカードの入力フォームを提供『Creditcard.js』 | 100SHIKI