<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>mrhdms &#187; hiyoko</title>
	<atom:link href="http://mrhdms.iixx.jp/tag/hiyoko/feed/" rel="self" type="application/rss+xml" />
	<link>http://mrhdms.iixx.jp</link>
	<description>flashとかcss/htmlとかweb制作に関するメモ</description>
	<lastBuildDate>Wed, 11 Jan 2012 15:12:32 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://mrhdms.iixx.jp/tag/hiyoko/feed/" />
		<item>
		<title>大阪ひよこの会 第2回勉強会に行ってきました。</title>
		<link>http://mrhdms.iixx.jp/2010/10/04/osakahiyoko_vol_2/</link>
		<comments>http://mrhdms.iixx.jp/2010/10/04/osakahiyoko_vol_2/#comments</comments>
		<pubDate>Mon, 04 Oct 2010 14:43:25 +0000</pubDate>
		<dc:creator>mrhdms</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[イベント]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[hiyoko]]></category>

		<guid isPermaLink="false">http://mrhdms.iixx.jp/?p=105</guid>
		<description><![CDATA[大阪ひよこの会、第２回勉強会にいってきましたよー。 Twitterでひよこひよこ言うてたら、やたらつっこまれました。 いかがわしいもんちゃいますよ、勉強会ですよ。っていう。 概要とレポートはすばらしいまとめページが存在し [...]]]></description>
			<content:encoded><![CDATA[				<p>大阪ひよこの会、第２回勉強会にいってきましたよー。<br />
				Twitterでひよこひよこ言うてたら、やたらつっこまれました。<br />
				いかがわしいもんちゃいますよ、勉強会ですよ。っていう。</p>
				<p>概要とレポートはすばらしいまとめページが存在しますので、下記から。<br />
				<a href="http://www.project-nya.jp/modules/weblog/details.php?blog_id=1247">にゃあプロジェクト &#8211; ウェブログ &#8211; 大阪ひよこの会 (第2回勉強会) レポート</a></p>
				<p>ですんで、僕は自分のネタがらみのところを中心にレポートしたいと思います。<br />
				<span id="more-105"></span>普段の実案件でやるやり方として、<br />
				とりあえずざっくり素材を当て込んで機能を実装してから、<br />
				最後に（時間がゆるせば）味付けするような作り方をしています。</p>
				<p>ので、マイボタンクラスを晒すことにしましたん。<br />
				（本当はなにも新しいものが思いつかなかったんですごめんなさいごめんなさい）</p>
				<p><object style="width: 667px; height: 471px;" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="667" height="471" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://mrhdms.iixx.jp/wp/wp-content/uploads/2010/10/Buttons.swf" /><embed style="width: 667px; height: 471px;" type="application/x-shockwave-flash" width="667" height="471" src="http://mrhdms.iixx.jp/wp/wp-content/uploads/2010/10/Buttons.swf"></embed></object></p>
				<p>こんな感じで乗っかるテキストやら塗りの色を動的に変えつつ、<br />
				基本のトゥイーンだったりマウスイベントは持ってくれてるようなやつです。<br />
				ボタンのクラスは下記のような感じで、メインのASではそれを new して並べてるだけです。<br />
				※自身にaddChildしてるDynamicButtonクラスはグラフィック素材で、角丸塗りのMC（name = base）とその上のレイヤーにダイナミックなテキストフィールド（name = txt）を持っている。</p>
				<pre class="brush: as3; title: ; notranslate">
package Hiyoko
{
	import caurina.transitions.Tweener;
	import caurina.transitions.properties.ColorShortcuts;
	import flash.display.Graphics;
	import flash.display.Sprite;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.geom.ColorTransform;
	import flash.geom.Transform;
	import ui.DynamicButton;

	ColorShortcuts.init();

	/**
	 * ...
	 * @author hidemasa mori
	 */
	public class BasicButton extends Sprite
	{
		private var _btn:DynamicButton;

		public function BasicButton(buttonTxt:String,color:uint)
		{
			_btn = new DynamicButton();
			_btn.txt.text = buttonTxt;
			_btn.txt.mouseEnabled = false;
			_btn.txt.textColor = 0xFFFFFF;
			buttonMode = true;
			alpha = 0;

			setColor(color);
			addChild(_btn);

			addEventListener(MouseEvent.CLICK,clickHandler);
			addEventListener(MouseEvent.ROLL_OVER,overHandler);
			addEventListener(MouseEvent.ROLL_OUT, outHandler);
			addEventListener(Event.ADDED_TO_STAGE, addHandler);
			addEventListener(Event.REMOVED_FROM_STAGE, removeHandler);
		}

		/**
		 * ステージに追加されたときのイベントハンドラ
		 * @param	e
		 */
		private function addHandler(e:Event):void
		{
			removeEventListener(Event.ADDED_TO_STAGE, addHandler);
			Tweener.addTween(this, { alpha:1,time:0.5} );
		}

		/**
		 * ステージから削除されたときのイベントハンドラ
		 * @param	e
		 */
		private function removeHandler(e:Event):void
		{
			removeEventListener(Event.REMOVED_FROM_STAGE, removeHandler);
			Tweener.addTween(this, { alpha:0,time:0.5} );
		}

		/**
		 * マウスオーバーイベントハンドラ
		 * @param	e
		 */
		private function overHandler(e:MouseEvent):void
		{
			Tweener.addTween(this, { _tintBrightness:0.5, time:1 } );
		}

		/**
		 * マウスアウトイベントハンドラ
		 * @param	e
		 */
		private function outHandler(e:MouseEvent):void
		{
			Tweener.addTween(this, { _tintBrightness:0, time:1 } );
		}

		/**
		 * マウスクリックイベントハンドラ
		 * @param	e
		 */
		private function clickHandler(e:MouseEvent):void
		{

			removeEventListener(MouseEvent.ROLL_OVER,overHandler);
			removeEventListener(MouseEvent.ROLL_OUT, outHandler);
			//dispatchEvent(new MouseEvent(e.type));
			Tweener.addTween(this, { alpha:0, time:0.5, onComplete:function():void
			{
				this.visible = false;
			}
			} );
		}

		/**
		 * コンストラクタで指定された色をセットする。
		 * @param	color uint 変更する色
		 */
		private function setColor(color:uint):void
		{
			var tf:Transform = _btn.base.transform;
			var ctf:ColorTransform = tf.colorTransform;
			ctf.color = color;
			tf.colorTransform = ctf;
		}

	}

}
</pre>
				<p>こんなクラス。何のネタにもならんかと思ってたけど意外と話題はあるもので。<br />
				いくつか出たのでまとめます。</p>
				<h2>イベントリスナー書くとこ</h2>
				<p>あまりなんの疑問も持たずにコンストラクタに書いてたけど、<br />
				ロールオーバーでロールオーバーイベントをリムーブ、クリックイベントをadd・・・みたいに、<br />
				動的にリスナー登録していくような試みもあるみたい。<br />
				今回のシンプルなボタンならコンストラクタで一括登録しちゃうのがコストパフォーマンス的に良いとのこと。</p>
				<h2>Tweenerの罠</h2>
				<p>これもろくに意識せずにやってて、<a href="http://twitter.com/ProjectNya">@ProjectNya</a>さんに指摘してもらって、恥ずかしい限りだったわけですが、<br />
				ロールオーバー＆アウトなんかで、初期状態に戻るアニメーションの時に<br />
				１秒かけて１進み、１秒かけて１戻ればいいけど、<br />
				0.5秒で0.5進んだ場合、1秒かけて0.5をもどることになるとのこと。<br />
				こいつは普段TweenerやらBetweenAS3使ってるものとしてはきちんと理解しとかないと・・・<br />
				また検証したいと思います。</p>
				<h2>素材をボタンクラスの子にするか、素材のスーパークラスにしてまうのか</h2>
				<p>結構、よく悩むネタだったので一緒に質問させてもらいました。<br />
				このサンプルではグラフィック素材をnewして、addChildすることで自身の子としてコントロールしてます。<br />
				その素材はswc書き出ししたものを使ってるので一度パブリッシュしています。<br />
				そのときにクラス書き出し設定と一緒にスーパークラスを設定できるので、予めASを書いておいて、<br />
				素材に継承してもらうっていうやり方ですね。<br />
				これもケースバイケースかとは思いますが、<a href="http://twitter.com/masamunet">@masamunet </a>さんいわく、同じ悩みに直面した結果、今は素材として呼び出して子として扱う場面が多いとか。参考になりました。</p>
				<h2>酒と肉と夜景とFlash</h2>
				<p>今回の懇親会がめちゃいい感じの屋内バーベキュー？屋さんで<br />
				カップルで窓辺に向かって肉やきながらキャッキャウフフできるようなところに<br />
				Web好きなボーイズ＆ガールズがなだれ込むという素敵な光景でした。<br />
				みなさんの熱い（変態的な？）志を聞くだけでもモチベーションあがりますよね。<br />
				勉強会とかちょっと・・って人は懇親会だけでも参加するとおもしろいと思うよ！いろんな話聴けちゃうよ！</p>
]]></content:encoded>
			<wfw:commentRss>http://mrhdms.iixx.jp/2010/10/04/osakahiyoko_vol_2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://mrhdms.iixx.jp/2010/10/04/osakahiyoko_vol_2/" />
	</item>
		<item>
		<title>大阪ひよこの会 第一回勉強会に行ってきました。</title>
		<link>http://mrhdms.iixx.jp/2010/07/18/osakahiyoko_vol_1/</link>
		<comments>http://mrhdms.iixx.jp/2010/07/18/osakahiyoko_vol_1/#comments</comments>
		<pubDate>Sat, 17 Jul 2010 19:13:39 +0000</pubDate>
		<dc:creator>mrhdms</dc:creator>
				<category><![CDATA[イベント]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[hiyoko]]></category>

		<guid isPermaLink="false">http://mrhdms.iixx.jp/?p=97</guid>
		<description><![CDATA[Flash勉強したい！っていう熱い思いを持ったみなさんが参加する、大阪ひよこの会 第一回勉強会、テーマ：みんなが明かす勉強法！ってことで、参加してきました。 個人的にネタはありませんでしたが・・ 僕個人としては、特段おす [...]]]></description>
			<content:encoded><![CDATA[				<p>Flash勉強したい！っていう熱い思いを持ったみなさんが参加する、大阪ひよこの会 第一回勉強会、テーマ：みんなが明かす勉強法！ってことで、参加してきました。<span id="more-97"></span></p>
				<h2>個人的にネタはありませんでしたが・・</h2>
				<p>僕個人としては、特段おすすめできる画期的な方法が思い浮かばなかったので、自分の生活スタイルをさらけだすことでうやむやにしてきました。あとおすすめの本と。</p>
				<p>紹介させてもらったのは・・・</p>
				<ul>
				<li><a href="http://www.amazon.co.jp/Adobe-Flash-ActionScript3-0%E5%85%A5%E9%96%80%E3%83%8E%E3%83%BC%E3%83%88-%E5%AE%8C%E5%85%A8%E6%94%B9%E8%A8%82%E7%89%88-CD-ROM%E4%BB%98/dp/4881666940/ref=sr_1_18?ie=UTF8&amp;s=books&amp;qid=1279391649&amp;sr=8-18">Adobe Flash CS4 詳細!ActionScript3.0入門ノート[完全改訂版]</a></li>
				<li><a href="http://www.amazon.co.jp/ActionScript-3-0%E8%BE%9E%E5%85%B8-FlashPlayer10-9%E5%AF%BE%E5%BF%9C-%E3%81%AE%E3%82%8A%E3%82%86%E3%81%8D/dp/4798119016/ref=pd_sim_b_5">ActionScript 3.0辞典 [FlashPlayer10/9対応]</a></li>
				<li><a href="http://www.amazon.co.jp/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%A7%E7%84%A1%E6%96%99%E3%81%A7%E3%81%AF%E3%81%98%E3%82%81%E3%82%8BActionScript-3-0-%E2%80%95Its-wonderfl-world%E2%80%95/dp/4862670776/ref=sr_1_19?ie=UTF8&amp;s=books&amp;qid=1279391649&amp;sr=8-19">ブラウザで無料ではじめるActionScript 3.0 ―It&#8217;s a wonderfl world―</a></li>
				<li><a href="http://www.amazon.co.jp/Flash-Math-Physics-Design-3-0%E3%81%AB%E3%82%88%E3%82%8B%E6%95%B0%E5%AD%A6%E3%83%BB%E7%89%A9%E7%90%86%E5%AD%A6%E8%A1%A8%E7%8F%BE/dp/4797351411/ref=sr_1_6?ie=UTF8&amp;s=books&amp;qid=1279391633&amp;sr=8-6">Flash Math &amp; Physics Design:ActionScript 3.0による数学・物理学表現[入門編]</a></li>
				</ul>
				<p>このへんでごじゃいます。基礎のとこから、必携の辞書もの、モーションもの、あとWonderflって感じです。</p>
				<h2>似てるようでちょっと違うみんなの勉強法</h2>
				<p>もちろんそれぞれのレベルやぶち当たってる課題なんかも違いますし、デザイン系のひとが始めるのとエンジニア系の人が始めるのでは視点も求めるものも違いますのでそこは揃わないとは思ってましたが色々あって面白かったです。</p>
				<p>Webでサンプル探す、本かう、本買うけど流し読み（必要なとこだけ）、ライブラリのソースコード読む、 通勤時間にコーディング！、サンプルからとにかく解析解析・・</p>
				<p>同じ本読むでも、とにかくサンプルやってく人（自分）やら、英語本がいい！とか、Javaのも参考なるよ！とか色々参考になりました。</p>
				<p>個人的には設計部分の壁にぶちあたってるので、おすすめしてもらったリファクタリング系の知識をつけて、ゆくゆくはデザパタもすんなりものにできたらなーってな魂胆でございます。</p>
				<p>オススメしてもらったのは、</p>
				<ul>
				<li><a href="http://www.amazon.co.jp/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E3%81%A7%E3%81%AA%E3%81%9C%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%AE%E3%81%8B%E2%80%95%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%8A%E3%81%8D%E3%81%9F%E3%81%84%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0%E3%80%81UML%E3%80%81%E8%A8%AD%E8%A8%88%E3%81%AE%E5%9F%BA%E7%A4%8E%E7%9F%A5%E8%AD%98%E2%80%95-%E5%B9%B3%E6%BE%A4-%E7%AB%A0/dp/4822281957/ref=sr_1_1?ie=UTF8&#038;s=books&#038;qid=1279458465&#038;sr=8-1">オブジェクト指向でなぜつくるのか―知っておきたいプログラミング、UML、設計の基礎知識―</a></li>
				<li><a href="http://www.amazon.co.jp/%E3%81%AA%E3%81%9C%E3%80%81%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AFJava%E3%81%A7%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E6%8C%87%E5%90%91%E9%96%8B%E7%99%BA%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E3%81%AE%E3%81%8B%E2%80%95Java%E3%81%AE%E5%A3%81%E3%82%92%E5%85%8B%E6%9C%8D%E3%81%99%E3%82%8B%E5%AE%9F%E8%B7%B5%E3%83%88%E3%83%AC%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0-%E5%B0%8F%E6%A3%AE-%E8%A3%95%E4%BB%8B/dp/477412222X/ref=sr_1_10?ie=UTF8&#038;s=books&#038;qid=1279458465&#038;sr=8-10">なぜ、あなたはJavaでオブジェクト指向開発ができないのか―Javaの壁を克服する実践トレーニング</a> </li>
				</ul>
				<p>このへんと、たぶんこれ</p>
				<ul>
				<li><a href="http://www.amazon.co.jp/Java%E8%A8%80%E8%AA%9E%E3%81%A7%E5%AD%A6%E3%81%B6%E3%83%AA%E3%83%95%E3%82%A1%E3%82%AF%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E5%85%A5%E9%96%80-%E7%B5%90%E5%9F%8E-%E6%B5%A9/dp/4797337990/ref=sr_1_3?ie=UTF8&#038;s=books&#038;qid=1279458616&#038;sr=1-3">Java言語で学ぶリファクタリング入門</a></li>
				</ul>
				<h2>結局人に刺激を受ける僕です。</h2>
				<p>そんなかんじで勉強会自体も、ひょっと出た疑問に対して、その場でテストコード書いて実証してみたり、これどうしてんの〜ってのにあーでもないこーでもないというてみたり、非常に勉強になりましたが（むしろそういうところから本に載らないような小ネタが飛び出したりするもんですよね）、なんだかんだでこういう小規模勉強会に魅力を感じるのは人とのつながりです。</p>
				<p>懇親会では普段こんなんやってますー、こんなん好きなんですー、っていうたわいも無い話から、開発環境や最近見つけたバグなどFlasherな話題まで、とにかく何かと刺激を受けますね。共感や驚きの連続で。最後はイベント主催の方とご一緒させていただいて色々熱い思いなんかも肌で感じる事ができました。</p>
				<p>あとは、自分はサボってる暇ないぞって危機感とｗ<br />
				僕みたいなスキルが中途半端な人間が気後れせずに参加できるイベントというのはほんとにありがたいです。<br />
				今後もひよこの会はじめ、Web系イベント盛り上げられるように修行、修行でございますな。</p>
]]></content:encoded>
			<wfw:commentRss>http://mrhdms.iixx.jp/2010/07/18/osakahiyoko_vol_1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://mrhdms.iixx.jp/2010/07/18/osakahiyoko_vol_1/" />
	</item>
	</channel>
</rss>

