Ys' Library | プログラミング・ガジェット徒然日記

2012年3月14日水曜日

[JavaScript] sleepを擬似的に実装

こんな感じ。
引数はミリ秒。
Dateオブジェクトを利用して、現在時刻がsleepを呼んだ時の日時+引数を経過するまでループを回す。
ただし画面が固まるので利用する場面はほとんどないんじゃないかな。

function sleep(milliSeconds) {
    var startTime = new Date().getTime();
    while (new Date().getTime() < startTime + milliSeconds);
}

2012年3月6日火曜日

前回の記事でNode.jsをnvmという環境管理ツールを使用してインストールしました。
しかし、nvmと私が普段使っているzshの相性が悪いため、なにか代替の環境管理ツールはないかな、と探していました。
そこで本日発見したのが「nodebrew」です。
perlで書かれているためzshでも普通に使えています。

今回はnvmのアンインストールからnodebrewのインストール、node.jsのインストールまで書いてみようと思います。

nvmのアンインストール

ホームディレクトリ直下の[.nvm], [.npm], [.nodejs]フォルダを削除します。
これでnvmやnode.jsの関連ファイルを全削除できます。

nodebrewのインストール

$ curl https://raw.github.com/hokaccha/nodebrew/master/nodebrew | perl - setup

シェルの設定

zshrcにインストールしたnodebrewのパスを追記します。

PATH=$HOME/.nodebrew/current/bin:$PATH

nodeのインストール

現時点での最新版だった0.6.12をインストールします。

nodebrew install v0.6.12

npmは一緒にインストールされるみたいなので、express等モジュール類は簡単にインストールできます。
使用するバージョンの設定はこんな感じ。

nodebrew use v0.6.12

その他

nodebrewのコマンド類は本家githubを参照してください。

hokaccha/nodebrew

2012年2月29日水曜日

[Node.js]Mac OS X Lionにインストールしてみる

すでにたくさん記事はあるけど備忘録として。

とりあえずwgetをインストール。私はhomebrew使ってるけど、まあMac portsとかそのへんはお好みで。

brew install wget

次にnvm(Node Version Manager)をインストール。

% git clone git://github.com/creationix/nvm.git ~/.nvm
% source ~/.nvm/nvm.sh

sourceのところで

nvm_ls:17:no matches found: vdefault*

とかいうエラーが出ていつも使ってるzshでは先に進めなかった。
そのため一時的にbashに切り替えて実行したところうまくいった。

＊後から考えてみると、lsコマンドはエイリアス使ってたからそれが問題だったのかもしれない。

最後にNode.js本体のインストール。
Node.jsの日本語サイトでバージョンを調べ、適当なものを選ぶこと。
今回は安定版のv0.6.11を入れた。

nvm install v0.6.11

上記のコマンドを入力すると、コンパイルが始まるので暫く待つ。
インストール後、バージョンを確認する。

node --version

インストールしたバージョンが表示されれば成功。
あと、.zshrcに以下を追記する。

source ~/.nvm/nvm.sh
nvm use v0.6.11 > /dev/null

これでNode.jsが使えるようになっているはず。

ちょっと調べてみたら、nvmとzshは相性が悪いらしい。
というのも、nvmの作者がbash使いでかつ「自分が使うもの以外は実装しない」という主義だからだとか。
zshにそこまでこだわりがあるわけではないので、bashに戻すのもありかも…

2012年2月11日土曜日

[JavaScript] 秒から時分秒を算出

秒で格納してある値を時分秒で表示したかった。
こんな感じ。

var formatTime = function(seconds) {
    var result = "";
    //時間計算
    var hour = Math.floor((seconds / 60) / 60);
    var min = Math.floor((seconds / 60) % 60);
    var sec = Math.floor(seconds % 60);
    //フォーマット

    if (hour > 0) {
        result += hour + "時";

    }
    if (min > 0) {
        result += min + "分";
    }
    if (sec > 0) {
        result += sec + "秒";

    }
    return result;
}

2012年1月27日金曜日

Macbook Airを買って一週間でインストールしたアプリ

Macbook Air 11in.を購入しました。
今までWindowsのデスクトップしかなかったのですが、今年は勉強会等にも積極的に参加しようと思い、手軽に持ち出せる開発環境を用意しよう、という意図です。
後はMacを使ってみたかった、というのもありますね。
メインPCはWindows7なので使い勝手の比較が楽しいです。

なにはともあれ本題。
購入後一週間でインストールし、常用しているアプリを列挙します。
色々なブロガーさんがやっているのを見て、私もMacbook Airを買ったら書こうと思っていたのです＾＾

Alfred
コマンドラインランチャーです。
キーボードのみでアプリケーション起動やら検索やら、なんでもできるので便利です。
QuickSilverというアプリが有名なようですが、とりあえずこちらを試してます。

AppCleaner
Macはアプリをアンインストールしても、設定ファイルやらが一部残ってしまうそうです。
ですが、これを使ってアンインストールするとその設定ファイルやらなんやらも良きに計らってくれるとか。

Dropbox
オンラインストレージです。
Windowsとのファイル共有とか、バックアップとか、色々便利です。

Eclipse
Androidアプリの開発もあるため必須です。
日本語化プラグイン「Pleiades」を使う際は、eclipse.iniにpleiades.jarのフルパスを記入する必要があります。相対パスではダメなようです。
日本語化するとメモリを大量に消費するので、出来る人は英語で使うことをオススメします。

Evernote
言わずと知れたオンラインメモサービス。
色々な情報を貯めこんで、ライフログと化してます。
整理できてませんけどねー…

Google Chrome
メインで使っているWebブラウザなので、これがないと始まりません。

Google Japanese Input
標準のことえりがおバカさんなのと、Windowsでもメインで使ってるため変更。
これがフリーっていうのはすごいです。
後はPC間でのユーザ辞書同期があれば…

iTerm2
ターミナルエミュレータ。せっかくユニックス系のOSなのでターミナル使いこなせるようになりたいですね。

MarsEdit
ブログエディタです。
まだあまり使っていませんが、良い感じです。Wordpressの管理画面から書くよりは数倍いいですね。

XCode
主にiPhone Simulator用にインストール。
スマートフォン向けサイトの動作確認によく使います。

夜フクロウ
Twitterクライアント。
Tweenみたいのがあればいいんですけどねー。

とりあえずはこんな感じで。
テキストエディタはまだ色々試している状態なので、そのうちまとめて書きたい。
そのうちiTerm2の設定とかも書けたらいいなあ

2012年1月18日水曜日

[Android] WebViewのJavaScriptとJavaを連携する時に注意したこと

Asus Transformer TF101 Android 3.2.1でWebView使って詰まったことの覚え書き

・console.logの出力
そのままでもlogcatに出力されるはずが出力されず。
調べてみたら、WebChromeClientのonConsoleMessageをオーバーライドすればできるらしい。
こんな感じ。

WebView wv = (WebView)v.findViewById(R.id.webview);
wv.loadUrl("file:///android_asset/www/index.html");
wv.setWebChromeClient(new WebChromeClient(){
    @Override
    public boolean onConsoleMessage(ConsoleMessage cm){
        log.d("hogeActivity", cm.message() + "--From line " + cm.lineNumber() + " of " + cm.sourceId());
        return true;
    }
});

html上でconsole.logが呼ばれたタイミングでこのonConsoleMessageが呼ばれ、logcatにlogを出力してくれる。
cm.message()：ログの内容
cm.lineNumber()：console.logの呼ばれたhtml上の行番号
cm.sourceId()：console.logの呼ばれたファイルパス

・JavaScriptのfunctionをJavaから呼ぶ

wv.loadUrl("javascript:hoge()");

hoge()はhtml上で定義してあるJavaScriptのfunction。

・jQueryのfunctionをJavaから呼ぶ
基本は上と同じ。でも、下のhoge()は呼べない。

$(document).ready(function() {
    function hoge() {
        $(document).text("hello world");
    }
});

どうやら、$(document).ready(function() {}); で囲われた部分のfunctionは呼べないらしい。
まあグローバルメソッドじゃないから当たり前といえば当たり前か…
だから、下記のように囲わないで記述すれば呼ぶことができる。

function hoge() {
    $(document).text("hello world");
}

ていうか、$(document).ready(function() {}); で囲わなくても動くんですね…
EDIT: なんかうまく追加したプラグインがロードできてない…ログを見るかぎりではロードの順序がおかしいみたいだけど。

あ、WebViewのJavaScriptを有効にし忘れないようにー。

wv.getSettings().setJavaScriptEnabled(true);

2011年12月17日土曜日

[VB.NET] 週番号から特定の曜日の日付を取得する

指定した年の週番号から、その週の特定の曜日の日付を取得します。
このコードでは第一週をその年の最初の月曜日から、としているため、
例えば2011年の第一週は1月3日からとなります。
2011年1月1,2日は2010年の最終週とみなされます。

''' <summary>
''' 指定した年、週番号の月曜日を取得
''' </summary>
''' <param name="year">年(yyyy)</param>
''' <param name="weekNum">週番号(1-53)</param>
''' <returns></returns>
''' <remarks></remarks>
Shared Function GetFirstDateOfWeek(ByVal year As Integer, ByVal weekNum As Integer) As DateTime
    '第一週をその年最初の月曜日からの週と設定
    Dim weekRule As CalendarWeekRule = CalendarWeekRule.FirstFullWeek
    Dim dtJan1 As DateTime = New DateTime(year, 1, 1)
    '指定した年の最初の月曜日を取得
    'この例では月曜日に固定しているが、DayOfWeek.Mondayを引数として受け取れば
    '任意の曜日の日付を取得できる
    Dim dtFirstMonday As DateTime = GetNearestDayOfWeek(dtJan1, DayOfWeek.Monday)
    Dim cal As Calendar = CultureInfo.CurrentCulture.Calendar
    Dim firstWeek As Integer = cal.GetWeekOfYear(dtJan1, weekRule, DayOfWeek.Monday)
    If firstWeek <= 1 Then
        weekNum -= 1
    End If
    Dim result As DateTime = dtFirstMonday.AddDays(weekNum * 7)
    Return result
End Function

''' <summary>
''' 指定した日付から直近(未来)の指定した曜日の日付を取得
''' </summary>
''' <param name="dtDate">日付</param>
''' <param name="desiredDayOfWeek">曜日</param>
''' <returns></returns>
''' <remarks></remarks>
Shared Function GetNearestDayOfWeek(ByVal dtDate As DateTime, ByVal desiredDayOfWeek As DayOfWeek) As DateTime
    Dim dayOfWeek As DayOfWeek = dtDate.DayOfWeek
    If dayOfWeek = desiredDayOfWeek Then
        Return dtDate
    Else
        Return dtDate.AddDays(((Integer.Parse(System.DayOfWeek.Saturday) - Integer.Parse(dtDate.DayOfWeek) + Integer.Parse(desiredDayOfWeek)) Mod 7) + 1)
    End If
End Function

使用方法はこんな感じです。

Dim year As Integer = 2011
Dim weekNum As Integer = 50
Dim dtMonday As DateTime = GetFirstDateOfWeek(weekYear, weekNum)

※「指定した日付から直近(未来)の指定した曜日の日付を取得する」メソッドに関しては、アジャイルプログラマの日常様のC# で指定した曜日の日を取得をもとに、VBに変換致しました。

登録: 投稿 (Atom)