JavaScript – Poor Coding

JavaScript Excel coordination changer

Excel:A1 <-> Coord:(1,1)

// 0 | 1 case 0: (0,0) -> A1 case 1: (1,1) -> A1
var coordinationIndexBase = 1;

var reRow = new RegExp("(\\d+)$");
var reCol = new RegExp("^([A-Z]+)");

var getRowName = function(cellName) {
    var found = cellName.match(reRow);
    if(!found){
        throw new Error("Parameter \"cellName\" has no convertable row name. cellName = " + cellName + "");
    }
    return found[0];
};

var getColName = function(cellName) {
    var found = cellName.match(reCol);
    if(!found){
        throw new Error("Parameter \"cellName\" has no convertable column name. cellName = " + cellName + "");
    }
    return found[0];
};

var getRowIndex= function(cellName) {
    var rowIndex = parseInt(getRowName(cellName));
    rowIndex -= 1 - coordinationIndexBase;
    return rowIndex;
};

var getColIndex  = function(cellName){
    var colName = getColName(cellName);
    var colIndex = 0;
    for (var i = 0, iLen = colName.length; i < iLen ; i++) {
        colIndex *= 26;
        colIndex += alpha2number(colName[i]) + 1;
    }
    colIndex -= 1 - coordinationIndexBase;
    return colIndex;
};

var getCellName = function(rowIndex , colIndex){
    if(rowIndex < coordinationIndexBase){
         throw new Error("Parameter \"rowIndex\" can't less then "+coordinationIndexBase  +". rowIndex = " + rowIndex + "");
    }
    
    if(colIndex < coordinationIndexBase){
         throw new Error("Parameter \"colIndex\" can't less then "+coordinationIndexBase  +". colIndex = " + colIndex + "");
    }
    
    rowIndex -= coordinationIndexBase - 1;
    colIndex -= coordinationIndexBase - 1;
    var colName = '';
    while (true) {
        colIndex -= 1 
        colName = number2alpha(colIndex % 26) + colName;
        colIndex = Math.floor(colIndex / 26);
        if (colIndex <= 0) {
            break;
        }
    }
    return cellName = colName + rowIndex;
}
// A -> 0
var alpha2number = function(alpha) {
    var number = alpha.charCodeAt(0) - 65;
    return number;
}
    
// 0 -> A
var number2alpha = function(number) {
    if (number < 0) {
        return "";
    }
    var alpha = String.fromCharCode(65 + number);
    return alpha;
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

// 0 | 1 case 0: (0,0) -> A1 case 1: (1,1) -> A1

var coordinationIndexBase = 1;

var reRow = new RegExp("(\\d+)$");

var reCol = new RegExp("^([A-Z]+)");

var getRowName = function(cellName) {

var found = cellName.match(reRow);

if(!found){

throw new Error("Parameter \"cellName\" has no convertable row name. cellName = " + cellName + "");

}

return found[0];

};

var getColName = function(cellName) {

var found = cellName.match(reCol);

if(!found){

throw new Error("Parameter \"cellName\" has no convertable column name. cellName = " + cellName + "");

}

return found[0];

};

var getRowIndex= function(cellName) {

var rowIndex = parseInt(getRowName(cellName));

rowIndex -= 1 - coordinationIndexBase;

return rowIndex;

};

var getColIndex = function(cellName){

var colName = getColName(cellName);

var colIndex = 0;

for (var i = 0, iLen = colName.length; i < iLen ; i++) {

colIndex *= 26;

colIndex += alpha2number(colName[i]) + 1;

}

colIndex -= 1 - coordinationIndexBase;

return colIndex;

};

var getCellName = function(rowIndex , colIndex){

if(rowIndex < coordinationIndexBase){

throw new Error("Parameter \"rowIndex\" can't less then "+coordinationIndexBase +". rowIndex = " + rowIndex + "");

}

if(colIndex < coordinationIndexBase){

throw new Error("Parameter \"colIndex\" can't less then "+coordinationIndexBase +". colIndex = " + colIndex + "");

}

rowIndex -= coordinationIndexBase - 1;

colIndex -= coordinationIndexBase - 1;

var colName = '';

while (true) {

colIndex -= 1

colName = number2alpha(colIndex % 26) + colName;

colIndex = Math.floor(colIndex / 26);

if (colIndex <= 0) {

break;

}

return cellName = colName + rowIndex;

}

// A -> 0

var alpha2number = function(alpha) {

var number = alpha.charCodeAt(0) - 65;

return number;

}

// 0 -> A

var number2alpha = function(number) {

if (number < 0) {

return "";

}

var alpha = String.fromCharCode(65 + number);

return alpha;

}

Android 4.2.2 default browser canvas bug

When I test canvas animation used createJS,
I found afterimage.

I can find afterimage use setTimeout.
Canvas’s parent div changed after canvas’s animation started.

Devices error found is below.
Sharp AQUOS PHONE SHL24（Android　4.2.2)
Sony XperiaA SO-04E (Android 4.2.2)

pseudo code

<div id="scr01">
   // ... some images
</div> 
<div id="scr02">
   <canvas id="anime"></canvas>
</div>

$("#anime")[some animation started by CreateJS]
setTimeout(function(){
    $("#scr01").hide();
    $("#scr02").show();
},1000);

1

2

3

4

5

6

7

8

9

10

11

12

// ... some images

</div>

</div>

$("#anime")[some animation started by CreateJS]

setTimeout(function(){

$("#scr01").hide();

$("#scr02").show();

},1000);

Javascript Japanese IME(Input Method Editor) Control V.0.0.1

Japanese IME control using regular expression on javascript.

Sample

// unicode range is referenced by http://www.unicode.org/charts/

// Numeric
//   \u0030-\u0039  -----  u0030:0  u0039:9
// FullWidth Numeric
//   \uFF10-\uFF19  -----  uFF10:０ uFF19:９

// Alphabet Uppercase
//   \u0041-\u005A  -----  u0041:A  u005A:Z
// Alphabet Lowercase
//   \u0061-\u007A  -----  u0061:a  u007A:z
// FullWidth Alphabet Uppercase
//   \uFF21-\uFF3A  -----  uFF21:Ａ uFF3A:Ｚ
// FullWidth Alphabet Lowercase
//   \uFF41-\uFF5A  -----  uFF41:ａ uFF5A:ａ

// kanji
//   \u4E00-\u9FAF  -----  u4E00:一 u9FAF:龯
// Hiragana
//   \u3041-\u3096  -----  u3041:ぁ u3096:ゖ
// Katakana
//   \u30A1-\u30FF  -----  u30A1:ァ u30FF:ヿ
// Katakana Phonetic Extensions
//   \u31F0-\u31FF  -----  u31F0:ㇰ u31FF:ㇿ
// Katakana Halfwidth
//   \uFF66-\uFF9F  -----  uFF66:ｦ  uFF9F:ﾟ

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

// unicode range is referenced by http://www.unicode.org/charts/

// Numeric

// \u0030-\u0039 ----- u0030:0 u0039:9

// FullWidth Numeric

// \uFF10-\uFF19 ----- uFF10:０ uFF19:９

// Alphabet Uppercase

// \u0041-\u005A ----- u0041:A u005A:Z

// Alphabet Lowercase

// \u0061-\u007A ----- u0061:a u007A:z

// FullWidth Alphabet Uppercase

// \uFF21-\uFF3A ----- uFF21:Ａ uFF3A:Ｚ

// FullWidth Alphabet Lowercase

// \uFF41-\uFF5A ----- uFF41:ａ uFF5A:ａ

// kanji

// \u4E00-\u9FAF ----- u4E00:一 u9FAF:龯

// Hiragana

// \u3041-\u3096 ----- u3041:ぁ u3096:ゖ

// Katakana

// \u30A1-\u30FF ----- u30A1:ァ u30FF:ヿ

// Katakana Phonetic Extensions

// \u31F0-\u31FF ----- u31F0:ㇰ u31FF:ㇿ

// Katakana Halfwidth

// \uFF66-\uFF9F ----- uFF66:ｦ uFF9F:ﾟ

C# -> JS all files and directories

get all files and directories in C# and set all files and directories in JS

C#
GetFilesAndDirectories(@”C:”, true);

private List<object> GetFilesAndDirectories(string path, bool isRoot = false) {
List<object> fileList = new List<object>();
Dictionary<string, object> fileItem = new Dictionary<string, object>();
if (isRoot) {
fileItem = new Dictionary<string, object>();
fileItem[“type”] = “dir”;
fileItem[“value”] = path.Substring(path.LastIndexOf(Path.DirectorySeparatorChar) + 1);
fileItem[“path”] = path;
fileItem[“fileList”] = GetFilesAndDirectories(path);
fileList.Add(fileItem);
} else {
foreach (string dir in Directory.GetDirectories(path)) {
fileItem = new Dictionary<string, object>();
fileItem[“type”] = “dir”;
fileItem[“value”] = dir.Substring(dir.LastIndexOf(Path.DirectorySeparatorChar) + 1);
fileItem[“path”] = dir;
fileItem[“fileList”] = GetFilesAndDirectories(dir);
fileList.Add(fileItem);
}
foreach (string file in Directory.GetFiles(path)) {
fileItem = new Dictionary<string, object>();
fileItem[“type”] = “file”;
fileItem[“value”] = Path.GetFileName(file);
fileItem[“path”] = file;
fileItem[“exe”] = Path.GetExtension(file);
fileList.Add(fileItem);
}
}
return fileList;
}

JS
getFileInfo (c#returnedFileList, true);

サイト公開前チェック事項

サイト公開前チェック事項
http://www.webtweet.info/2011/11/20のサイト公開前チェック事項/
ウェブサイトの速度とパフォーマンスをチェックするツール18選+α
http://tokkono.cute.coocan.jp/blog/slow/index.php/xhtmlcss/website-speed-and-performance-check-tools/

Twitter Button – Resize with javascript

<div id=”sns_twitter”>
<a href=”https://twitter.com/share”
class=”twitter-share-button”
data-url=”[your site address]”
data-text=”[your site description]”
data-hashtags=”[your site title]”>Tweet</a>
<script type=”text/javascript”>
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? ‘http’ : ‘https’;
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + ‘://platform.twitter.com/widgets.js’;
fjs.parentNode.insertBefore(js, fjs);
}
}(document, ‘script’, ‘twitter-wjs’);
</script>
</div>

// get twitter button(iframe) size
var snsTwitterIframeWidth = $(“#sns_twitter > iframe”).css(“width”);
// trim “px”
snsTwitterIframeWidth = parseInt(snsTwitterIframeWidth.substring(0, snsTwitterIframeWidth.length – 2));
// minus 34px on button(iframe) size (english only)
var snsTwitterWidth = snsTwitterIframeWidth – 34);
// resize twitter button wrapper
$(“#sns_twitter”).css(“width”, snsTwitterWidth + “px”);

// 1.wrap twitter button with div(sns_twitter here)
// 2.set style div overflow:hidden
// 3.resize your div size