2016年1月2日土曜日

android:Googleトレンドから急上昇ワードを取得する

androidアプリ内でGoogleトレンドの急上昇ワードを扱う。
  • Googleトレンドへのアクセスは、AsyncTaskLoaderを使用して非同期で通信する。
  • Googleトレンドから取得したXMLのパースはXmlPullParserで解析する。
  • 取得したワードはリストビュー(ListView)で表示する。

MainActivity


package net.kuttya.googletrendaccesssample;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.LoaderManager;
import android.support.v4.content.Loader;
import android.util.Xml;
import android.widget.ArrayAdapter;
import android.widget.ListView;

import org.xmlpull.v1.XmlPullParser;

import java.io.ByteArrayInputStream;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends FragmentActivity implements LoaderManager.LoaderCallbacks<String> {
    private final String GOOGLETREND_URL = "http://www.google.co.jp/trends/hottrends/atom/hourly";
    private final String ENCODING = "UTF-8";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Googleトレンドからワードを取得(非同期)
        getSupportLoaderManager().initLoader(0, null, this);

    }

    @Override
    public Loader<String> onCreateLoader(int id, Bundle args) {
        // GoogleトレンドにアクセスするAsyncTaskLoaderを返す
        return new HttpAccessingTaskLoader(this, GOOGLETREND_URL);
    }

    @Override
    public void onLoadFinished(Loader<String> loader, String data) {
        // Googleトレンドから取得したXMLから、CDATAの部分を抽出
        String htmlData = getHtmlData(data);

        // CDATAからワードを抽出
        List<String> words = getListData(htmlData);

        // リストビューのアダプタを作成、Googleトレンドのワードを設定
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, words);

        // リストビューにアダプタを設定
        ListView view = (ListView)findViewById(R.id.listView);
        view.setAdapter(adapter);
    }

    @Override
    public void onLoaderReset(Loader<String> loader) {
    }

    /**
     * Googleトレンドから取得したXMLデータから、CDATAの部分を抽出する
     * @param data 解析するXMLデータ
     * @return CDATA内のHTMLデータ
     */
    private String getHtmlData(String data) {
        String htmlData = "";
        try {
            // Xmlパーサで解析
            XmlPullParser xmlPullParser = Xml.newPullParser();
            xmlPullParser.setInput(new ByteArrayInputStream(data.getBytes(ENCODING)), ENCODING);
            int eventType;
            String tagName;
            while((eventType = xmlPullParser.next()) != XmlPullParser.END_DOCUMENT) {
                if(eventType == XmlPullParser.START_TAG) {
                    tagName = xmlPullParser.getName();

                    // contentタグの中身を抽出する
                    if(tagName.equals("content")) {
                        htmlData = xmlPullParser.nextText();
                        break;
                    }
                }
            }
        }
        catch(Exception e) {
            e.printStackTrace();
        }

        return htmlData;
    }

    /**
     * CDATA内のHTMLからワードを抽出する
     * @param htmlData 解析するHTMLデータ
     * @return 抽出したワードのリスト
     */
    private List<String> getListData(String htmlData) {
        List<String> listData = new ArrayList<String>();

        try {
            // HTMLでもXmlパーサで解析可能
            XmlPullParser xmlPullParser = Xml.newPullParser();
            xmlPullParser.setInput(new ByteArrayInputStream(htmlData.getBytes(ENCODING)), ENCODING);

            // content内の構造は下記
            // <li><span><a>データ</a></span></li>
            int eventType;
            String tagName;
            String word;
            boolean inLi = false;
            boolean inSpan = false;
            while((eventType = xmlPullParser.next()) != XmlPullParser.END_DOCUMENT) {
                switch(eventType) {
                    case XmlPullParser.START_TAG:
                        tagName = xmlPullParser.getName();
                        if(tagName.equals("li")) {
                            inLi = true;
                            break;
                        }
                        if(inLi != true) {
                            break;
                        }

                        // <Li>タグ内部のみ以下を実施

                        if(tagName.equals("span")) {
                            inSpan = true;
                            break;
                        }
                        if(inSpan != true) {
                            break;
                        }

                        // <span>タグ内部のみ以下を実施

                        if(tagName.equals("a")) {
                            // ワードを抽出
                            word = xmlPullParser.nextText();
                            listData.add(word);
                        }
                        break;
                    case XmlPullParser.END_TAG:
                        tagName = xmlPullParser.getName();
                        if(tagName.equals("li")) {
                            inLi = false;
                        }
                        else if(tagName.equals("span")) {
                            inSpan = false;
                        }
                        break;
                }
            }
        }
        catch(Exception e) {
            e.printStackTrace();
        }

        return listData;
    }
}



AsyncTaskLoader


package net.kuttya.googletrendaccesssample;
import android.content.Context;
import android.support.v4.content.AsyncTaskLoader;

import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.net.URL;
import java.net.URLConnection;

/**
 * Created by junichi on 2016/01/02.
 */
public class HttpAccessingTaskLoader extends AsyncTaskLoader<String> {
    private String mUrl;

    public HttpAccessingTaskLoader(Context context, String url) {
        super(context);
        mUrl = url;
    }

    @Override
    public String loadInBackground() {
        String result = "";

        try {
            // URL
            URL url = new URL(mUrl);

            // 接続
            URLConnection connection = url.openConnection();

            // 結果を文字列で返す
            BufferedReader br = new BufferedReader(new InputStreamReader(connection.getInputStream()));
            StringBuilder sb = new StringBuilder();
            String line;
            while((line = br.readLine()) != null) {
                sb.append(line);
            }
            result = sb.toString();
        }
        catch(Exception e) {
            e.printStackTrace();
        }

        return result;
    }

    @Override
    protected void onStartLoading() {
        forceLoad();
    }
}




レイアウト


リストビューだけ。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="net.kuttya.googletrendaccesssample.MainActivity">

    <ListView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/listView"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"/>
</RelativeLayout>



AndroidManifest.xml


パーミッションの追加を忘れずに。
<?xml version="1.0" encoding="utf-8"?>
<manifest package="net.kuttya.googletrendaccesssample"
          xmlns:android="http://schemas.android.com/apk/res/android">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>

                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
    </application>

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>

</manifest>


実行結果




2015年11月24日火曜日

Linux(CentOS7)にVisual Studio Codeをインストールし、C#アプリを実行する

CentOS7にVisual Studio Codeをインストールし、C#アプリケーションをデバッグする。

動作環境
・CentOS 7
 

インストールするもの

インストールするものは以下。

  • Visual Studio Code 
  • Mono
  • DNVM、DNX
  • Node.js

Visual Studio Code単体ではコンパイルできないため、LinuxでのC#実行環境であるDNX、DNXの動作に必要なMonoのインストールが必要となる。
DNVMは.NETのバージョン管理で、DNXをインストールするのに必要となる。
Node.jsは、Visual Studio Codeのインテリセンスに必要となる。

 

Monoのインストール

MonoをLinuxのインストール用ページに記載されている方法でインストールする。

software.opensuse.org: Install package home:tpokorra:mono / mono-opt

20151121000345

ウェブブラウザで上記のページを開いた後、CentOSをクリックする。
上の画像のように、インストール方法が表示される。
記載されているコマンドを実行する。

% cd /etc/yum.repos.d/
% wget http://download.opensuse.org/repositories/home:tpokorra:mono/CentOS_CentOS-7/home:tpokorra:mono.repo
% yum install mono-opt

monoのインストール中、何度かYes/Noの入力を促されるため、「y 」を入力する。
インストール完了後、環境変数MONO_HOMEを設定し、Monoのコマンドを実行可能にする。


% vi /etc/profile.d/mono.sh

#!/bin/bash
MONO_HOME=/opt/mono
PATH=$PATH:$MONO_HOME/bin
export PATH MONO_HOME
export CLASSPATH=.


設定用のシェルに実行権限を与える。

% chmod +x /etc/profile.d/mono.sh

環境変数を有効にする。


% source /etc/profile.d/mono.sh


インストールが完了していることの確認として、バージョンを表示する。


% mono --version


 


DNVM、DNXのインストール


DNVMを下記のコマンドでインストールする。


% curl -sSL https://raw.githubusercontent.com/aspnet/Home/dev/dnvminstall.sh | DNX_BRANCH=dev sh && source ~/.dnx/dnvm/dnvm.sh


インストールが完了していることの確認として、バージョンを表示する。


% dnvm -v


 


DNXを下記のコマンドでインストールする。


% dnvm upgrade -r mono


インストールが完了していることの確認として、バージョンを表示する。


% dnx --version


 


Node.jsのインストール


Node.jsを下記のコマンドでインストールする。


% yum install epel-release
% yum install nodejs


インストールが完了していることの確認として、バージョンを表示する。


% node -v


 


Visual Studio Codeのインストール


VisualStudioのサイトからダウンロードする。


Visual Studio Code - Code Editing. Redefined.


 20151122145155


ダウンロード後、zipファイルを展開する。
展開したディレクトリ内の「Code」というシェルファイルを実行することによって、VisualStudioCodeが起動する。


 20151123004245


 


C#プロジェクトの作成、実行、デバッグ


ここから、C#アプリケーションのプロジェクト、コードを作成する。


Visual Studio Codeの左上のアイコン「Explore」を押し、「Open Folder」を押す。
任意のフォルダを作成する。
ここでは、「HelloWorld」というフォルダを作成することにする。


作成したフォルダ名の横のアイコン「New File」を押し、csファイルを作成する。
ここでは、「HelloWorld.cs」というファイルを作成することにする。


HelloWorld.csに下記のコードを記述する。



using System;

namespace HelloWorld
{
public class HelloWorld
{
static public void Main()
{
Console.WriteLine("Hello World");
Console.ReadKey();
}
}
}


次に、作成したフォルダ名の横のアイコン「New File」を押し、csprojファイルを作成する。
ここでは、「HelloWorld.csproj」というファイルを作成することにする。


HelloWorld.csprojに下記の設定内容を記述する。



<Project DefaultTargets = "Build"
xmlns="http://schemas.microsoft.com/developer/msbuild/2003">

<!-- Specify the inputs by type and file name -->
<ItemGroup>
<CSFile Include = "HelloWorld.cs"/>
</ItemGroup>

<Target Name = "Build">
<!-- Run the Visual C# compilation using input files of type CSFile -->
<CSC Sources = "@(CSFile)"
DebugType="full"
Optimize="no"
OutputAssembly="HelloWorld.exe" >

<!-- Set the OutputAssembly attribute of the CSC task to the name of the executable file that is created -->
<Output TaskParameter="OutputAssembly"
ItemName = "EXEFile" />
</CSC>
</Target>
</Project>


 


プロジェクトファイルができたので、ビルドする。
Ctrl+Shift+pを押すと、コマンド入力欄が表示される。
「build」と入力し、「Run Build Task」を押す。
続けて、「Configure Task Runner」を押すと、「tasks.json」ファイルができる。


「tasks.json」ファイルは、プロジェクトをコンパイルするタスクの設定を書いておくファイル。
このファイル内を「CSC」で検索し、CSC用の設定のコメントアウトを解除して、有効化する。
(本記事の執筆時点では、109行目から128行目のコメントアウトを解除した。)
初期状態ではTypescript用の設定が有効化されているが、これはコメントアウトして無効化する。
さらに、「command」が「msbuild」となっている箇所を、「xbuild」に変更する。変更すると、下記のようになる。


{
"version": "0.1.0",
"command": "xbuild",
"args": [
// Ask msbuild to generate full paths for file names.
"/property:GenerateFullPaths=true"
],
"taskSelector": "/t:",
"showOutput": "silent",
"tasks": [
{
"taskName": "build",
// Show the output window only if unrecognized errors occur.
"showOutput": "silent",
// Use the standard MS compiler pattern to detect errors, warnings
// and infos in the output.
"problemMatcher": "$msCompile"
}
]
}

再度、Ctrl+Shift+p、「build」を入力し、「Run Build Task」を押す。
ビルドが成功し、「HelloWorld.exe」が出力される。


20151124214130


次に、デバッグする。
画面左側のアイコン「Debug」を押し、緑色三角のアイコン「Start」を押す。
デバッグの候補がいくつか表示されるので、「C# mono」を選択する。
「launch.json」が出力される。


「launch.json」を下記のように修正する。


{
"version": "0.2.0",
"configurations": [
{
"name": "Launch",
"type": "mono",
"request": "launch",
"program": "HelloWorld.exe",
"args": [],
"cwd": ".",
"runtimeExecutable": null
//"env": {}
},
{
"name": "Attach",
"type": "mono",
"request": "attach",
"address": "localhost",
"port": 5858
}
]
}

「launch.json」を編集後、再度、「Start」アイコンを押す。
プログラムが実行され、コンソール画面が立ち上がる。


20151124215108


ブレイクポイントを作成していないためこのようになったが、ブレイクポイントを作成しておけば、任意の箇所でブレイクできる。


20151124215707


 


参考:


Visual Studio Code を使ってUbuntu でC# コンソールアプリをデバッグ
CentOS 7 に Node.js をインストールする - Qiita
Installing ASP.NET 5 On Linux — ASP.NET 0.0.1 documentation


 


2015年11月13日金曜日

BaasBoxにDocumentを作成する。

オープンソースmBaasのBaasBoxにドキュメントを作成する。
BaasBoxはドキュメントデータベースを採用しており、作成したドキュメントを検索することもできる。

今回はターミナル上でBaasBoxのREST APIをたたく。

BassBoxのインストールはこちら。
 ちくわのあなから花が咲く。: オープンソースmBaasのBaasBoxをインストールする

 

ログイン

まずはログインから。adminユーザでログインする。

% curl http://localhost:9000/login -d "username=admin" -d "password=admin" -d "appcode=1234567890"

成功すると下記のJSONが返ってくる。

{
"data": {
"X-BB-SESSION": "2ffe6a91-71a6-4345-8a9c-9a227a2017ff",
"signUpDate": "2015-11-08T11:54:56.500+0900",
"user": {
"name": "admin",
"roles": [
{
"isrole": true,
"name": "administrator"
}
],
"status": "ACTIVE"
}
},
"http_code": 200,
"result": "ok"
}


 


コレクションの作成


ドキュメントを作成するコレクションを作成する。
下記では、「sample」というコレクションを作成する。


% curl -X POST http://localhost:9000/admin/collection/sample -H X-BB-SESSION:2ffe6a91-71a6-4345-8a9c-9a227a2017ff


成功すると下記のJSONが返ってくる。



{
"data": "",
"http_code": 201,
"result": "ok"
}

 



ドキュメントの作成


コレクションができたら、コレクションにドキュメントを登録する。
URLに「sample」コレクションを指定する。


% curl -X POST http://localhost:9000/document/sample -d '{"No" : "1", "message" : "Hello."}' -H Content-type:application/json -H X-BB-SESSION:2ffe6a91-71a6-4345-8a9c-9a227a2017ff


成功すると下記のJSONが返ってくる。



{
"data": {
"@class": "sample",
"@rid": "#25:0",
"@version": 1,
"No": "1",
"_author": "admin",
"_creation_date": "2015-11-11T01:03:09.904+0900",
"id": "eee962f4-929e-4377-adcf-e511b29e2e98",
"message": "Hello."
},
"http_code": 200,
"result": "ok"
}


別のドキュメントを作成する。


% curl -X POST http://localhost:9000/document/sample -d '{"No" : "2", "message" : "Hello. Hello."}' -H Content-type:application/json -H X-BB-SESSION:2ffe6a91-71a6-4345-8a9c-9a227a2017ff


成功すると下記のJSONが返ってくる。



{
"data": {
"@class": "sample",
"@rid": "#25:1",
"@version": 1,
"No": "2",
"_author": "admin",
"_creation_date": "2015-11-11T01:04:08.144+0900",
"id": "f50947d4-cde7-4a7b-a017-ed72fae28e79",
"message": "Hello. Hello."
},
"http_code": 200,
"result": "ok"
}

 


ドキュメント数の出力


作成したドキュメント数を出力してみる。


% curl http://localhost:9000/document/sample/count -H X-BB-SESSION:2ffe6a91-71a6-4345-8a9c-9a227a2017ff


成功すると下記のJSONが返ってくる。



{
"data": {
"count": 2
},
"http_code": 200,
"result": "ok"
}

 


ドキュメントの検索


ドキュメントを検索する。「No」が「1」のドキュメントを検索する。


% curl http://localhost:9000/document/sample?where=No='1' -H X-BB-SESSION:2ffe6a91-71a6-4345-8a9c-9a227a2017ff -H X-BAASBOX-APPCODE:1234567890


成功すると下記のJSONが返ってくる。



{
"data": [
{
"@class": "sample",
"@rid": "#25:0",
"@version": 1,
"No": "1",
"_author": "admin",
"_creation_date": "2015-11-11T01:03:09.904+0900",
"id": "eee962f4-929e-4377-adcf-e511b29e2e98",
"message": "Hello."
}
],
"http_code": 200,
"result": "ok"
}

2015年11月9日月曜日

オープンソースmBaasのBaasBoxをインストールする

LinuxにオープンソースmBaasのBaasBoxをインストールする方法を記載する。

動作環境
・CentOS7

インストールするもの

インストールするものは以下。

  • JDK
  • Play Framework 
  • BaasBox

BaasBoxが動作するためには、JavaのフレームワークであるPlay Frameworkをインストールしなくてはならない。
さらに、Play FrameworkはJavaで実装されているため、JDKをインストールしなくてはならない。

なので、通常はJDK→Play Framework→BaasBoxの順でインストールをするのだが、
BaasBoxのReadMeで、JDK、Play Frameworkのバージョンが指定されているため、
先にBaasBoxのダウンロード、インストールを実施する。
BaasBoxのインストールは、JDK、Play Frameworkがインストールされていなくても 可能。

 

BaasBoxのインストール

BaasBoxはターミナル上でダウンロードする。

% wget --content-disposition http://www.baasbox.com/download/baasbox-stable.zip

執筆時点でのバージョンは0.9.4となっている。
ダウンロードされるファイル名は「baasbox-0.9.4.zip」。

Webサイトからもダウンロードできる。

The open source backend for your mobile app | BAASBOX

20151108222737

ダウンロード後、zipファイルを展開する。
展開後、任意のディレクトリに移動してもよい。

% unzip baasbox-0.9.4.zip

展開したディレクトリ内の「start」というシェルファイルを実行することによって、BaasBoxが起動する。
「start」には実行権限がないため、実行権限を与える。

% cd baasbox-0.9.4
% chmod +x ./start
% ./start

この時点では、JDK、Play Frameworkがインストールされていないため、起動しない。

 

JDKのインストール

BaasBoxのディレクトリに、「README.md」が格納されている。
このファイルの中を見てみると、BaasBoxを起動させるために、JDKはバージョン8が必要だと書かれている。
間違ってJREをインストールしないようにとも書かれている。注意すること。

README.mdには、ダウンロード先URLが書かれているため、そこからダウンロードする。

Java SE - Downloads | Oracle Technology Network | Oracle

開いたページの中央右側の「JDK DOWNLOAD」からJDKのダウンロードページに移動する。
「Accept License Agreement」をチェックし、Linuxのrpmファイルをダウンロードする。
執筆時点での最新バージョンは8u65であったため、「jdk-8u65-linux-x64.rpm」をダウンロードした。
(実行環境がが32bitか64bitかによってダウンロードするファイルが異なる)

20151108225801

ダウンロード後、下記のコマンドでインストールする。

% yum localinstall jdk-8u65-linux-x64.rpm

インストール完了後、Javaのバージョンを確認する。

% java -version

筆者の環境では、先にJDK7がインストールされていたため、バージョンが1.7であった。
環境変数JAVA_HOMEを設定し直し、JDK8に切り替える。

% vi /etc/profile.d/java.sh

#!/bin/bash
JAVA_HOME=/usr/java/jdk1.8.0_65
PATH=$PATH:$JAVA_HOME/bin
export PATH JAVA_HOME
export CLASSPATH=.

設定用のシェルに実行権限を与える。

% chmod +x /etc/profile.d/java.sh

環境変数の変更を反映させるため、OSを再起動する。
再起動後、バージョンが1.8となっていることを確認する。

 

Play Frameworkのインストール

JDKと同様に「README.md」を確認すると、Play Frameworkのバージョンは2.2.4が指定されている。
同じくダウンロード先URLが書かれているため、そこから「play-2.2.4.zip」をダウンロードする。

Downloads

20151108233630

ダウンロード後、zipファイルを展開する。
展開後、作成されたディレクトリを下記のように移動し、リネームする。

% unzip play-2.2.4.zip
% mv play-2.2.4 /usr/local/lib
% cd /usr/local/lib
% ln –s play-2.2.4 play

環境変数PLAY_HOMEを設定し、Play Frameworkのコマンドを実行可能にする。

vi /etc/profile.d/play.sh

#!/bin/bash
PLAY_HOME=/usr/local/lib/play
PATH=$PATH:$PLAY_HOME
export PATH PLAY_HOME

設定用のシェルに実行権限を与え、OSを再起動する。

% chmod +x /etc/profile.d/java.sh

 

BaasBoxの起動、ログイン

下記のディレクトリに移動し、起動シェルを実行する。

% cd baasbox-0.9.4
% ./start

うまく起動していれば、下記URLにアクセスすることができる。

http://localhost:9000/

20151108235225

「Administration Login」をクリックする。

 

20151108235453

下記の様に入力し、「Login」をクリックする。

Username:admin
Passwork:admin
Application Code:1234567890

20151108235728

ログインに成功し、ダッシュボードが表示される。

Documentの作成はこちら。
ちくわのあなから花が咲く。: BaasBoxにDocumentを作成する。

2015年1月4日日曜日

Ruby on Rails 4をWindowsにインストールし、Eclipseで実行する

WindowsにRuby on Rails 4をインストールし、Eclipseで実行する方法を記載する。

動作環境
・Windows7 Ultimate Service Pack 1
・Eclipse 4.4 Luna Pleiades All in One

インストールするもの

インストールするものは以下。

  • Ruby
  • SQLite
  • DevKit
  • Node.js
  • Ruby on Rails 4
  • Eclipse
    Aptana Studio 3プラグイン

 

Rubyのインストール

Ruby Installer for WindowsからRubyをインストールする。

RubyInstaller for Windows
ダウンロードはこちらから。Downloads

ここでは、2.0系のRubyをインストールするため、「Ruby 2.0.0-pXXX」をダウンロードする。
執筆時点での最新版は「Ruby 2.0.0-p598」となっている。

Ruby Installer for Windowsは、通常のRubyウィザード形式でRubyをインストールできる。
「Rubyの実行ファイルへの環境変数PATHを設定する」にチェックを入れておくと、
インストール後に「ruby」コマンドを絶対パスで入力しなくてよい。

インストール完了後、コマンドプロンプトを開き、下記のコマンドを実行する。

 % ruby –v

実行結果は、下記のようになる。

ruby 2.0.0p598 (2014-11-13) [i386-mingw32]

 

SQLite3のインストール

SQLiteはRuby on Railsでアプリケーションを作成するために必要なデータベース。
アプリケーションでデータを扱う際に必要となる。

SQLiteを公式サイトからダウンロードする。

SQLite Download Page

開いたページの中程にある、「Precompiled Binaries for Windows」から
「sqlite-shell-win32-x86-XXXXXXX.zip」をダウンロードする。
執筆時点での最新版は「sqlite-shell-win32-x86-3080704.zip」となっている。

20141228142804

ダウンロードしたファイルを解凍すると、EXEファイル「sqlite3.exe」が格納されている。
EXEファイルを先ほどRubyをインストールしたフォルダ「C:\Ruby200\bin」に格納する。

格納後、コマンドプロンプトを開き、下記のコマンドを実行する。
EXEファイルへのパスは、Rubyのインストール時の設定(「Rubyの実行ファイルへの環境変数PATHを設定する」)により、通っている。

 % sqlite3 -version

実行結果は、下記のようになる。

3.8.7.4 2014-12-09 01:34:36 f66f7a17b78ba617acde90fc810107f34f1a1f2e

 

DevKitのインストール

DevKitはRuby on Railsをインストールするときや、railsコマンドを実行する際に必要となる。

DevKitはRuby Installerと同じWebサイトからダウンロードする。

RubyInstaller for Windows
ダウンロードはこちらから。Downloads

開いたページの下部にある、「DEVELOPMENT KIT」から
「DevKit-mingw64-32-x.x.x-xxxxxxxx-xxxx-sfx.exe」をダウンロードする。
執筆時点での最新版は「DevKit-mingw64-32-4.7.2-20130224-1151-sfx.exe」となっている。

ダウンロードしたEXEファイルを実行すると、展開先の入力を求められるので、
「C:\Ruby200\devkit\」を入力し、「Extract」ボタンを押下する。

展開後、コマンドプロンプトで下記のコマンドを実行する。

 % cd c:\Ruby200\devkit
 % ruby dk.rb init
 % ruby dk.rb install

実行結果は下記のようになる。

 % ruby dk.rb init

[INFO] found RubyInstaller v2.0.0 at C:/Ruby200

Initialization complete! Please review and modify the auto-generated
'config.yml' file to ensure it contains the root directories to all
of the installed Rubies you want enhanced by the DevKit.

 % ruby dk.rb install

[INFO] Updating convenience notice gem override for 'C:/Ruby200'
[INFO] Installing 'C:/Ruby200/lib/ruby/site_ruby/devkit.rb'

 

Node.jsのインストール

Ruby on Railsを実行するHTTPサーバとして必要となる。

Node.jsを公式サイトからダウンロードする。

node.js

20140510144810

サイト中央の「INSTALL」から自環境に適したインストーラをダウンロードする。
本稿執筆時、Node.jpの最新バージョンは「0.10.35」であった。

ダウンロードしたインストーラを起動し、インストールを実施する。
ソフトウェアの使用許諾契約やインストール先選択の画面が表示されるが、
画面の指示に従って先へ進んでいく。

「Completed the Node.js Setup Wizard」と記載された画面が表示されれば、インストールは完了。

 

Ruby on Rails 4のインストール

Ruby on Railsはgemコマンドからインストールする。

コマンドプロンプトで下記のコマンドを実行する。

 % gem install rails

コマンド実行後、10分程度の時間をかけてRuby on Railsをインストールする。
環境によっては、コマンド実行がエラーになる場合がある。SSLエラーが発生した場合、下記のサイトを参考にすると解決できる。

Windowsでgem installするとSSLエラーが出る場合の解決策 - Qiita

インストールが成功したことを確認するために、コマンドプロンプトで下記を実施する。

 % rails –v

実行結果は下記のようになる。

Rails 4.2.0

 

Eclipseのインストール

Eclipseは公式サイトからダウンロードすると言語が英語なので、日本語化されたPleiadesからダウンロードする。 

Eclipse 日本語化 | MergeDoc Project

20150104211705

ここでは、Eclipse 4.4 Luna Pleiades All in Oneをダウンロードした。

ダウンロードしたファイルは圧縮ファイルなので解凍する。解凍後のフォルダを格納する場所はどこでもよい。解凍後、「pleiades\eclipse\eclipse.exe」を実行すると、Eclipseが起動する。

 

Aptana Studio 3のインストール

EclipseでRuby on Railsのプロジェクトを作成するために、Aptana Studio 3プラグインをインストールする。

Eclipseのメニュー「ヘルプ」→「新規ソフトウェアのインストール」からソフトウェアのインストール画面を開く。

作業対象の欄に下記のURLを入力する。

 http://download.aptana.com/studio3/plugin/install

表示されたAptana Studioの項目にチェックを入れ、「次へ」ボタンを押下する。
インストール詳細、ライセンスのレビュー画面が表示されるので、指示に従ってインストールを実施する。
セキュリティの警告画面が表示された場合は、「OK」を押下する。

インストール完了後、Eclipseを再起動する。

 

Ruby on Railsプロジェクトの作成

Aptana Studio 3のインストールが完了すると、Ruby on Railsプロジェクトを作成できるようになる。
Eclipseのメニュー「ファイル」→「新規」→「プロジェクト」から新規プロジェクト画面を開く。

image

「Railsプロジェクト」を選択し、「次へ」ボタンを押下する。

image

「新規Railsプロジェクト」画面では、プロジェクト名を入力する。
ここでは、「SampleRails」とした。

image

Webパースペクティブでプロジェクトを開くか聞かれるので、「はい」を選択する。

Ruby on Railsのプロジェクトが作成される。

 

Ruby on Railsプロジェクトの実行

作成したプロジェクトでHTTPサーバを起動する。

Eclipseのメニュー「実行」→「Rails console」からコンソール画面を開く。
下記のコマンドを実行する。

 % rails server

実行結果は下記のようになる。

DL is deprecated, please use Fiddle
=> Booting WEBrick
=> Rails 4.2.0 application starting in development on http://localhost:3000
=> Run `rails server -h` for more startup options
=> Ctrl-C to shutdown server
[2015-01-04 23:41:08] INFO  WEBrick 1.3.1
[2015-01-04 23:41:08] INFO  ruby 2.0.0 (2014-11-13) [i386-mingw32]
[2015-01-04 23:41:08] INFO  WEBrick::HTTPServer#start: pid=6320 port=3000

Webブラウザで下記のURLにアクセスする。

 http://localhost:3000

20150104234556

Ruby on Railsのデフォルトのページが表示される。

2014年12月14日日曜日

Nodeclipseがインストールできない

PCを初期化したので、Node.jsの開発環境を作り直した。

過去記事の通りに環境を作成してみた。
Node.jsをWindowsにインストールし、Eclipseで実行する

Eclipseをダウンロードし、Nodeclipseもインストールしたが、
「新規作成」→「プロジェクト」を選択しても、Node.jsの項目がない。

Nodeclipseのインストールに失敗しているのかと思ったが、
インストールには成功している様子。
新規ソフトウェアのインストール画面でも、インストール済みと表示されている。

Google先生で検索しても、同様の症状が見つからない。

2週間くらい、そこで作業が止まっていたのだが、
何の気なしに新規プロジェクトの選択画面を見ていたら、
「ノード」と日本語で書かれたグループが目にとまった。

もしかして、とグループを展開してみると、
Node.jsのプロジェクトが存在した。

以前にインストールしたときには「Nodeclipse」だったはず。。。

img0018

2014年12月10日水曜日

Eclipseの圧縮ファイルが解凍できない

Eclipseの圧縮ファイルをダウンロード後、任意のフォルダで解凍すると、エラーが発生する場合がある。

次の画像は、解凍ソフトのLhaplusを使用し、解凍結果でエラーが発生した画面である。

img0016

解凍失敗の原因は、「CRCが一致しないか、出力先ファイルが使用中です。」とのこと。
他にも多数のファイルが同じエラーで解凍に失敗している。

CRCが一致しない原因を追及していっても解決しなかった。

ファイル名が長かったり、階層が深いファイルでエラーが発生しているようにも見えるため、
パスの長さが関係していると思うのだが、何が原因なのだろうか。

幸いなことに、Eclipseの圧縮ファイルはZIP形式であるため、
右クリック→「プログラムから開く」→「エクスプローラー」で圧縮ファイルの中身を見ることができる。

そして、中身を適当なフォルダにドラッグアンドドロップすれば、
全ファイルを解凍したのと同じ状態になる。

これでいったん解決。