javascript | 俺日記

Javascript 全ての親ノードを取得する。

メモ。

function LoopParents(target) {
                var parent = target.parentNode;
                if (parent) {
                    var nextParent = parent.parentNode;
                    if (nextParent)
                        LoopParents(parent);
                }
                return false;
}

function LoopParents(target) {

var parent = target.parentNode;

if (parent) {

var nextParent = parent.parentNode;

if (nextParent)

LoopParents(parent);

}

return false;

}

NodeJSでMAMPのMySQLにアクセスする。

mysqlモジュールをnpmでインストール後、下記のようなコードでMySQLにアクセスできるといろんなサイトに掲載されているが、MacのMAMPだと失敗する。

var connection = mysql.createConnection({
    host: 'localhost',
    database: 'dbname',
    user: 'username',
    password: 'password'
});

var connection = mysql.createConnection({

host: 'localhost',

database: 'dbname',

user: 'username',

password: 'password'

});

下記のようにMAMP内のMySQLサーバーのポートである8889を指定するとアクセスすることができる（念のためMySQLのポートはMAMPの設定から確認してほしい）。

var connection = mysql.createConnection({
    host: 'localhost',
    database: 'dbname',
    user: 'username',
    password: 'password',
    port:8889
});

var connection = mysql.createConnection({

host: 'localhost',

database: 'dbname',

user: 'username',

password: 'password',

port:8889

});

以上。

htmlファイルのリンクをチェックするブックマークレットを作った

フロントエンドコーディングの品質管理において何か良いツールはないかと探していたところ、知人に下記を紹介してもらった。

alt属性を確認するブックマークレット。

ブックマークレットということでブラウザさえ対応していればWindows，Macを選ばずサクサクと実行することができる。
このブックマークレットにインスパイアされ、ページ内のリンクをチェックするブックマークレットを自作してみた。

javascript:(function(d) {
    function l() {
        (function($) {
            var rid = 'ALL_link_check';
            if (document.getElementById(rid))
                return;
            function e(t) {
                return document.getElementsByTagName(t);
            }
            function a(o, a) {
                return o.getAttribute(a);
            }
            anchors = document.getElementsByTagName('a');
            if (anchors.length <= 0)
                return;
            var r = document.createElement('div');
            var rcss = 'padding:5px;position:absolute;top:0;left:0;background:#fff;border:solid #ccc 1px;z-index:2999;';
            var tblcss = ' style=\'border-collapse:collapse;background:#fff;\'';
            var tdlcss = ' style=\'padding:4px;border-bottom:solid #ffffff 2px;text-align:right;\'';
            var tdrcss = ' style=\'padding:4px;border-bottom:solid #ffffff 2px;text-align:left;\'';
            r.id = rid;
            r.style.cssText = rcss;
            var h = '<table' + tblcss + '>';
            h += '<tr><td colspan=\'2\' style=\'text-align:center;\'><span id=\'checkinglink\'>Checking link existence....</span></td></tr>';
            for (var j = 0; j < anchors.length; j++) {
                h += (j % 2 == 0) ? '<tr bgcolor=#cccccc>' : '<tr bgcolor=#f9f9f9>';
                h += '<td' + tdlcss + '>' + anchors[j].innerHTML + '</td><td' + tdrcss + '><span id=\'existcheck' + j + '\'>' + a(anchors[j], 'href') + '</span></td></tr>';
            }
            h += '</table>';
            e('body')[0].appendChild(r);
            r.innerHTML = h;
            r.onclick = function() {
                this.parentNode.removeChild(this);
            };
            window.scrollTo(0, 0);
            function checkurl(id, geturl, maxcnt) {
                $.post(geturl, {value: 1}, function(data) {
                }).fail(function(error) {
                    if (error.status == 404) {
                        $('#existcheck' + id).css('background-color', '#ff0000');
                    } else {
                        $('#existcheck' + id).css('background-color', '#0000ff');
                    }
                }).always(function() {
                    if (geturl == '#') {
                        $('#existcheck' + id).css('background-color', '#ff0000');
                    }
                    if (!geturl) {
                        $('#existcheck' + id).css('background-color', '#ff0000');
                    }
                    if (id == maxcnt - 1) {
                        $('#checkinglink').html('Done!!');
                    }
                });
            }
            var maxcnt = anchors.length;
            for (var j = 0; j < maxcnt; j++) {
                var geturl = a(anchors[j], 'href');
                checkurl(j, geturl, maxcnt);
            }
        })(jQuery)
    }
    if (typeof jQuery == 'undefined') {
        var j = d.createElement('script');
        j.type = 'text/javascript';
        j.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js';
        d.body.appendChild(j);
        j.onload = l
    } else {
        l()
    }
})(document);

javascript:(function(d) {

function l() {

(function($) {

var rid = 'ALL_link_check';

if (document.getElementById(rid))

return;

function e(t) {

return document.getElementsByTagName(t);

}

function a(o, a) {

return o.getAttribute(a);

}

anchors = document.getElementsByTagName('a');

if (anchors.length <= 0)

return;

var r = document.createElement('div');

var rcss = 'padding:5px;position:absolute;top:0;left:0;background:#fff;border:solid #ccc 1px;z-index:2999;';

var tblcss = ' style=\'border-collapse:collapse;background:#fff;\'';

var tdlcss = ' style=\'padding:4px;border-bottom:solid #ffffff 2px;text-align:right;\'';

var tdrcss = ' style=\'padding:4px;border-bottom:solid #ffffff 2px;text-align:left;\'';

r.id = rid;

r.style.cssText = rcss;

var h = '<table' + tblcss + '>';

h += '<tr><td colspan=\'2\' style=\'text-align:center;\'><span id=\'checkinglink\'>Checking link existence....</span></td></tr>';

for (var j = 0; j < anchors.length; j++) {

h += (j % 2 == 0) ? '<tr bgcolor=#cccccc>' : '<tr bgcolor=#f9f9f9>';

h += '<td' + tdlcss + '>' + anchors[j].innerHTML + '</td><td' + tdrcss + '><span id=\'existcheck' + j + '\'>' + a(anchors[j], 'href') + '</span></td></tr>';

}

h += '</table>';

e('body')[0].appendChild(r);

r.innerHTML = h;

r.onclick = function() {

this.parentNode.removeChild(this);

};

window.scrollTo(0, 0);

function checkurl(id, geturl, maxcnt) {

$.post(geturl, {value: 1}, function(data) {

}).fail(function(error) {

if (error.status == 404) {

$('#existcheck' + id).css('background-color', '#ff0000');

} else {

$('#existcheck' + id).css('background-color', '#0000ff');

}

}).always(function() {

if (geturl == '#') {

$('#existcheck' + id).css('background-color', '#ff0000');

}

if (!geturl) {

$('#existcheck' + id).css('background-color', '#ff0000');

}

if (id == maxcnt - 1) {

$('#checkinglink').html('Done!!');

}

});

}

var maxcnt = anchors.length;

for (var j = 0; j < maxcnt; j++) {

var geturl = a(anchors[j], 'href');

checkurl(j, geturl, maxcnt);

}

})(jQuery)

}

if (typeof jQuery == 'undefined') {

var j = d.createElement('script');

j.type = 'text/javascript';

j.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js';

d.body.appendChild(j);

j.onload = l

} else {

l()

}

})(document);

本来であれば直接ブックマークに追加できるよう掲載したかったが、なぜかうまくいかなかったので、上記コードをコピーし、このサイトでブックマークレット形式に変換して利用してほしい。

ブックマークバーに保存したあとは、対象のウェブサイトで実行すると、下記のように全てのリンクの一覧が表示される。
その後、ajaxで各リンクの存在チェックを行い、リンク切れのところは赤に、外部リンクは青にハイライトされる仕様だ。
Chromeの最新版で動作確認済み。

フロントエンドコーディング担当者には品質チェックの一環として、担当ページの提出前にこれを実行してもらおうと思う。

Vineの非公式APIとTwitterAPIを使ってVineまとめサイトを作った。

俺日記のしんじです。一人称は僕です。

ふと何かVineで作りたくなったので。

Vineの人気動画をTwitterでまとめました。viny（バイニー）

TwitterからvineのURLの載ったツイートを収集して、RT数やファボ数等でランキング化しています。

html5のビデオタグを使って、vineの公式サイトのようにマウスをのせるだけで再生されるようにしてるんだけど、vineから提供される動画ファイルがmp4のみなので、firefoxではその部分が動かないから残念だ（クリックしたら再生できるようにしているが…）。

差別ネタとか暴力系とかまざっててたまに驚くけどそれもまた一興。

2014/06/23追記：やたらとサーバーのリソースをくってしまうので停止しました・・・

2015/07/28追記：復活させました。

2015/11/06追記：やっぱり停止しました。。

Titanium StudioでのiPhone実機を使ったデバッグ方法

公式はここ。
http://docs.appcelerator.com/titanium/latest/#!/guide/Debugging_on_iOS_Devices

前提

・Titanium Studioから実機へアプリをインストールできること。
・Titanium SDK Release 3.0以降であること
・Titanium Studioのバージョンが3.0以降であること。
・PCと実機が同じWi-Fiネットワークを使っていること。デバッガはUSBケーブルではなくWi-Fiを通して実行される。
・USBケーブルで実機をPCとつなげておくこと（推奨）
・iTunesとWi-Fi経由で同期する設定にしておくこと。
※信頼できるWi-Fiがなければ、Ad-Hocで代用することもできる。

“Titanium StudioでのiPhone実機を使ったデバッグ方法” の続きを読む

Titanium StudioでProvisioning ProfileをセットしようとしたらInvalidエラー

Specified Provisiong Profile is invalid or is the wrong type.

ダウンロードしたProvisioning Profileの置き場所を日本語名の入ったディレクトリにしていたことが原因だった。
全て英語のディレクトリ名に変更し、再セットで成功。

Titanium Studioのdeployment targetが灰色になってチェックできない

こういう場合。

各SDKのセットアップが完了していないために起こる。

こういうときは例えば予め、DashboardのConfigure Native SDKsで×印がついているOSをクリックすると右に表示がでるのでそれにしたがって実行したらOK。

だと思う。

カテゴリー: javascript

【Mac】nodebrewを使ったNode.jsの環境構築

現状のNode.jsを完全にアンインストール

nodebrewを使ってNode.jsをインストール

Javascript 全ての親ノードを取得する。

NodeJSでCron処理を実現し、デーモン化させる。

NodeJSでMAMPのMySQLにアクセスする。

htmlファイルのリンクをチェックするブックマークレットを作った

Vineの非公式APIとTwitterAPIを使ってVineまとめサイトを作った。

Titanium StudioでのiPhone実機を使ったデバッグ方法

前提

Titanium StudioでProvisioning ProfileをセットしようとしたらInvalidエラー

Titanium Studioのdeployment targetが灰色になってチェックできない