SublimeText2でEmmet入れたらコケた件

久々にブログを書いた動機

SublimeText2でZenCoding使ってたら機能不全に陥ってしまっていたのでremove packageして、Emmetを入れてみた時のメモ。

現象

 ctrl + shift + pでEmmetをインストールして再起動したら下記のエラーが出た。

Error while loading PyV8 binary: exit code 4
from https://github.com/emmetio/pyv8-binaries

PyV8ってのが足らんらしい。

対処

1. githubのリンクを辿って行くと下部のREADMEにPyV8のOS別ダウンロードリンクがあったのでそこから自分のOS用のファイルをDLし解凍。
2. SublimeText2でctrl+shift+p -> "Browse Packages..." を開いて、解凍したフォルダを移動。
3. SublimeText2を再起動。

その他設定など

Emmetを入れただけだと日本語使えないらしいので、下記サイトを参考に設定変更。

http://protean.cc/sublime-text-2-user-preferences

勉強会があったらしい。使い方など。

http://d.hatena.ne.jp/j7400157/20121111/1352603101

スニペットの変更はココ

/Users/username/Library/Application Support/Sublime Text 2/Packages/Emmet/emmet/snippets.json

ZenCodingの時と一緒で、langの設定変えたい時等はココで変更できる。

2012年はコレをやろうかな

年末年始は地元新潟でラーメン食べまくって過ごしてました。あけましておめでとうございます！

去年ノープランで過ごし、個人的に何か特別な事を残す事が出来ませんでした。
2012年はちゃんと書いておこうと思います。
以下がやっていこうと思う事。


◆ideaのインプットとアウトプット

年末に自由工作しようと色々考えたのですが、どうも上手いネタがなくて何も作れませんでした。ゼロからアイデアを捻り出してもショボいネタばかり日々ダラダラ考えてしまうので、もっといろんな物を見て刺激を受けます。
対して今年は思い付きでも良いので何か浮かんだらとりあえずアウトプットするような機会を増やしたいです。すぐカタチにする力も付けたい。


◆Java+？

技術的にはJava以外にある程度使える言語を増やして行きたい。Java自体もそんなに使える状態ではないので、業務で使う時など、もっと色々意識して行けたらと思います。
目指すはジョブチェンジが可能なレベルまで。


◆走る！

別に箱根駅伝観たからとかでなく(むしろ見てない)、今年はちゃんと走る習慣をつけたいと思います。
陸上部として12年くらいやってても、長距離は未経験です。しかし長く続けたいと思った時、短距離などは故障もしやすく不向きなので跳躍選手→長距離選手へ転向したいと思います。
ハーフマラソン走りきれるかなぁ…。。とりあえずランニングウェアを買う！！


多すぎても全部出来ないのでこれくらいで。

2012年はウッカリしてるとすぐ終わってしまうくらいのスピード感があると思っています。特に考えずにひたすら仕事をしてきた2011年がそうだったので。社会人三年目にもさしかかる今年は気を引き締めて行きたいと思う所存でございますー。


なんちゃっておちん(ry

macでvimを使ってhtmlをzencodingするまで

79 html5化計画シリーズ

MacBookAirでvim使ってzencodingするまでのメモ。

vimrcの設定

vimの設定をするためにvimrcを設定。ホームディレクトリで下記みたいに.vimrcを作成。

vim ~/.vimrc

適当にこの辺だけ設定

set nocompatible
set history=50
set ignorecase
set smartcase
set wrapscan
set hlsearch
colorscheme desert
syntax on
set number
set title
set ruler
filetype plugin indent on
set showmatch
set autoindent
set tabstop=4
set shiftwidth=4
set expandtab

Tabキーをspaceに置き換えるのと、autoindentくらいで満足してしまう。
もっと良い設定調べないとな。。

zencodingの設定

vimrcにあまり時間をかけてられないので早速zencodingをダウンロード。
mattn/zencoding-vim – GitHub
~/.vimディレクトリを作って、その中にzencoding-vimを展開したものを置く。
.vim/autoload/zencoding.vimを編集して、コード補完したときにインデントがtabになっているのをスペースに切り替える。

'indentation': "\t",

↑の\tをspaceキー４回に置き換えた。

zencodingしてみる

ul>li*3

と入力し、<Ctrl-y>(control + y)を押したあと , (カンマ)を入力すると

 
<ul>
<li></li>
<li></li>
<li></li>
</ul>

のように一気に補完された！

しかし<Ctrl-y>,みたいに２回入力するのがメンドイ。。
eclipseでjavaを書いているときに<ctrl-space>でコード補完していることが多いので、それを実現させたくて調べてみた。
それがこれ↓

imap <nul> <c-y>,
let g:user_zen_expandaddr_key='<Nul>'

これで大体の足回りが整った〜。次は実践。

これからJavaScriptを始めるための準備メモ

スマホ向けにアプリ作りたいけどとりあえずWebViewできるようになっておこうぜってことでメモ。


JavaScriptの基礎をちゃんと知っておきたいのでこれがよさそう。



Html書くならZen-Codingとか入れると早く組める。
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた

Zen-CodingはVimプラグインで入れてターミナル上で開発とかもできる。Vimも鍛えると更に早く組める。



他にはオライリー本とかあるけどとりあえずJavaScriptなんなの？ってとこを解消したいのでまたの機会。

Htmlの組み方とかもっとうまくなりたいなぁ。
JavaScriptの前にそっちか？


応援クリックお願いします！！人気blogランキングへ

Windows 7でのWP2TXTのインストール方法

Wikipediaのxml形式のダンプデータを解析できるWP2TXTをWindows 7で使おうと思ったら、素直にインストールできなかったのでメモ。

１．インストール

http://rubyforge.org/projects/wp2txt/からWindows版のWP2TXTをダウンロードし、.exeを実行。

２．zlib1.dll

そのまま実行しようとするとxlib1.dllがないって怒られるので下記からダウンロードしてWP2TXTの実行ファイルと同じ場所に置く。

http://www.nodevice.jp/dll/zlib1_dll/item613.html

３．msvcp71.dll, msvcr71.dll

これも必要だって怒られるのでこれもzlib1.dllと同様の場所に置く。

http://www.vector.co.jp/download/file/win95/util/fh435079.html


これで起動できるはず。

おまけ

使い方は簡単。

Input FileにWikipediaのbz2ファイルを指定（解凍しながらxmlを解析しているらしい）
Output Dirを適当に指定

Size of Each Output File (MB)で出力データを指定MB毎に分割できる。

Elements Extractedで抽出する要素を指定。（Title, Heading, Paragraphなど）
注釈で使われている＜ref＞を含めるかどうかなどの設定。

設定が済んだらSTART。
jawiki-latest-pages-articlesだとだいたい１時間くらいかかる。

終わったテキストはWikipediaの編集で使われているWiki記法で出力されています。
あとは煮るなり焼くなり。


応援クリックお願いします！！人気blogランキングへ

Android覚書き 導入編１

Android始めたので、色々と覚書き。


▼Eclipseに新規ソフトウェアのインストールでADTプラグイン入れる。
http://dl-ssl.google.com/android/eclipse/

▼Emulatorの設定
ウィンドウからCreate new Android Virtual Deviceを選択
新規＞名前を入力＞ターゲットを選択
Google APIs(google Inc.) - API Level x
（xはADK2.2なら8、1.6なら4にする。）


▼AndroidSDKにはサンプルがいっぱい！
・新規Androidプロジェクトを作成する
Create project from existing sampleをチェック
サンプルを選択
プロジェクト名をつけて実行


▼デバッグはADKを利用して行う。
・Eclipseからのデバッグ手順
実行＞デバッグの構成＞Androidアプリケーションの新規構成
名前をつけて作成したAndroidプロジェクトを選択
デバッグ！

・ADKバージョンを変える場合は
実行＞デバッグの構成＞Androidプロジェクトのデバッグ構成を選んでターゲットタブからADKを選ぶ


▼サンプルの中身とか
・src
javaファイルなど
・gen
R.java：作成するアプリで利用するリソースのIDなどを割り振るファイル。自動生成されるため、編集はしない。
・res
/drawable 画像などのリソース
/layout XMLのレイアウトファイル
/values 各種の値用のディレクトリ
/assets Webページのリソースを格納するためのディレクトリ
・AndroidManifest.xml
アプリケーションの実行用設定ファイル


▼ApiDemosパネェっす
ApiDemosには200以上のデモが入っていて、Androidで使えるAPIの動きとソースコードを確認したい場合はすごく重宝しそう。

App：アクティビティー（Windowsでいうウィンドウ画面のようなもの）、ダイアログ、メニュー、OSの通知機能など
Content：コンテント（ファイル操作など）
Graphics：画像描画
Media：音楽再生と動画再生
OS：センサーの動作確認
Text：文字列表示
Views：ボタンやリスト、レイアウトなどのユーザーインターフェース部品



応援クリックお願いします！！人気blogランキングへ

Tweet Button ツイートボタン

面白そうと思ってBloggerに付けようと思ったら、Bloggerの機能でメール、Blogger、Twitter、Facebook、Google Buzzで共有できるボタンが増えてた。
各記事の一番下にあります。この記事の下にもあるはず。

ちなみにtweetボタンはせっかくなので右側のサイドバーに付けてみました。
みんな押してねｗｗ
Tweet

応援クリックお願いします！！人気blogランキングへ