焼肉『セナラ』

iida

UNIQLO CALENDAR

石の蔵

京都芸術高等学校

:::: designsul | fonte natural de ideias :::::::::

Thibaid’s portfolio

赤坂アートフラワー08

岡山一番街

Play you

株式会社　　息吹工藝社

ラッシュクイーンフェザーコレクション

MITSOURA.NET

ホテル ラ・スイート神戸ハーバーランド

BRITISH LUXURY BRAND GROUP – BLBG Co. Ltd.

懸樋工務店

JOE NYAGGAH | graphic designer

cocoro

moonlinx｜SPECIAL ISSUE Tokyo Design Report 2008

Due3

DesignWorks at BBDO

株式会社ジーピーオンライン

黒川温泉　お宿　野の花

豚組[しゃぶ庵]

丁寧に解説してくれているフォトショップを用いたウェブデザインチュートリアル30選です。
難しそうなデザインもこれらを見ながら1つずつやっていくことで実現できます。

Design a Beautiful Website From Scratch

How to Create a Clean Web 2.0 Style Web Design in Photoshop

Watercolored Design Studio Blog Layout

Design an Awesome Colorful Layout

続きはこちら

　写真をトイカメラ風に編集するAirアプリ「TiltShift」がすばらしいです。

使用画面はこんな感じ。画面左のスライドバーを操作し直感的に画像を編集できます。

パラメータとしては、ブラー半径や強度、コントラストや色合いなどがあり、ちょっとした写真補正なんかにも使用できそうです。
しかもこれ、Airアプリなんです。Airってなかなか普及しないんじゃ？とか思っていましたけどこういう素敵なアプリを見るとちゃんと勉強しようかって思ったりします。

ただ、大きいサイズの画像を編集するのはちょっと苦しいようですね。

TiltShift Generator

ソースは以下。もっとスマートな実現方法を教えてもらいたいです。

package
{
	import flash.display.*;
	import flash.events.*;
	import flash.text.*;
	import flash.utils.*;
	import caurina.transitions.properties.*;
	import caurina.transitions.*;

	/**
	 * ...
	 * @author iweek
	 */

	public class DigitalClockTween extends Sprite
	{
		//[Embed(source = 'font/mplus-1mn-medium.ttf', fontName = 'mplus', mimeType = 'application/x-font')]
		//private var myfont:Class;
		private var upperHour:TextField = new TextField();
		private var lowerHour:TextField = new TextField();
		private var upperMin:TextField = new TextField();
		private var lowerMin:TextField = new TextField();
		private var upperSec:TextField = new TextField();
		private var lowerSec:TextField = new TextField();
		private var preSec:int;
		private var xPosition:int;
		private var yPosition:int;

		public function DigitalClockTween(font:String = "arial bold",size:Number = 18, color:Number = 0x000000 ):void
		{
			addEventListener(Event.ENTER_FRAME, clockShowTimer);
			iniTextField(upperHour, font, size, color);
			iniTextField(lowerHour, font, size, color);
			iniTextField(upperMin, font, size, color);
			iniTextField(lowerMin, font, size, color);
			iniTextField(upperSec, font, size, color);
			iniTextField(lowerSec, font, size, color);

		}
		private function clockShowTimer(event:Event):void
		{
			var now:Date = new Date();
			var hour:int = now.getHours();
			var min:int = now.getMinutes();
			var sec:int = now.getSeconds();  

			if (preSec != sec)
			{
				lowerSec.alpha = 0;
				lowerSec.y = lowerSec.y - 10;
				upperHour.text = String(int(hour / 10));
				lowerHour.text = String(int(hour % 10));
				upperMin.text = ":" + String(int(min / 10));
				lowerMin.text = String(int(min % 10));
				upperSec.text = ":" + String(int(sec / 10));
				lowerSec.text = String(int(sec % 10));
				Tweener.addTween(lowerSec, { time:0.5, y:yPosition, alpha:1.0, transition:"easeOutBounce" } );
				if (sec % 10 == 0)
				{
					upperSec.alpha = 0;
					upperSec.y = upperSec.y - 10;
					Tweener.addTween(upperSec, { time:0.5, y:yPosition, alpha:1.0, transition:"easeOutBounce" } );
				}
				if (sec == 0)
				{
					lowerMin.alpha = 0;
					lowerMin.y = upperSec.y - 10;
					Tweener.addTween(lowerMin, { time:0.5, y:yPosition, alpha:1.0, transition:"easeOutBounce" } );
					if (min % 10 == 0)
					{
						upperMin.alpha = 0;
						upperMin.y = upperMin.y - 10;
						Tweener.addTween(upperMin, { time:0.5, y:yPosition, alpha:1.0, transition:"easeOutBounce" } );
					}
					if (min == 0)
					{
						lowerHour.alpha = 0;
						lowerHour.y = lowerHour.y - 10;
						Tweener.addTween(lowerHour, { time:0.5, y:yPosition, alpha:1.0, transition:"easeOutBounce" } );
					}
					if (hour % 10 == 0)
					{
						upperHour.alpha = 0;
						upperHour.y = upperHour.y - 10;
						Tweener.addTween(upperHour, { time:0.5, y:yPosition, alpha:1.0, transition:"easeOutBounce" } );
					}
				}
			}

			upperHour.x = 0;
			lowerHour.x = upperHour.x + upperHour.width;
			upperMin.x = lowerHour.x + lowerHour.width;
			lowerMin.x = upperMin.x + upperMin.width;
			upperSec.x = lowerMin.x + lowerMin.width;
			lowerSec.x = upperSec.x + upperSec.width;

			preSec = now.getSeconds();
		}

		private function iniTextField(textField:TextField,font:String,size:Number,color:Number):void
		{
			textField.defaultTextFormat=new TextFormat(font, size, color);
			textField.autoSize = TextFieldAutoSize.LEFT;
			textField.selectable = false;
			//textField.antiAliasType = "advanced";
			//textField.embedFonts = true;
			//textField.alpha = 0;
			addChild(textField);
		}
	}
}

こんばんは。

４月からFlashDevelopとFlex SDK3で勉強を始めて、現在はいろんなサンプルをぼちぼちいじっています。
FlashDevelopとFlex SDK3はかなり快適です。とりあえずactionscript3.0のざっくりとしたイメージはつきつつあります。

今回は最低限のデジタルクロッククラスを作成しました。
参考サイト：AS3 デジタル時計
基本的に参考サイト様のものから変更していません。

ソースは以下

package
{
	import flash.display.*;
	import flash.events.*;
	import flash.text.*;
	import flash.utils.*;

	/**
	 * ...
	 * @author iweek
	 */

	public class DigitalClock extends Sprite
	{
		private var clockTimer:Timer = new Timer(1000);
		private var clock:TextField = new TextField();

		public function DigitalClock():void
		{
			clockTimer.addEventListener(TimerEvent.TIMER, clockShowTimer);
			clock.defaultTextFormat=new TextFormat("arial", 20, 0x000000);
			clock.autoSize = TextFieldAutoSize.LEFT;
			clock.selectable = false;
			//clock.antiAliasType = "advanced";
			clock.embedFonts = false;
			addChild(clock);
			// 時計カウンタのスタート
			clockTimer.start();
		}
		private function clockShowTimer(event:TimerEvent):void
		{
			var now:Date = new Date();
			var hour:int = now.getHours();
			var min:int = now.getMinutes();
			var sec:int = now.getSeconds();
			var hourStr:String;
			var minStr:String;
			var secStr:String;  

			// 時分秒が1桁の場合”０”を追加
			if (hour < 10)	hourStr = "0" + hour;
			else hourStr = hour.toString();  

			if (min < 10) minStr = "0" + min;
			else minStr = min.toString();  

			if (sec < 10 ) secStr = "0" + sec;
			else secStr = sec.toString();  

			clock.text = hourStr + ":" + minStr + ":" + secStr;
		}
	} 

}

次回はこのクラスを自分好みにカスタマイズしてみたいと思います。

FlashDevelopとFlex SDK3を体験してみる

でFlash開発環境を整えて「いざ勉強」と思ったもののなぜかエラーが頻発してどうも怪しい。
そこで早速グーグル先生に聞いてみた。

早速原因が判明しました。
・vista でエラー、FlashDevelop

当方vistaなのでどうも間違いなさそうです。
FlashDevelopをProgram Files フォルダ内にインストールしため、アクセス権限の関係で書き戻しができないらしい。

コントロールパネル→ユーザーアカウント→ユーザアカウント制御の有効化または無効化 →ユーザアカウント制御(UAC)をつかってコンピュータの保護に役立たせるのチェックをはずす。

とすることでこの現象は改善されるようだが、どうもセキュリティ上あまりよろしくないそうなので参考記事同様、C\Users\<ユーザー名>以下にインストールしなおしました。vistaユーザの方は注意が必要ですね。

これでようやく勉強がはじめらますな。

当方「actionscript3.0?オブジェクト指向？」という状態なのでまったり勉強することにする。
本日「ActionScript 3.0 プログラミング入門 – for Adobe Flash CS3」が届いたんでとりあえず読んどく。

当面の目標は FlashDevelop＋Flex SDK3でそれなりのフルFlashサイト作成。

FlashDevelopのインストール

まず統合開発環境（IDE）のFlashDevelopのインストール。現在（09/04/18）だと最新はFlashDevelop 3.0.0 RC2 releasedかな？
・FlashDevelop 3.0.0 RC2 released

ダウンロード後、言われるがままダウンロード完了。よかったのかな。

Flex SDKのインストール

次はFlex SDK。
・download – Flex SDK – Confluenceより、また言われるがまま同意し、ダウンロード。
ダウンロード後　C:\flex　に解凍。

Java、.net Framaworkのインストール

どうもこの二つも必要なようでささっとインストール。

・Sun Microsystems – Java 6(JRE1.6)
・Microsoft .NET Framework 3.5

その他設定

・環境設定 : FlexSDK + FlashDevelopで作る場合

FlashDevelopを起動して環境設定をします。 メインメニューの「Tools」→「Program Settings…」で設定ダイアログを開きます。 「Main」→「FlashDevelop」→「Fallback CodePage」をEightBitsからUTF-8に変更します。 「Plugins」→「AS3Context」→「FlexSDK Location」にFlex3のインストール先を設定。

日本語の使用のための設定をします。
・#99 (FlashDevelopのエディタで日本語フォントを表示する。) – HirobeのHack倉庫 – Trac

どうやらこれで完了用。手順は、FlashDevelopのインストール(+Flex SDK3)を参考にさせていただきました。

query_posts()でwp-pagenaviが正常に動作せずにはまったのでメモ。

現在のトップページ「RecentEntry」部分を

< ?php query_posts('cat=-42'); ? >

としてカテゴリID42を除いて表示させていたんですが、どおうもこれがいけなかったらしく

< ?php query_posts($query_string. "&cat=-42"); ? >

としたら改善しました。
ただ、詳細はまだ調査できていなくて、なんでこれで改善するのかは不明。