JavaScript

【JQuery】IE8対応 テーブルヘッダ固定スクリプト

$.fn.fixedTable = function(){ var $table = $(this), $thead = $table.find('thead'), $tbody = $table.find('tbody'); //元テーブル横幅保存用 var thead_cell_widthes = []; var $clone_table = $table.clone(); $clone_table.find('tbody').remove(); $…

【JavaScript】Array loop処理

Arrayオブジェクトのループ処理の種類をよく忘れるのでメモ 一つでも条件を満たすか判定 ['10','20','30'].some(function(value){ return value.match(/^1/); }) //⇒true 全ての条件を満たすかを判定 ['10','20','30'].every(function(value){ return value.…

Reactで日本都道府県クイズを作ってみた

完成品github.com概要 ・47都道府県からランダムに県を出題 ・同じ県は出題されない ・出題中の県は黄色、正解した県は緑、間違った県は赤で表示される ・回答時点での成果率を表示する主要構成 React React-Bootstrap Prefectly ※今回はFluxは不使用紹介 : …

React.jsで子から親へ イベントを通知する

親コンポーネントのメソッドをコールバック実行するメソッドを 子コンポーネントのpropsに設定するればイベントの通知が可能。まずイベントを発生させる子コンポーネントを定義する。 var CommentForm = React.createClass({ clickEvent(e){ var cast_value …

Express4 & React.js 環境を構築

React.js開発環境でググるとBabelとかnpm-scriptsやら色々出てきて 軽くお試しで作るのには色々と面倒なので簡単な環境構築をする。 ※ちなみにExpress4のテンプレートを利用します。とりあえず前提条件で以下のものは導入済みのこと ・npm ・node.jsreact-to…

Mongoose用のラッパー的なものを書いてみた

前回の記事からリファクタリングしてみた。models/models.js var mongoose = require('mongoose'), Schema = mongoose.Schema; var ModelModule = function(){}; /** * ドキュメント作成 */ ModelModule.prototype.create = function(){ var ModelSchema = n…

NodeでMongooseを使ってみた

Expressをインストール。 今回はテンプレートを利用する。 $ npm install -g express-generator続いてmongooseをインストール。 $ npm install mongoosetodo という名前でプロジェクト作成。 $ express todoプロジェクトが生成されたら今回はUser管理は使わ…

Node.js で MongoDBに接続

MongoDBをインストール $ brew install mongodbインストール終了後、ログに従い以下を設定 $ ln -s /usr/local/opt/mongodb/*.plist ~/Library/LaunchAgents/ $ launchctl load -w ~/Library/LaunchAgents/homebrew.mxcl.mongodb.plist $ mongod接続確認 $ m…

Node.js で簡易サーバーを動かしてみた

server.js (function(){ var http = require('http'), path = require('path'), lookup = null, rootes = []; //Set Routes rootes.push({ routes : '', 'output' : 'root' }); rootes.push({ routes : 'test', 'output' : 'test' }); rootes.push({ routes …

JavascriptのDom操作用ライブラリを実装してみた

毎度同じようなDom操作をするのが面倒になったのでHelper的なライブラリを実装してみた。 インスタンスとして宣言しておくことで よく使うDOM操作を大体扱うことが出来る。 var App = {}; App.Helper={}; /**----------------------------------------------…

Javascriptでコーディングする際のポイント

1. プリミティブ型は値渡し、オブジェクト型は参照渡し var user = { "name" : "サンプルユーザー" }; var copy_user = user; copy_user.name = "更新ユーザー" //Object {name: "更新ユーザー"} user //Object {name: "更新ユーザー"} このように参照元に変…

nodeListオブジェクトをArrayオブジェクトに変換

nodeListオブジェクトは そのまま利用するとパフォーマンスが悪い。 なのでArrayオブジェクトに変換してから利用する方法を用いるのがベター。 var NodeArray ={ convert : function(nodeList){ var elements = Array.prototype.slice.call(nodeList); retur…

prototypeで実験してみた

javascriptのprototypeで色々と悩んだので、その実験を纏めてみたまずは基本的なprototypeを使ったメソッドの実装(?) function Human(name,age){ this.name = name; this.age = age; } Human.prototype.show = function(){ alert(this.name); } var human = …

Uncaught SyntaxError: Unexpected end of input の対処

コーディング中に以下の様なエラーが発生 Uncaught SyntaxError: Unexpected end of input なぜかHTML一行目でSyntaxErrorを吐くので原因がわからない。 解決するのに結構ハマったのでメモしておく 色々と探した結果幾つか原因がある模様。 ①()が閉じられ…