ekuserutoka @ ウィキ

トップページ

2017-05-26T08:32:16+09:00

トップページだよ Excelのリンクの管理と格納（ワークブックの移動で起きるリンクエラーの仕組み） http://addinbox.sakura.ne.jp/Excel_Tips21.htm

メニュー

2017-05-23T01:42:18+09:00

**メニュー -[[トップページ]] -[[メニュー]] -[[メニュー2]] ---- **職場で作ろう複数ファイル内検索機能 *Javascript&jqery編 -[[職場で作ろう複数ファイル内検索機能 Javascript&jqery編]] -[[jquery-1.7.2.min.js]] -[[jquery.csv2table-0.02-b-4.8.js]] -[[jquery.jqchart-0.03-beta-1.1.js]] -[[index.html]] -[[VBA_ブック内の全シートを一括してCSV化する]] -[[VBA_テキストファイル&CSV to UTF-8N]] *エクセルファイル編 -[[複数ファイル内情報検索参照システムエクセルファイル編]] ---- -[[新しい人]] ---- **リンク -[[@wiki>>http://atwiki.jp]] -[[@wikiご利用ガイド>>http://atwiki.jp/guide/]] // リンクを張るには "[" 2つで文字列を括ります。 // ">" の左側に文字、右側にURLを記述するとリンクになります //**更新履歴 //#recent(20) &link_editmenu(text=ここを編集)

新しい人

2017-05-23T01:41:20+09:00

■新人向け案内 ※通例、一例として記載。　状況によっては適応されない場合がある。　・タイムスケジュール（一例）　10:00　作業開始　13:00　前半進捗確認、仮まとめ　　昼休憩（大体13:15～14:00）　　14:00　作業再開　　小休憩（大体16:15～16:30）　　17:00位　当日進捗確認、まとめ　（進捗まとめ役以外は作業続行）　（報告が必要なものはこの時間帯までに記述）　　17:50　片付け　　18:00　作業終了 0：案件内の運用ルール・WBの記載への書き込みについて　更新が重なると反映されないため、書き込む際は全体に周知。　※誤った操作をした場合は焦らずまとめ、管理に報告。・サーバ構造　よくアクセスする場所　・作業用：作業用ファイルがある　・資料：現行、最新の資料がある　・作業者用：割り振り内での受け渡しなど個々人でのやり取りなどに使用している・作業上の質問や疑問について　同じ作業をしている人　→　役割内まとめ役　→　リーダー陣・検証の報告、質問について　ログで報告済、WBに準備中を確認（念のため準備中の人に内容を確認） 1：検証開始前・オンライン会議に参加　作業割当、連絡事項などを確認する。・最新の資料、データ集を準備　サーバから必要な資料をローカルに持ってくる。・作業用ファイルを準備　サーバから必要な作業用ファイルをローカルに持ってくる。・端末の準備　検証端末、検証環境を準備する。 2：検証作業開始・割当、割り当て内部の指示にしたがって検証開始。 2-1：追加人物検証 2-2：追加精神検証 2-3：催し動作検証 2-4：催し特別動作検証 2-5：その他特別検証主な検証作業・表示系　テキスト　グラフィック・動作系　システム ---------- ■検証方法仮まとめシステム・戦闘系・数値変動系『変動前』と『変動後』の数値を確認する。その際、変動対象の値と連動して出力される数値がある場合、正しく計算が行われているか検証にて確認すること。例）数値Aの変動：+50 変動前：100 変動後：150 数値Aと連動して変化する数値B（ここでは数値Cは50固定とする）数値A-数値C（50）　＝　数値B 数値A変動前：数値B　＝　50 数値A変動後：数値B　＝　150 エビデンステンプレート 1：前提条件、及び状況 2：変動前、変動後の検証結果比較例）人物A（人物Aの状態）に装置B（装置Bの状態）を装着。『たかしR5/水準99/.../数値A：2500』に『装置B/水準1』を持って『叩く/水準10』を『まさるR3/水準5/../数値B：500』に行った際の数値Cの値変動前数値C：50 変動後数値C：100 ・主な検証向け場所はじめさん『のびる』水準1：150　水準10：225 1-1　数値B：400 7-4　紳士/水準20 EX-1-1　鳥/水準30 その他、現行の催しにて確認

複数ファイル内情報検索参照システムエクセルファイル編

2017-05-17T00:43:19+09:00

■複数ファイル内情報検索参照システムエクセルファイル編 ■前提・フォルダ、ファイル構造検索用ファイルとデータファイルは同一フォルダ階層、または１層以内の近い階層とする。 ※外部ファイル参照のリンク（またはパス）を統一し、リンク切れを起こさないことが目的。　例）　　dir　┬　検索用ファイル　　　　 ├　データファイルA 　　　　 ├　データファイルB 　　　　 └　データファイルZ 　　dir　┬　検索用ファイル　　　　 └　dataフォルダ　　　　　　　├　データファイルA 　　　　　　　├　データファイルB 　　　　　　　└　データファイルZ ※外部リンクをエクセル内で保持、または変更可能ならリンク切れはある程度回避可能になる。　例）　　現環境のパスを「パス指定セル」に入力しておく。　　外部ファイル参照パスに「パス指定セル」の値を代入し、リンク状態を保つ。　　例1）参照ファイルが同階層にある場合　　　パス指定セル：A1：...\デスクトップ\dir\ 　　　外部参照セル：B2：... & A1 & データファイルAのシート1のセルC3 　　※VLOOKUP関数、INDIRECT関数の組み合わせで行けるかもしれない？ ■ファイル内構成シート01：概要・説明・設定シート02：人物フォーム1（簡易・全域データ）シート03：人物詳細1 シート04：人物フォーム2（簡易・全域データ）シート05：人物詳細2 　シートXX：人物A　VS　人物B　計算シートシート06：精神（詳細）　・繋がりも含むシート07：技（詳細）シート08：才能（詳細）　・主導才能　・個人才能シート09：繋がり（詳細）　・人物繋がり　・特徴繋がり ■シート01：概要・説明・設定・使い方・注意・設定　//パス指定 //・実装状況などの確認事項 ■シート02&シート04：人物フォーム（簡易・全域データ） ※必要な情報のみを整形し、表示することが目的・人物検索フォーム　入力方法：直接入力　　　　　　プルダウン//実装に時間がかかりそうなのでなし？　直接入力　　人物コード：XXX 　　ヴァージョンコード：X 　　繋ぎ文字：_ 　　希少コード：XX 　例）　　青井明人（子供）：　100　0　_　01　→　1000_01 　　青井明人（大人）：　100　1　_　02　→　1001_02 ・参照先　・人物データ集・参照データ ※リレーションデータは基本的に「ID/名前/効果：min & max」を表示　・ID 　・名前　・属性　・希少度　//・実装状況/実装箇所　・技（所持：通常/特別/超特別）（min/max）　//可能なら精神技(X to Y)も表示　　参照データ　　　use:人物データ集＞技セル　ace:技データ集　・主導才能（min/max）　　　use:人物データ集＞主導才能セル　ace:主導才能データ集　・個人才能　　　use:人物データ集＞個人才能セル　ace:個人才能データ集　・特徴　・人物繋がり　　　use:人物コード　ace:人物繋がりデータ集　・特徴繋がり　　　use:人物データ集＞特徴セル　ace:特徴繋がりデータ集　…etc ■シート03&シート05：人物詳細・人物詳細検索フォーム　人物フォームと連動　・ID 　・名前　//・能力設定　成長度から現在能力値を導き、他の変動要素を加えて表示させる　・成長変動表（min/max）　　　use:人物検索フォーム　ace:人物繋がりデータ集　　　　ワイルドカードを使用して参照ファイルを指定。　　　　例）　* & 人物検索フォーム & 拡張子　//・増幅変動表（min/max:limit）　　　//use:人物データ集＞増幅セル　　ace:??? 　//・樹木変動表（各項目数毎にmin/max） //■シートXX：VSシート //・人物A　VS　人物B　 //状態指定ができればいいな ■シート06：精神・精神検索フォーム　直接入力　　頭文字：seisin 　　繋ぎ文字：_ 　　精神区分コード：XXXX 　例）　　昨日の夕食：　seisin　_　0516　→　seisin_0516 　制限指定　//実装方法検討中　　プルダウン指定　　　・属性A 　　　・属性B 　　　・属性C 　　　・人物名　　　・精神技・参照データ　・ID 　・名前　・種類（能力 or 技）　・制限（属性 or 人物）　・能力効果（min/max）　//・技効果（min/max）　・同数変化（2/3/4） ■シート07：技（詳細）・技検索フォーム　直接入力　　頭文字：waza 　　繋ぎ文字：_ 　　人物コード：XXX 　　繋ぎ文字：_ 　　技コード：XX 　例）　　パンチ：　waza　_　100　_　01　→　waza_100_01 ・参照データ ※基本的にデータファイルの情報を整形して表示する。 ■シート08：才能（詳細）・主導才能　・検索フォーム　　//... 　・参照データ　//基本的にデータファイルの情報を整形して表示する。・個人才能　・検索フォーム　　//...　　　・参照データ　//基本的にデータファイルの情報を整形して表示する。 ■シート09：繋がり（詳細）・人物繋がり　・検索フォーム　　//... 　・参照データ　//基本的にデータファイルの情報を整形して表示する。・特徴繋がり　・検索フォーム　　//... 　・参照データ　//基本的にデータファイルの情報を整形して表示する。

職場で作ろう複数ファイル内検索機能 Javascript&jqery編

2017-05-17T00:31:06+09:00

■職場で作ろう複数ファイル内検索機能 Javascript&jqery編 ■要件定義エクセルで作成されたテーブルデータの視認性、検索性を向上させたい。・視認性：ノイズの削除。別ファイルにある関連データを１画面に表示。・検索性：ノイズの削除。必要な情報のみを参照し、リレーションデータの確認時間を短縮。 ■前提条件・外部通信をしない。・外部からプログラム、ツールの持ち込み、ダウンロードをしない。・ローカルで完結させる。 ■実行手段・ブラウザ上で行う。 HTML（Javascript、JQUERY） CSVファイル ■実装機能・検索機能（または絞込）基本；ID、名前 ※日本語が使えない場合、英字表記のみで行う。 ■作成 ※テキストエディタなどのツールが導入できれば、時間短縮可能だが、基本やらない。１：HTML、Javascriptを準備 HTMLファイル、Javascriptファイルを作成。　文字コード：UTF-8 　BOM：無し案１：メモ帳+コマンドライン案２：Excel+VBA（マクロ作成）２：CSVファイル変換　文字コード：UTF-8 　BOM：無し案１：コマンドライン変換（バッチ作成込）案２：Excel+VBA（マクロ作成）

VBA_テキストファイル&CSV to UTF-8N

2017-05-10T22:42:06+09:00

http://tonari-it.com/vba-manual/

VBA_ブック内の全シートを一括してCSV化する

2017-05-10T22:33:47+09:00

//xlsVBA //http://www.h-fj.com/blog/archives/2014/01/07-105447.php //multiexport.xlsm!ExportFilesToCSV Rem Attribute VBA_ModuleType=VBAModule Sub Module1 Rem Option Explicit Rem Rem Sub ExportFilesToCSV() Rem ExportFiles xlCSV Rem End Sub Rem Rem Sub ExportFilesToTSV() Rem ExportFiles xlText Rem End Sub Rem Rem Sub ExportFiles(frm As XlFileFormat) Rem ' ブックが保存済みでない場合は保存 Rem If ActiveWorkbook.Saved = False Then Rem If MsgBox("ブックがまだ保存されていません。保存しますか？", vbYesNo) = vbNo Then Rem Exit Sub Rem Else Rem ActiveWorkbook.Save Rem End If Rem End If Rem Rem ' 出力先フォルダを選択 Rem Dim fd As FileDialog, fld As String Rem fld = ActiveWorkbook.Path Rem If Right(fld, 1) <> "\" Then Rem fld = fld & "\" Rem End If Rem Set fd = Application.FileDialog(msoFileDialogFolderPicker) Rem fd.Title = "出力先フォルダの選択" Rem fd.AllowMultiSelect = False Rem fd.InitialFileName = fld Rem If fd.Show = False Then Exit Sub Rem fld = fd.SelectedItems(1) Rem If Right(fld, 1) <> "\" Then Rem fld = fld & "\" Rem End If Rem Rem ' 書き出し Rem Dim ws As Worksheet, fname As String, ext As String, wbPath, f As Boolean Rem Application.DisplayAlerts = False Rem Application.ScreenUpdating = False Rem wbPath = ActiveWorkbook.FullName Rem If frm = xlCSV Then Rem ext = ".csv" Rem Else Rem ext = ".tsv" Rem End If Rem For Each ws In ActiveWorkbook.Worksheets Rem f = False Rem ws.Activate Rem fname = fld & ws.Name & ext Rem If Dir(fname) <> "" Then Rem f = (MsgBox(fname & "が存在します。上書きしますか？", vbYesNo) = vbYes) Rem Else Rem f = True Rem End If Rem If f Then Rem ActiveWorkbook.SaveAs Filename:=fname, FileFormat:=frm Rem End If Rem Next Rem ActiveWorkbook.Close Rem Workbooks.Open wbPath Rem Application.DisplayAlerts = True Rem Application.ScreenUpdating = True Rem MsgBox "書き出しが終了しました" Rem End Sub End Sub

index.html

2017-05-10T22:31:28+09:00

一覧表示

jquery.jqchart-0.03-beta-1.1.js

2017-05-10T22:30:34+09:00

//jquery.jqchart-0.03-beta-1.1.js //jquery.jQchart // //@charset utf-8 //(Public Domain) // (function($) { ////body書き忘れ対策 IEはbody無いとcanvas動かない使う? if($.browser)if($.browser.msie)document.body||document.write(''); //http://allabout.co.jp/internet/javascript/closeup/CU20060228A/index2.htm $.jQchart={ version : '0.03-beta-1.1', updateMemo : 'v0.03-beta-1.1 are going to support CanvasGradient.', ver : '', charset : 'utf-8', doc : 'http://plugins.jquery.com/project/jQchart', demo : 'http://jsgt.org/lib/jquery/plugin/jqchart/nightly/nightly.htm', blog : 'http://jsgt.org/mt/01/', author : 'Toshiro Takahashi', lisence : 'Public Domain', colorSets:{ char : ['red','#FF9114','#3CB000','#00A8A2','#0036C0','#C328FF','#FF34C0'], rikyu : ['#cbb994','#a59564','#716246','#928178','#bfa46f','#dcd3b2','#9e9478','#c7b370','#726250','#d6c6af','#887938','#ada250','#726d40','#a1a46d'], gray : ['#524e4d','#adadad','#595455','#afafb0','#595857','#c0c6c9','#727171','#c0c6c9','#9fa0a0','#dcdddd','#888084','#d5d4d6','#7d7d7d','#dddcd6','#6b6c6d'] } } $.fn.jQchart = {}; if (window.attachEvent) { if($.browser.msie) window.attachEvent("onload",function(){$.fn.jQchart.winloaded=true}); } $.fn.jQchart= function(op){ var that=this,its; //Adjustment for canvas on IE if($.browser.msie && !$.fn.jQchart.winloaded)$(window).load(function (){ini()}) else ini(); $.fn.jQchart.global_zIndex=1000; function ini(){ switch( typeof op ){ case 'string' : ajaxload(op) ;break; case 'object' : drawChart(op) ;break; }; } //XHR for case 'string' function ajaxload(op){ $.get(op, function(res){ eval("var _option = "+res); drawChart(_option); }); } //Arguments for case 'object' function drawChart(_option){ jQuery.extend( $.fn.jQchart,{ draw : function (op){ return this.wrtGraph(op); }, //初期設定 init : function (op){ if(!op)op={} if(!op.config)op.config={scaleY:{}}; if(!op.config.scaleY)op.config.scaleY={}; if(!op.config.line)op.config.line={}; this.op=jQuery.extend({ type : op.config.type || 'line', use : op.config.use || null, // //キャンバスのID名 id : $(that).get(0).id||op.config.id || "canvasChart_"+(new Date()).getTime(), //キャンバスの幅と高さ width : op.config.width || $("#"+that.get(0).id).attr('width') ||300, height : op.config.height || $("#"+that.get(0).id).attr('height') ||150, //canvas property //あとでlineや軸別にconfig設定可能にする bgGradient : op.config.bgGradient || null, fillStyle : op.config.fillStyle || "rgba(255,0,0,0.5)", strokeStyle : op.config.strokeStyle || "rgba(180,180,180,0.5)", lineWidth : op.config.lineWidth || 1, //line //line_strokeStyle : op.config.line.strokeStyle ||['red','#FF9114','#3CB000','#00A8A2','#0036C0','#C328FF','#FF34C0'], line_strokeStyle : op.config.line.strokeStyle ||op.config.colorSet|| $.jQchart.colorSets.char, line_lineWidth : op.config.line.lineWidth || 1, //bar //フォントサイズ labelFontSize : op.config.labelFontSize || op.fontSize || 10, labelYunitFontSize : op.config.labelYunitFontSize || op.fontSize-1 || 9, dataFontSize : op.config.dataFontSize || op.fontSize ||9, //チャート領域のパディング paddingL : op.config.paddingL || 60, paddingT : op.config.paddingT || 50, paddingR : op.config.paddingR || 20, paddingB : op.config.paddingB || 40, //Title title : op.config.title || 'jquery.jQchart', titleTop : op.config.titleTop || 10, titleLeft : op.config.titleLeft || 70, //Y単位 labelYunit : op.config.labelYunit || '', //Y目盛 dataYmin : op.config.scaleY.min || 0, dataYmax : op.config.scaleY.max || 1000, dataYgap : op.config.scaleY.gap || 100, scaleYLeft : op.config.scaleYLeft || 10, //X軸ラベル配列 labelX : op.config.labelX || null, //チャート領域のデータ表示 labelDataShow : op.config.labelDataShow || true, labelDataOffsetY: op.config.labelDataOffsetY || 10, labelDataOffsetX: op.config.labelDataOffsetX || 0, data : op.data ||{}, draggable : op.config.draggable || true },op||{}); if(this.op.use){ this.op.use_api = this.op.use.split(':')[0] this.op.use_api_type = this.op.use.split('#')[0] this.op.use_api_box = this.op.use.split(':')[1].split('#')[1] } if(!this.op.labelX)this.op.paddingB = 10 this.op.xGapPaddingR = op.config.xGapPaddingR || 0, this.op.grid = { col:(this.op.labelX)? this.op.labelX.length+this.op.xGapPaddingR: this.op.data[0].length+this.op.xGapPaddingR||50,//暫定 row:this.op.dataYmax/this.op.dataYgap }; this.op.scaleXTop =this.op.scaleYBottom =this.op.height-this.op.paddingB; this.op.scaleXRight =this.op.width-this.op.paddingR; this.op.chartWidth =this.op.width -this.op.paddingL-this.op.paddingR; this.op.chartHeight =this.op.height-this.op.paddingT-this.op.paddingB; this.op.scaleYTop =this.op.paddingT; this.op.scaleXLeft =this.op.paddingL; this.op.yGap =this.op.dataYgap*this.op.chartHeight/this.op.dataYmax; this.op.xGap =this.op.chartWidth/this.op.grid.col; this.op.labelYunitLeft =this.op.scaleXLeft ; this.op.labelYunitTop = 0 ;//dynamic set this.op.barWidth =(this.op.xGap)/(op.data.length+1); this.op.xGapPaddingL = this.op.xGap*op.config.xGapPaddingL || 0; //bgGradient if(this.op.bgGradient){ if(typeof this.op.bgGradient != 'object')this.op.bgGradient={} if(!this.op.bgGradient.direction)this.op.bgGradient.direction='horizontal'; var h=(this.op.bgGradient.direction=='horizontal') var x1=(h)?0:this.op.width*0.227, y1=(h)?this.op.height*0.227:0, x2=(h)?0:this.op.width*0.818, y2=(h)?this.op.height*0.818:0; this.op.bgGradient.linearGradient={x1:x1,y1:y1,x2:x2,y2:y2} if(!this.op.bgGradient.from) this.op.bgGradient.from = '#687478'; if(!this.op.bgGradient.to) this.op.bgGradient.to = '#222222'; } this.resetBox(this.op.id); this.mkCanvas(this.op); }, //リセット resetBox : function(id){ $("#jQchart-title-T-"+id).remove(); $("#jQchart-scale-Y-"+id).remove(); $("#jQchart-scale-X-"+id).remove(); $("#jQchart-data-D-"+id).remove(); }, //キャンバスセット mkCanvas : function (op){ its=this; //for Opera Bug if(jQuery.browser.opera && eval(jQuery.browser.version,10)<9.5) $("#"+that.get(0).id).get(0).outerHTML=('

'); //Canvas要素 this.canvas = $("#"+that.get(0).id) .attr('width',this.op.width) .attr('height' ,this.op.height) .get(0) //メインCanvasDIV作成 this.jQcanvasBox =this.mkBox4Canvas(this.canvas); this.canvasBox =$(this.jQcanvasBox).get(0); if (this.canvas.getContext){ this.ctx=this.canvas.getContext('2d'); this.ctx.globalAlpha = 0.85; //キャンバスプロパティ設定 this.ctx.fillStyle =this.op.fillStyle; this.ctx.strokeStyle =this.op.strokeStyle; this.ctx.lineWidth =this.op.lineWidth; //bgGradient if(this.op.bgGradient){ /*alert( " x1-"+ this.op.bgGradient.linearGradient.x1+" y1-"+ this.op.bgGradient.linearGradient.y1+" x2-"+ this.op.bgGradient.linearGradient.x2+" y2-"+ this.op.bgGradient.linearGradient.y2)*/ var lingrad2 = this.ctx.createLinearGradient( this.op.bgGradient.linearGradient.x1, this.op.bgGradient.linearGradient.y1, this.op.bgGradient.linearGradient.x2, this.op.bgGradient.linearGradient.y2 ); lingrad2.addColorStop(0.1, this.op.bgGradient.from); lingrad2.addColorStop(0.9, this.op.bgGradient.to); this.ctx.fillStyle = lingrad2; this.ctx.fillRect(0,0,this.op.width,this.op.height); } //this.ctx.shadowBlur = 12; //this.ctx.shadowColor = "#ccc"; //this.ctx.shadowOffsetX = 10; //XY軸描画 this.setXaxis(this.op); this.setYaxis(this.op); //各DIV作成 this.titleBox//Title =this.mkBoxElement('T', this.op.titleLeft,this.op.titleTop ).appendTo(this.jQcanvasBox) .css('width',this.op.width-this.op.titleLeft)//fix for safari3 2007.12.4 .get(0); this.scaleYBox//Y軸スケール =this.mkBoxElement('Y', this.op.scaleYLeft,this.op.scaleYTop ).appendTo(this.jQcanvasBox).get(0); this.scaleXBox//X軸スケール =this.mkBoxElement('X', this.op.scaleXLeft,this.op.scaleXTop ).appendTo(this.jQcanvasBox).get(0); this.dataBox //チャート上のデータ =this.mkBoxElement('D', this.op.paddingL+ 'px',this.op.paddingT+ 'px' ).appendTo(this.jQcanvasBox) .get(0); //チャート上のデータ表示/非表示 if(this.op.labelDataShow){ $(this.dataBox).show() } else { $(this.dataBox).hide() } //ダブルクリックで位置のドラッグ移動が可能になります if(jQuery)if(jQuery.ui)if(jQuery.ui.draggable && this.op.draggable){ var _cnt=0;_cnt++;if(_cnt>1)return;/*for fix unbind*/ this.jQcanvasBox.unbind('dblclick'); this.jQcanvasBox.dblclick(function(e){ if(!$(this).hasClass("ui-draggable")){ draggingon(this); } }) .mousedown(function(){_cnt=0/*fix unbind*/}) .click(function(e){ if(e.target.id!=$(this).get(0).id) draggingoff(this); }) } function draggingon(oj){ //var jclen=$(".jQchart").length; $(oj).draggable({opacity:0.5 }) .addClass("ui-draggable") .removeClass("ui-draggable-disabled") .css('border','2px dotted cyan') .css("zIndex",$.fn.jQchart.global_zIndex++) /*.append($('

[X]-close

').one('click',function(){ $(_cbox).replaceWith('

') })) */ .append('

draggable-ドラッグできます

') } function draggingoff(oj){ $(oj).draggableDisable() .css('border','0px') .removeClass("ui-draggable") .addClass("ui-draggable-disabled") $("#jQchart-drgmsg-M-"+oj.id).remove(); } //========dbug======== //this._debugShowPos4(); } }, mkBox4Canvas:function(canvas){ if(!document.getElementById("jQchart-" +this.op.id)) return $('

') .attr('id','jQchart-'+this.op.id) .attr('class','jQchart') .css({ position : 'relative', /* margin :'0px', padding :'0px',*/ top : '0px', left : '0px', width : this.op.width+'px', height : this.op.height+'px' }) .insertBefore(canvas) .append(canvas) else return $("#jQchart-" +this.op.id) }, mkBoxElement:function(type,x,y){ var typeName=''; switch(type){ case 'T' : typeName='title';break; case 'Y' : typeName='scale';break; case 'X' : typeName='scale';break; case 'D' : typeName='data' ;break; }; if($("'#jQchart-scale-" +type+'-'+this.op.id+"'" ).length==0) return $('

') .attr('id' ,'jQchart-'+typeName+'-'+type+'-'+this.op.id) .attr('class','jQchart-'+typeName+'-'+type) .css({ position : this.op.position ||'absolute', left : x ||'10px', top : y ||'10px' }) .appendTo(document.body) }, //Title wrtTitle : function(op){ op.subclass = 'title' ; this.wrtText(0+ 'px',0+ 'px', this.op.title, op, "#jQchart-title-T-"+op.id ); }, //X軸ラベル wrtXscale : function(op){ op.subclass = 'labelX' ; op.color = '#333' ; op.start = this.util.getBasePoint(op); op.fontSize = op.labelFontSize; var x=0//op.start.x , y=10//op.start.y ; x += op.xGapPaddingL; for (var i = 0, currP=0; i < op.grid.col;i++) { this.wrtText(x+ 'px',y+ 'px', op.labelX[currP]+" ", op, "#jQchart-scale-X-"+op.id ); x +=op.xGap; currP ++; this.util.setNextX(op); } op.fontSize=null; }, //Y軸ラベル単位 wrtLabelYunit : function(op,x,y){ op.subclass = 'labelYunit' ; op.color = '#333' ; op.start = this.util.getBasePoint(op); op.fontSize = op.labelYunitFontSize; this.op.labelYunitTop = y; var u=this.op.labelYunit; this.wrtText(x+ 'px',y+ 'px', u+" ", op, "#jQchart-scale-Y-"+op.id ); op.fontSize=null; }, //Y軸ラベル wrtYscale : function(op){ op.subclass = 'labelY' ; op.color = '#333' ; op.start = this.util.getBasePoint(op); op.fontSize = op.labelFontSize; var x=op.scaleYLeft , y=op.chartHeight - op.labelFontSize ; for (var i = 0, currP=0; i <= op.grid.row;i++) { currP = Math.round((currP*100))/100;//丸め this.wrtText(x+ 'px',y+ 'px', currP+" ", op, "#jQchart-scale-Y-"+op.id ); y -=op.yGap; currP +=op.dataYgap; } if(this.op.labelYunit)this.wrtLabelYunit(op,x,y); op.fontSize=null; }, //水平線軸 setXaxis : function(op){ op.begin = this.util.getBasePoint(op); op.end ={ x : op.scaleXRight, y : op.begin.y } for (var i = 0; i <= op.grid.row; i++) { this.drawAxis(op); this.util.setNextY(op); } op.setXaxis=true; }, //垂直線軸 setYaxis : function(op){ op.begin = this.util.getBasePoint(op); op.end ={ x : op.begin.x, y : op.scaleYTop }; for (var i = 0; i <= op.grid.col ; i++) { this.drawAxis(op); this.util.setNextX(op); } op.setYaxis=true; }, //軸描画 drawAxis : function(op){ this.ctx.beginPath(); this.ctx.moveTo(op.begin.x,op.begin.y); this.ctx.lineTo(op.end.x ,op.end.y ); this.ctx.stroke(); this.ctx.save(); }, //折れ線描画 wrtGraph : function(op){ //200:y=700:100 if(typeof op =='object')this.op = op ; this.init(this.op); var op =this.op; var it =this ; switch(op.type){ case('line') : it=this.drawLine(op,it) ;break; case('bar') : /*this.drawBar(op,it,10);*/it=this.drawBar(op,it,0) ;break; default : it=this.drawLine(op,it) ;break; } //タイトルへ it.wrtTitle(it.op); return $("#"+it.op.id); }, drawLine : function (op,it){ $.each(op.data,function(index,value){ op.rows=op.data[index]; op.subclass = 'labelData'; op.color = 'orange' ; var strokeStyle=op.line_strokeStyle[index]||'#777';//とりあえず7color its.ctx.strokeStyle=strokeStyle;//折れ線色あとでoption指定に its.ctx.lineWidth=op.line_lineWidth[index]||1; var x = op.paddingL, y = - op.rows[0]*op.height/op.dataYmax ; x += op.xGapPaddingL; its.ctx.beginPath(); for (var i = 0; i < op.rows.length; i++) { y = op.paddingT+ op.chartHeight -op.rows[i]*op.chartHeight/op.dataYmax ; if(i==0) its.ctx.moveTo(x,y); else its.ctx.lineTo(x,y); //データ if( x <= op.width){ var dx=x-op.paddingL,dy=y-op.paddingT; it.wrtText( dx+op.labelDataOffsetX+ 'px', dy+op.labelDataOffsetY+ 'px', op.rows[i],op, "#jQchart-data-D-"+op.id ).css('color',(op.data.length==1)?'#333':strokeStyle); } x += op.xGap; } its.ctx.stroke(); }); //Xラベルへ if(it.op.labelX)it.wrtXscale(it.op); //Yラベルへ it.wrtYscale(it.op); return it; }, drawBar : function (op,it,ofs){ var dlen = op.data.length, x = op.paddingL,y=0 op.subclass = 'labelData'; for(var i=0;i') .append(text) .css(css) .appendTo(scope||document.body) }, hoverDataEffect : function(op){ $(".jQchart-labelData-"+op.id).hover(hover,unhover) function hover(){$(this).css("font-size","2em")} function unhover(){$(this).css("font-size",1+"em")} }, //デバッグ用 _debugShowPos4 : function(){ var htm='Properties of
' +'$("#'+this.op.id+'").jQchart.op

' for(var i in this.op)htm+=i+" : "+this.op[i]+"
" $("

").html(htm) .appendTo(document.body) .draggable({opacity:0.5 }) .css({ position : 'absolute', top : '10px', left : '70%', margin : '10px', padding : '10px', backgroundColor : '#eee' }) }, util : new function(){ return { cpAry : function(ary){ for (var i = 0,_ary=[]; i < ary.length; i++)_ary.push(ary[i]); return _ary; }, getMinMax : function(ary){ //$.fn.jQchart.util.getMinMax(op.data[0]).max() var _ary=$.fn.jQchart.util.cpAry(ary); return { min:function(){return _ary.sort(function(a,b){return a-b})[0]}, max:function(){return _ary.sort(function(a,b){return b-a})[0]} } }, getBasePoint : function(op){ return { x : op.scaleXLeft, y : op.scaleYBottom } }, setNextX : function(op){op.begin.x = op.end.x += op.xGap;}, setNextY : function(op){op.begin.y = op.end.y -= op.yGap;} } } }); $(that).jQchart.draw(_option);//描画 return $(this); } return $(this); }})(jQuery);

jquery.csv2table-0.02-b-4.8.js

2017-05-10T22:29:53+09:00

//jquery.csv2table-0.02-b-4.8.js //@utf-8 (function($) { $.csv2table={ name : 'csv2table', version : '0.02-b-4.8', update : '2014.6.14', update : 'http://jsgt.org/lib/jquery/plugin/csv2table/v002/update.txt', ver : '', charset : 'utf-8', blog : 'http://ngw.jp/~tato/wp/?p=163', demo : 'http://jsgt.org/lib/jquery/plugin/csv2table/v002/test.htm', author : 'Toshiro Takahashi', lisence : 'Public Domain', //デフォルトCSSをリセットする cssReset: function(){ this.cssDefault = { className_div : {}, className_table : {}, className_table_th : {}, className_table_td : {}, className_hoboNum : {}, className_sortMark : {}, className_legends : {} } }, //デフォルトCSS $.csv2table.cssDefault.className_table_tdなどを変えることでデフォルトCSSを変更できます cssDefault: { className_div : { 'padding' : '10px', 'margin' : '1px' }, className_table : { 'border-collapse' : 'collapse', 'border-spacing' : '0px', 'margin-bottom' : '10px' }, className_table_th : { 'border-color' : '#eee #999 #777 #bbb', 'border-style' : 'solid', 'border-width' : '1px', 'background-color' : '#ccc', 'font-size' : '12px', 'padding' : '4px', 'text-align' : 'center' }, className_table_td : { 'border-color' : '#eee #aaa #999 #ccc', 'border-style' : 'solid', 'border-width' : '1px', 'padding' : '8px', 'font-size' : '12px' }, className_hoboNum : {}, className_sortMark : { 'font-family' : 'Arial', 'text-decoration' : 'none' }, className_legends : {}, }, //画像 loadImg : (new Image()).src='data:image/gif;base64,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',//'./img/icon-loadinfo.gif', //Dafault loading IMG sortNImg : (new Image()).src='data:image/gif;base64,R0lGODlhCwAJAIAAAP///4GBgSH5BAUUAAAALAAAAAALAAkAAAIRhB2nGLnQ4or0WUbdyVZebRQAOw==',//'./img/icon-n.gif', //Dafault sort IMG N sortDImg : (new Image()).src='data:image/gif;base64,R0lGODlhCwAJAIABADCCaPFzMCH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAAEALAAAAAALAAkAAAIOjI+pu+APEozqsUCvVgUAOw==',//'./img/icon-d-green.gif', //Dafault sort IMG D sortAImg : (new Image()).src='data:image/gif;base64,R0lGODlhCwAJAIABADCCaPFzMCH5BAEKAAEALAAAAAALAAkAAAINjI+pCmsAF5xpWoezKwA7' ,//'./img/icon-a-green.gif', //Dafault sort IMG A setting : [], data : [], _rowsAry : [], _doc : document, err : [], f : { classifyByCol:function(id,colIndex,myCompAry,nolegend){ var toj=$('table',$('#'+id)),oj=$('tr > td:nth-child('+(colIndex+1)+')',toj) if(!nolegend){ var legend=($('#csv2table-legend-'+id).length==0)? $('

'):$('#csv2table-legend-'+id); toj.after( legend.append( $('

') .append($.csv2table._rowsAry[id][0][colIndex]+' ') ) ) } //Eg. myCompAry is [['>10','#eee'],['>30','#ddd'],['>50','#bbb']] $.each(myCompAry,function(){ oj .filter(':_csv2table_myComp('+this[0]+')') .css('background',this[1]) if(!nolegend){ var hanrei='' +' ' $('#csv2table-legend-'+id+'-'+colIndex) .append(hanrei+this[0].split('<').join('<')+' ' ) } }) } } } $.fn.csv2table= function (url,setting){ if(!setting)var setting={}; var contents=$.fn.csv2table.el=this,id=this[0].id, op = $.csv2table.setting[id] = $.extend({ url : url, nowloadingImg : $.csv2table.loadImg, //Image of now loading... nowloadingMsg : 'now loading...', //Massege of now loading... sortNImg : $.csv2table.sortNImg, //Sort IMG N sortDImg : $.csv2table.sortDImg, //Sort IMG D sortAImg : $.csv2table.sortAImg, //Sort IMG A removeDoubleQuote : true, // remove " of "hogehoge" appendThead : null, //Array. Append a Row of Thead.(e.g. ["Name","Address"]) col_midasi : 0, // row_sep : '', //Separator of rows. \r|\n|\r\n default auto get by getCRLF method col_sep : ',', //Separator(,|\t|;) of cols. default ',' crlf2br : false, //if true, CR,LF or CRLF of the contents will be changed to the
sortable : true, //col sort select : '*', //select col lists. default '*' is all cols. orderBy : null, //array of sort col. orderBy:[[colNo|'colName','sortType']] where : null, //array of where : [{'ColName':'condition'}] etc. limit : null, //array of limit : [offset,len] col0color : true, //col[0] color sync jQchart line_strokeStyle numArignRight : true, //Set the Number TD to "textAlign : 'right'" onload : null, //collback function (id,op,data,ary) {} use : null, // 'jqchart:line#canvasID' className_div : 'csv2table-div', //className className_table : 'csv2table-table', //className className_table_th : 'csv2table-table-th', //className className_table_td : 'csv2table-table-td', //className className_hoboNum : 'csv2table-hoboNum', //className className_sortMark : 'csv2table-sortMark', //className className_legends : 'csv2table-legends' //className },setting); if(op.use){ //use : 'jqchart:bar#canvasMyID', op.use_api = op.use.split(':')[0] op.use_api_charttype = op.use.split('#')[0] op.use_api_type = op.use_api_charttype.split(':')[1] op.use_api_box = op.use.split(':')[1].split('#')[1] } //Custom Selectors $.extend($.expr[":"], { //_csv2table_hoboNum is match to number or Number-like (3 digit + comma) //for Set the Number TD to "textAlign : 'right'" _csv2table_hoboNum : function(a,i,m){ var b = a.textContent||a.innerText||$(a).text()||"", c = Number( chkThreeComma(b).split(",").join("") ); return !isNaN(b) || !isNaN(c); }, // _csv2table_myComp : function(a,i,m){ var b = Number( (a.textContent||a.innerText||$(a).text()||"") .replace(" ","") .replace(/,/g,'') ); return typeof b=='number'? eval(b+m[3]):false; } }); $(contents).before('

'+op.nowloadingMsg+'

' ) var fetch_param= (url.indexOf("?") != -1) ? "&":"?"; var fetch_url = url + fetch_param + (new Date()).getTime(); //2013.04.11 Thanx MORI Shingo ‏@babydaemons $.get(fetch_url,"",function(data,textStatus){ op.row_sep=getCRLF(data); if(op.appendThead)data=op.appendThead.join(op.col_sep)+op.row_sep+data; $.csv2table.data[id]=data; $(".csv2table-loading").fadeOut(); $(contents).css("display","none").html(mkRowsAry(id,data)); setCSS(id); $(contents).fadeIn(); if(op.use_api=='jqchart'){ if(op.use_api_charttype=='jqchart:line')op.type=$.csv2table.setting[id].type='line'; else if(op.use_api_charttype=='jqchart:bar')op.type=$.csv2table.setting[id].type='bar'; useChart(id,op,data,$.csv2table._rowsAry[id]); } else if(op.use_api=='ccchart'){ if(op.use_api_type){ op.type=$.csv2table.setting[id].type=op.use_api_type; } else return; useChart(id,op,data,$.csv2table._rowsAry[id]); } if($.csv2table.setting[id].onload)$.csv2table.setting[id].onload(id,op,data,$.csv2table._rowsAry[id]); },'html'); $.csv2table.wrtTable=function(colIndex,id,callback){ $("#"+id).html(mkRowsAry(id,$.csv2table._rowsAry[id],op['th'+colIndex],colIndex)); setCSS(id); if(op.use_api=='jqchart'){ if(op.use_api_charttype=='jqchart:line')op.type=$.csv2table.setting[id].type='line'; else if(op.use_api_charttype=='jqchart:bar')op.type=$.csv2table.setting[id].type='bar'; useChart(id,op,$.csv2table.data[id],$.csv2table._rowsAry[id]); } else if(op.use_api=='ccchart'){ if(op.use_api_type){ op.type=$.csv2table.setting[id].type=op.use_api_type; } else return; useChart(id,op,data,$.csv2table._rowsAry[id]); } if($.csv2table.setting[id].onload) $.csv2table.setting[id].onload(id,op,$.csv2table.data[id],$.csv2table._rowsAry[id]); if(callback)callback(op['th'+colIndex],colIndex,id); } $.csv2table.reset=function(id){ rowsAry=$.csv2table._rowsAry[id]=escapeStrComma(op.col_sep,op.row_sep,$.csv2table.data[id],op.removeDoubleQuote); $("#"+id).html( mkTable(id,rowsAry)); if(op.sortable)$('#'+id+' table th .sortimg').attr('src',op.sortNImg ) setCSS(id); if(op.use_api=='jqchart'){ if(op.use_api_charttype=='jqchart:line')op.type=$.csv2table.setting[id].type='line'; else if(op.use_api_charttype=='jqchart:bar')op.type=$.csv2table.setting[id].type='bar'; useChart(id,op,$.csv2table.data[id],$.csv2table._rowsAry[id]); } else if(op.use_api=='ccchart'){ if(op.use_api_type){ op.type=$.csv2table.setting[id].type=op.use_api_type; } else return; useChart(id,op,data,$.csv2table._rowsAry[id]); } } function orderWk(ary,sortType,colIndex){ ary.head=ary.slice(0,op.col_midasi+1) var rowsAry=ary.slice(op.col_midasi+1,ary.length) rowsAry=sortwk(rowsAry,sortType,colIndex); rowsAry=ary=ary.head.concat(rowsAry) return rowsAry } function mkRowsAry(id,data,sortType,colIndex){ var rowsAry=null,rewrite=true,//zanntei ofs,len if(sortType && rewrite){ rowsAry=$.csv2table._rowsAry[id]=orderWk(data,sortType,colIndex); } else { rowsAry=$.csv2table._rowsAry[id]=escapeStrComma(op.col_sep,op.row_sep,data,op.removeDoubleQuote); if(op.where){ var _rowsAry = rowsAry, rowsAry = [], wlen = op.where.length-1, colNamesArry =_rowsAry[0] ; for(var i=_rowsAry.length-1 ;i> 0;i--){ //最終行はheaderなので無視 var sikis='',siki='',colValue='',value='',colNo=null; for(var j=0,ok=false;j<=wlen;j++){ if(op.where[j]=='&&' || op.where[j]=='||'){ siki =op.where[j]; sikis += " " +siki;ok=true; } else { if(typeof op.where[j].length=='number'){ colNo=op.where[j][0]; value=$.trim(op.where[j][1]); } else if(typeof op.where[j]=='object'){ for(var k in op.where[j]){ var colName=$.trim(k);value=$.trim(op.where[j][k]);break; } colNo= $.inArray(colName, colNamesArry);//get colNo } else ok=errLog('op.where operetor'); if(value.match(/^==(.*)/g)){ siki = '"'+_rowsAry[i][colNo]+'"=="'+RegExp.$1+'"'; sikis += " " +siki;ok=true; } else if(value.match(/^like\s*(.*)/g)){ var reg= RegExp.$1; reg= reg.split('\\_').join('###adrsr###') ; //escape _ reg= reg.replace(/_/g,'.') ; reg= reg.split('###adrsr###').join('_') ; reg= reg.split('\\%').join('###parst###') ; //escape % reg= reg.replace(/%/g,'.*') ; reg= reg.split('###parst###').join('%') ; reg= '^'+reg+'$' ; siki=(_rowsAry[i][colNo].match(new RegExp(reg,'g')))?true:false; sikis += " " +siki;ok=true; } else if(chkThreeComma(_rowsAry[i][colNo])){ colValue=_rowsAry[i][colNo].split(',').join(''); siki = colValue+value.split(',').join(''); if(chkSiki(siki) != null){ sikis += " " +siki;ok=true; } else ok=errLog('op.where operetor'); } else { colValue= _rowsAry[i][colNo] ; siki = colValue+value; if(chkSiki(siki) != null){ sikis += " " +siki;ok=true; } else ok=errLog('op.where operetor'); } } } try{ //変な値が入るとエラーになる //http://jsgt.org/lib/jquery/plugin/csv2table/v002/test/where-2.htm#5"+alert()+"//"8"=="5"+alert()+"" sikis= sikis.replace(/\+/g,'');//fixed follows } catch(e) { return; } if(eval(sikis) && ok)rowsAry.unshift(_rowsAry[i]); } rowsAry.unshift(_rowsAry[0]); $.csv2table._rowsAry[id]=rowsAry; } resetSortImg(id); if(op.orderBy){ var cv,orderlen = op.orderBy.length-1; for(var i=orderlen ;i>=0;i--){ var cv=getColNoAndValue(op.orderBy[i],rowsAry[0]); rowsAry=$.csv2table._rowsAry[id]=orderWk( rowsAry,cv.val,cv.cln ) } } if(op.limit){ var lmt=op.limit,lmlen=lmt.length,_rowsAry=[],zan,end; if(lmlen==1)ofs=1,len=lmt[0]; else if(lmlen==2)ofs=lmt[0]+1,len=lmt[1]; else ofs=1,len=rowsAry.length; zan=rowsAry.length-ofs; if(len>zan)len=zan; end=ofs+len; for(var i=rowsAry.length;i>0;i--){ if(ofs<=i && i\!=][=]{0,}[0-9]*$/g) } function getCRLF(content){ if(op.row_sep !== "")return op.row_sep if(content.indexOf("\r\n")>-1){ return "\r\n" }else if(content.indexOf("\n")>-1){ return "\n" }else if(content.indexOf("\r")>-1){ return "\r" }else{ return op.row_sep } } function mkTable(id,rowsAry){ if(!rowsAry)return var row=rowsAry.length,col=rowsAry[0].length, s=op.col_midasi+1 var htm=""; //見出し行の処理 htm+= ""; for (var k=0; k" + rowsAry[op.col_midasi][k]; if(op.sortable) htm+= "" htm+= ""; if(!op['th'+k])op['th'+k]=null;//memo of sortType } htm+= ""; //data行の処理 for (var i=s; i"; } htm+= ""; } var tableHtm=$.csv2table._doc.getElementById(id) .innerHTML=""+htm+"

"; return tableHtm; } //// // 並べ替え // @parame dataAry 並べ替え対象配列 // @parame sortType 昇順A|降順D // @parame colIndex ソート列 // function sortwk(dataAry,sortType,colIndex){ if(!dataAry)return ; sortType=sortType.toUpperCase(); if(sortType=="D")op['th'+colIndex]='D'; else op['th'+colIndex]='A'; var ci=colIndex, are3comma=chkThreeComma(dataAry[0][ci]), mved3comma=are3comma.split(",").join(""); if(!isNaN(dataAry[0][ci]) || !isNaN(mved3comma)){ var rowlen=dataAry.length; if(are3comma != 'null'){ for(var j=0;j ""+b[ci])?-1:1): ((""+a[ci] > ""+b[ci])?1:-1); } ) } return dataAry; } function escapeStrComma(col_sep,row_sep,oj,removeDoubleQuote){ var rdq=(removeDoubleQuote)?'':'"'; //mk dmy for comma in " var dmy =['-###','###-'],cnt=0,r; cnt=(function mkdmy(cnt){ if(!( oj.indexOf((dmy[0]+'comma'+cnt+dmy[1]))==-1 || oj.indexOf((dmy[0]+'rn'+cnt+dmy[1]))==-1 || oj.indexOf((dmy[0]+'wDquote'+cnt+dmy[1]))==-1 ))mkdmy( ++cnt ) else void(0) return cnt; })(cnt) var reg='(["](.|(\r\n|\r|\n))*?(["]$|["][,('+op.row_sep+')]))', //fix rn thanx @shigemk2 20150612 dmystr_comma=''+(dmy[0]+'comma'+cnt+dmy[1]) , dmystr_rn=''+(dmy[0]+'rn'+cnt+dmy[1]) , dmystr_wDquote=''+(dmy[0]+'wDquote'+cnt+dmy[1]) ; escape= oj.replace('""',dmystr_wDquote); escape= escape.replace( new RegExp(reg,"g"), function (after,before,index) { after= after .replace(/(\r\n|\r|\n)(?!$)/g,dmystr_rn) //fix rn thanx @shigemk2 20150612 .replace(/,(?!$)/g,dmystr_comma) return after } ) if(op.select == '*'||op.select == ['*']) r=$.csv2table._rowsAry[id]=mkArray(escape,op.col_sep,op.row_sep); else r=$.csv2table._rowsAry[id]=mkSelectedArray(escape,op.col_sep,op.row_sep,op.select) var b=[],rowlen=r.length,collen=r[0].length; for(var i=0;i":"")) //fix rn thanx @shigemk2 20150612 .replace(new RegExp(dmystr_wDquote,'g'),'""'); } catch(e){} } } return b } function mkSelectedArray(data,col_sep,row_sep,select){ var rows=data.split(row_sep),rc=[],c=[], rowlen=rows.length ; for(var i=0;i