JavaScript/jQuery/DataTables - PukiWiki Plus!
Linux/テレビ関連/PT2 Linux/テレビ関連/PT2_debパッケージ作æˆ2011-11-28 Linux/dkms2011-11-27 Debian/dkmsパッケージ作æˆ2011-11-21 Linux/KVM2011-11-13 Linux/KVM/WindowsXP2011-11-03 å½OpenBlocks Linux/qemu-ppc2011-10-22 Security/手動ブãƒãƒƒã‚¯IP JavaScript/jQuery/DataTables2011-10-19 Linux/未整ç†ãƒ¡ãƒ¢2011-10-16 ownCloud Squid2011-10-13 JavaScript/Raphaël
多機能テーブルDataTablesを使ㆠ| æ ªå¼ä¼šç¤¾ã‚¨ã‚¤ãƒãƒ»ã‚ªãƒ¼ãƒ»ã‚¨ã‚¹
å—託開発担当ã®Ryuã§ã™ã€‚ 今回ã¯JQueryプラグインã®ä¸€ã¤ã§ã‚ã‚‹DataTablesã®ç´¹ä»‹ã‚’ã—ã¦ã„ãã¾ã™ã€‚ DataTablesã¨ã¯ãƒ†ãƒ¼ãƒ–ルã«æ¤œç´¢ã‚„ソートã€ãƒšãƒ¼ã‚¸åˆ‡ã‚Šæ›¿ãˆãªã©ã‚’ç°¡å˜ã«è¿½åŠ ã—ã¦ãれる多機能ãªãƒ—ラグインã§ã™ã€‚ å…¬å¼ãƒšãƒ¼ã‚¸ã«ã¯APIドã‚ュメントやサンプルもæƒã£ã¦ã„ã‚‹ã®ã§JQuery利用者ã«ã¯éžå¸¸ã«æœ‰é›£ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã¾ãšã¯ã“ã‚“ãªæ„Ÿã˜ã®HTMLを書ã„ã¦ã¿ã¾ã—ãŸã€‚ <html><head> <link rel="stylesheet" href="dataTables/css/jquery.dataTables.css"> <style type="text/css"> <!-- body {width: 400px;} #sample_table {border: 1px solid black;} --> </style> </head> <body> <h5>Da
指定ã—ãŸæ¡ä»¶ã§ãƒ†ãƒ¼ãƒ–ルã®è¡Œã‚’並ã³æ›¿ãˆã‚‹ - tablesorter - Postal Search Ajax API with jQuery - Postal Search APIs & Solutions
1行間隔ã§è¡Œã®èƒŒæ™¯è‰²ã‚’変ãˆã‚‹ widgets プãƒãƒ‘ティ㫠zebra を指定ã™ã‚‹ã¨ã€1行間隔ã§ãƒ†ãƒ¼ãƒ–ル行ã®èƒŒæ™¯è‰²ã‚’入れ替ã‚り表示ã§ãã¾ã™ã€‚ jQuery(function($) { $('#r4').tablesorter({ widgets: ['zebra'] }); }); //jQuery tr è¦ç´ ã®ã‚¯ãƒ©ã‚¹ã« even 㨠odd ãŒäº¤äº’ã«ä»˜ä¸Žã•ã‚Œã‚‹ã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’使ã£ã¦ even 㨠odd ã®èƒŒæ™¯è‰²ã‚’指定ã—ã¾ã™ã€‚ table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } # 都é“府県 フリガナ ãµã‚ŠãŒãª ãƒãƒ¼ãƒžå—
Railsアプリケーションをプãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã—よã†ï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
ruby-profを使ã†ã¨ã€Railsアプリケーションも簡å˜ã«ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ æ‰‹é †ã¯ç°¡å˜ã€‚ ã¾ãšã€Gemfileã«è¿½åŠ ã—ã¾ã™ã€‚ gem 'ruby-prof' gem 'rack-contrib' bundle installã—ãŸã‚‰ã€config.ruã«ä»¥ä¸‹ã®è¨˜è¿°ã‚’ã—ã¾ã™ã€‚ # 特定environmentã®ã¿ã§æœ‰åŠ¹ã«ã—ãŸã„å ´åˆã€ # if ENV['RACK_ENV'] == 'development' ãªã©ã™ã‚‹ã¨è‰¯ã„ã§ã™ require 'ruby-prof' Rack::RubyProf = RubyProf #ã‚¨ãƒ©ãƒ¼å¯¾ç– require 'rack/contrib/profiler' use Rack::Profiler, :printer => :graph_html require ::File.expand_path('../config/environm
「CGãªã‚“ã¦ç¤¾ä¼šè²¢çŒ®ã«ãªã‚‹ã‹ã€ã¨è¨€ã‚ã‚Œã€å¥®ã„ç«‹ã£ãŸå°‘å¹´
本連載ã§ã¯ã€Life is Tech ! ãŒä¸»å‚¬ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã€ŒEdu×Tech Fes 2013 U-18～驚異ã®ãƒ—レゼンテーション～ã€ã‚’レãƒãƒ¼ãƒˆã™ã‚‹ã€‚Edu×Tech Fes 2013 U-18ã¯ã€ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‹ã‚‰æ•™è‚²ã‚’考ãˆã€æ•™è‚²ã‹ã‚‰ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’考ãˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã€‚天æ‰ä¸é«˜ç”ŸãŒèªžã‚‹ã‚¾ã‚¯ã‚¾ã‚¯ã™ã‚‹3時間をã€å…¨7回ã®é€£è¼‰ã§ãŠå±Šã‘ã™ã‚‹ã€‚ 山本æ°ã¯ã€3～4æ³ã®ã“ã‚ã‹ã‚‰CGã«èˆˆå‘³ãŒã‚ã‚Šã€Pixarã®æ˜ ç”»ãŒå¤§å¥½ãã€å°†æ¥ã¯ã€ŒPixarã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ˜ 画を作りãŸã„。ãã—ã¦ã€å¤¢ã®å¤§åˆ‡ã•ã‚’世界ã«ç™ºä¿¡ã—ãŸã„ã€ã¨èªžã‚‹ã€‚åƒè‘‰çœŒç«‹åƒè‘‰ä¸å¦æ ¡ã«å…¥å¦å¾Œã€ä¸å¦ã®ã‚¼ãƒŸã§CGã®ç ”究を始ã‚ãŸã€‚ゼミã§ã¯ã€ãƒ‡ã‚¸ã‚¿ãƒ«ãƒãƒªã‚¦ãƒƒãƒ‰ã‚„日本ã®Pixarを目指ã™ãƒžãƒ¼ã‚¶ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ラãƒãƒƒãƒˆã§åƒã人ã®è©±ã‚’èžãã€ç ”究発表を行ã£ãŸã€‚ã™ã‚‹ã¨ã€ã‚る先生ãŒå…¨æ ¡ç”Ÿå¾’ã®å‰ã§ã“ã‚“ãªã“ã¨ã‚’言ã£ãŸã¨ã„ã†ã€‚――「CGãªã‚“ã‹ã®ç ”究をã—ã¦ã€ä½•ã®ç¤¾ä¼šè²¢çŒ®ã«ãªã‚‹ã‚“ã ã€â€•â€•
「Webサイトã®é…色ã§å›°ã£ãŸï¼ã€â†’「HUE/360使ãˆã°è‰¯ã„ã˜ã‚ƒãªã„ã€
Webサイト制作ã§é¿ã‘ã¦é€šã‚Œãªã„é…色ã®æ±ºå®šã€‚èŠ¸è¡“çš„ç´ é¤ŠãŒçµ¶æœ›çš„ã«ãªã„ã®ã§ã„ã¤ã‚‚æ³£ã„ã¦ã‚‹ã‚´ãƒãƒ‰ã‚¯ã•ã‚“ã§ã™ã€ã©ã†ã‚‚。 æ‰€è©®ç´ äººã«ã¯ç†è«–ã«åŸºã¥ã„ãŸé…色ãªã©ç„¡ç†ã‚²ãƒ¼ã§ã™ã€‚先日もã¡ã‚‡ã£ã¨ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³çš„ãªã‚´ãƒ‹ãƒ§ã‚´ãƒ‹ãƒ§ã¨ã„ã†å ´é¢ã«å‡ºãã‚ã—ã¾ã—ã¦ã„ã¤ã‚‚ã®ã‚ˆã†ã«æ‚©ã¿ã¤ã¤ã€ãªã‚“ã‹é…色決定ã®ãŸã‚ã®Webサービスãªã„ã‹ãªãƒ¼ã¨æ€ã£ã¦æŽ¢ã—ã¦ãŸã‚‰ã“ã†ã„ã†ã®ã‚’見ã¤ã‘ã¾ã—ãŸã€‚ webã§ã®è‰²æŒ‡å®šã¯åŸºæœ¬çš„ã«RGB値ã§ã®æŒ‡å®šã¨ãªã‚Šã¾ã™ãŒã“ã‚Œã£ã¦å…‰ã®ä¸‰åŽŸè‰²ã®æ··è‰²ãªã‚“ã§ã™ã‚ˆã。 実際ã«CSSãªã‚“ã‹ã§æ•°å€¤ã„ã˜ã‚Šã¤ã¤ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã‚‹ã¨ã€Œãªã‚“ã‹é•ã†ãªãƒ¼ã€ã¨ã„ã†ã¨ãã«ã‚‚ã£ã¨æ˜Žã‚‹ãã—よã†ã¨ã‹ã€ã‚‚ã£ã¨å½©åº¦ä¸Šã’よã†ã£ã¦ã®ãŒæ„Ÿè¦šçš„ã«ã©ã®æ•°å€¤ã‚’ã©ã‚“ã ã‘ã„ã˜ã£ã¦è‰¯ã„ã®ã‹ã£ã¦ã‚ã‹ã‚‰ãªã„ã‚“ã§ã™ã‚ˆã€‚ RGB値直接ã„ã˜ã£ã¦å½©åº¦ä¸Šã’よã†ã¨æ€ã£ãŸã‚‰ãã™ã‚“ã˜ã‚ƒã£ãŸä¸Šã«è‰²ã¿ã‹ã‚ã£ã¡ã‚ƒã£ã¦ã‚ªãƒ¤ã‚ªãƒ¤æ®‹å¿µãªã‚“ã¦æ—¥å¸¸èŒ¶é£¯äº‹ã§ã™ã‚ˆï¼ˆã„ã‚„ãã®ã¾ãˆã«ãƒ•ã‚©ãƒˆã‚·ãƒ§ãªã‚Šãªã‚“ãªã‚Šã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
DataTables | Javascript table library
{{#tags}}- {{label}}
{{/tags}}