fc2ブログ
ヽ|∵|ゝ(Fantom) の 開発blog? ホーム »環境構築
カテゴリー「環境構築」の記事一覧

【ADT】Eclipse に Javadoc を設定する  


 Android Studio が公式ツールになったせいもあり、随分と久しぶりに ADT を起動してみたら Javadoc が見れなくなっていた(ポップアップで中身がない)。色々調べてみたら、ただ URL が変わっていただけというオチだったが(笑)、また同じようなことは起こると思うので、とりあえず設定方法を記録しておこう。

※ADT 23.0.2 JUNO (Windows10) で確認 (adt-bundle-windows-x86_64-20140702.zip ← かなり古い)



■Android ライブラリの Javadoc 表示する

1.プロジェクトエクスプローラから、何でも良いので「Android プロジェクト」を右クリックし、メニューから「プロパティー」を開く。

2.ダイアログの左側にある項目から「Java のビルド・パス」をクリックし、「ライブラリ」にタブを切り替え、使用している Android SDK を展開する。その中の「android.jar」を更に展開すると「Javadoc ロケーション:~」が見つかるのでクリックし、ダイアログ右側にある「編集」ボタンを押す。



3.Javadoc の URL を設定できるダイアログが出てくるので、「Javadoc ロケーション・パス」に以下の URL を入れて「OK」ボタンを押す。

 https://developer.android.com/reference/

※古いバージョンは「http://」になっていて、上手くいかない(「https://」にする)。



※ローカルに Javadoc をダウンロードしてあるなら、「参照」から Javadoc のあるフォルダを指定しても良い(以前は sdk のフォルダに doc があった)。



■Java 標準ライブラリの Javadoc 表示する

1.プロジェクトエクスプローラから、何でも良いので「Java プロジェクト」を右クリックし、メニューから「プロパティー」を開く。

2.ダイアログの左側にある項目から「Java のビルド・パス」をクリックし、「ライブラリ」にタブを切り替え、使用している「JRE システム・ライブラリー」を展開する。その中の「rt.jar」を更に展開すると「Javadoc ロケーション:~」が見つかるのでクリックし、ダイアログ右側にある「編集」ボタンを押す。



3.Javadoc の URL を設定できるダイアログが出てくるので、「Javadoc ロケーション・パス」に以下の URL を入れて「OK」ボタンを押す。

 http://docs.oracle.com/javase/jp/8/docs/api/

※古いバージョンは「http://docs.oracle.com/javase/jp/8/api/」とか「http://java.sun.com/javase/jp/6/docs/api/」などになっていて、上手くいかない。



※ローカルに Javadoc をダウンロードしてあるなら、「参照」から Javadoc のあるフォルダを指定しても良い。



 いずれにしても URL は変更される可能性があるので、表示できなかったら、最新の URL を検索した方が良いだろう。

 また ADT の場合、API 22(Android 5.1) 以降、JRE 1.8.0.101 以降は不安定になるようなので、API 20(4.4W)、JRE 1.8.0.XX(2桁) あたりまでにしておいた方が無難かも知れない。API 23(Android 6.0) はエラーが出まくるし、JRE 1.8.0.XXX(3桁) はいきなり落ちたりするので使えない。それ以降のバージョンを使いたいのなら Android Studio など新しいツールを使った方が良いだろう。


(関連記事)
【ADT】「android-support-v4」の競合(Version,Revision違い)の修正方法
【ADT】なぜか ADT を更新できない
【ADT】Eclipse がいきなり落ちる


スポンサーサイト



category: 環境構築

thread: プログラミング

janre: コンピュータ

tag: ADT  Eclipse  開発ツール 
tb: 0   cm: --

【Aptana】【JavaScript】Aptana Studio 3 の入力補完を編集する  


最近 JavaScript/HTML5 など Web 関連は Aptana Studio 3 を使ってみてるのだが、デフォルトで入っているコードテンプレートというか入力補完というか(MSはインテリセンスと呼んでいた)、微妙に修正したい部分があったので、Eclipse のように設定メニューからコードテンプレートの項目を探したが見つからなかった。調べてみたら「スニペット」を編集してくれとあったのでやってみた。あまり詳しく書かれている資料が見つからなかったので、画像付きで解説。

もし、スニペットのビューが開いてなければ、メニューから「ウィンドウ」-「ビューの表示」-「スニペット」で開き、右クリックから編集もできるのだが、もうちょっとわかりやすく、メニューからやってみる。今回は JavaScript を例にしてるが、他の言語でも変わらないと思う。


1.「コマンド」メニューから「JavaScript」-「Edit this bundle」を実行する。

2.プロジェクト・エクスプローラに「JavaScript [stable]」が開いたら、展開して「snippets」フォルダ内の「snippets.rb」をエディタで開く。


3.Ruby で書かれている(?)ようだが、とりあえず「s.trigger」が入力補完で候補を出すキーワード、「s.expansion」にコードテンプレートを書けば良いらしい。あと、「snippet t(:for)」とか「snippet "for (...)~"」の部分がアシスト(ポップアップの説明)で出てくるので、ユニークなものにしておく。


4.編集が終わったら、ファイルを保存して、「ファイル」メニューから「再開」を実行すれば、Aptana Studio が再起動して、編集した内容が有効になる。もちろん「スニペット」のビューからも使える。


(*) メニューは日本語化してある。


今回はサンプルとして「for ~ in」文を追加してみた。「${1:e}」「${2:Obejct}」のような部分は変数部分になるので、それぞれ適当に変えても良いだろう。とりあえず自分が追加したい構文に近いものをコピペして、適当に変えてみれば何とかなる(笑)。

●JavaScript 「for ~ in」 文 スニペット
  snippet t(:for_in) do |s|
s.trigger = "for"
s.expansion = "for (var ${1:e} in ${2:Obejct}) {
${1:e};
}"
end


余談だが、JavaScript の「for ~ in」文って、Java の「for ~ in」(foreach)とは動作が違うんだよね。配列などをなめるわけではなくて、オブジェクトプロパティをなめるものだったりする。少しまぎらわしいね。Perl や PHP なんかは foreach 構文で連想配列をよくなめることをするね。JavaScript には「forEach」「for each-in」構文などもあるようだが、ブラウザの互換性がないのだとか。まぁ、色々やってみるしかないね。

よく使うメソッドなんかも登録できないことはないね。まぁ、オブジェクトと無関係になってしまうが…。

●JavaScript 「addEventListener(type, listener)」スニペット
  snippet t(:addEventListener) do |s|
s.trigger = "addeventlistener"
s.expansion = "addEventListener(${1:type}, ${2:listener});"
end


私はサクラエディタなんかもよく使ってるけど、自分用の入力補完テンプレート作っておくと、すごく楽なんだよね。


(参考)スニペットの追加
(参考)Aptana Studio の日本語化
(参考)javascriptのfor-in文は、for-each文の代わりじゃない


category: 環境構築

thread: プログラミング

janre: コンピュータ

tag: JavaScript  開発ツール 
tb: 0   cm: --

【Git】Git を Windows GUI ローカル環境で使う  


Git ってクラウド用って勝手に思ってたけど、色々調べてたら特にサーバってなくてもいいのね。ただの自分用の開発に使うだけなので、ローカル環境のみで SourceTree という GUI ツールを導入して、サクっと管理してみようと考えた。そんな方法。


SourceTree

まずは、「Git」 のインストール(Windows版)。

1.exe バイナリをダウンロードする。
http://msysgit.github.io/

2.起動したインストーラーで、適当な場所にインストールする(D:\Git など)。
※環境オプションは
● Use Git Bush only をチェック
● Checkout as-is, commit Unix-style line endings をチェック

3.Windows の環境変数:PATH を確認し、インストールしたパスの /bin パスが追加されていなければ、追加しておく(D:\Git\bin など)。


次に GUI の Gitクライアント「SourceTree」をインストール(Windows版)。

1.exe バイナリをダウンロードする。
http://www.sourcetreeapp.com/

2.起動したインストーラーで、適当な場所にインストールする。

3.ユーザー名や E-mail などは普段使っている Git アカウントを入れておく(ローカル専用なら適当でもいいかも)。Bitbucket 設定はとりあえずスキップして良い。



とりあえず必要なものはインストし終わったので、さっそく試してみる。


まずは、「保存用(共有用)リポジトリ」の作成。

1.適当なフォルダを作成し(E:\repo\adt など)、コマンドプロンプトでその場所に移動する(エクスプローラで右クリック → Git Bush でも良い)。

2.コマンドラインで --bare オプションを指定して、ベアリポジトリ(開発環境としてではなく保存用領域として認識させる)を作成する。
git init --bare

3.とりあえずこれで完成。あとはいじらない。


次に、普段編集する「作業用リポジトリ」を作成をする。

1.とりあえず適当に作業用フォルダを作る(D:\work\adt など)。

2.SourceTree を起動し、ツールバーの「新規/クローンを作成する」を押す。

3.「リポジトリをクローン」タブで、「元のパス/URL」に保存用フォルダ(E:\repo\adt など)を、「保存用のパス」に作業用フォルダ(D:\work\adt など)を指定する。既にリポジトリが作成されている場合は「作業コピーを追加」タブで作業用フォルダを指定、「リポジトリ」メニューから「リモートを追加」でフォルダを指定すれば良い。

4.ここで適当にファイルなどを作業用フォルダに追加する(test.txt など)。

5.新しくファイルなどを追加した場合、「作業ツリーのファイル」に表示されると思うが、無視したいファイルなどは、ツールバーの「設定」を開き、「詳細」タブに切り替え、リポジトリ固有の無視リスト(.gitignore)ファイルを編集する。

(参考)SourceTreeで指定フォルダをコミット対象外にする.gitignore設定

6.「作業ツリーのファイル」の横のチェックボックスにチェックを入れると、「Index にステージしたファイル」に移動するので(量によっては時間がかかる)、完了したら、ツールバーで「コミット」を押す。

7.コメントやオプションなどを選択し、実行すれば結果が表示され完了。



この環境のままでも、GitHub はそのまま使えるので、サンプルなどダウンロードするのもいいね。

また、保存用フォルダを共有フォルダにして LAN 上でもできるみたいだから、使ってないPCをファイルサーバ代わりに使うのもいいかもね。その場合は RSA 鍵生成などの設定も必要になるみたいだが…?(←未確認)

ローカル環境のみなら、非常に簡単に構築できるので、デザイナーさんなどもイラストの進捗保存用に使っている人もいるみたい。確かにブランチ追加すれば、色換えなんかも簡単だし、半永久的な履歴にもなるしね。

SVN はファイル数が多くなると使いづらいので、ローカルでも使えるなら Git の方が断然楽だ。


category: 環境構築

thread: プログラミング

janre: コンピュータ

tag: Git  SourceTree  バージョン管理  開発ツール  インストール 
tb: 0   cm: --

【node.js】Windows版 node.js をインストールして使う  


今回はサーバーサイド JavaScript として有名な node.js をインストールして使ってみる。


まずは、インストール(Windows版)。

1.msi バイナリをダウンロードする。
http://nodejs.jp/nodejs.org_ja/

2.起動したインストーラーで、適当な場所にインストールする(D:\nodejs など)。

3.Windows の環境変数:PATH を確認し、追加されていなければ、インストールしたパスを追加する。

4.適当なワークフォルダなどを作り、テキストエディタで「hello.js」という空ファイルを作る。

5.公式サイト(http://nodejs.org/)に掲載されているコードを、先ほどの「hello.js」にコピペする。
↓以下の部分
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello World\n');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

6.コマンドプロンプトで「hello.js」のあるフォルダに移動し、
node hello.js

と打ちこみ、サーバーを起動する(移動しないで絶対パス指定でも良い)。

7.「Server running at http://127.0.0.1:1337/」と出ていれば、サーバーの起動成功。

8.Webブラウザで「http://127.0.0.1:1337/」または「http://localhost:1337/」にアクセスすれば、ブラウザに「Hello World」が出力される。

9.サーバーを止めたいときは、起動しているコマンドプロンプトで「Ctrl + C」で停止させる。


とりあえず、動くまでは完了。ポート番号は自由に変えて良い。


あとは MongoDB などの連携とか、Express フレームワークなどの利用など色々あるが、Windows 環境だとなかなか上手く行かないね。あと最新バージョンと旧バーションでコマンドや環境変数名が違うみたい。資料によって違うので困った(笑)。

ちなみに私の環境では、Express フレームワークのインストールは、
npm install -g express-generator

のように express-generator を付けないと、「express.cmd」がインストールされず、「express が見つかりません」のようなエラーが出た。

また、起動方法は、
node app.js

ではなく、
npm start

みたい。確かに「app.js」のソースみたら、「http.createServer()」が見当たらず、「package.json」のソースに
"scripts": {
"start": "node ./bin/www"
}

とあるんだよね。ここから起動するのか…。

あとは、node.js のバージョン管理ツール「nodist」なども環境変数名は「NODIST_HOME」ではなく、「NODIST_PREFIX」でインストしたルートディレクトリを指定しないとダメだった。バージョンにもよるみたい。

その辺はまたきちんと動いたらまとめよう…。


(関連記事)
【MongoDB】Windows版 MongoDB をインストールして使う


category: 環境構築

thread: プログラミング

janre: コンピュータ

tag: 開発ツール  インストール 
tb: 0   cm: --

【MongoDB】Windows版 MongoDB をインストールして使う  


ドキュメント指向DBと言われる MongoDB をインストールして使ってみる。
覚えやすいように RDBMS や SQL と結びつけて考えてみる。


まずは、インストール(Windows版)。

1.msi バイナリをダウンロードする。
http://www.mongodb.org/downloads

2.起動したインストーラーで「Custom」を選び、インストールするディレクトリを変更する。

3.インストールしたディレクトリの「bin」に パスを通す(D:\MongoDB\bin など)。

4.インストールしたディレクトリにデータベース用の「data」フォルダ(D:\MongoDB\data など)、ログ用の「logs」フォルダ(D:\MongoDB\logs など)を作る(※権限も書き込み可が良い)。

5.コマンドプロンプトからサービスを起動する(オプションに「data」と「logs」のパスを指定)。
mongod --dbpath D:\MongoDB\data --logpath D:\MongoDB\logs\mongodb.log
※常駐させたいときは、--install オプションを追加して、サービスコントロールパネル(Win8なら、タスクマネージャーのサービス)等で、MongoDB の状態を「開始」にすれば良い(確認済)。またはサービス名を付けて(--serviceName)、net コマンドあたりでもできるかも(未確認)。

6.もう1つコマンドプロンプトを開いて、今度は MongoDB のコマンドラインクライアントを起動する(mongo.exe)。
mongo

7.MongoDB shell が起動すれば完了。help でヘルプ、exit で終了できる。



とりあえず、RDBMS にたとえると、「コレクション」がテーブルで、「ドキュメント」がレコードと考える。
「SQL:」と書いてあるのは、あくまで近いSQL文など。

以下、コマンドラインでの簡単な構文のテスト。

■データベースの一覧 [SQL: show databases]
> show dbs

■データベースの切り替え(※名前を指定) [SQL: use]
> use test

■コレクション(テーブル)の一覧 [SQL: show tables]
> show collections


※以下 db.things を現在のコレクションとする。なお、コレクションは自動で作られる(SQL: create table は不要)。

■ドキュメント(レコード)の追加 [SQL: insert]
> db.things.save( {"name":"Taro", "age":19} );

■ドキュメント(レコード)の一覧 [SQL: select * ]
> db.things.find();

■ドキュメント(レコード)の更新 [SQL: update]
> db.things.update( {"name":"Taro", "age":19}, {"name":"T-row", "age":20} );

■ドキュメント(レコード)内の数値インクリメント(更新)
> db.things.update( {"name":"T-row", "age":20}, { $inc : {"age":1} } );

■ドキュメント(レコード)の削除 [SQL: delete]
> db.things.remove( {"name":"T-row"} );


最近の更新の早いシステムは、確かに RDBMS では限界があるよね。カラム増やすと無駄も多くなるし。
その点、このデータ構造ならいつでもカラム増やせるし、仕様変更も楽な気がする。
データは JSON なので、通信もやりやすいし、構文もプログラマ向けだね。


(関連記事)
【Java】【JSON】Google Gson(Json) を Eclipse にインポートして使う
【Java】【PHP】【JSON】JSON を PHP から送信して、Java で受信する
【Java】【PHP】【JSON】JSON を Java から送信して、PHP で受信する



category: 環境構築

thread: プログラミング

janre: コンピュータ

tag: JSON  データベース  開発ツール  インストール 
tb: 0   cm: --


プロフィール

Social

検索フォーム

全記事一覧

カテゴリ

ユーザータグ

最新記事

リンク

PR

▲ Pagetop