<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>hiromasa.another :o)</title>
	<atom:link href="http://another.maple4ever.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://another.maple4ever.net</link>
	<description>have a lot of interests.</description>
	<lastBuildDate>Thu, 03 May 2012 10:01:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Ubuntu 12.04 にアップグレード</title>
		<link>http://another.maple4ever.net/archives/1678/</link>
		<comments>http://another.maple4ever.net/archives/1678/#comments</comments>
		<pubDate>Thu, 03 May 2012 10:01:11 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/?p=1678</guid>
		<description><![CDATA[少し経ちましたが Ubuntu 12.04 がリリースされましたので 11.10 からアップグレードしてみました。 半年に一回のお楽しみでございます。 まだ数日しかつかっていませんが、5年サポートの LST 版だけあり、さすがにこなれた感じの仕上がりと思いました。 Win（Super）キーで起動するランチャーから。　ちなみに Unity 系の透過描画で背景に表示していないウインドウが亡霊のようにでてくるのはうちだけでしょうか。。いいんですが（笑） 12.04 からキーボードショートカットが表示できるようになりました。 Super キー押しっぱなしででてまいります。 ALT + TAB のタスクスイッチャーが少し変更になったようです。　同一アプリケーションは、まずサマって表示されます。　以下、Firefox を2窓あげた様子。 でもって、複数窓あるアプリの上にカーソル合わせて少し待つと各窓のプレビューがでてきます。 選択窓を出さないで ALT + TAB したときの挙動は以前と一緒で、同一アプリケーションでも次にフォーカスがくるようです。ハイブリット仕様で結構便利です。 Win + S の仮想デスクトップや、Win + W のアプリケーションプレビューはいっしょ。 GNOME 3.4 になっているので Nautilus もバージョンが上がっています。 &#8230; <a href="http://another.maple4ever.net/archives/1678/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>少し経ちましたが Ubuntu 12.04 がリリースされましたので 11.10 からアップグレードしてみました。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>半年に一回のお楽しみでございます。 まだ数日しかつかっていませんが、5年サポートの LST 版だけあり、さすがにこなれた感じの仕上がりと思いました。</p>
<p>Win（Super）キーで起動するランチャーから。　ちなみに Unity 系の透過描画で背景に表示していないウインドウが亡霊のようにでてくるのはうちだけでしょうか。。いいんですが（笑）</p>
<p><img style="display: inline" title="Ubuntu12-01" alt="Ubuntu12-01" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-01.png" width="411" height="231"></p>
<p>12.04 からキーボードショートカットが表示できるようになりました。 Super キー押しっぱなしででてまいります。</p>
<p><img style="display: inline" title="Ubuntu12-00" alt="Ubuntu12-00" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-00.png" width="410" height="300"></p>
<p>ALT + TAB のタスクスイッチャーが少し変更になったようです。　同一アプリケーションは、まずサマって表示されます。　以下、Firefox を2窓あげた様子。</p>
<p><img style="display: inline" title="Ubuntu12-02" alt="Ubuntu12-02" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-02.png" width="410" height="231"></p>
<p>でもって、複数窓あるアプリの上にカーソル合わせて少し待つと各窓のプレビューがでてきます。</p>
<p><img style="display: inline" title="Ubuntu12-03" alt="Ubuntu12-03" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-03.png" width="410" height="231"></p>
<p>選択窓を出さないで ALT + TAB したときの挙動は以前と一緒で、同一アプリケーションでも次にフォーカスがくるようです。ハイブリット仕様で結構便利です。</p>
<p>Win + S の仮想デスクトップや、Win + W のアプリケーションプレビューはいっしょ。</p>
<p><img style="display: inline" title="Ubuntu12-04" alt="Ubuntu12-04" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-04.png" width="410" height="231"></p>
<p><img style="display: inline" title="Ubuntu12-05" alt="Ubuntu12-05" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-05.png" width="410" height="231"></p>
<p>GNOME 3.4 になっているので Nautilus もバージョンが上がっています。 「元に戻す機能」が使えるようになった模様。 GNOME 3 系の Nautilus さんはめんこくてお気に入り。</p>
<p><img style="display: inline" title="Ubuntu12-06" alt="Ubuntu12-06" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-06.png" width="410" height="313"></p>
<p>Unity 系ではランチャーのアプリケーションメニュー? が使えるようになっています。 Shutter というスクリーンショットを撮るアプリでは次のようにショートカットメニューがでてきます。</p>
<p><img style="display: inline" title="Ubuntu12-10" alt="Ubuntu12-10" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-10.png" width="401" height="318"></p>
<p>また、透過の描画が背景色を見てくれるようになったので通知が見やすくなったようです。　先日作った twitter デーモンくんもそのままうまく動きました。</p>
<p><img style="display: inline" title="Ubuntu12-11" alt="Ubuntu12-11" src="http://another.maple4ever.net/wp-content/uploads/2012/05/Ubuntu12-11.png" width="440" height="253"></p>
<p>Ubuntu 11.10 からのアップグレードインストールをしたので、リポジトリの状態などは分かってないのですが、すんなりアップグレードできました。　ThinkPad X61 にはまだ入れていないので日本語 Remix がでたら、こちらは新規インストールしてみたいと思います。</p>
<p>それにしても、昔は Linux で”十分”なんて言われていましたが、今や Linux じゃなきゃ”いやぁ”くらいに育ちましたねぇ。 ぼくは Ubuntu 8.04 か 9.04 にかけてクライアントのメイン OS として移行しましたが、なんでもいじれるソフトウェアのおもしろさや怪しさを残しつつ便利な感じになってきて良いと思いますです。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1678/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SaCSS WordPress スペシャルと PHPカンファレンス北海道ビデオ</title>
		<link>http://another.maple4ever.net/archives/1666/</link>
		<comments>http://another.maple4ever.net/archives/1666/#comments</comments>
		<pubDate>Mon, 30 Apr 2012 05:32:13 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/?p=1666</guid>
		<description><![CDATA[6/9（土）に開催されます、「SaCSS WordPress スペシャル」でセッションをひとコマ担当させていただくことになりました。:) 今回は Web サイト制作の観点から、WordPress 上での PHP の構文や動きの考え方についてを解説させていただきたいと思います。 個別の実装ではなく、実際にテーマをつくる時に応用できるように説明したいと思っております。 SaCSS Special2！ WordPress Special &#8211; 札幌のウェブデザイナー・コーダーのためのセミナー・勉強会 6月9日（土）14:00～18:30(開場13:20) 札幌市民ホール　第2会議室（札幌市中央区北1条西1丁目） 60名 山口有由希 @yuki930 高橋朋代 @komomoaichi 田中広将 @hiromasa 長谷川広武 @h2ham 一般：4,000円（早割：5月9日までのお申し込み：3,000円 [1,000円割引]） インターネットのほうは門外漢なぼくでしたが、SaCSS メンバのみなさんのおかげで最近少しづつですが Web 制作のワークフローが分かってきましたので、何とかためになるお話ができればなぁと日々研究しておりますです。 先日のPHPカンファレンス北海道の動画も公開して頂きました！ PHPを活用したWordPressサイト制作 / PHPカンファレンス北海道2012 自分で自分の動画みるのはかなり恥ずかしいのですが、向き合ってトーク部分も精進してみたいと思います。。（笑） さて次はどんなコスプレでいきましょう。 …。 &#8230; <a href="http://another.maple4ever.net/archives/1666/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>6/9（土）に開催されます、「SaCSS WordPress スペシャル」でセッションをひとコマ担当させていただくことになりました。:)</p>
<p>今回は Web サイト制作の観点から、WordPress 上での PHP の構文や動きの考え方についてを解説させていただきたいと思います。 個別の実装ではなく、実際にテーマをつくる時に応用できるように説明したいと思っております。</p>
<blockquote><p>
<a href="http://www.sacss.net/special02/">SaCSS Special2！ WordPress Special &#8211; 札幌のウェブデザイナー・コーダーのためのセミナー・勉強会</a></p>
<p>6月9日（土）14:00～18:30(開場13:20)<br />
札幌市民ホール　第2会議室（札幌市中央区北1条西1丁目）<br />
60名<br />
山口有由希 @yuki930<br />
高橋朋代 @komomoaichi<br />
田中広将 @hiromasa<br />
長谷川広武 @h2ham<br />
一般：4,000円（早割：5月9日までのお申し込み：3,000円 [1,000円割引]）
</p></blockquote>
<p>インターネットのほうは門外漢なぼくでしたが、SaCSS メンバのみなさんのおかげで最近少しづつですが Web 制作のワークフローが分かってきましたので、何とかためになるお話ができればなぁと日々研究しておりますです。</p>
<p>先日のPHPカンファレンス北海道の動画も公開して頂きました！</p>
<p>PHPを活用したWordPressサイト制作 / PHPカンファレンス北海道2012</p>
<p><iframe src="http://player.vimeo.com/video/41194305" width="584" height="329" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p><a href="http://another.maple4ever.net/wp-content/uploads/2012/04/dresstie_b160.png"><img src="http://another.maple4ever.net/wp-content/uploads/2012/04/dresstie_b160.png" alt="" title="dresstie_b160" width="160" height="160" class="alignleft size-full wp-image-1667" /></a></p>
<p>自分で自分の動画みるのはかなり恥ずかしいのですが、向き合ってトーク部分も精進してみたいと思います。。（笑）</p>
<p>さて次はどんなコスプレでいきましょう。</p>
<p>…。</p>
<p>…方向性間違え。。</p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1666/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>onda Vi30 精英版その後</title>
		<link>http://another.maple4ever.net/archives/1663/</link>
		<comments>http://another.maple4ever.net/archives/1663/#comments</comments>
		<pubDate>Fri, 27 Apr 2012 16:21:37 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/?p=1663</guid>
		<description><![CDATA[先日買いました中華パッドさんのその後です。 いくつか追加アクセサリを買ってみました。 なかなかよいおもちゃになってくれまして、お気に入っておりますぞ。 さて Android のカーネルは USB のゲームコントローラに対応しているような記憶があったので、ふと刺してみたところやっぱりちゃんと動くではありませんか。　OS の UI もなんとなく操作できたりして凝っています。 せっかくなのでスーファミ風の USB ゲームコントローラと、HDMI もついているのでミニから普通のに変換するコネクタを購入してテレビに接続…。 いい感じに動きました。　ゲーム動かしたらポータブルなゲーム機になります。 買ったのは次のふたつ。 iBUFFALO USBゲームパッド 8ボタン スーパーファミコン風 グレー BSGP801GY SANWA SUPPLY HDMI変換アダプタ ミニHDMI 黒 AD-HD07M 次。 ソフトウェア系では、まずフォントを変更。 /sysctrm/fonts/DroidSansFallback.ttf がシステムで使われる日本語フォントのようだったので、こちらを上書きで変更してしまいました。 Android 4.0 は FreeType つかっていると思うのですが、TrueType のヒンティングの扱いのデフォルト設定が日本語を扱うにはいまいちっぽく、入れたフォントでは違和感があったので FontForge &#8230; <a href="http://another.maple4ever.net/archives/1663/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>先日買いました中華パッドさんのその後です。 いくつか追加アクセサリを買ってみました。</p>
<p>なかなかよいおもちゃになってくれまして、お気に入っておりますぞ。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>さて Android のカーネルは USB のゲームコントローラに対応しているような記憶があったので、ふと刺してみたところやっぱりちゃんと動くではありませんか。　OS の UI もなんとなく操作できたりして凝っています。</p>
<p>せっかくなのでスーファミ風の USB ゲームコントローラと、HDMI もついているのでミニから普通のに変換するコネクタを購入してテレビに接続…。</p>
<p><img style="display: inline" title="20120427_220722" alt="20120427_220722" src="http://another.maple4ever.net/wp-content/uploads/2012/04/20120427_220722.jpg" width="410" height="308"></p>
<p>いい感じに動きました。　ゲーム動かしたらポータブルなゲーム機になります。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>買ったのは次のふたつ。</p>
<blockquote><p><a href="http://www.amazon.co.jp/gp/product/B002B9XB0E">iBUFFALO USBゲームパッド 8ボタン スーパーファミコン風 グレー BSGP801GY</a></p>
<p><a href="http://www.amazon.co.jp/gp/product/B004FWEULO">SANWA SUPPLY HDMI変換アダプタ ミニHDMI 黒 AD-HD07M</a></p>
</blockquote>
<p><font color="#222222" face="Arial">次。</font></p>
<p><font color="#222222" face="Arial">ソフトウェア系では、まずフォントを変更。</font></p>
<p><font color="#222222" face="Arial">/sysctrm/fonts/DroidSansFallback.ttf がシステムで使われる日本語フォントのようだったので、こちらを上書きで変更してしまいました。</font></p>
<p><font color="#222222" face="Arial">Android 4.0 は FreeType つかっていると思うのですが、TrueType のヒンティングの扱いのデフォルト設定が日本語を扱うにはいまいちっぽく、入れたフォントでは違和感があったので <a href="http://fontforge.sourceforge.net/ja/">FontForge</a> をつかってヒントを削除したものを使っています。（ヒント使わない方がぼける気もするのですが）</font></p>
<p>ファイル-&gt;フォントを出力-&gt;オプションから「ヒント」をチェック外して書き出してあげれば良いと思います。　ありなしでスクリーンショットとっておけば良かったのですが忘れてました。。</p>
<p>ブラウザのほうは、いろいろ使ってみましたが Opera Mobile が一番相性が良いようです。 読み込みも分かりやすく、飛ぶようにスクロールするので気持ちいいですね。</p>
<p>Firefox Beta も割と速いですが、非同期読み込みと画面描画は Opera Mobile には及ばないようです。 Chrome Mobile も Firefox と似たようなひっかかりを感じます。</p>
<p><img style="display: inline" title="device-2012-04-27-223122" alt="device-2012-04-27-223122" src="http://another.maple4ever.net/wp-content/uploads/2012/04/device-2012-04-27-223122.png" width="410" height="308"></p>
<p>Opera のフォント設定は、opera:config を URL に入れて CSS Font から。 指定するフォント名は、/system/fonts 配下の”フォント名”を正しく CSS 指定のように正確に入れてあげることで認識するようです。　認識できないと、せっかく入力した設定が Robote フォントに戻っていらっとします（笑）</p>
<p>あとは、BubbleUPnP や VPlayer などを入れてみました。 VPlayer はバージョンアップしてから音ずれするようになったような…。 きっとそのうち直るでしょう！</p>
<p>最後はスタンド。</p>
<blockquote><p><a href="http://www.amazon.co.jp/gp/product/B0058RHFW6">iPad / iPad 2 / Xoom / P7100 / TouchPad対応スタンド　180度まで調節可能　ブラック</a></p>
</blockquote>
<p><img style="display: inline" title="20120427_220213" alt="20120427_220213" src="http://another.maple4ever.net/wp-content/uploads/2012/04/20120427_220213.jpg" width="410" height="308"></p>
<p>なんの変哲もないスタンドですが、この機械でもよい具合に収まりました。　たためば持ち歩きも可能です。</p>
<p><img style="display: inline" title="20120427_215942" alt="20120427_215942" src="http://another.maple4ever.net/wp-content/uploads/2012/04/20120427_215942.jpg" width="410" height="308"></p>
<p>GyaO でふじこちゃんを堪能しているの図。。 立てばなんでもいいと思いますが、角度も変えれたりして意外と便利でした。</p>
<p>てな感じで、ゲームや Opera Mobile の動きをみていますと、素性はなかなか高速な機械のようで、まだまだ遊べそうです。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1663/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP カンファレンス北海道2012 WordPressセッション&amp;ハンズオン</title>
		<link>http://another.maple4ever.net/archives/1656/</link>
		<comments>http://another.maple4ever.net/archives/1656/#comments</comments>
		<pubDate>Sun, 22 Apr 2012 16:27:36 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/?p=1656</guid>
		<description><![CDATA[2012/4/21 に開催されました、PHP カンファレンス北海道で「PHPを活用したWordPressサイト制作」のセッションとハンズオン「初めて作る WordPress オリジナルテーマ」のお手伝いをさせて頂きました。:) PHP カンファレンスは北海道では初開催ということでしたが興味深いセッションも多く、Local の方達の運営もしっかりされており良い感じのカンファレンスでした。 WordPress がメインではないイベントでお話しするのは実は初めてだったような気がしますが、興味を持っていただけた方もいらっしゃいまして良かったと思います。 「PHPを活用したWordPressサイト制作」セッション開始前のひろまさ。 twitter の #phpcondo タイムラインにはのっけから、 「とりあえず蝶ネクタイの説明からしてもらおうか。」 「発表者の蝶ネクタイに二度見した」 「スカート男子かと思ったら、バリスタか何か？」 等々。　すいません、すいません（笑） みつけて声をかけてくださった方、ありがとうございました! プレゼン資料の方ですが、一応こちらに掲載しておきます。 PHPConDo2012.pdf 内容の方ですが、テーマ作成中のスクリーンキャストの動画がメインになっていますので、.pdf だけだとよく分からないかもしれません。 後日、USTREAM の録画が公開されるそうですので、もし興味がありましたらそちらでどうぞ。 公開していただきました。:) さて、スクリーンキャストの撮り方のご質問をうけることがありますので、ここで簡単にご紹介します。 まず録画ソフトですが Ubuntu の RecordMyDesktop で撮っています。　他の OS でも同様のものあると思います。 ポイントは、プロジェクタの解像度で撮ることで、大抵 4:3 の 1024&#215;768 なのでそれに合わせると大きく綺麗に出力できます。　ぼくは、モニタをもうひとつつないで、片方の解像度を &#8230; <a href="http://another.maple4ever.net/archives/1656/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>2012/4/21 に開催されました、<a href="http://phpcon.php.gr.jp/hokkaido/2012/program">PHP カンファレンス北海道</a>で「PHPを活用したWordPressサイト制作」のセッションとハンズオン「初めて作る WordPress オリジナルテーマ」のお手伝いをさせて頂きました。:)</p>
<p>PHP カンファレンスは北海道では初開催ということでしたが興味深いセッションも多く、Local の方達の運営もしっかりされており良い感じのカンファレンスでした。</p>
<p>WordPress がメインではないイベントでお話しするのは実は初めてだったような気がしますが、興味を持っていただけた方もいらっしゃいまして良かったと思います。</p>
<p>「PHPを活用したWordPressサイト制作」セッション開始前のひろまさ。</p>
<p><img style="display: inline;" title="20120421_111456" src="http://another.maple4ever.net/wp-content/uploads/2012/04/20120421_111456.jpg" alt="20120421_111456" width="410" height="308" /></p>
<p>twitter の #phpcondo タイムラインにはのっけから、</p>
<blockquote><p>「とりあえず蝶ネクタイの説明からしてもらおうか。」</p>
<p>「発表者の蝶ネクタイに二度見した」</p>
<p>「スカート男子かと思ったら、バリスタか何か？」</p></blockquote>
<p>等々。　すいません、すいません（笑）</p>
<p><img src="http://another.maple4ever.net/wp-content/plugins/wp-tegaki/wp-tegaki-img.php?tegaki_id=1656-0" alt="コスプレしてみたかったの。。" width="363" height="36" /></p>
<p>みつけて声をかけてくださった方、ありがとうございました!</p>
<p>プレゼン資料の方ですが、一応こちらに掲載しておきます。</p>
<blockquote><p><a href="http://another.maple4ever.net/wp-content/uploads/etc/zip/PHPConDo2012.pdf">PHPConDo2012.pdf</a></p></blockquote>
<p><span style="color: #222222; font-family: Arial;">内容の方ですが、テーマ作成中のスクリーンキャストの動画がメインになっていますので、.pdf だけだとよく分からないかもしれません。 <del>後日、USTREAM の録画が公開されるそうですので、もし興味がありましたらそちらでどうぞ。</del></span></p>
<p>公開していただきました。:)</p>
<p><iframe src="http://player.vimeo.com/video/41194305" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p>さて、スクリーンキャストの撮り方のご質問をうけることがありますので、ここで簡単にご紹介します。</p>
<div style="border-left: #bbf 8px solid; padding-left: 1em; margin-left: 0.5em;">
<p><span style="color: #222222; font-family: Arial;">まず録画ソフトですが Ubuntu の RecordMyDesktop で撮っています。　他の OS でも同様のものあると思います。</span></p>
<p><span style="color: #222222; font-family: Arial;">ポイントは、プロジェクタの解像度で撮ることで、大抵 4:3 の 1024&#215;768 なのでそれに合わせると大きく綺麗に出力できます。　ぼくは、モニタをもうひとつつないで、片方の解像度を 1024 にしてそちらで録画するようにしています。</span></p>
<p><span style="color: #222222; font-family: Arial;">あとは心の中でしゃべりながら録画。。　Ubuntu は Compiz の機能で Super + Ctrl + マウスクリックで画面拡大が効きます。</span></p>
<p><span style="color: #222222; font-family: Arial;">本番開始前は、自分の操作ながら何をやっているのか意外に忘れてしまっている時があるので、何回か見直して練習しておきます。 今回は先日買いました Android タブレットに .ogv 動画ファイルいれて VPlayer で再生して練習していました。</span></p>
<p><span style="color: #222222; font-family: Arial;">Ubuntu の RecordMyDesktop で撮ると .ogv ファイルになるのですが、このファイルは再生できる PC が限られるので、万が一の当日マシントラブルに備えて ffmpeg で mpeg4 とかにして USB メモリに入れておくとよいです。</span></p>
<blockquote><p>find . –name ‘*.ogv’ –exec ffmpeg –i {} –sameq –vcodec mpeg4 –f mp4 {}.mp4 \;</p></blockquote>
<p><span style="color: #222222; font-family: Arial;">とかで前の晩にでもバッチエンコードしておくと良いでしょう。</span></p>
<p><span style="color: #222222; font-family: Arial;">以上、あんまり関係ありませんがスクリーンキャストの撮り方でした。</span></p>
</div>
<p>ハンズオン「初めて作る WordPress オリジナルテーマ」の講師面々。</p>
<p><img style="display: inline;" title="20120421_161452" src="http://another.maple4ever.net/wp-content/uploads/2012/04/20120421_161452.jpg" alt="20120421_161452" width="410" height="308" /></p>
<p>写真手前から <a href="http://cat-speak.net/">コモモ</a>さん、メイン講師 <a href="http://ja.naoko.cc/">Nao</a> さん、<a href="http://h2ham.seesaa.net/">ハム</a>さん。</p>
<p>来てくださった方、ありがとうございました。 お疲れ様でした!</p>
<p>さて、6/16 は<a href="http://www.ospn.jp/osc2012-do/">オープンソースカンファレンス北海道</a> のブース &amp; セミナーを WordPress（WordBench札幌） で申し込ませていただいています。 セミナーはコモモすにお願いしたので面白いと思いますぞ。</p>
<p>興味がありましたらぜひお立ち寄りくださいっ。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1656/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>VPS にデーモンを常駐させて遊ぶ</title>
		<link>http://another.maple4ever.net/archives/1651/</link>
		<comments>http://another.maple4ever.net/archives/1651/#comments</comments>
		<pubDate>Sun, 15 Apr 2012 15:23:28 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/?p=1651</guid>
		<description><![CDATA[さくらインターネットさんが値段を下げてにわかに活気づく VPS。 VPS のよいところは、root 権限があることで、もう Web サーバやら PHP やら MySQL やらの束縛からは解放されて、好きな言語や環境でインターネットのアプリケーションがつくれる環境が整いました。 たぶん VPS で動かして一番面白いのは、デーモンとして常駐してリアルタイムで処理を行うアプリケーション。　じゃーってことで、Groovy でやってみることにしましょう。 まずは UNIX Daemon のつくりかた。 C でやれば fork して tty 切り離してみたいな感じになるとおもいますが、ここは Groovy ってことで、JVM 上のアプリを daemon 扱いにしてシグナルをとばしてくれる Apache Commons の commons-daemon を使うとよいです。 Daemon : Java based daemons &#8230; <a href="http://another.maple4ever.net/archives/1651/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>さくらインターネットさんが値段を下げてにわかに活気づく VPS。</p>
<p>VPS のよいところは、root 権限があることで、もう Web サーバやら PHP やら MySQL やらの束縛からは解放されて、好きな言語や環境でインターネットのアプリケーションがつくれる環境が整いました。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>たぶん VPS で動かして一番面白いのは、デーモンとして常駐してリアルタイムで処理を行うアプリケーション。　じゃーってことで、Groovy でやってみることにしましょう。</p>
<p>まずは UNIX Daemon のつくりかた。 C でやれば fork して tty 切り離してみたいな感じになるとおもいますが、ここは Groovy ってことで、JVM 上のアプリを daemon 扱いにしてシグナルをとばしてくれる Apache Commons の commons-daemon を使うとよいです。</p>
<blockquote><p><a href="http://commons.apache.org/daemon/">Daemon : Java based daemons or services</a></p>
<p>Daemon is made of 2 parts. One written in C that makes the interface to the operating system and the other in Java that provides the Daemon API. </p>
</blockquote>
<p>commons-daemon には jsvc という UNIX Daemon と Java を取り持つバイナリのソースが入っています。 まずはこれを VPS の環境なりでコンパイルします。 Java のホームディレクトリを指定して configure をかけるのがポイントです。</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9D7513F9-C04C-4721-824A-2B34F0212519:bbb20c0c-d1dd-4d22-96bc-7705d873d0e5" class="wlWriterEditableSmartContent">
<pre style=" width: 560px; height: 22px;background-color:#E7E7E7;overflow: auto;">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><span style="color: #000000;">src</span><span style="color: #000000;">/</span><span style="color: #000000;">unix$ .</span><span style="color: #000000;">/</span><span style="color: #000000;">configure </span><span style="color: #000000;">--</span><span style="color: #000000;">with</span><span style="color: #000000;">-</span><span style="color: #000000;">java</span><span style="color: #000000;">=/</span><span style="color: #000000;">usr</span><span style="color: #000000;">/</span><span style="color: #000000;">lib</span><span style="color: #000000;">/</span><span style="color: #000000;">jvm</span><span style="color: #000000;">/</span><span style="color: #000000;">java</span><span style="color: #000000;">-</span><span style="color: #800080;">6</span><span style="color: #000000;">-</span><span style="color: #000000;">sun</span></div>
</pre>
<p><!-- Code inserted with Steve Dunn's Windows Live Writer Code Formatter Plugin.  http://dunnhq.com --></div>
<p>make すると jsvc のバイナリができます。 </p>
<p>次に Java でデーモン用のソースをかきます。　ここでは Groovy で。 </p>
<p>org.apache.commons.daemon.Daemon を implements してシグナルハンドラと結びつく規定のインターフェースを実装してあげればOKです。 サービスクラスはスレッドにして、ちゃんと途中でとまるようにつくる感じになるでしょう。</p>
<p>ここではおなじみ twitter4j のストリーミング API をサービスクラスにしています。　VPS とは関係ないですが、ストリーミング API でうけたメッセージを Ubuntu の NotifyOSD で通知するサンプルです。 （画面ならデーモンじゃなくて UI スレッドでやれって感じですが、サンプルということで…）</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9D7513F9-C04C-4721-824A-2B34F0212519:922e57a5-ecae-488d-bf60-d3ce04e611cb" class="wlWriterEditableSmartContent">
<pre style=" width: 560px; height: 2215px;background-color:#E7E7E7;overflow: visible;">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><span style="color: #000000;">package net.maple4ever.daemon

import java.security.MessageDigest

import org.apache.commons.daemon.</span><span style="color: #000000;">*</span><span style="color: #000000;">
import org.apache.log4j.Logger

import org.gnome.gtk.Gtk
import org.gnome.gdk.Pixbuf
import org.gnome.notify.Notify
import org.gnome.notify.Notification

import twitter4j.Status
import twitter4j.TwitterFactory
import twitter4j.TwitterStream
import twitter4j.TwitterStreamFactory
import twitter4j.User
import twitter4j.UserStreamAdapter
import twitter4j.conf.ConfigurationBuilder

</span><span style="color: #0000FF;">class</span><span style="color: #000000;"> TwitterDaemon implements Daemon {

    </span><span style="color: #0000FF;">private</span><span style="color: #000000;"> </span><span style="color: #0000FF;">static</span><span style="color: #000000;"> TwitterDaemon daemon </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> TwitterDaemon()
    </span><span style="color: #0000FF;">private</span><span style="color: #000000;"> </span><span style="color: #0000FF;">static</span><span style="color: #000000;"> Logger logger </span><span style="color: #000000;">=</span><span style="color: #000000;">
        Logger.getLogger(TwitterDaemon.</span><span style="color: #0000FF;">class</span><span style="color: #000000;">)

    </span><span style="color: #0000FF;">private</span><span style="color: #000000;"> TwitterStream stream </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">null</span><span style="color: #000000;">

    </span><span style="color: #008000;">//</span><span style="color: #008000;"> twitter oAuth 設定（取得して入れます）</span><span style="color: #008000;">
</span><span style="color: #000000;">    def consumer </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #800000;">&quot;&quot;</span><span style="color: #000000;">
    def consumerSecret </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #800000;">&quot;&quot;</span><span style="color: #000000;">
    def accessToken </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #800000;">&quot;&quot;</span><span style="color: #000000;">
    def accessTokenSecret </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #800000;">&quot;&quot;</span><span style="color: #000000;">

    @Override
    </span><span style="color: #0000FF;">public</span><span style="color: #000000;"> </span><span style="color: #0000FF;">void</span><span style="color: #000000;"> init(DaemonContext arg0)
        throws DaemonInitException, Exception {
        </span><span style="color: #008000;">//</span><span style="color: #008000;"> twitter 認証設定</span><span style="color: #008000;">
</span><span style="color: #000000;">        def builder </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> ConfigurationBuilder()
        builder.setOAuthConsumerKey(consumer)
        builder.setOAuthConsumerSecret(consumerSecret)
        builder.setOAuthAccessToken(accessToken)
        builder.setOAuthAccessTokenSecret(accessTokenSecret)
        def config </span><span style="color: #000000;">=</span><span style="color: #000000;"> builder.build()

        </span><span style="color: #008000;">//</span><span style="color: #008000;"> GTK 初期化</span><span style="color: #008000;">
</span><span style="color: #000000;">        Gtk.init([] </span><span style="color: #0000FF;">as</span><span style="color: #000000;"> String[])
        Notify.init(</span><span style="color: #800000;">&quot;</span><span style="color: #800000;">notify.groovy</span><span style="color: #800000;">&quot;</span><span style="color: #000000;">)

        </span><span style="color: #008000;">//</span><span style="color: #008000;"> Strinming API 取得</span><span style="color: #008000;">
</span><span style="color: #000000;">        def twitter </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> TwitterFactory(config).getInstance()
        stream </span><span style="color: #000000;">=</span><span style="color: #000000;">
            </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> TwitterStreamFactory(config).getInstance(
                twitter.getOAuthAccessToken())

        </span><span style="color: #008000;">//</span><span style="color: #008000;"> Strinming API イベント登録</span><span style="color: #008000;">
</span><span style="color: #000000;">        stream.addListener(</span><span style="color: #0000FF;">new</span><span style="color: #000000;"> UserStreamAdapter() {
            @Override
            </span><span style="color: #0000FF;">public</span><span style="color: #000000;"> </span><span style="color: #0000FF;">void</span><span style="color: #000000;"> onStatus(Status status) {
                User user </span><span style="color: #000000;">=</span><span style="color: #000000;"> status.getUser()
                def url </span><span style="color: #000000;">=</span><span style="color: #000000;"> user.getProfileImageURL()
                def screenname </span><span style="color: #000000;">=</span><span style="color: #000000;"> user.getScreenName()
                def text </span><span style="color: #000000;">=</span><span style="color: #000000;"> status.getText()
                </span><span style="color: #0000FF;">try</span><span style="color: #000000;"> {
                    </span><span style="color: #008000;">//</span><span style="color: #008000;"> twitter アイコン取得</span><span style="color: #008000;">
</span><span style="color: #000000;">                    MessageDigest md5 </span><span style="color: #000000;">=</span><span style="color: #000000;">
                        MessageDigest.getInstance(</span><span style="color: #800000;">&quot;</span><span style="color: #800000;">MD5</span><span style="color: #800000;">&quot;</span><span style="color: #000000;">)
                    def md5str
                    md5.with {
                        md5str </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> BigInteger(
                            </span><span style="color: #800080;">1</span><span style="color: #000000;">,
                            digest(</span><span style="color: #0000FF;">new</span><span style="color: #000000;"> File(url.file).name.bytes))
                                .toString(</span><span style="color: #800080;">16</span><span style="color: #000000;">).padLeft(</span><span style="color: #800080;">32</span><span style="color: #000000;">, </span><span style="color: #800000;">'</span><span style="color: #800000;">0</span><span style="color: #800000;">'</span><span style="color: #000000;">)
                    }
                    def filename </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #800000;">&quot;</span><span style="color: #800000;">/tmp/</span><span style="color: #800000;">&quot;</span><span style="color: #000000;"> </span><span style="color: #000000;">+</span><span style="color: #000000;"> md5str
                    File file </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> File(filename)
                    </span><span style="color: #0000FF;">if</span><span style="color: #000000;">(</span><span style="color: #000000;">!</span><span style="color: #000000;">file.exists()) {
                        file </span><span style="color: #000000;">&lt;&lt;</span><span style="color: #000000;"> url.getBytes()
                    }
                    def pixbuf </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> Pixbuf(
                        filename, </span><span style="color: #800080;">40</span><span style="color: #000000;">, </span><span style="color: #800080;">40</span><span style="color: #000000;">, </span><span style="color: #0000FF;">true</span><span style="color: #000000;">)
                    </span><span style="color: #008000;">//</span><span style="color: #008000;"> NotifyOSD 通知</span><span style="color: #008000;">
</span><span style="color: #000000;">                    def notify </span><span style="color: #000000;">=</span><span style="color: #000000;"> </span><span style="color: #0000FF;">new</span><span style="color: #000000;"> Notification(
                        </span><span style="color: #800000;">&quot;</span><span style="color: #800000;">@${screenname}</span><span style="color: #800000;">&quot;</span><span style="color: #000000;">, </span><span style="color: #800000;">&quot;</span><span style="color: #800000;">${text}</span><span style="color: #800000;">&quot;</span><span style="color: #000000;">, </span><span style="color: #0000FF;">null</span><span style="color: #000000;">)
                    notify.setIcon(pixbuf)
                    notify.show()
                } </span><span style="color: #0000FF;">catch</span><span style="color: #000000;"> (e) {
                    logger.error(e.message)
                }
            }
        })
    }

    @Override
    </span><span style="color: #0000FF;">public</span><span style="color: #000000;"> </span><span style="color: #0000FF;">void</span><span style="color: #000000;"> start() throws Exception {
       stream.user()
    }

    @Override
    </span><span style="color: #0000FF;">public</span><span style="color: #000000;"> </span><span style="color: #0000FF;">void</span><span style="color: #000000;"> stop() throws Exception {
       stream.cleanUp()
    }

    @Override
    </span><span style="color: #0000FF;">public</span><span style="color: #000000;"> </span><span style="color: #0000FF;">void</span><span style="color: #000000;"> destroy() {
    }

    </span><span style="color: #0000FF;">static</span><span style="color: #000000;"> main(args) {
        daemon.init(</span><span style="color: #0000FF;">null</span><span style="color: #000000;">)
        daemon.start()
    }
}</span></div>
</pre>
<p><!-- Code inserted with Steve Dunn's Windows Live Writer Code Formatter Plugin.  http://dunnhq.com --></div>
<p># こんなの動かす人いないと思いますが、GTK-Java のライブラリ jar は　sudo apt-get install libjava-gnome-java　で /usr/share/java かその辺に入ると思います。</p>
<p>デーモンではなく、通常実行でも動作させてデバッグしやすいように static main(args) もいれています。 </p>
<p>で、できたら次のように jsvc にクラスを渡してデーモン化してもらいます。</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9D7513F9-C04C-4721-824A-2B34F0212519:8cb155bb-6697-491c-a7c3-4469f963c56a" class="wlWriterEditableSmartContent">
<pre style=" width: 560px; height: 164px;background-color:#E7E7E7;overflow: visible;">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><span style="color: #000000;">/opt/twitter-daemon/bin/jsvc-ubuntu \
    -pidfile /opt/twitter-daemon/bin/TwitterDaemon.pid \
    -user hiromasa \
    -home /usr/lib/jvm/java-</span><span style="color: #800080;">6</span><span style="color: #000000;">-sun/ \
    -cp /opt/twitter-daemon/lib/*:/opt/twitter-daemon/classes \
    -Dlog.home=/opt/twitter-daemon/logs/TwitterDaemon.log \
    -Dstream.user.repliesAll=false \
    net.maple4ever.daemon.TwitterDaemon
</span></div>
</pre>
<p><!-- Code inserted with Steve Dunn's Windows Live Writer Code Formatter Plugin.  http://dunnhq.com --></div>
<p>次のように Java のプロセスが 2つ常駐すれば成功です。 </p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9D7513F9-C04C-4721-824A-2B34F0212519:6dfa180f-a24c-43c0-9403-31de55d92941" class="wlWriterEditableSmartContent">
<pre style=" width: 560px; height: 63px;background-color:#E7E7E7;overflow: visible;">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><span style="color: #000000;">hiromasa  </span><span style="color: #800080;">6975</span><span style="color: #000000;">     </span><span style="color: #800080;">1</span><span style="color: #000000;">  </span><span style="color: #800080;">0</span><span style="color: #000000;"> </span><span style="color: #800080;">23</span><span style="color: #000000;">:</span><span style="color: #800080;">09</span><span style="color: #000000;"> ?        </span><span style="color: #800080;">00</span><span style="color: #000000;">:</span><span style="color: #800080;">00</span><span style="color: #000000;">:</span><span style="color: #800080;">00</span><span style="color: #000000;"> jsvc.exec -pidfile
hiromasa  </span><span style="color: #800080;">6976</span><span style="color: #000000;">  </span><span style="color: #800080;">6975</span><span style="color: #000000;"> </span><span style="color: #800080;">17</span><span style="color: #000000;"> </span><span style="color: #800080;">23</span><span style="color: #000000;">:</span><span style="color: #800080;">09</span><span style="color: #000000;"> ?        </span><span style="color: #800080;">00</span><span style="color: #000000;">:</span><span style="color: #800080;">00</span><span style="color: #000000;">:</span><span style="color: #800080;">01</span><span style="color: #000000;"> jsvc.exec -pidfile
</span></div>
</pre>
<p><!-- Code inserted with Steve Dunn's Windows Live Writer Code Formatter Plugin.  http://dunnhq.com --></div>
<p>NotifyOSD で twitter の投稿がリアルタイムに通知されてきます。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img style="display: inline" title="moz-notify" alt="moz-notify" src="http://another.maple4ever.net/wp-content/uploads/2012/04/moz-notify2.png" width="410" height="307"></p>
<p>停止は以下のようにします。　start / stop/ restart 用のシェルをつくることになるでしょう。</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:9D7513F9-C04C-4721-824A-2B34F0212519:af724eb3-0b75-4168-92d7-882dc45840e4" class="wlWriterEditableSmartContent">
<pre style=" width: 560px; height: 70px;background-color:#E7E7E7;overflow: visible;">
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><span style="color: #000000;">/opt/twitter-daemon/bin/jsvc-ubuntu \
    -stop \
    -pidfile /opt/twitter-daemon/bin/TwitterDaemon.pid \
    net.maple4ever.daemon.TwitterDaemon
</span></div>
</pre>
<p><!-- Code inserted with Steve Dunn's Windows Live Writer Code Formatter Plugin.  http://dunnhq.com --></div>
<p>ここではソースのサンプルとして画面通知にしてしまっていますが、たとえば twitter 関係で VPS で動かすようなものなら、 bot 的なものも cron とかの無理な方法をとることなく簡単に扱いやすいアプリケーションが作れると思います。</p>
<p>常時インターネットにつながっている VPS でリアルタイム処理ができるのは、いろいろ夢が広がりますね。</p>
<p>GroovyClassLoader をうまくつかって Java と Groovy のインターフェースをつくってあげれば、スクリプトテキストファイルのまま、コンパイルすることなくデーモンをつくるようなことも可能です。</p>
<p><img style="display: inline" title="daemon" alt="daemon" src="http://another.maple4ever.net/wp-content/uploads/2012/04/daemon.png" width="410" height="325"></p>
<p>え、最後のそれ、らい子ちゃんを載せたかっただけだろって、、、。はい。 orz</p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1651/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>中華パッド &#8211; onda Vi30 精英版購入</title>
		<link>http://another.maple4ever.net/archives/1646/</link>
		<comments>http://another.maple4ever.net/archives/1646/#comments</comments>
		<pubDate>Sun, 15 Apr 2012 06:49:56 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/?p=1646</guid>
		<description><![CDATA[東京にいく用事がありましたので、前からちょっと気になっていた Android のタブレットを見に秋葉原に行ってみました。 このジャンル、iPad ならぬ aPad とか中華パッドとかめんこい名前がついているようです。 通販でももちろん買えるのですが、タッチパネルを触った動きを見たかったので現地にて購入です。 日本初のapad(android pad)専門ショップ[ネット通販・販売]/TOPページ 最初 7インチ ICOO D70W に目星をつけていたのですが、店頭で操作してみるとどうも”もたる”感じがしたので、8インチの onda Vi30 精英版にしてみました。 店員の中国人(かな?)のおねーさんに無線 LAN つないでもらったり、リセットしてもらったりよくしてもらえました。 どうやらこの機械、まだ出たばかりなようですが Android 4.0.3 + 1024&#215;600 液晶 + 1G メモリの機械で、ちゃんと操作が指についてきてなかなかいい感じです。 Google Play! が最初から入っているので、アプリも普通に入れることが出来ます。（以下、スクリーンショットは縮小していますので念のため..） Firefox。 スマートフォンで動かすといまいっぽですが、タブレットで動かすと普通の感じですっ。 日本語初期設定で入っている FreeWnn フリック対応版はちょっと相性バグがあるようで、入力は出来るのですがフリック時に画面が乱れます。 てなわけで ATOK &#8230; <a href="http://another.maple4ever.net/archives/1646/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>東京にいく用事がありましたので、前からちょっと気になっていた Android のタブレットを見に秋葉原に行ってみました。 このジャンル、iPad ならぬ aPad とか中華パッドとかめんこい名前がついているようです。</p>
<p>通販でももちろん買えるのですが、タッチパネルを触った動きを見たかったので現地にて購入です。</p>
<blockquote><p><a href="http://shop.apadjp.com/">日本初のapad(android pad)専門ショップ[ネット通販・販売]/TOPページ</a></p>
</blockquote>
<p>最初 7インチ ICOO D70W に目星をつけていたのですが、店頭で操作してみるとどうも”もたる”感じがしたので、8インチの onda Vi30 精英版にしてみました。 店員の中国人(かな?)のおねーさんに無線 LAN つないでもらったり、リセットしてもらったりよくしてもらえました。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img style="display: inline" title="apad-04" alt="apad-04" src="http://another.maple4ever.net/wp-content/uploads/2012/04/apad-04.jpg" width="410" height="308"></p>
<p>どうやらこの機械、まだ出たばかりなようですが Android 4.0.3 + 1024&#215;600 液晶 + 1G メモリの機械で、ちゃんと操作が指についてきてなかなかいい感じです。</p>
<p>Google Play! が最初から入っているので、アプリも普通に入れることが出来ます。（以下、スクリーンショットは縮小していますので念のため..）</p>
<p><img style="display: inline" title="apad-01" alt="apad-01" src="http://another.maple4ever.net/wp-content/uploads/2012/04/apad-01.png" width="410" height="547"></p>
<p>Firefox。 スマートフォンで動かすといまいっぽですが、タブレットで動かすと普通の感じですっ。</p>
<p><img style="display: inline" title="apad-02" alt="apad-02" src="http://another.maple4ever.net/wp-content/uploads/2012/04/apad-02.png" width="410" height="547"></p>
<p>日本語初期設定で入っている FreeWnn フリック対応版はちょっと相性バグがあるようで、入力は出来るのですがフリック時に画面が乱れます。 てなわけで ATOK をインストール。 こちらもうまく動きます。</p>
<p><img style="display: inline" title="apad-03" alt="apad-03" src="http://another.maple4ever.net/wp-content/uploads/2012/04/apad-03.png" width="410" height="547"></p>
<p>そのほか、BubbleUPnP でローカルサーバの DLNA 経由で動画を再生したり、Seemic で twitter してみたりもきちんと動作。 ちょっと驚いたのが背面のスピーカ。 良いものを使っているようで、うちの ThinkPad とかよりずっと良い音がします。 寝ながら動画向きですね。</p>
<p><img style="display: inline" title="apad-05" alt="apad-05" src="http://another.maple4ever.net/wp-content/uploads/2012/04/apad-05.jpg" width="410" height="308"></p>
<p>モノも安っぽくなくちゃんとしています。</p>
<p>I/O は USB と HDMI、それから充電用のコネクタ。　最初、充電はこのアダプタからのみかなぁって思っていましたが、USB からも充電できています。 おそらく電圧の関係で USB だと充電が遅いので外付けもあるのだと思われます（たぶん）　なので出先できれても、USB で延命可能でしょう。:)</p>
<p>adb shell するとルートが既にとれていますので、いろいろできそうです。 それから、気になるのが ARM 版の Ubuntu。 まぁぼくの力量では入れれないかもですが、、しばらく遊べそうですぞ。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1646/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>ThinkPad T420s + Ubuntu 11.10 + xbmc 導入</title>
		<link>http://another.maple4ever.net/archives/1634/</link>
		<comments>http://another.maple4ever.net/archives/1634/#comments</comments>
		<pubDate>Sat, 11 Feb 2012 07:18:16 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/?p=1634</guid>
		<description><![CDATA[長年苦楽をともにしてきた(?)愛機の ThinkPad X61 くんですが、そろそろあちこちにガタがきましたので、ここで思い切って ThinkPad T420s を買いました!。 12 インチ系 X シリーズにするか、14/15 インチ系の T シリーズにするかだいぶ迷ったのですが、s 付きの T シリーズは X とそれほど重さも値段も変わらず、大きさもちょうどいいくらいと気がついたので T420s とあいなりました。 このところずいぶん持ち歩いて使っていましたが、うまいこと動いてくれています。 X61 の液晶解像度 1024&#215;768 から 1600&#215;900 の 16:9 液晶にパワーアップ。 Core 2 / 2Gメモリから Core i5 / 4Gメモリなので使っている感じもずいぶん速く感じます。 キーボードの左右の余白（スピーカ部）が X &#8230; <a href="http://another.maple4ever.net/archives/1634/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>長年苦楽をともにしてきた(?)愛機の ThinkPad X61 くんですが、そろそろあちこちにガタがきましたので、ここで思い切って ThinkPad T420s を買いました!。</p>
<p>12 インチ系 X シリーズにするか、14/15 インチ系の T シリーズにするかだいぶ迷ったのですが、s 付きの T シリーズは X とそれほど重さも値段も変わらず、大きさもちょうどいいくらいと気がついたので T420s とあいなりました。 このところずいぶん持ち歩いて使っていましたが、うまいこと動いてくれています。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>X61 の液晶解像度 1024&#215;768 から 1600&#215;900 の 16:9 液晶にパワーアップ。 Core 2 / 2Gメモリから Core i5 / 4Gメモリなので使っている感じもずいぶん速く感じます。</p>
<p><img style="display: inline" title="thinkpad01" alt="thinkpad01" src="http://another.maple4ever.net/wp-content/uploads/2012/02/thinkpad01.jpg" width="410" height="308"></p>
<p>キーボードの左右の余白（スピーカ部）が X シリーズとの大きさの違いと思えばだいたい当たっています。</p>
<p>液晶の発色は、、視野角がかなり狭い感じですがまぁ正面にいけばなんとか（笑）　事務所では X220 と T510 使っていますが、液晶はそちらのほうが良いです。 バックライトLEDの関係かと思いますが、ほとんど持ち歩かないのであれば T5x0 シリーズがいいと思います。</p>
<p>左右のスピーカは 600円くらいでついでに買った Lenovo のスピーカです。</p>
<p>…なんてことしているうちに、デスクトップの Windows 機のキーボードまで壊れてしまいました。。 エンターだけきかなくなるという謎の現象。。　というわけで、Microsoft Confort Curve 3000 も買ってみました。</p>
<p><img style="display: inline" title="keyboard01" alt="keyboard01" src="http://another.maple4ever.net/wp-content/uploads/2012/02/keyboard01.jpg" width="410" height="308"></p>
<p>おしゃれな感じですが、山鳴りになっていて特殊な感じのキーボードです。 少しなれるまでに時間かかりますが、慣れてしまえば問題ない感じです。 CTRL が少し遠いので、CapsLock にあててしまっています。</p>
<p>あと、Microsoft InteliType Pro がなぜか動かないようです。 標準ドライバのみで動かす模様。　マルチファンクションキーにミュートがないのがちょっといたい。</p>
<p>話はもどって ThinkPad T420s くんですが、買って Windows のリカバリDVDつくりおわってすぐ Ubuntu 化しました。 Windows7 は削除っ。 ちょっと急いでいて X61 からすぐ環境移行したかったので、まずは X61 と同じ Ubuntu 11.04 を。</p>
<p>11.04 では Intel のグラフィックドライバの関係で、T420s では X がフリーズする不具合があるようです。 とりあえず、intel-edger の PPA を入れてしのいでいましたが、こちらもフリーズまでいかなくても、ドライバ再起動のような動作で画面が乱れることがあるようです。 12.04 では直りそうな雰囲気なので待つこととしましょう。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>さて、実は Ubuntu 11.10 はいくつか設定が面倒そうなところがあったので、X61 ではパスしていたのですが、本日時間が合ったので T420s に 11.10 を 11.04 からのアップグレードで入れてみました。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img style="display: inline" title="thinkpad02" alt="thinkpad02" src="http://another.maple4ever.net/wp-content/uploads/2012/02/thinkpad02.png" width="410" height="231"></p>
<p>無事導入できました。 Nautilus がめんこい感じでいいですね!。</p>
<p>T420s の液晶は 16:9 でビデオみるのにちょうど良いので、次のメジャーバージョンの完成が近づいているフル画面型のメディアプレイヤー、 xbmc の unstable も入れてみました。</p>
<pre class="csharpcode">sudo add-apt-repository ppa:team-xbmc/unstable
apt-get update
apt-get install xbmc xbmc-standalone
apt-get install update</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<p>こんな感じでインストールできると思います。</p>
<p><img style="display: inline" title="xbmc01" alt="xbmc01" src="http://another.maple4ever.net/wp-content/uploads/2012/02/xbmc01.png" width="410" height="231"></p>
<p>Ubuntu 版はフォントの設定なども対応できるようで、設定を変更するだけで日本語化可能になっていました。</p>
<p>外観-&gt;設定-&gt;スキン-&gt;フォントを Arial based に。 </p>
<p><img style="display: inline" title="xbmc02" alt="xbmc02" src="http://another.maple4ever.net/wp-content/uploads/2012/02/xbmc02.png" width="410" height="231"></p>
<p>外観-&gt;設定-&gt;インターナショナルから Japanese / Japan / Japanese(Shfit-JIS)で日本語化されます。</p>
<p><img style="display: inline" title="xbmc03" alt="xbmc03" src="http://another.maple4ever.net/wp-content/uploads/2012/02/xbmc03.png" width="410" height="231"></p>
<p>相変わらずかっこいいかんじで、便利です。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img style="display: inline" title="xbmc04" alt="xbmc04" src="http://another.maple4ever.net/wp-content/uploads/2012/02/xbmc04.png" width="410" height="231"></p>
<p><img style="display: inline" title="xbmc05" alt="xbmc05" src="http://another.maple4ever.net/wp-content/uploads/2012/02/xbmc05.png" width="410" height="231"></p>
<p>てなわけで、早速働かされている T420s くんですが、最強と言われている新キーボードは使いやすく、相変わらずうまく動くトラックポインタとマシンスペックの向上は間違いなく作業速度をあげてくれました。</p>
<p>ありがとう、ありがとう。 今後ともよろしくね。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1634/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2011年はバッタの夢を見たか</title>
		<link>http://another.maple4ever.net/archives/1612/</link>
		<comments>http://another.maple4ever.net/archives/1612/#comments</comments>
		<pubDate>Sat, 31 Dec 2011 07:16:32 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/?p=1612</guid>
		<description><![CDATA[2011年も残すところあと数時間。　hiromasa.another ブログのエントリから今年興味があったことを振り返ってみます。 はてさてほほう。:) とりあえず今年の Archive をみると寂しいことにブログの本数が少ない!　週1くらいを目指していたのですが、月1なんて時も2ヶ月ほど。 別に twitter があるわけだからという訳でもないのですが、来年はもうちょっとお気楽に書いていきましょうぞ。 てなわけで、今年の一番の興味の対象であったらしいプログラム言語 Groovy ネタから。　以下、Groovy を使っていろいろ試している感じのエントリーです。 ぐるぐる Groovy。。 Groovy + XLSBeans でエクセルから HTML に流し込み プログラミング Groovy キタ! ぐるぐるぐる～び～。 Groovy + SWT + WebKit + jQuery Mobile でデスクトップアプリケーションをつくる WordPress Live Writer が欲しい twitter streaming &#8230; <a href="http://another.maple4ever.net/archives/1612/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>2011年も残すところあと数時間。　hiromasa.another ブログのエントリから今年興味があったことを振り返ってみます。 はてさてほほう。:)</p>
<p>とりあえず今年の Archive をみると寂しいことにブログの本数が少ない!　週1くらいを目指していたのですが、月1なんて時も2ヶ月ほど。 別に twitter があるわけだからという訳でもないのですが、来年はもうちょっとお気楽に書いていきましょうぞ。</p>
<p>てなわけで、今年の一番の興味の対象であったらしいプログラム言語 Groovy ネタから。　以下、Groovy を使っていろいろ試している感じのエントリーです。</p>
<blockquote><p><a href="http://another.maple4ever.net/archives/1582/">ぐるぐる Groovy。。</a></p>
<p><a href="http://another.maple4ever.net/archives/1515/">Groovy + XLSBeans でエクセルから HTML に流し込み</a>
<p><a href="http://another.maple4ever.net/archives/1501/">プログラミング Groovy キタ!</a>
<p><a href="http://another.maple4ever.net/archives/1483/">ぐるぐるぐる～び～。</a>
<p><a href="http://another.maple4ever.net/archives/1468/">Groovy + SWT + WebKit + jQuery Mobile でデスクトップアプリケーションをつくる</a>
<p><a href="http://another.maple4ever.net/archives/1464/">WordPress Live Writer が欲しい</a>
<p><a href="http://another.maple4ever.net/archives/1435/">twitter streaming API への接続</a>
<p><a href="http://another.maple4ever.net/archives/1422/">Groovy と PS3 Media Server プラグイン</a>
<p><a href="http://another.maple4ever.net/archives/1419/">PS3 と PS3 Media Server</a>
<p><a href="http://another.maple4ever.net/archives/1405/">Groovy と GUI アプリケーション</a>
<p><a href="http://another.maple4ever.net/archives/1399/">WordPress 3.1 の新しい XMLRPC API</a></p>
</blockquote>
<p><font color="#222222" face="Arial">Groovy は便利ですなぁ。 仕事でもいくつか活用するシーンがでてきていました。 個人ではたいしたものはつくっていませんが、、PS3 Media Server のプラグインなどは今も現役で動作しています。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </font>
<p><font color="#222222" face="Arial">Redmine を JRuby + Tomcat で動かすネタ（メモ）もいくつかみつかります。</font><br />
<blockquote>
<p><a href="http://another.maple4ever.net/archives/1381/">Redmine 1.0.5 + JRuby + Tomcat6 デプロイ</a>
<p><a href="http://another.maple4ever.net/archives/1414/">Apache Tomcat 6.0.32 インストールメモ</a>
<p><a href="http://another.maple4ever.net/archives/1511/">さくらの VPS と Apache Tomcat7</a></p>
<p><a href="http://another.maple4ever.net/archives/1573/">Redmine 1.2.2 + Eclipse Mylynでチケット管理</a></p>
</blockquote>
<p><font color="#222222" face="Arial">Redmine も現役でローカルサーバ、VPS で動作しています。 Redmine を JRuby で動かすは環境の準備がしやすく、安定していて良いですぞ。</font></p>
<p><font color="#222222" face="Arial">そのほか例年変わらず Ubuntu / Java / Eclipse 系がありまして、、</font></p>
<p><font color="#222222" face="Arial">最後に WordPress。</font></p>
<blockquote><p><a href="http://another.maple4ever.net/archives/1494/">WordPress を dotCloud にデプロイ</a></p>
<p><a href="http://another.maple4ever.net/archives/1477/">OSC 北海道 2011 WordPress 出展</a></p>
<p><a href="http://another.maple4ever.net/archives/1459/">SaCSS vol.24 コーディング勉強会と OSC 北海道 2011 WordPress セミナー告知</a></p>
<p><a href="http://another.maple4ever.net/archives/1456/">WordPress は 5分でインストールできるか（2011年版）</a></p>
<p><a href="http://another.maple4ever.net/archives/1399/">WordPress 3.1 の新しい XMLRPC API</a></p>
</blockquote>
<p><font color="#222222" face="Arial">ありゃ、5本（笑）。</font></p>
<p><font color="#222222" face="Arial">とはいえ、OSC 北海道出展や、札幌の有名な Web 勉強会である <a href="http://www.sacss.net/">SaCSS</a> メンバのみなさんに仲良くしていただいたり、WordCamp 東京に参加したりとオフライン活動が多かったのが今年の特徴だったかもしれません。</font><font color="#222222" face="Arial">楽しかったです。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </font></p>
<p><font color="#222222" face="Arial">OSC 北海道 WordPress ブース。</font></p>
<p><img style="display: inline" title="DVC00288" alt="DVC00288" src="http://another.maple4ever.net/wp-content/uploads/2011/12/DVC00288.jpg" width="411" height="308"></p>
<p><font color="#222222" face="Arial">札幌にてみんなで遊んでいる図。</font></p>
<p><font color="#222222" face="Arial"><img style="display: inline" title="2011-09-2221.50.23" alt="2011-09-2221.50.23" src="http://another.maple4ever.net/wp-content/uploads/2011/12/2011-09-2221.50.23.jpg" width="410" height="308"></font></p>
<p><font color="#222222" face="Arial">WordCamp <font color="#222222" face="Arial">東京</font>にて。</font></p>
<p><img style="display: inline" title="20111126_194124" alt="20111126_194124" src="http://another.maple4ever.net/wp-content/uploads/2011/12/20111126_194124.jpg" width="410" height="308"></p>
<p><img style="display: inline" title="rps20111128_212807_425" alt="rps20111128_212807_425" src="http://another.maple4ever.net/wp-content/uploads/2011/12/rps20111128_212807_425.jpg" width="410" height="308"></p>
<p>札幌コワーキングスペース、<a href="http://garage-labs.jp/">ガレージラボ</a>さんにて。</p>
<p><img style="display: inline" title="20111203_172643" alt="20111203_172643" src="http://another.maple4ever.net/wp-content/uploads/2011/12/20111203_172643.jpg" width="410" height="308"></p>
<p><font color="#222222" face="Arial">さて、年始めの 2011年の目標として「<a href="http://another.maple4ever.net/archives/1388/">2011年スタート</a>」エントリでぼくはこう書いていました。</font></p>
<blockquote><p><font color="#222222" face="Arial">もてるプログラマーに!</font></p>
</blockquote>
<p><font color="#222222" face="Arial">…。</font></p>
<p><font color="#222222" face="Arial">2012年は、Groovy と、、OpenGL も少しやりたいし、スマートフォンアプリとか、WordPress もやりたいことがあったり、、というわけで、</font></p>
<p><font color="#222222" face="Arial"><img src="http://another.maple4ever.net/wp-content/plugins/wp-tegaki/wp-tegaki-img.php?tegaki_id=1612-0" alt="カリスマプログラマーに!" width="311" height="34" /></font></p>
<p><font color="#222222" face="Arial">…。</font></p>
<p><font color="#222222" face="Arial">てなかんじで、いつまでも成長のないひろましゃくんですが。。</font></p>
<p><font color="#222222" face="Arial">今年もお世話になりました。 来年もよろしくお願いいたします! <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </font></p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1612/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JSDT jQuery 開発環境</title>
		<link>http://another.maple4ever.net/archives/1596/</link>
		<comments>http://another.maple4ever.net/archives/1596/#comments</comments>
		<pubDate>Sun, 11 Dec 2011 05:18:57 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/archives/1596/</guid>
		<description><![CDATA[先日さすらいの Web サーフィンをしていたら、JSDT (JavaScript Developer Tool）の jQuery サポートをみつけたのでちょっと試してみました。　たぶん前からあったものだと思うのですがなかなか良さそうな雰囲気であります。 とりあえずインストールより。 最近、Eclipse PDT（PDT Developer Tool）のオールインワン的なリリースがないのですが、とりあえず PDT に入れています。　Eclipse Classic に PDT プラグインを追加すれば PDT になります。 Eclipse 3.7 / Indigo / PDT 3.0 Installed and running Eclipse Classic 3.7 これに JSDT jQuery を追加で入れます。　eclipse.org から for &#8230; <a href="http://another.maple4ever.net/archives/1596/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>先日さすらいの Web サーフィンをしていたら、JSDT (JavaScript Developer Tool）の jQuery サポートをみつけたのでちょっと試してみました。　たぶん前からあったものだと思うのですがなかなか良さそうな雰囲気であります。</p>
<p>とりあえずインストールより。</p>
<p>最近、Eclipse PDT（PDT Developer Tool）のオールインワン的なリリースがないのですが、とりあえず PDT に入れています。　Eclipse Classic に PDT プラグインを追加すれば PDT になります。</p>
<blockquote><h4><a href="http://wiki.eclipse.org/PDT/Installation#Eclipse_3.7_.2F_Indigo_.2F_PDT_3.0">Eclipse 3.7 / Indigo / PDT 3.0</a> </h4>
<ul>
<li>Installed and running Eclipse Classic 3.7 </li>
</ul>
</blockquote>
<p><font color="#222222" face="Arial">これに JSDT jQuery を追加で入れます。　eclipse.org から for JavaScript Developer のパッケージもでていますので、JS しかやらないかたはこちらでもいいかもしれません。 PDT を追加することもできるでしょう。</font></p>
<p><font color="#222222" face="Arial">Market Client が入っていないと JSDT jQuery が入れにくいので追加します。</font></p>
<p><img style="display: inline" title="jQuery10" alt="jQuery10" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery10.png" width="410" height="414"></p>
<p>で、Eclipse Market から JSDT jQuery を追加。</p>
<p><img style="display: inline" title="jQuery11" alt="jQuery11" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery11.png" width="410" height="269"></p>
<p>JavaScript プロジェクトをつくって右クリックからプロジェクトの設定。 JS のライブラリを選んであげます。 jQuery が追加されているはずです。</p>
<p><img style="display: inline" title="jQuery13" alt="jQuery13" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery13.png" width="410" height="294"></p>
<p>こんな感じに。</p>
<p><img style="display: inline" title="jQuery14" alt="jQuery14" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery14.png" width="410" height="258"></p>
<p>ではやってみましょう。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>jQuery 補完機能。</p>
<p><img style="display: inline" title="jQuery15" alt="jQuery15" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery15.png" width="410" height="381"></p>
<p><img src="http://another.maple4ever.net/wp-content/plugins/wp-tegaki/wp-tegaki-img.php?tegaki_id=1596-0" alt="うん！よい！" width="154" height="33" /></p>
<p>JSDoc(?) もちゃんとみれます。 メソッド名と引数わかればこちらのものです（笑）</p>
<p><img style="display: inline" title="jQuery16" alt="jQuery16" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery16.png" width="410" height="331"></p>
<p>ちなみに、jQuery と関係ないですが、JSDT のリファクタリング機能も試してみましょう。</p>
<p>変数名リファクタリング。 下に別スコープの同名変数があることに注目してください。</p>
<p>変数 hoge を moge にリファクタリング。</p>
<p><img style="display: inline" title="jQuery30" alt="jQuery30" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery30.png" width="275" height="215"></p>
<p><img style="display: inline" title="jQuery31" alt="jQuery31" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery31.png" width="276" height="216"></p>
<p>ちゃんとスコープみて test1 の中だけ変えてくれています。</p>
<p>また初期化警告もでています。　ただのテキストエディタと違ってプログラムを読んでいてくれるからできる実装です。</p>
<p><img style="display: inline" title="jQuery32" alt="jQuery32" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery32.png" width="274" height="215"></p>
<p>JavaScript は動的型付言語ですので、IDE サポートも限界がありますがなかなか動くようですね!</p>
<p>また Web Developer 系の Eclipse には HTML のリアルタイムバリデータとか、PDT には PHP のリアルタイム警告サポートもあります。</p>
<p>閉じタグ忘れ。</p>
<p><img style="display: inline" title="jQuery33" alt="jQuery33" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery33.png" width="275" height="193"></p>
<p>閉じ括弧忘れ。</p>
<p><img style="display: inline" title="jQuery34" alt="jQuery34" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery34.png" width="275" height="129"></p>
<p>Eclipse メインじゃなくても既存のファイルをワークスペースにもってこれますので、使うときだけという運用も可能です。</p>
<p><img style="display: inline" title="jQuery20" alt="jQuery20" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery20.png" width="410" height="276"></p>
<p>プロジェクト作成時に form exsisting source にすればOKです。　あと、JS/PHP サポートをプロジェクト右クリックからつけてあげられます。</p>
<p><img style="display: inline" title="jQuery35" alt="jQuery35" src="http://another.maple4ever.net/wp-content/uploads/2011/12/jQuery35.png" width="410" height="62"></p>
<p>てな感じなのでつかわにゃそんそん。　 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1596/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ぐるぐる Groovy。。</title>
		<link>http://another.maple4ever.net/archives/1582/</link>
		<comments>http://another.maple4ever.net/archives/1582/#comments</comments>
		<pubDate>Sat, 10 Dec 2011 16:42:20 +0000</pubDate>
		<dc:creator>ひろまさ</dc:creator>
				<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://another.maple4ever.net/archives/1582/</guid>
		<description><![CDATA[記事書いていませんでしたが、最近も Groovy くんにはだいぶお世話になっております。 テストデータ作成や小物ツールをつくるのに非常に便利な Groovy。 開発環境も Eclipse にプラグイン入れるだけでフルセットそろいますし、テキストエディタだけでも jar ひとつでいけますし、実行環境も Java が入っていればいいだけなので、人にも渡しやすく非常に重宝しております。 ということで、ちょこちょこいじっている訳なんですが最近気がついたこと。 ふと Groovy 1.8 系で下のコードを。 import org.codehaus.groovy.runtime.NullObject // Groovy だとどちらも普通（Java だと上だけ通る） assert(Integer.valueOf(127) == Integer.valueOf(127)); assert(Integer.valueOf(128) == Integer.valueOf(128)); // なるほど assert(null == null) assert(null.equals(null)) // なんとなく Groovy が不思議 assert(null &#8230; <a href="http://another.maple4ever.net/archives/1582/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>記事書いていませんでしたが、最近も Groovy くんにはだいぶお世話になっております。</p>
<p>テストデータ作成や小物ツールをつくるのに非常に便利な Groovy。</p>
<p>開発環境も Eclipse にプラグイン入れるだけでフルセットそろいますし、テキストエディタだけでも jar ひとつでいけますし、実行環境も Java が入っていればいいだけなので、人にも渡しやすく非常に重宝しております。</p>
<p>ということで、ちょこちょこいじっている訳なんですが最近気がついたこと。</p>
<p>ふと Groovy 1.8 系で下のコードを。</p>
<pre class="csharpcode">import org.codehaus.groovy.runtime.NullObject

<span class="rem">// Groovy だとどちらも普通（Java だと上だけ通る）</span>
assert(Integer.valueOf(127) == Integer.valueOf(127));
assert(Integer.valueOf(128) == Integer.valueOf(128));

<span class="rem">// なるほど</span>
assert(<span class="kwrd">null</span> == <span class="kwrd">null</span>)
assert(<span class="kwrd">null</span>.equals(<span class="kwrd">null</span>))
<span class="rem">// なんとなく Groovy が不思議</span>
assert(<span class="kwrd">null</span> != <span class="kwrd">new</span> NullObject())
assert(!<span class="kwrd">null</span>.equals(<span class="kwrd">new</span> NullObject()))</pre>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<style type="text/css">.csharpcode, .csharpcode pre
{
	font-size: small;
	color: black;
	font-family: consolas, "Courier New", courier, monospace;
	background-color: #ffffff;
	/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }
</style>
<p>Groovy の == は equals の演算子オーバーロード。</p>
<p>というわけで、上の2つの assert は普通に通ります。 ちなみに Java だと両方通らない感じですが、上は通ります。 結構謎ですね（笑）</p>
<p>で、したの null のほう。 null もオブジェクトっぽいのですが、最後の2つの assert が不思議な感じ。</p>
<p>なんとなく別件ですが、このパッチがそれっぽい…。</p>
<blockquote>
<p><a href="http://jira.codehaus.org/browse/GROOVY-4985">[#GROOVY-4985] null and .with{} &#8211; jira.codehaus.org</a></p>
<p>Currently this fails:
<pre>null.with { assert it == null }</pre>
</blockquote>
<p>単純にぼくがなんかぼけてるのか、、、まぁなんだってわけでもないのですがふと（笑）</p>
<p>あ、そうそう、壁紙変えました。 <img src='http://another.maple4ever.net/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img style="display: inline" title="Screenshot20111210" alt="Screenshot20111210" src="http://another.maple4ever.net/wp-content/uploads/2011/12/Screenshot20111210.png" width="410" height="308"></p>
<p><img src="http://another.maple4ever.net/wp-content/plugins/wp-tegaki/wp-tegaki-img.php?tegaki_id=1582-0" alt="は、張る画像がなかったわけじゃないんだからね！" width="616" height="35" /></p>
]]></content:encoded>
			<wfw:commentRss>http://another.maple4ever.net/archives/1582/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

