タグ

TABLEに関するiwwのブックマーク (147)

  • 高専プロコンの問題がクソすぎるのでプログラミングを放り出して人力に走るのは最適解であり協賛企業はプログラミングを軽視する企業として唾棄されるべき

    高専プロコンの問題がクソすぎるのでプログラミングを放り出して人力に走るのは最適解であり協賛企業はプログラミングを軽視する企業として唾棄されるべき 第27回高等専門学校プログラミングコンテストが不評を買っている。プログラミングコンテストと名前が付いているのにもかかわらず、選の上位入賞者は、人力で問題を説いたという。特にコンピューターを持ち込んですらいないチームまでいたという噂まで流れている始末。 なぜそんな残念な結果になるのか、高専生のアルゴリズム力が低いからこうなったのだろうか。この謎を改名すべく、筆者は課題を確認した。 http://www.procon.gr.jp/uploads/procon27/1_Apply27.pdf 課題を要約すると、以下の通りだ。 問題 「一枚の木の板(中密度繊維板)を切り出して、50個以下のピース(凹多面体を含む多角形)に分割する。このピースを枠内で組み

    iww
    iww 2016/10/09
    主人がテーブルレイアウトに殺されて1年が過ぎました感じ。
  • 【MySQL】重複しているレコードを最古のものを残しすべて削除するSQL。

    調べていたら神SQLを見つけたのでメモ。 サブクエリを用いる。 delete from `[table_name]` where id not in (select min_id from (select min(t1.id) as min_id from `[table_name]` as t1 group by t1.[duplicate_col]) as t2); table_nameに対象のテーブル名を。 duplicate_colに重複レコードが確認できるカラム名を。 これで重複していた行は古いものを1件のみ残し、すべて削除される。 神すぎる。

    【MySQL】重複しているレコードを最古のものを残しすべて削除するSQL。
    iww
    iww 2016/05/18
  • IEでtd,thの幅指定(width)が効かないときにするべきこと - TechNote

    table内のtd,thに対してcssできちんと幅指定をしているはずなのに、効かないことがあります。件、遭遇する度にイヤ気がさす自分がいるので、今回はきちんと忘備録に残しておくことにしました。 自分の場合、以下のようにヘッダ行を2行にしている場合などにwidthが効かない現象に遭遇しているような気がします。 htmlの記述 <table class="sample"> <tr> <th width="350px" colspan="2">大ヘッダ</th> </tr> <tr> <th width="150px">子ヘッダ1</th> <th width="200px">子ヘッダ2</th> </tr> <tr> <?php foreach{$dbh->query($sql) as $rows}:?> <td><?php echo $rows['staff_id']; ?></td> <

    IEでtd,thの幅指定(width)が効かないときにするべきこと - TechNote
  • ◇データ部だけスクロールするTABLE;HTMLメモ - 万象酔歩

    縦横スクロールは TABLEヘッダを隠さず縦横スクロールへ HTMLのTABLEで値部だけをスクロールする HTMLのTABLEを使っていて、ヘッダを固定のまま、値部だけをスクロールしたいことは めっちゃくちゃ頻繁にあります。 あって当然の機能です。無いのがどうかしている。 ごく普通に考えるとcssでTBODYにoverflow属性を与えればよいだけです。 んが!それでは動きません。css3でもできません。 HTML5はいったいどこへ行こうとしているのか全く不明です。 で、汚く自作せざるを得ないハメに陥ります(探せばライブラリなどがあるのかな?) 力技で作ってみました。 ヘッダ用とボディー用のテーブルを別に作り、ボディー用のテーブル をdivのスクロール機能でスクロールさせようというものです。 <meta http-equiv="X-UA-Compatible" content="IE=e

    ◇データ部だけスクロールするTABLE;HTMLメモ - 万象酔歩
    iww
    iww 2016/04/07
    これも微妙にカラムがずれて表示されている
  • Pushpin Header

    What is this? Pushpin Header Technique - Updated 3/20/2006 Shopper Name First Name Last Name User ID Status C2C Fishing John Doe C2C Fishing Enabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone Jane Joe X2X Guppy Disabled X2X Someone

  • FixedMidashi - htmlテーブルヘッダの固定

    ドキュメントでは、①②③のテーブルを「固定見出し」と呼びます。 また、固定見出しの構成要素である <table>, <tr>, <td>, テキスト等を「コピー要素」、 コピー元の要素を「元要素」と呼びます。 使用方法 見出しを固定したい table に _fixedhead 属性を定義し、 FixedMidashi.create() を呼び出します。 FixedMidashi.create() は、_fixedhead 属性が定義された table の固定見出しを作成します。 div モードにする場合は、対象 table を div で囲み、div の style.overflow を auto または scroll にします。 混合モードにする場合は、div モードの記述に加え、div-auto-size オプションで none または width を 指定することにより高さの自動リ

    FixedMidashi - htmlテーブルヘッダの固定
    iww
    iww 2016/04/06
    かっこいい。 スクロールバーの長さが実際のスクロールカ所と同じ幅・高さになっていたらもっと素敵だった。
  • CSSで要素を横並びにする方法まとめ | HALAWATA.NET

    CSSで要素を横並びにする方法をまとめてみました。 それぞれの違いがわかるように基となるコードを用意します。 div要素3つとそれを囲むdiv要素1つです。3つのボックスには高さと横幅を80px、マージン、パディングともに10pxを指定します。 <div class="boxContainer"> <div class="box">BOX1</div> <div class="box">BOX2</div> <div class="box">BOX3</div> </div> float – 方法1 .box { float: left; } .boxContainer { overflow: hidden; } /* clearfix */ .boxContainer:before, .boxContainer:after { content: ""; display: table;

  • JQueryでAjaxを利用する(2) - Qiita

    <table> <tr><th>text(...)</th><td>テキストを変更する</td></tr> <tr><th>html(...)</th><td>HTMLを変更する </td></tr> <tr><th>prepend(...)</th><td>要素内の先頭にHTMLを挿入する</td></tr> <tr><th>append(...)</th><td>要素内の最後にHTMLを挿入する</td></tr> <tr><th>before(...)</th><td>要素の前にHTMLを挿入する</td></tr> <tr><th>after(...)</th><td>要素の後にHTMLを挿入する</td></tr> </table> sample4(実行結果) tr要素の中にあるth要素とtd要素のテキストを「は」というテキストで結合し、td要素で包み直しています。 単純にtr要

    JQueryでAjaxを利用する(2) - Qiita
  • テーブル情報を二次元配列に格納!jQueryで簡単にセル値を取得する方法! | 自作PCテクニカルセンター

    テーブル情報を二次元配列に格納!jQueryで簡単にセル値を取得する方法!2014年10月27日 [jQuery] ウェブサイト作っていると、tableタグの値を自由に操作したい場面がちょくちょくある。 特にある行の値をすべて取得したいときや、列単位で値を取得するなど、 どういうロジックで値を取得しようか迷うときがある。 id値を指定できるならとても簡単ですが・・・行ならtrタグに各行の識別ができるようなidを割り当ててやればいい。 単純に1行目ならid=”row-1″と指定すれば、jQueryなど使って取得することができる。 列ならtdタグにid=”column-1″みたいな指定をすれば、簡単ですね。 この辺りはfor文など使って、列と行の番号をそれぞれ付与していけばいいのですが、 id値など設定していないtableタグから値を引っ張りたいとき、どうすればいいのだろうか?

  • テーブルのヘッダとボディの幅がズレルのを防ぐ

    >ヘッダを固定してボディのみスクロールするため、CSSでthead の tr と、tbody に float:left; を指定しているからです。 floatの用途を間違えています。 floatは来、テキスト中に挿絵などがあるとき、その要素をフローとさせて、その周囲にテキストを回りこませるためのものです。floatでブロックを並べるテクニックは、確かによく見かける手法ですが、そのために文書構造を変えなければならない----floatさせる要素は回り込む要素の前に書かなければならない---という重大な問題があります。これはHTMLやスタイルシートの目的とかけ離れています。使うならabsoluteでしょう。 しかし、floatやabsolute、fixedは、他の要素から完全に切り離されますから、列のセル幅を引き継げません。tableの描画ルーチンに従わなくなります。 もう一点、tableの

    テーブルのヘッダとボディの幅がズレルのを防ぐ
    iww
    iww 2016/01/29
    theadが正しく表示されず
  • MySQLの行ロックのふしぎ挙動で夜も安心して眠れない | 三鷹台でひきこもるプログラマの日記

    MySQLのびみょーな行ロックに悩まされたのでメモ代わりに。 全部MySQL5.5でInnoDB使っている時のお話デス。 こんなテーブルが有るとしますよ。 create table table001 ( id int primary key, name text ); そしてこんなデータが入っています。 A> select * from table001; +----+-----------------+ | id | name | +----+-----------------+ | 1 | 水瀬伊織 | | 2 | 伊織さま | | 3 | いおりん | | 4 | デコちゃん | +----+-----------------+ まあ、データの中身は気にしない方向で。 そんなアイマス好きのAさん。 伊織さまを「デコちゃん」呼ばわりしている id=4 が許せないので書き換えてやろうと決

  • HTML/CSSヘッダー固定のスクロールテーブル - kagan’s blog

    ヘッダーを固定させたままデータ部だけスクロールさせる方法はいろいろありますが、一番簡単と思われる方法を紹介します。 ↓HTML <table> <thead class="scrollHead"> <tr><th class="no">番号</th><th class="name">お名前</th><th class="address">連絡先</th></tr> </thead> <tbody class="scrollBody"> <tr><td class="no">1</td><td class="name">半田</td><td class="address">handa@xxx.com<td></tr> <tr><td class="no">2</td><td class="name">野崎くん</td><td class="address">nozaki@xxx.com<td

    HTML/CSSヘッダー固定のスクロールテーブル - kagan’s blog
    iww
    iww 2015/12/25
  • CSSでヘッダを固定したスクロールテーブルを作る方法

    CSSでヘッダを固定したスクロールテーブルを作る方法を紹介します。 1.はじめに 次のようなHTMLでテーブルを作成しました。 <style> table { border-collapse: collapse; border-spacing: 0; } th { background-color: #ccc; } th, td { border: 1px solid #666; padding: 5px; } .key, .value { width: 100px; } </style> <table> <thead> <tr><th class="key">キー</th><th class="value">値</th></tr> </thead> <tbody> <tr><td class="key">1</td><td class="value">aaa</td></tr> <tr>

    CSSでヘッダを固定したスクロールテーブルを作る方法
  • 株式会社ジラフィー(Giraffy)

    会社情報 事業内容 ソフトウェアシステム開発 クール、セキュア、標準準拠をポリシーに、ソフトウェアシステムの開発を行っています。 Web などのインターネット技術を中心とした豊富な開発経験と高い技術力で高品質なソフトウェアをお届けします。 Webサイト制作 Webサイトのデザイン、HTML/CSSコーディング、WordPress などの CMS への組み込みも行います。 既存のWebサイトへの問合せフォーム等の追加も承ります。 スマートフォン向けアプリケーション開発 iPhoneiPad、または Android など、スマートフォン用のアプリケーションの開発を承ります。 その他 BlackBerry 用テーマ Self Shortener (WordPress プラグイン) 会社概要 社名

  • Temporary Table(一時テーブル)について - 十番目のムーサ

    CREATE TEMPORARY TABLE文 MySQLCREATE TABLE文には「TEMPORARY」キーワードを付けることができます。 これを付けると文字通り、一時テーブルとして表が作成されます。 http://dev.mysql.com/doc/refman/5.1/ja/create-table.html テーブルを作成する時、TEMPORARY キーワードを利用する事ができます。 TEMPORARY テーブルは現在の接続でのみ現れ、接続が終了すると自動的にドロップされます。 これは、2つの異なる接続同士、 または、既存の同名の非TEMPORARY テーブルとお互いに対立する事無く、 同じテンポラリ テーブル名を利用する事ができるという意味になります。 (テンポラリ テーブルがドロップされるまで、既存テーブルは隠されています。) テンポラリ テーブルを作成する為には CRE

    Temporary Table(一時テーブル)について - 十番目のムーサ
    iww
    iww 2015/11/23
    『異なるセッションのTemporary Tableは別々のものと扱われる。』
  • ブロック要素とインライン要素/ホームページマスター

    ■インライン要素 インライン要素とは<font>や<em>のタグのように行内の文字を 装飾したり論理的な意味をなす要素です。 インライン要素の中に入れることのできる要素はインライン要素や文字だけです。 但し<button>や<iframe>等のタグはブロック要素も入れることが できます。 以下は普段よく使用するインライン要素の一覧です。 HTML4.01 Transitional <a> <b> <button> <br> <em> <font> <img> <i> <iframe> <input> <strong> <span> <small> <select> <textarea> <u> 入れ子の例 入れ子(nesting)とはある要素の中に別の要素を入れることです。 上の項目で述べたことを踏まえて各要素の入れ子関係に ついて説明します。分かり易いようにインライン要素だけ青色で表示し

  • tableでwidthを指定しても幅が固定されない場合の対処法|クロノドライブ

    tableの諸要素(thやtdなど)の幅をwidthで指定した際、IEなどで表示すると、上手く幅指定が出来ていない場合があります。そういった場合の対処法についてご紹介します。 HTML

    tableでwidthを指定しても幅が固定されない場合の対処法|クロノドライブ
    iww
    iww 2015/10/22
    横幅絶対固定。 table-layout: fixed; 超助かった
  • 動くテーブルが賢くなって箱を縦に積み上げられるようになった

    いつかテーブルが朝を作ってくれる日が来ます。 動くテーブルがどんどん賢くなってます。MITのTangible Media Groupがこのビデオを公開してからもう2年ほど経ちます。手を動かすとリアルタイムでテーブルも動く、というなんともSFなビジュアルで私たちを驚かしてくれたわけですが、この2年ほどの間にハード・ソフト両方の面でさらにグレードアップしていました。ここまで来ると「あ、これ生活に役立つんじゃ...」という予感がしてきませんか。 それぞれが独立して制御されているスティックの集まりで作られたこのテーブル。一を巧みに押したり引いたりしてブロックを持ち上げて積み上げています。 自動で朝を作ってくれるようなキッチンテーブル...になるにはまだまだ遠い道のりですが、かなりのポテンシャルを感じさせてくれます。現時点では技術も正確性も幼児程度とのことです。精度がさらに増して、スティッ

    動くテーブルが賢くなって箱を縦に積み上げられるようになった
    iww
    iww 2015/10/15
    サイコロの数字を揃えると ゴゴゴゴって沈んでいきそう
  • 【卓球】世界トップクラスの選手たちが全力で遊ぶとこうなる (エキシビション集) - Table Tennis Exhibition

    part2できました↓ https://www.youtube.com/watch?v=l9bUPZOH8do table tennis exhibition ニコ動にもあげてますが、こちらはシーンを一つ追加しています。

    【卓球】世界トップクラスの選手たちが全力で遊ぶとこうなる (エキシビション集) - Table Tennis Exhibition
  • 超久々。MySQLのDELETE JOINについて。 » サイト構築の紆余曲折 » “のぬけす”の紆余曲折

    超久々。MySQLのDELETE JOINについて。 投稿日:2012年07月26日 カテゴリー MySQL 投稿者 nonukes いやさあ、最近お仕事が忙しいというか、気が付きゃ復職して半年が過ぎて、かなり疲労が溜ってきてるのね。 家に帰ってまで仕事に没頭している訳ではないんだけど、家に帰るとどっと疲れが出て、帰ってまでパソコン触ろうという気になかなかなれなくてね。 前回のエントリから早1ヶ月。 さすがに、ちょっとは記事を書かないとね。 と、いうワケで、MySQLのDELETE文について書きます。 これまで、データベースからデータを削除する場合には、 DELETE FROM `table_name` WHERE `id` = '{$id}' てなカンジで、WHERE句にはそのテーブルに存在するカラムを直接指定していたが、今回の仕事では他の関連テーブルのカラムの値に基づいて削除する必要が

    iww
    iww 2015/06/05
    こんなの知らなかった。 勉強になった。