閉包テーブル（Closure Table）を試してみた - enomotodev’s blog
はじめに SQLアンチパターンという本を読んでいたら、再帰的なデータに対して『閉包テーブル（Closure Table）』という考え方があっったので、MySQL 5.6 で試してみました。 再帰的なデータとは、例えば上司を1人までもつことができ、部下は複数持つことができる、下記の組織図のようなツリー構造のデータのことを指します。 テーブル作成 それでは早速テーブルを作成してみましょう。 CREATE TABLE `Employees` ( `id` bigint(20) NOT NULL AUTO_INCREMENT, `name` varchar(255) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; CREATE TABLE `TreePaths` ( `ancestor` bigint(20) N
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！ こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！ 気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top
CakePHP + Ext JS で グリッド (Grid)表示 : エクスギア Blog
CakePHPとExt JSにはRESTの仕組みがあります。これを利用してExt JSのグリッド表示を行います。 下記のサンプルでは蔵書テーブル(books)と著者テーブル(authors)から情報を取得して一覧をグリッドで表示します。
テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear
なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。 セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。 編集してもソート機能は維持 ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。 行の削除も 行ごと削除する事も出来ます。 デモはPHPとMySQLを使って設計してるようですが、他のシステム上でも動作すると
これはすごい！CSS FrameworkのRMSforms | Web活メモ帳
画像は公式サイトデモより 最近はフォームを作成する場合、テーブルを使用しないCSSオンリーで作成する事の方が多いのですが、 入力項目によっては横に２つ並べたりする場合（郵便番号、姓名など）テーブルの方が便利な場合があります。 しかしCakePHPなどを使用していると、どうしてもViewファイルがhtmlとphpコードが入り混じり 可視性が低くなってしまいます。 そこで、全部cssで制御できればViewファイルの整理がかなりできるのではないのでしょうか。 それを解決してくれるのがRMSformsです。 こんなCSSを待っていました。 詳しくは以下 バージョンが0.5で動作確認しました。 デモページを見るとHTML側はシンプルな記述で動作しています。 以下のブラウザで動作するようですので、開発者の方はぜひ観てみてください。 IE6 – 7, Firefox 3 & Google Chrome.
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
DB設計の神ツール「ERMaster」なら、ここまでできる
DB設計の神ツール「ERMaster」なら、ここまでできる：ユカイ、ツーカイ、カイハツ環境！（11）（1/3 ページ） 無料のEclipseプラグイン「ERMaster」とは データベースのテーブル設計を行うときに皆さんは、どのようにしているでしょうか？ いくつかの無料で利用できるツールが提供されているので、筆者はそれらを利用していましたが、最近「ERMaster」と呼ばれるEclipseプラグインの存在を知りました。 ERMasterは、ほかのツールに比べ、直感的で分かりやすいUI（ユーザーインターフェイス）に、カスタマイズ可能な、Excelで出力できるテーブル定義書、辞書機能など痒いところに手が届くERモデリングのツールです。本稿では、このERMasterについてご紹介します。 ERMasterの主な特徴、8つ ERMasterには、主に次のような特徴があります。 【1】直感的で使いや
Jettable - PHP5で動作する柔軟なHTMLテーブル出力フレームワーク
JettableはPHPの配列・連想配列からHTMLのテーブルを生成・出力するためのフレームワークです。 テーブルの完全な自動生成から柔軟な出力の制御まで、さまざまな機能をサポートしています。 利用できる機能 テーブル出力 ページング機能 列ソート 属性の指定 スタイル指定 行出力ごとの背景色の変更 データセルのフォーム出力 各種ファイル出力 日付の出力フォーマット指定 RSSを読み込んでテーブルを生成 整形されたHTMLコードの出力 Jettableの特徴／目標 Ease to Learn : 容易な学習 Ease to Use : 容易な利用 Lightweight : 軽量 Fullstack Method : フルスタックなメソッド群 出力例 簡単に生成できます！ まずはQuickStartから始めましょう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fizsoft.net - Registered at Namecheap.com
jQueryベースの多機能グリッドテーブル「DataTables」:phpspot開発日誌