IT練習ノート

IT関連で調べたこと(実際は嵌ったこと)を書いています。

javascript

react-bootstrap-tableでcolumnが動的の場合のテーブル生成

Reactのテーブルコンポーネントはどれがデファクトなのでしょうか。よくわからなかったので、目についたreact-bootstrap-tableを使ってみました。 allenfang.github.io ライブラリの取り込み <script src="https://unpkg.com/react@15/dist/react.js"></script> <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>

ReactでHTMLの共通化

SBAdmin2のダッシュボードページにあるカードのUI部分をReactにて共通化してみました。 startbootstrap.com ここの部分です。 下記が4枚あるカードのコードになります。これをReactを使って共通化します。背景色と表示内容だけが異なり、タグの構造は全く同…

jquerymyのtwo way bindingのsample

完全なtwo way bindingではないけれど、jQueryの資産を生かせる形なので使い所があるかも。 gist.github.com

イベント伝播の確認サンプル

イベント伝播の確認サンプル gist.github.com セルをクリックしたとき [Log] cell (5,1) (test.html, line 27) [Log] MouseEvent {clipboardData: undefined, screenX: 98, screenY: 252, clientX: 98, clientY: 190, …} (test.html, line 28) [Log] <td id=​"c51">​1,131​</td>…

JavaScriptでsum, concat, maximum, inits, tails, ...

JavaScriptにはsumとか標準でないようですね。なにか見落としているのかな、、、。 合計 var sum = function(xss){return xss.reduceRight(function(acc, v){return acc + v;},0);}; undefined sum([1,2,3]); 6 最大 var maximum = function(xss) {return xs…

スコープのメモ

JavaScriptのスコープのメモ 宣言してない -> ReferenceError: a1 is not defined 実行時エラーとなる。 宣言したけど値が設定されていない -> undefined 実行時エラーとはならない。 関数の定義でスコープができる。スコープは静的(lexical scope)。(vs thi…

pqGridでラジオボタン選択を実装してみる

pqGridでチェックボックスでのグリッド選択ができます。 jQuery grid with Checkbox Selection colModelで対象の列のtype属性にcheckBoxSelectionを指定します。また、選択のモード(single, range or block)等をselectionModelで指定します。 モードがsing…

pqGridの基本形

javascriptのグリッドライブラリにpqGridがあります。 jQuery Grid シンプルな基本形があると、そこから設定を追加して行っていろいろ試せるので、用意してみました。 <html> <head> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css" /> </link></head></html>

関数のプロパティ

関数にはnameプロパティがある。 var foo = { var : function(){} // 無名関数で、fooオブジェクトのvarプロパティに紐づいている } console.log(foo); console.log(foo.var); console.log(foo.var.name); function method() {} // 名前あり var bar = { var…

nodeJSの練習

参考情報 https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager RHEL/CentOS/Scientific Linux 6 インストール [ec2-user]# yum update [ec2-user]# yum install nodejs npm --enablerepo=epel Loaded plugins: amazon-id, rhui-lb,…

JavaScript実装のV8のインストール

JavaScriptの勉強のためインストールしてみました。 コードのダウンロード [ec2-user]# mkdir V8 [ec2-user]# cd V8/ # svnが入ってなかったのでインストール [V8]# yum install svn # レポジトリからチェックアウト [V8]# svn checkout http://v8.googlecod…