JavaScriptファイルをwebpackで処理してみます。
webpackの導入
JavaScriptの依存性管理ツールとして今後流行るかもしれない?webpackというソフトの導入方法を紹介します。 [前提] ・OSX 0. node.js のインストール 公式サイト(http://nodejs.org/)からダウンロードして、インストーラを起動します。 インストーラに従って次々と進んでいくだけで、簡単にインストール出来ます。 1. webpack のインストール $ npm install webpack -g 以下のようなメッセージが出ればOKです。 /usr/local/bin/webpack -> /usr/local/lib/node_modules/webpack/bin/webpack.js webpack@1.4.0-beta2 /usr/local/lib/node_modules/webpack ├── memory-fs@0.1.0 ├── clone@0.1.18 ├── tapable@0.1.7 ├── async@0.9.0 ├── esprima@1.2.2 ├── mkdirp@0.5.0 (minimist@0.0.8) ├── optimist@0.6.1 (wordwrap@0.0.2,
Javascriptの依存性
webpackを導入しようと思い、公式サイトを見たところ、JavaScriptでの依存性の扱い方について取り上げられていたので、備忘を兼ねてまとめてみました。
JavascriptのUnitTest(QUnit導入の続き)
QUnit導入をする際に、既存のJavascriptをどのように直してテストを書くのかについてまとめました。
QUnitの導入
Javascriptでテストを書かなければ!という思いからQUnitの導入を行いましたので、そのときのノウハウを記載します。
選択可能なダイアログ
1 2 3 4 5 6 7 8 9 10 11 12 |
<span class="typ" style="color: #660066;">Androidで、選択肢を表示するダイアログの実装方法です。 AlertDialogを利用すれば簡単に作成できます。 <!--more--> AlertDialog</span><span class="pun" style="color: #666600;">.</span><span class="typ" style="color: #660066;">Builder</span><span class="pln" style="color: #000000;"> builder </span><span class="pun" style="color: #666600;">=</span><span class="kwd" style="color: #000088;">new </span><span class="typ" style="color: #660066;">AlertDialog</span><span class="pun" style="color: #666600;">.</span><span class="typ" style="color: #660066;">Builder</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: #000000;">getActivity</span><span class="pun" style="color: #666600;">());</span><span class="pln" style="color: #000000;"> builder</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: #000000;">setTitle</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: #000000;">R</span><span class="pun" style="color: #666600;">.</span><span class="kwd" style="color: #000088;">string</span><span class="pun" style="color: #666600;">.</span><span class="pun"><span style="color: #000000;">title</span></span><span class="pun" style="color: #666600;">) // ここにダイアログのタイトルを設定</span><span class="pln" style="color: #000000;"> </span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: #000000;">setItems</span><span class="pun" style="color: #666600;">(</span><span class="pln" style="color: #000000;">R</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: #000000;">array</span><span class="pun" style="color: #666600;">.dialog_array</span><span class="pun" style="color: #666600;">, // ここに選択肢を設定。R.arrayだけでなく、CharSequenceの配列でも可 </span><span class="kwd" style="color: #000088;"> new</span><span class="typ" style="color: #660066;">DialogInterface</span><span class="pun" style="color: #666600;">.</span><span class="typ" style="color: #660066;">OnClickListener</span><span class="pun" style="color: #666600;">()</span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: #000000;"> </span><span class="kwd" style="color: #000088;">public</span><span class="kwd" style="color: #000088;">void</span><span class="pln" style="color: #000000;"> onClick</span><span class="pun" style="color: #666600;">(</span><span class="typ" style="color: #660066;">DialogInterface</span><span class="pln" style="color: #000000;"> dialog</span><span class="pun" style="color: #666600;">,</span><span class="kwd" style="color: #000088;">int</span><span class="pln" style="color: #000000;"> which</span><span class="pun" style="color: #666600;">)</span><span class="pun" style="color: #666600;">{</span><span class="pln" style="color: #000000;"> </span><span class="pun" style="color: #666600;">}</span><span class="pln" style="color: #000000;"> </span><span class="pun" style="color: #666600;">});</span><span class="pln" style="color: #000000;"> </span><span class="kwd" style="color: #000088;">return</span><span class="pln" style="color: #000000;"> builder</span><span class="pun" style="color: #666600;">.</span><span class="pln" style="color: #000000;">create</span><span class="pun" style="color: #666600;">();</span> |