ネタ帳 A.B.C

2013年2月3日日曜日

WebStormでjQueryのコード補完を有効にする方法

環境

WebStorm 5.0.4
Mac OS X Lion

設定

メニューから[WebStorm] - [Preferences...]を開き
Project Settingsの[JavaScript] - [Libraries]の[Download...]ボタンをクリック。
（[command] + [,] でPreferencesを開き、librariesで検索するとサクっと出てくるかと思います。）

一覧からjQueryを選択して、[Download and Install]をクリック。

LibraryにjQueryが追加される。

動作確認

下記のようにjQueryのコード補完が有効になる。

WebStormの補完時に画像のプレビューを表示する方法

「第二回 JetBrainsユーザーグループ in 大阪」のセッション動画で
画像ファイル名の補完時に画像のプレビュー表示がされていました。
これ便利だな〜と思って、先日ぽちった手元のWebStormでやってみたら表示されず...

IntelliJ IDEAウォークスルー #jbugj
http://youtu.be/XeIJugk7SVQ?t=13m40s

ということで調べてみたメモ。

設定

メニューの[WebStorm] - [Preferences...]を開き
[IDE Settings] - [Editor] - [Code Completion]
にあるAutopopup documentation in (ms)にチェックを入れる。

[command] + [,] でPreferencesを開いて
completionで検索するとサクっと出てくるかと思います。

動作確認

動画にあったように、こんな感じで画像プレビューが表示されます。

因みにMacだとデフォルトの補完のキーボードショートカットがSpotlightと被っているので、僕は[command] + [space]に変更して使っています。

参考サイト

nocono
第二回 JetBrainsユーザーグループ in 大阪開催しました #jbugj
http://nocono.net/17

2013年2月2日土曜日

Git 補完・ブランチ名表示メモ

2013/11/01追記
新しい環境で書き直しました。
ネタ帳 A.B.C: Git 補完・ブランチ名表示メモ（2013.11）
http://neta-abc.blogspot.jp/2013/11/git-201311.html

環境

Mac OS X Lion
git version 1.7.7.5 (Apple Git-26)
※今回はXcode（Command Line Tools for Xcode？）付属のGitを使う
Xcode 4.5.2

Git 1.8.0からはファイル構成が変わっているので下記参照
Wokashi
gitでプロンプトにブランチを表示したり、コマンドを補完したり
http://mironal-memo.blogspot.jp/2012/08/git-completion.bash.html

git-completion.bashのコピー

cp /Applications/Xcode.app/Contents/Developer/usr/share/git-core/git-completion.bash ~/.git-completion.sh

.bashrcの設定

.bashrcに下記を追加

source ~/.git-completion.sh
GIT_PS1_SHOWDIRTYSTATE=true
GIT_PS1_SHOWSTASHSTATE=true
GIT_PS1_SHOWUNTRACKEDFILES=true
GIT_PS1_SHOWUPSTREAM=auto
export PS1='\[\033[32m\]\u@\h\[\033[00m\]:\[\033[34m\]\w\[\033[31m\]$(__git_ps1)\[\033[00m\]\$ '

各行の意味
1行目：補完の有効化
2-5行目：リポジトリ状態の通知設定（詳細は動作確認の項を参照）
6行目：bashプロンプトの表示形式・色の設定

.bashrcが存在しない場合は新規作成
Macのデフォルトでは.bashrcを読み込む設定になっていないようなので
下記サイトを参考に.bash_profileの設定を行う
こちらも存在しない場合は新規作成

ふってもハレても
macに.bashrcを作成したときのメモ
http://d.hatena.ne.jp/sho-yamasaki/20120505/1336222634

動作確認

下記のコマンドで.bashrcの設定を読み込む or ターミナルを再起動

source ~/.bashrc

ローカルリポジトリに移動するとブランチ名が表示される

補完は[tab]キー

補完候補が複数ある場合は[tab]キーを2回で補完候補一覧が表示される

GIT_PS1_SHOWDIRTYSTATE=true

addされていない変更がある場合は＊を表示

commitされていない変更がある場合は＋を表示

GIT_PS1_SHOWSTASHSTATE=true

stashがある場合は＄を表示

GIT_PS1_SHOWUNTRACKEDFILES=true

addされていない新規ファイルがある場合は%を表示

GIT_PS1_SHOWUPSTREAM=auto

upstreamと同期している場合は＝を表示

upstreamより進んでいる場合は＞を表示

upstreamより遅れている場合は＜を表示

補足

git-completion.bashの場所が分からない場合は下記からダウンロードできる

https://github.com/git/git/tree/master/contrib/completion

バージョンの切り替えは[branch] -> [Tags]から

参考にしたサイト

アインシュタインの電話番号

MacのターミナルでGitのブランチ名を表示する

http://blog.ruedap.com/entry/20110706/mac_terminal_git_branch_name

2013年1月30日水曜日

Android .gitignore メモ

お手本

GitHubで色々なプロジェクト用の.gitignoreファイルが公開されている
https://github.com/github/gitignore
Androidプロジェクト用はAndroid.gitignore
使用するときは、ファイル名からAndroidを削除して.gitignoreとする

設定内容

下記がGitHubに公開されているAndroid.gitignoreの設定内容

# built application files
*.apk
*.ap_

# files for the dex VM
*.dex

# Java class files
*.class

# generated files
bin/
gen/

# Local configuration file (sdk path, etc)
local.properties

# Eclipse project files
.classpath
.project

# Proguard folder generated by Eclipse
proguard/

# Intellij project files
*.iml
*.ipr
*.iws
.idea/

# built application files
# files for the dex VM
# Java class files
については
# generated files
で除外されるディレクトリ配下に作成されるファイルなので
Eclipseでビルドする上においては、削除しても結果は同じだった

# Local configuration file (sdk path, etc)
Antでビルドするときに使用する設定ファイルの除外設定

# Proguard folder generated by Eclipse
ProGuardを有効化してリリースビルドした際に作成されるファイルの除外設定

# Eclipse project files
# Intellij project files
IDEのプロジェクト関連ファイルの除外設定は
EclipseとIntelliJ IDEAに対応している

確認

Gitで管理される対象ファイルは、下記のコマンドで確認できる

> git ls-files

Android ProGuard メモ（2013/01版）

初期設定

プロジェクト作成時のデフォルトは無効

有効化

project.propertiesの下記コメントアウトを解除

#proguard.config=${sdk.dir}/tools/proguard/proguard-android.txt:proguard-project.txt

設定ファイル

デフォルトの設定は
${sdk.dir}/tools/proguard/proguard-android.txt
にある

プロジェクト固有の設定は
proguard-project.txt
で行う

古いプロジェクトの移行

proguard.cfg
project.properties
を削除

proguard-project.txt
project.properties
をADT17以降で作成したプロジェクトからコピー

project.propertiesのターゲット設定・proguard-project.txtのプロジェクト固有設定
は適宜修正

参考にしたサイト
Android(アンドロイド)情報-ブリリアントサービス
Androidに統合されたProGuardに関する改善点(ADT17)
http://d.hatena.ne.jp/bs-android/20120325/1332662384

2013年1月1日火曜日

Ubuntu JDK6インストールメモ

さくらのVPS上のUbuntu 12.04 64bit にJDK6をインストールしたのでメモしておく。

（ローカル環境はMac OS X Lion）

ダウンロード

下記からjdk-6u38-linux-x64.binをダウンロード
Oracle - Java SE Downloads

http://www.oracle.com/technetwork/java/javase/downloads/jdk6u38-downloads-1877406.html

Ubuntuに転送

下記のコマンドを実行

scp -P 22 jdk-6u38-linux-x64.bin <ユーザー名>@<VPSのIPアドレス>:<転送先パス>

アクセス権の変更

VPSにログインしてJDKを転送したディレクトリに移動

下記のコマンドを実行

chmod a+x jdk-6u38-linux-x64.bin

展開

下記のコマンドを実行

./jdk-6u38-linux-x64.bin

移動

/usr/lib/配下にjvmディレクトリを作成

sudo mkdir /usr/lib/jvm

展開したjdk1.6.0_38ディレクトリを/usr/lib/jvmに移動

sudo mv jdk1.6.0_38 /usr/lib/jvm

インストール

下記3つのコマンドを実行

sudo update-alternatives --install "/usr/bin/java" "java" "/usr/lib/jvm/jdk1.6.0_38/bin/java" 1

sudo update-alternatives --install "/usr/bin/javac" "javac" "/usr/lib/jvm/jdk1.6.0_38/bin/javac" 1

sudo update-alternatives --install "/usr/bin/javaws" "javaws" "/usr/lib/jvm/jdk1.6.0_38/bin/javaws" 1

確認

下記のコマンドを実行

java -version

バージョンが表示される

java version "1.6.0_38"
Java(TM) SE Runtime Environment (build 1.6.0_38-b05)
Java HotSpot(TM) 64-Bit Server VM (build 20.13-b02, mixed mode)

参考にしたサイト

Happy my life
Oracleが配布してるJDK6をUbuntuにインストールする方法
http://blog.cnu.jp/2012/03/18/install-jdk6-oracle/
ナントカ嬢
Ubuntu 12.04にSunというかOracleのJDK 7をインストールした話
http://d.hatena.ne.jp/a_halka/20120501/1335871019

2012年12月8日土曜日

Android Menu Icon Resources

プロトタイプ作成でよく使うのでまとめておく。

リストの内容は
xml：@android:drawable/ic_menu_***
Javaコード：android.R.drawable.ic_menu_***
で使える41種類。
（SDK内にはこの他にもメニューアイコンリソースがあります）

アイコン画像はSDKのdrawable-hdpi配下のもの。
2.xは72x72px、4.xは48x48pxとなっている。