検索

• [ Prev ]
• [ Next ]
• [ 技術 ]

VirtualBoxメモ。

• Oracle VM VirtualBox
  • https://www.virtualbox.org/

参考：

• Macでも無料で使える仮想環境VirtualBox : アシアルブログ
  • http://blog.asial.co.jp/626

ゲストOSにホストOSからネットワーク接続する

2013-09-01追記
ブリッジモードのネットワークアダプタを使う方式：これなら1つだけでOK.

• VirtualBox上にインストールしたUbuntuにSSHで接続する | トリコロールな猫
  • http://www.nekotricolor.com/blog/2013/03/15/904/

2014-01-13追記
もう少し詳しく調べたメモをページ分けて追加

• 技術/VirtualBox/ネットワークアダプタの設定メモ

ネットワークアダプタを"NAT"と"Host-only"の2つをつけて、使い分ける方式：

• ゲストOSのネットワークアダプタの種類が"NAT"だけだと、ホストOSから接続できない。
• ホストOSからゲストOSに接続するには、"Host-only"アダプタを追加する。
• VirtualBox自体のネットワーク設定からホストオンリーネットワークを追加できるので、まだ存在しなければ追加する。
• ゲストOSの仮想マシンをシャットダウンし、ゲストOSのネットワークアダプタにホストオンリーアダプターを追加する。※「ネットワークアダプターを有効化」のチェックボックスにチェックを入れるのを忘れない。
• ゲストOSのセットアップ前に作業しても良いし、セットアップ後に作業しても良い。ただし、セットアップ前だと、もしかしたらネットワークカードが2つ表示されてどちらがNATでどちらがホストオンリーかわからなくなるかもなので、アダプタータイプを分けるなり、MACアドレスを調べるなりして区別する。

2013-09-01追記：最初から2つつけたところ、Ubuntu 12.04 LTS + VirtualBox 4.2.6 で、うまくeth1(=Host only)を認識してくれなかった。よくわからなかったので、ブリッジモードで逃げた。

参考：

• 仮想環境VirtualBoxでのネットワークの設定 : アシアルブログ
  • http://blog.asial.co.jp/634
• VirtualBox, Mac, CentOS 6.3, SSH接続, ホストオンリーアダプタ
  • http://mirutover.blogspot.jp/2012/08/virtualbox-mac-centos-63-ssh.html
• Linux - VirtualBoxでNAT + Host-Only Network環境を構築する - Qiita [キータ]
  • http://qiita.com/muniere/items/878837964f3b11fb7663

2014-08-02追記：Windows7 + トレンドマイクロウイルスバスタークラウドの環境で、4.3.14に上書きインストールしたら、VirtualBoxのGUIマネージャが起動しなくなった。
症状はこれと一緒。修正した4.3.15がリリース予定らしいので、それまでは 4.3.12 に戻して利用する。

• virtualbox.org • View topic - 4.3.14 conflicts with anti-virus packages.
  • https://forums.virtualbox.org/viewtopic.php?f=6&t=62615

• [ Prev ]
• [ Next ]
• [ Up ]
• [ 技術 ]

• [ Prev ]
• [ Next ]
• [ 技術 ]

VirtualBoxをWindowsにインストールして起動すると、初回起動時に「プログラム互換性アシスタント」が表示されるケースがあった。表示されないケースにも遭遇していて、何が条件で表示されるのかは今のところ不明。
自分のケースでは、新しいバージョンを上書きインストールした時に表示され、一旦削除してからインストールしなおした場合は表示されなかった。

• プログラム互換性アシスタント: よく寄せられる質問 - Windows ヘルプ
  • http://windows.microsoft.com/ja-jp/windows/program-compatibility-assistant-faq

結論から言うと、互換性アシスタントが表示されたら、「このプログラムは正しくインストールされました」を選択して問題ない。

• Installing Oracle VirtualBox on Windows 7 | Cars and Code
  • http://carsandcode.com/2012/06/05/installing-oracle-virtualbox-on-windows-7/
    • 「プログラム互換性アシスタント」(Program Compatibility Assistant)が表示されたら、「このプログラムは正しくインストールされました」(This program works correctly) を選択してね、と書かれてるインストール紹介記事。

• virtualbox.org • View topic - VBox and the Vista Compatibility Assistant?
  • https://forums.virtualbox.org/viewtopic.php?f=8&t=18136
    • 2009年と、Vista時代のスレッドになるが、結局表示される原因は分からなくて、ただ "This program works correctly)を選択しても全く問題なかったよ、という報告で終わっている。

• #11926 (VirtualBox installation causes PCA dialog popup) – Oracle VM VirtualBox
  • https://www.virtualbox.org/ticket/11926
    • 一応チケットには上がっている。

• [ Prev ]
• [ Next ]
• [ Up ]
• [ 技術 ]

• [ Prev ]
• [ Next ]
• [ Java ]

Jerseyの勉強メモ。
JAX-RSレベルで規定されている仕様については　Java/JAX-RS/勉強メモ(JAX-RS 2.0) も参照。

• Jersey
  • https://jersey.java.net/
    • GlassFish プロジェクトでも使われてる、Sunマイクロシステムズ時代からのJAX-RSのリファレンス実装。ライセンスはCDDLv1.1とGPLv2のデュアルライセンス。

練習サンプル：

• Grizzly2版 : https://github.com/msakamoto-sf/jaxrs2-exercise-jersey
• Tomcat7版 : https://github.com/msakamoto-sf/jaxrs2-exercise-jersey-servlet

Jerseyを使ったREST APIサーバとクライアントを作成するチュートリアル

• REST with Java (JAX-RS) using Jersey - Tutorial
  • http://www.vogella.com/tutorials/REST/article.html

• Jersey と Apache Tomcat を使って RESTful な Web サービスを作成する
  • http://www.ibm.com/developerworks/jp/web/library/wa-aj-tomcat/

• java - Get HttpServletRequest in Jax Rs / Appfuse application? - Stack Overflow
  • http://stackoverflow.com/questions/9612194/get-httpservletrequest-in-jax-rs-appfuse-application
    • HttpServletRequestを直接参照したい場合、"@Context"アノテーションでインジェクトする。

"Content-Disposition: attachment" でファイルをダウンロードさせたい

StreamingObjectクラスをimplementしてResponseのentityにセットする。

参考サイト：

• JAX RS: Streaming a Response using StreamingOutput | Javalobby
  • http://java.dzone.com/articles/jax-rs-streaming-response
• Serving Files using Jersey Web Service (JAX-RS) | Matthias Kerstner
  • http://www.kerstner.at/en/2013/08/serving-files-using-jersey-web-service-jax-rs/
• jersey Example of using StreamingOutput as Response entity - Stack Overflow
  • http://stackoverflow.com/questions/12012724/jersey-example-of-using-streamingoutput-as-response-entity
• java - How to set response header in JAX-RS so that user sees download popup for Excel? - Stack Overflow
  • http://stackoverflow.com/questions/4621748/how-to-set-response-header-in-jax-rs-so-that-user-sees-download-popup-for-excel

HttpServletResponseを直接参照・操作する→あんまりオススメできないかも。

JAX-RS 2.0の仕様としてはHttpServletResponseを直接参照、操作することも可能だが、副作用の発生する操作の組み合わせによっては期待通りに動かないケースも。

• Jersey - Serving Binary Content (Files) Through Jersey
  • http://jersey.576304.n2.nabble.com/Serving-Binary-Content-Files-Through-Jersey-td2691376.html
    • HttpServletResponseを直接使う方法の参考。リソースのメソッドの戻り値をvoidにする方法も紹介されているが、Jerseyだと警告メッセージが出る。

• java - HTTPServletResponse status code is not in HTTP response header - Stack Overflow
  • http://stackoverflow.com/questions/11671190/httpservletresponse-status-code-is-not-in-http-response-header
    • 「HttpServletResponse.setStatus()したのが反映されない、なんで！？」に対して、HttpServletResponseでデータの出力まではしてないため、JAX-RS側でリソースクラスが本当にServletResponseを触ったのかどうか分からず、リソースクラスのメソッドもStringを通常通り返しているため、JAX-RS側としては200を返すしか無い、とのこと。解決方法として、ステータスコードを指定できるWebApplicationException()をthrowする方法がアドバイスされている。

• [JERSEY] HOW TO FORCE EMPTY RESPONSE ON ERROR
  • https://java.net/projects/jersey/lists/users/archive/2012-08/message/125
    • Jerseyで、頑張って直接HttpServletResponseでエラー時に空のレスポンスボディを返そうとしたが上手く行かなかったので、結局Responseクラスをbuildして返すようにしたケース。

• [ Prev ]
• [ Next ]
• [ Java ]

• [ Prev ]
• [ Next ]
• [ JavaScript ]

「メンテナブルJavaScript」を読みまして、ExtJSではどうなるのか調べてみました。

「メンテナブルJavaScript」ではJavaScriptならではの落とし穴や、メンテナンス性を下げるようなBad Practiceと、より良い実装のGood Practiceが紹介されています。
ExtJSでは、それら実装が難しい処理のいくつかについて、その実装を隠蔽しよりクリーンなインターフェイスとして、開発者がその実装を気にしなくても安全に使えるようなユーティリティクラス・メソッドを提供しています。
本記事では「メンテナブルJavaScript」で「それ、ExtJSでできるよ」というトピックについて、一部サンプルコードも交えてExtJSで提供されている機能を紹介していきます。（特に紹介していない章については、ExtJSでも通用する普遍的な内容でした。）

注意：本記事ではあくまでも、ExtJSが詳細を隠蔽してくれているクラス・メソッドの紹介までに留めています。隠蔽している実装が本当に妥当なものであるかどうかの検証はしていません。一応ExtJS 5.0のソースを軽く読んでみて、大体書籍にあるようなノウハウが組み込まれている「っぽい感じ」はしてますが、徹底した厳密な調査・検証・テストは実施できていません。そのため、実際に使ってみると「このケースだとExtJSの実装で不都合が出てしまうな～」というのも出てくるかもしれませんが、ご了承ください。

環境：

• ExtJS 5.0.0 GPLバージョン(ExtJSのCDN環境で配布されているものを使用)
• ※ExtJS 4.2 でも同名のクラス・メソッドの存在まで確認しています。ただし動作までは検証していないため、もしかしたら動作が多少変わるかもしれません。

公式APIドキュメント：

• http://docs.sencha.com/extjs/
  • 2014-07-06時点では、最新のExtJS 5.0.0用である http://docs.sencha.com/extjs/5.0.0/ に自動リダイレクトされます。

• [ Prev ]
• [ Next ]
• [ JavaScript ]

ExtJSは豊富なコンポーネントが用意されています。しかしながら、現実のアプリケーション開発ではどうしても、自分でコンポーネントを作成するようなケースが出てきます。カスタムコンポーネントの作成については、ExtJSのドキュメントにも説明はありますが、実際の開発ではHTML要素のレンダリングなどExtJSの内部を知る必要があります。
他のコンポーネントを包含しない、単体で動作するコンポーネントは一般的にExt.Componentを派生させて作成します。その時に、HTMLのレンダリング処理やイベントハンドラをどのように設定すればよいのか、イロハが分かるような資料を目指して本記事を作成しました。

環境：

• ExtJS 5.0.0 GPLバージョン(ExtJSのCDN環境で配布されているものを使用)
• 一部、ExtJSの内部ソースの調査では ExtJS 4.2 GPLバージョン(ext-4.2.1.883) を参照しています。

• [ Prev ]
• [ Next ]
• [ 技術 ]

技術/Linux/RPMコマンドメモ(パッケージ作成など) で簡単ながらパッケージ作成時のTipsをまとめているが、今回はビルドを伴わないパッケージの作成方法について勉強してみた。
今回の「ビルドを伴わないパッケージ」というのは、リポジトリやtarボールから展開して適切な場所にファイル・ディレクトリを配置するだけで良いファイルセットをRPMパッケージにすることを指す。PHPスクリプトや、設定ファイルなどでこのようなケースが該当する。
サンプルを作成してみたので、ポイントとなる箇所を解説していく。

サンプル：

• msakamoto-sf/rpmbuild-demo-without-compilation
  • https://github.com/msakamoto-sf/rpmbuild-demo-without-compilation

今回の練習環境：

CentOS 6.5 x86_64版
$ rpm --version
RPM version 4.8.0
$ rpmbuild --version
RPM version 4.8.0

ソース構成：

rpmbuild-demo-without-compilation/
├── buildrpm.sh                  ... ビルド時の一時的なtarボールの生成とrpmbuildの実行スクリプト
├── helloworld/                  ... 設定ファイルのセットで、これを"/etc"以下にインストールするRPMを作成する
│   ├── auto_include_child/
│   │   ├── regular1.txt
│   │   └── regular2.txt
│   ├── dir_only
│   │   └── ignored.txt
│   ├── greet.conf
│   ├── greet-noreplace.conf
│   ├── greet.sh
│   ├── p0600.txt
│   ├── p0705.txt
│   └── regular.txt
├── helloworld.spec              ... SPECファイル
├── LICENSE
└── README.md

ビルド方法

# yum install rpm-build

$ cd /home/msakamoto/work
$ git clone git@github.com:msakamoto-sf/rpmbuild-demo-without-compilation.git

# 以下はJenkinsなどCI環境からのビルドを意識して、サブシェルによりcdしてから buildrpm.sh を起動する例
$ cd /
$ (cd /home/msakamoto/work/rpmbuild-demo-without-compilation && ./buildrpm.sh)

buildrpm.shのポイント

• specファイルが参照するtarボールを、スクリプト実行時に動的に生成する。
  • スクリプトの簡略化のためと、一時的なものであるため、tarボールのファイル名にバージョン情報等は含めない。極端な話、プロジェクトとは何の関係のない "foo.tar.gz" とかでも spec ファイルの SourceN と一致していれば問題ない。
• buildrpm.sh と同じディレクトリをカレントディレクトリとして実行することを前提とする。
  • tarボールを作成するときのアーカイブ内のファイルパスの調整のため。
  • もちろん、tarをサブシェルに押し込んで、"(cd /xxx/yyy/zzz && /bin/tar czf ...)" とすれば、カレントディレクトリの依存性を排除することも可能だろう。
• rpmbuildで重要な "_topdir" マクロを、rpmbuildコマンドの "--define" により動的に指定。
  • これにより、 "$HOME/.rpmmacros" への依存性を排除できる。JenkinsなどのCI環境でのビルドにも柔軟に対応できる。

#!/bin/sh
WORK_DIR=`pwd`
BUILD_NAME=helloworld
BUILD_SPEC=${BUILD_NAME}.spec
BUILD_TAR=${BUILD_NAME}.tar.gz
BUILD_DIR=${WORK_DIR}/rpmbuild
BUILD_TAR_PATH=${WORK_DIR}/rpmbuild/SOURCES/${BUILD_TAR}

/bin/rm -rf ${BUILD_DIR}

# rpmbuildが使用する各種ビルドディレクトリを作成
/bin/mkdir -p ${BUILD_DIR}/{BUILD,RPMS,SOURCES,SPECS,SRPMS}

# rpmbuildのためだけの、一時的なtarボールを生成してSOURCESに配置
/bin/tar czf ${BUILD_TAR} ${BUILD_NAME}/
/bin/mv ${BUILD_TAR} ${BUILD_TAR_PATH}

# "$HOME/.rpmmacros" に依存せずに rpmbuild を実行
/usr/bin/rpmbuild --define "_topdir ${BUILD_DIR}" -bb ${BUILD_SPEC}

helloworld.specファイルのポイント

今回のspecファイルとソースツリーについては、以下の記事を参考にさせて頂いております。helloworldのパッケージ名やディレクトリ構成など、丸パクリさせてもらいました。

• SPEC ファイルを書いて RPM をビルドしてみた | CUBE SUGAR STORAGE
  • http://momijiame.tumblr.com/post/32458077768/spec-rpm

"Name", "Version", "Release" については難しく無い。"Group"については、可能であれば既に存在するグループ名を指定する方が良いらしい。CentOSであれば、"yum grouplist" でCentOSで利用可能なグループ名の一覧を取得できる。

Name:      helloworld
Version:   1.0
Release:   1
Group:     Security Tools

参考：

• YumGroups - yum - Trac
  • http://yum.baseurl.org/wiki/YumGroups

"Vendor"は、個人ではなく会社等でパッケージを開発する際は入れておいたほうが良いだろう。"URL", "License", "Summary"はそのまま。"BuildArch" については、今回は単なる設定ファイルのパッケージングなので "noarch" を指定した。

Vendor:    Example Company Inc.
URL:       http://www.example.com/
License:   Custom License
Summary:   Example RPM Plain File Packaging.
BuildArch: noarch

ソースの指定で、ここでrpmbuild.shが一時的に生成したtarボール名を指定している。

# use build-time generated tar ball.
Source0:   %{name}.tar.gz

"BuildRoot"については、最近のRHEL系rpmbuildでは無視されるようだ。RHEL5系以前との互換性のために、一つのシステム上で複数人 or 複数ジョブが同時にビルドしても衝突しないよう、mktempでユニークな一時ファイル名を生成している。なお、今回実験した環境では "rpmbuild/BUILDROOT" というディレクトリが自動的に作成され、それが "%{buildroot}" として参照できていた。

# (only create temporary directory name, for RHEL5 compat environment)
# see : http://fedoraproject.org/wiki/Packaging:Guidelines#BuildRoot_tag
BuildRoot: %(mktemp -ud %{_tmppath}/%{name}-%{version}-%{release}-XXXXXX)

BuildRootの解説と、最近のrpmbuildではdeprecatedになった話についての参考：

• rpm: Using a build root
  • http://rpm.org/api/4.4.2.2/buildroot.html
• rpmbuild picking up default buildroot even after explicitily defining in spec file ?
  • http://www.linuxquestions.org/questions/linux-software-2/rpmbuild-picking-up-default-buildroot-even-after-explicitily-defining-in-spec-file-945144/
  • → http://fedoraproject.org/wiki/Packaging:Guidelines#BuildRoot_tag

"%install" で指定する、ファイルツリーの展開先。"%{buildroot}" がインストール先のルートディレクトリに相当する。今回は helloworld を "/etc/helloworld" 以下に展開したいため、そのように調整している。

%define INSTALLDIR %{buildroot}/etc/helloworld

パッケージの説明以降は、準備とビルド（今回は何もしない）、仮のインストール、クリーニング処理になる。ファイルコピーについては、tarボール中のファイルパス名と、"%prep"でのファイル展開先との兼ね合いで微調整が必要になる。最後に"%{buildroot}"を削除している。

%description
%{summary}

%prep
%setup -q -n %{name}

%build

%install
rm -rf %{INSTALLDIR}
mkdir -p %{INSTALLDIR}
cp -Rp * %{INSTALLDIR}

%clean
#rm -rf %{buildroot}
# Avoid Disastarous Damage : http://dev.tapweb.co.jp/2010/12/273
[ "$RPM_BUILD_ROOT" != "/" ] && rm -rf $RPM_BUILD_ROOT

"%files"では、属性の付け方や、"%config"の動きを練習してみた。また、正式にドキュメント化はされていないようだが、"%exclude"により、特定のファイルを除外する方式も試している。"%dir"と組み合わせており、「git向けに空ディレクトリとして、無視ファイル1つだけ入れたディレクトリをリポジトリに登録したが、パッケージインストール時はディレクトリだけを作成して終わりにしたい」というユースケースを想定している。

%files
%defattr(-,root,root)
/etc/helloworld/regular.txt

# auto include child files under the directory
/etc/helloworld/auto_include_child

%config %attr(0600,root,root) /etc/helloworld/greet.conf
%config(noreplace) /etc/helloworld/greet-noreplace.conf

%attr(0700,root,root) /etc/helloworld/greet.sh
%attr(0600,root,root) /etc/helloworld/p0600.txt
%attr(0705,root,root) /etc/helloworld/p0705.txt

# directory only
%dir %attr(0770,-,-) /etc/helloworld/dir_only
%exclude /etc/helloworld/dir_only/ignored.txt

"%files", "%attr"参考：

• Directives For the %files list
  • http://www.rpm.org/max-rpm/s1-rpm-inside-files-list-directives.html
• rpm - How to set owner for directory in the %files? - Stack Overflow
  • http://stackoverflow.com/questions/9963488/how-to-set-owner-for-directory-in-the-files

"%exclude"について：

• New directive for %files section (%exclude)
  • http://www.redhat.com/archives/rpm-list/2007-September/msg00005.html
• python - excluding file types when packaging an rpm - Stack Overflow
  • http://stackoverflow.com/questions/4786101/excluding-file-types-when-packaging-an-rpm

最後に、pre/post, preun/postun についての練習を入れている。

%pre
if [ "$1" = "1" ]; then
  echo "pre-install script : Initial installation."
elif [ "$1" = "2" ]; then
  echo "pre-install script : Upgrade installation."
fi

%post
if [ "$1" = "1" ]; then
  echo "post-install script : Initial installation."
elif [ "$1" = "2" ]; then
  echo "post-install script : Upgrade installation."
fi

%preun
if [ "$1" = "0" ] ; then
  echo "pre-uninstall script : Uninstall operation."
elif [ "$1" = "1" ]; then
  echo "pre-uninstall script : Upgrade uninstallation process."
fi

%postun
if [ "$1" = "0" ] ; then
  echo "post-uninstall script : Uninstall operation."
elif [ "$1" = "1" ]; then
  echo "post-uninstall script : Upgrade uninstallation process."
fi

%changelog

参考資料

RPMの基本

• http://www.rpm.org/
• http://www.rpm.org/wiki/Docs

Fedoraからのドキュメント、パッケージングのガイドライン

• http://docs.fedoraproject.org/en-US/Fedora_Draft_Documentation/0.1/html/RPM_Guide/index.html
• http://fedoraproject.org/wiki/Packaging:Guidelines

今回、かなり参考になった記事

• tap dev blog - 自作RPMの作成とレポジトリ3〜specファイルの書き方〜
  • http://dev.tapweb.co.jp/2010/12/273
• RPM を使ってソフトウェアをパッケージ化する: 第 1 回 パッケージのビルドと配布
  • http://www.ibm.com/developerworks/jp/linux/library/l-rpm1/index.html
• RPM を使ってソフトウェアをパッケージ化する: 第 2 回 ソフトウェアのアップグレードとアンインストール
  • http://www.ibm.com/developerworks/jp/linux/library/l-rpm2/index.html
• RPM を使ってソフトウェアをパッケージ化する: 第 3 回 ソフトウェアの依存関係への対処
  • http://www.ibm.com/developerworks/jp/linux/library/l-rpm3/index.html

JenkinsなどCI環境と組み合わせる場合に参考になりそうな記事

• Build RPMs for a Git (Github) project with Jenkins | Simply Me
  • http://blog.mornati.net/build-rpms-for-a-git-github-project-with-jenkins/
• Build RPMs using Jenkins/Hudson | Simply Me
  • http://blog.mornati.net/build-rpms-using-jenkinshudson/
• Jenkinsを用いた継続的RPMビルド - GeekFactory
  • http://int128.hatenablog.com/entry/20130111/1357834690
• Using Hudson to build RPM packages - Stack Overflow
  • http://stackoverflow.com/questions/2232921/using-hudson-to-build-rpm-packages

Rubyなどのライブラリから、RPMパッケージをプログラマブルに生成するライブラリ

• Redline RPM
  • http://redline-rpm.org/index.html
    • Java製のライブラリ
• jordansissel/fpm
  • https://github.com/jordansissel/fpm
    • Ruby製のライブラリで、RPM以外にもdebなど他の形式も対応している。

その他

• .specファイルの%{?hoge:1}とか%{?!hoge:0}について - きれいさっぱり、逝くぜ！
  • http://d.hatena.ne.jp/tksmashiw/20080406
• 簡単なRPMの作り方
  • http://ash.jp/linux/rpm_build.htm
• 自分で作るRPMパッケージ（2/3）
  • http://www.atmarkit.co.jp/flinux/special/mkrpm/mkrpm02.html
• rpmbuild - システム管理コマンドの説明 - Linux コマンド集 一覧表
  • http://kazmax.zpp.jp/cmd/r/rpmbuild.8.html

• [ Prev ]
• [ Next ]
• [ Up ]
• [ 技術 ]

• [ Prev ]
• [ Next ]
• [ JavaScript ]

ExtJSは豊富なコンポーネントを提供していますが、変化の激しいHTML5+JavaScript開発において、サードパーティのJavaScriptライブラリを使うケースもあります。
ExtJS4.2 + Sencha Cmdの開発環境で、サードパーティのJavaScriptライブラリを使うにはどのような構成にすればよいか試してみました。
JavaScript/ExtJS/ExtJS4 + Sencha Cmd 勉強メモ3, アイコン画像のカスタマイズ からの環境で練習します。
今回の実験環境：

Ubuntu 12.04 LTS (64bit)
ext-4.2.1.883 (GPL版)
Sencha Cmd v4.0.4.84
Ruby (rbenvにて ruby 2.0.0p481 をインストール済み)

/work/www 以下をDocumentRootとしてApacheHTTPDで公開
/work/www/ext-4.2.1.883 にExtJSを展開済み
/work/devtools 以下にSencha Cmdをインストール

Webブラウザによる動作確認：Firefox 29 on Win7 Pro 日本語版

引き続き、"/work/www/extjs-tests/t1" を "${app.dir}" として参照します。

サンプルコード : https://github.com/msakamoto-sf/extjs42-senchacmdv4-exercise

• [ Prev ]
• [ Next ]
• [ JavaScript ]

ExtJS4.2 + Sencha Cmdの開発環境で、アイコン画像のカスタマイズについて練習してみます。
引き続き JavaScript/ExtJS/ExtJS4 + Sencha Cmd 勉強メモ1, JavaScript/ExtJS/ExtJS4 + Sencha Cmd 勉強メモ2, テーマ(Theme)のカスタマイズ と同じ環境で練習します。
今回の実験環境：

Ubuntu 12.04 LTS (64bit)
ext-4.2.1.883 (GPL版)
Sencha Cmd v4.0.4.84
Ruby (rbenvにて ruby 2.0.0p481 をインストール済み)

/work/www 以下をDocumentRootとしてApacheHTTPDで公開
/work/www/ext-4.2.1.883 にExtJSを展開済み
/work/devtools 以下にSencha Cmdをインストール

Webブラウザによる動作確認：Firefox 29 on Win7 Pro 日本語版

引き続き、"/work/www/extjs-tests/t1" を "${app.dir}" として参照します。

サンプルコード : https://github.com/msakamoto-sf/extjs42-senchacmdv4-exercise

• [ Prev ]
• [ Next ]
• [ JavaScript ]

ExtJS4.2以降、Sencha Cmdの導入に伴い、"package"の一種類として Theme を用意する方式になりました。
JavaScript/ExtJS/ExtJS4 + Sencha Cmd 勉強メモ1 と同じ環境で、続けてThemeについて練習してみます。

今回の実験環境：

Ubuntu 12.04 LTS (64bit)
ext-4.2.1.883 (GPL版)
Sencha Cmd v4.0.4.84
Ruby (rbenvにて ruby 2.0.0p481 をインストール済み)

/work/www 以下をDocumentRootとしてApacheHTTPDで公開
/work/www/ext-4.2.1.883 にExtJSを展開済み
/work/devtools 以下にSencha Cmdをインストール

Webブラウザによる動作確認：Firefox 29 on Win7 Pro 日本語版

JavaScript/ExtJS/ExtJS4 + Sencha Cmd 勉強メモ1 の続きですので、 "/work/www/extjs-tests/t1" を "${app.dir}" として参照します。

サンプルコード : https://github.com/msakamoto-sf/extjs42-senchacmdv4-exercise

• [ Prev ]
• [ Next ]
• [ JavaScript ]

最近、ExtJSを勉強しているのですが、ExtJS 4.2 になって事実上、Sencha Cmdによる開発方式が前提となりました。
そこで、ExtJS 4.2 を使ってSencha Cmdを触ってみましたので、練習メモとして公開します。

• ExtJS, Sencha Cmd
  • http://www.sencha.com/products/extjs/
• 公式ドキュメント
  • http://docs.sencha.com/extjs/
    • ※アクセスすると2014-05時点では 4.2.2 のドキュメントにジャンプします。ExtJSのzipパッケージの中にはそのバージョンのドキュメントが同梱されてますので、そちらをローカルで参照しても良いと思います。

今回の実験環境：

Ubuntu 12.04 LTS (64bit)
ext-4.2.1.883 (GPL版)
Sencha Cmd v4.0.4.84
Ruby (rbenvにて ruby 2.0.0p481 をインストール済み)

/work/www 以下をDocumentRootとしてApacheHTTPDで公開
/work/www/ext-4.2.1.883 にExtJSを展開済み
/work/devtools 以下にSencha Cmdをインストール

Webブラウザによる動作確認：Firefox 29 on Win7 Pro 日本語版

サンプルコード : https://github.com/msakamoto-sf/extjs42-senchacmdv4-exercise