JavaScript

JavaScriptで全角英数と半角英数の相互変換

全角英数の文字コードから65248個前が半角英数の文字コード。半角英数の文字コードから65248個後が全角英数の文字コード。 // 半角にしたい str.replace(/[A-Za-z0-9]/g, function(s) { return String.fromCharCode(s.charCodeAt(0) - 65248); }); // …

最近よく使うjQueryの拡張メソッド

小規模アプリとか、ガーッと書いちゃう時によく使う。 jQuery.fn.extend({ isEmpty : function(s, c) { var self = this; return self.size() > 0 ? self : jQuery(s, c); } }); jQueryオブジェクトが空(要素が無い)かどうかを見て、空なら引数を元に新しいj…

Re:インクリメンタルサーチをjQueryで実装

http://moto-mono.net/2009/07/03/incremental-search-with-jquery.htmlこれを自分なりに実装してみる。 ソースコード あんまり変え過ぎるのもアレなので、全体の流れは元記事のサンプルと同じにした。 jQuery(function($) { // 対象のtr達 var tr = $('tr',…

JavaScriptで10の練習問題 #6

ちょっと間があいてしまったけど続きを。 テキストを入れると語尾が赤ちゃん言葉に 「語尾が」って言うのが難易度を一気に上げている。ちょっと面倒なので、さ行を全部変換する感じで行ってみよう。 function BabyTalk() { /** * 'さ' : 'ちゃ', * 'す' : '…

JavaScriptで10の練習問題 #5

キーワードを入れてYahoo!の検索結果を出力 究極に楽をするならiframeのsrcに検索クエリ付きのURLを渡す。 でも、それではあまり勉強にならないので、今回はJSONPを使ってみることにする。 Yahoo Developer Network でAPIキーを取得して開始。 function yaho…

JavaScriptで10の練習問題 #4

簡易電卓 0で割ったときの処理を作り込むのは、本質的では無いのでやめておく。 function Calculator(display) { this.display = display; this.display.value = 0; this.input = 0; this.total = 0; this.tmpOpe = ''; this.tFlag = false; } Calculator.pr…

JavaScriptで10の練習問題 #3

複数の数値を入力させ、昇順に並び替え、最大値と最小値を出す var study_03 = function () { document.getElementById('MyForm').onsubmit = function () { var result = [], length = this.elements.length; // フォームの値取得 for (var i = 0; i < leng…

JavaScriptで10の練習問題 #2

前回に引き続き、言語習得用の練習問題。 現在時刻にあわせてやる気のでるメッセージを出力 やる気のでるメッセージを考えるのが億劫なので、とある1日の行動記録を時間別に出力。 var study_02 = function () { var msg = []; msg[8] = '8時:起床'; msg[9] …

JavaScriptで10の練習問題 #1

言語習得用の練習問題を、JavaScriptで出来るところだけ(仕様的な意味で)やってみます。新しくプログラミング言語を覚えたいときに行うべき10の練習問題 自分ルール 実行速度は気にしない・最適化しない コードの短さ・綺麗さは気にしない ネタ元の練習問題…

JavaScriptの勉強を始めよう、まずは環境だ

ライブラリ(jQuery)依存では、やっぱりこの先辛いだろうと言うことで、JavaScript(ブラウザ実装)を勉強します。 まずは快適に勉強する環境を作る 勉強となるとブラウザの更新頻度はかなり上がると思うので、ファイルが更新されたら自動的に更新される環境に…