崖っぷちWEBデザイナーブログ http://www.y-tti.com/blog/ 奈良県で勉強中の兵庫県で働くひよっこWEBデザイナー。 2007年1月(27歳時)にネ申の啓示を受けてWEBデザイナーを志す。 photoshop,illustrator,Flash,shade,html,css,php/cgi,movabletypeと 身に付けなきゃいけないことテンコ盛り&金ないわで崖っぷちです。 ja Copyright 2008 Sat, 06 Sep 2008 19:47:47 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss 崖っぷちWEBデザイナーブログ　リニューアル！！ 重い腰をあげてブログリニューアルしました。

Windows Vista

Firefox3.01
IE7
Safari3.1.2
Google Chrome0.2

Windows XP

Firefox2.0
IE6
Safari3.1.1

一応上記のブラウザと環境でチェックしましたが、見れる程度には表示されてるぽいです。 なんかおかしいぞ！ってところあれば是非ご一報をよろしくお願いします。

リニューアル作業にあたって

デザイン

FireWorksでデザインを仕上げました。PhotoShop好きっ子だったんですが、今はFireWorks好きっ子です。普段デザインはやらないのでかなり苦戦でした。2,3個没にしてキリがない！これでいいや！って感じで今に至ります。

コーディング

久々１からHTMLやらCSSをさわりました。IE6だけ問題児。ハミ子。IEが製作者から嫌われる理由がよくわかった。。。

Movable Type

システムテンプレートが非常にめんどくさい。。。「Movable Typeなら簡単にCMSが出来ますよ！」っていう売り文句が未だ信じられない。。

]]> http://www.y-tti.com/blog/2008/09/web_2.php http://www.y-tti.com/blog/2008/09/web_2.php ブログ構築過程 Sat, 06 Sep 2008 19:47:47 +0900 drecom RSS ブックマーク
]]> http://www.y-tti.com/blog/2008/09/drecom_rss.php http://www.y-tti.com/blog/2008/09/drecom_rss.php ブログ構築過程 Sat, 06 Sep 2008 18:16:01 +0900 ブログカスタマイズ中 old_y-tti_blog.jpg
画像テスト

h3テスト

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

h4テスト

あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

コード表示テスト package classes { import flash.display.Sprite; import flash.text.TextField; import flash.text.TextFormat; import flash.utils.getTimer; import flash.events.Event; public class Fps extends Sprite { private var time :Number; private var frameTime :Number; private var prevFrameTime :Number = getTimer(); private var secondTime :Number; private var prevSecondTime :Number = getTimer(); private var frames :Number = 0; private var fpsnum :String = "..."; private var tf:TextField; private var iBar:Sprite; public function Fps() { init(); } private function init():void { iBar = new Sprite; iBar.graphics.beginFill(0x990033 , 1); iBar.graphics.drawRect(0 , 0, 100 , 15); iBar.graphics.endFill(); addChild(iBar); tf = new TextField(); tf.defaultTextFormat = new TextFormat(null , 9 ); tf.textColor = 0xFFFFFF; addChild(tf); addEventListener(Event.ENTER_FRAME,onEnterFrameHandler); } private function onEnterFrameHandler(event:Event):void { time = getTimer(); frameTime = time - prevFrameTime; secondTime = time - prevSecondTime; if(secondTime >= 1000) { fpsnum = frames.toString(); // if( VERBOSE ) trace( "FPS: " + fps ); frames = 0; prevSecondTime = time; } else { frames++; } prevFrameTime = time; tf.text = ((fpsnum + " FPS / ") + frameTime) + " MS"; iBar.scaleX = iBar.scaleX - ((iBar.scaleX - (frameTime /10)) / 5); } } } あああああstrongテストあああああ
blockquotetest
]]> http://www.y-tti.com/blog/2008/09/post_66.php http://www.y-tti.com/blog/2008/09/post_66.php ブログ構築過程 Sat, 06 Sep 2008 14:43:05 +0900 Bitmapdataのお勉強をしたかった。 BitmapTest2.jpg ※クリックで写真爆破→写真配置→爆破→配置・・・ 今年の1月に行われた第11回てらこにて、 さくーしゃさんがライブコーディングしたやつ 当時、ソース見てもサッパリ？？？？？？だったので 今になってもう一度見返してみた。 おお。何となく分かるぞ～！！ちょっと嬉しい。 で、それぞれのパーティクルをピクセルではなく、 Bitmapdataに置き換えてやってみました。 ん～。なかなか気持ちい。
■追記 BitmapTest2_2.jpg どうもIEだけフレームレートが遅い。 私のIEがダメなのかどうか。。 FirefoxとGoogle Chromeは普通に速度出てるぽい。
src]]> http://www.y-tti.com/blog/2008/09/bitmapdata.php http://www.y-tti.com/blog/2008/09/bitmapdata.php FLASH勉強 Wed, 03 Sep 2008 15:54:15 +0900 Font読み込みのテストからFive3D fontLoadTest1.jpg フォント埋め込み＆パブリッシュした時の待ち時間に萎えてしまったので CS3版　フォントのダイナミックなローディング@_level0.CUPPY ↑を試してみました。 これはイイ！！パブリッシュ萎えに悩まされなくて済みそうだ。

フォント関係ついでに AS3.0 で 3D プログラミングを１から勉強する (1~5)@てっく煮ブログ ↑こちらも試してみたかったのだが、第3,4回あたりで僕の頭脳ではついていけないことに。。。 そんなこんだで、FIVe3D 2.1に手を出してみた。 読み込んだフォントを3D表示したかったわけだが、 やりかた分からないので、TextFieldをBitmapData化して Bitmap3Dクラスに突っ込む方法でやってみた。 TextFieldを可読性重視設定にした場合、BitmapData.drawできない@fladdict ちなみに↑な問題にもぶちあたったが、Spriteで包む方法で逃げた。 っと、こんなめんどくさい方法をやらなくても、 FIVe3Dで好きなフォントを使う(日本語も)@moriBlog FIVe3D 2.1のAdditional DownloadとしてMake a new typographyというswfがあり、こいつがフォントクラスを生成してくれるようだ。

更にHydroTweenになれようとちょこっとだけ使ってみた。 がしかし、 easing:Quadratic.easeInOut ↑のようなイージング関連がないぞーっと怒られっぱなしで迷宮入り。 正体は、FLASHがデフォルトでもっている、 import fl.motion.easing.*; ↑こやつでした。 ここまで組み上げてみたが、3D回転時にある位置にくると 恐ろしく重くなったりする症状で再び迷宮入り。 これは原因分からないまま。。 PaperVision3D使えってことか。 Five3Dはソースが読めるぐらいの数だから気楽に使えそうなんだが。。

flaとas ]]> http://www.y-tti.com/blog/2008/08/fontfive3d.php http://www.y-tti.com/blog/2008/08/fontfive3d.php FLASH勉強 Sat, 30 Aug 2008 00:33:12 +0900 プチTERACO 8月23日土曜 HydroTween 　・TweenMax 　軽いので大量のパーティクルを動かしたい時に良いらしい。
■nifty Timeline カヤックさんの１０年史のところで使いましたよと。 RSSを解析してFLASH上に置き換えてるらしい。
■Webカメラ ＋ エフェクト 　CamTwist ※マックのみ 　Webカメラにて配信してる動画にエフェクトが掛けれるというツール。 　ただし、マックのみ。探せばWin用ツールもあるのかな。
■多人数リアルタイム参加型のコンテンツってどうやってるの？ 　http://gyorol.bascule.co.jp/ 　http://cr-juku.jp/brainbomber/ 　この辺のやつはサーバー側はどうやってるの？という私の疑問。 　 　・FMSがキーワード 　・レンタルサーバーとしてhetemlとかがあるよ。
■2,3人でのFLASH開発について 　swf単位で作業分担するか、class単位で作業分担するかとかの疑問。 　FLASHは一人ですべてをこなすことが多いため、これといったお決まりの 　作業分担方法がまだ確立していない印象。 　メンバーとのコミュニケーションがとにかく大事。
■ナイスなフォントを教えてください！ 　・MINI7 　・04.jp 　・dafont.com
■ThunderBoltAS3Console動かない。デバッグ方法について。 　・さくーしゃさんがサックリやったら動いてた。。。 　・みなさん普通にTrace()を使ってる模様。

他にも色々話が飛び交ったが、 私のメモ用ノートが酷過ぎて何書いてるか分からない。。 ]]> http://www.y-tti.com/blog/2008/08/teraco_823.php http://www.y-tti.com/blog/2008/08/teraco_823.php FLASH勉強 Sun, 24 Aug 2008 23:14:24 +0900 BitmapDataを使って消し消し DrawTest01.jpg ドラッグにて、A画像を消して、B画像を浮かび上がらせます。 内部的には、B画像の上にA画像（マスク）を配置して、 ドラッグにより、マスク範囲を描いてA画像を表示している感じです。 とまあ、BitmapData.drawを確かめたかった。それだけ。。。汗
src]]> http://www.y-tti.com/blog/2008/08/bitmapdata.php http://www.y-tti.com/blog/2008/08/bitmapdata.php FLASH勉強 Tue, 12 Aug 2008 18:38:59 +0900 ブログのデザインを変更したい案。その１ デザインセンスが欲しい。 ]]> http://www.y-tti.com/blog/2008/08/post_65.php http://www.y-tti.com/blog/2008/08/post_65.php ブログ構築過程 Sat, 09 Aug 2008 16:55:21 +0900 波動方程式？何それ？？ wave01_20080802.jpg 調べていると「波動方程式」というキーワードを見つけたわけだが、本気で分からない。 「FLASHに理系と文系関係ないよー」って思いたかったけど、 波動方程式見てかなり凹み気味な感じです。 とまあ、「TOTO」この波ぽにょぽにょをやりたかったわけでございます。 この波気持ちいいなー。 ■追記 相変わらず波動方程式はさっぱりだが、 波のシュミレーションを頭の中で描きながら 必死にプログラムに反映してみたら、ちょっとらしくなった。 wave01_20080802_2.swf 今はx軸を一点のみ上下してそこから、波動が伝わっていく仕組みにしたけど、 x軸上どこからでも、波を発生させて、波同士がぶつかった時とか、 さてどうしよう。。。っと考え中。 ]]> http://www.y-tti.com/blog/2008/08/post_64.php http://www.y-tti.com/blog/2008/08/post_64.php FLASH勉強 Sat, 02 Aug 2008 22:22:16 +0900 ごはんとFLASH in 京都 何気にこういうイベント初めてで、どうなるんだろうっとちょっと心配。 とまあ、ご飯もりもり食ってきたー。
【印象に残ったこと言葉など】 ・FLASHerに彼女はいらない。 なんかこの言葉だけ、ものすごく印象に残ってしまった。。。 FLASHにかける意気込みがスゲー。 ボクは、彼女が欲しいです。。。。ハイ。

【印象に残ったアンケート結果】 {Q.} FLASHを始めたきっかけは？ {A.} モテるため ギターを始めたきっかけに出てきそうなフレーズを こういう会合で聞けて何だか親近感が。

{Q.} FLASHを初めてさわった時のバージョンは？ {A.} CS3が２名ほどだけ。。その他平均的に散らばる結果。 私はCS3からなんで歴が浅いわけですが、 人の倍、努力せんといかんなーっと。

{Q.} 平均労働時間は？ {A.} 24時間という猛者が1名。 その方曰く、「仕事と遊びは一緒」との回答でした。 さすが某有名制作会社だと感心した。

【総括】 名刺を持って行かなかった私は社会人１年生からやり直し！ ※持っていないだけともいう。作るぜー！
最後にスタッフの方々、ご苦労様でした！ ]]> http://www.y-tti.com/blog/2008/07/flash_in.php http://www.y-tti.com/blog/2008/07/flash_in.php Thu, 24 Jul 2008 00:25:10 +0900 ExternalInterfaceを試す。 flash.external.ExternalInterfaceにてjavascript呼び出しを試してみた。 setFlashArea.jpg ExternalInterfaceにてjavascirptを呼び出し、 FLASHエリアのサイズを変更する。 FLASHエリアに関しては、CSSで position:absolute と指定しておき、宙に浮かしてる感じ? これで、HTMLでも動的なアニメーションを見せることが 出来るので何かと可能性が広がる？ が、javascriptによるブラウザ対応がめんどくさそう。。 ※鹿の絵？は知人の画伯より。 毎度グダグダなsrc一式]]> http://www.y-tti.com/blog/2008/07/externalinterface.php http://www.y-tti.com/blog/2008/07/externalinterface.php FLASH勉強 Fri, 18 Jul 2008 19:28:37 +0900 バネ運動などのお勉強 gomumushi.jpg 大阪てら子 16 「アイドル！アイドル！」にて 【j.iida】さんが発表していた※ネタの一部をパチって作ってみた。 ※curveToによる線のしなり具合。線にマウスオーバーしてみてくだせぃ。 とりあえず、やりたかったこと。 ・curveToによる線のしなり。 ・バネ運動。 ・線ドラッグ。 ・虫ドラッグ。 ・虫ドラッグして投げる。 ・虫の目や口や胴体などの小ネタ動作。 curveToやlineToで描いた線だけど、 1pxとか細いとマウスオーバーの感度が、 かなり悪くなるのは仕様なのかな。。（現状2px） グダグダなsrc一式 ]]> http://www.y-tti.com/blog/2008/07/post_63.php http://www.y-tti.com/blog/2008/07/post_63.php FLASH勉強 Sun, 13 Jul 2008 21:26:11 +0900 Progressionを試してみる１ Progression Frameworkを試してみた。 Protest1.jpg 今さらな感もありますが、FLASH標準となりそうなProgressionを使えるようになるため、ちょこちょこ作ってみました。※クラスベース ページ遷移だけですが。。。 「Progression」の利点は公式HPや色んなブログに書かれていますが、 私が特にありがたく感じているところは２点。 ・ページ毎にURL表示を変えれる。※ブラウザの戻るボタンが使える。 ・イベント管理やページ遷移管理などのフレームワーク要素 で、作ったものですが、何分右も左も分からなかったため、 http://progression.libspark.org/wiki/Library/Examples こちらの「東京てら子ワークショップキット」を参考にさせてもらいながら作成しました。 ※公式HP以外にも↓を参考にさせて頂きました。 WCAN mini AS vol6 Progression ワークショップ in なごや(後半) 第４回 東京てら子で Progression 講座受けてきたよ。 とりあえず分からないところメモ。 ・FlashDevelopでの文字化け(UTFbom有無？) ・FlashDevelopからパブリッシュ時、FlashPlayerが立ち上がらない。 一応、今にも壊れそうなソース]]> http://www.y-tti.com/blog/2008/07/progression.php http://www.y-tti.com/blog/2008/07/progression.php FLASH勉強 Thu, 10 Jul 2008 22:10:28 +0900 WEBデザイナーとして売れるためには… 【ニコニコ動画】天才クリエーターが天才を語る ■漫画家として売れるためには絵が描けない方がいい。（江川氏） 　 　WEBに還元するならば、 　「WEBデザイナーとして売れるためにはHTMLが描けない方がいい。」 　 　むー。なんかしっくりこないな。。。 　 ■宮崎駿も天才すぎて部下を誉められへん。（岡田氏） 　→「No2が育たない」 　おお。なるほど！ 一人で黙々型か、チームワークお任せ型の２タイプについて 言及されているわけだが、 自分はどっちタイプなんだろうか？ または、どっちタイプに進みたいのだろうか？ と、考えさせられたです。 ]]> http://www.y-tti.com/blog/2008/07/web_1.php http://www.y-tti.com/blog/2008/07/web_1.php Thu, 03 Jul 2008 16:38:17 +0900 大阪てら子 16 「アイドル！アイドル！」に参加してきた teraco_idol.jpg なんとも恥ずかしいモノですが、アイドルネタということで＾＾； 最近勉強してたBox2Dで作りました。 Box2Dにて固定された部分（ここではselect idolのエリア）を 動かす方法が分からなくて、相当無理やりな動かし方をしています。
m_world.DestroyBody(boxBd01); boxBdDef01.position.Set(18/m_physScale , targetY/m_physScale); boxBd01 = m_world.CreateStaticBody(boxBdDef01); boxBd01.CreateShape(boxSd01); boxBd01.SetMassFromShapes();
消して違う位置に表示という方法。 良いやり方がわからない。 一応汚いソース一式 ]]> http://www.y-tti.com/blog/2008/06/_16_.php http://www.y-tti.com/blog/2008/06/_16_.php FLASH勉強 Sun, 22 Jun 2008 22:35:54 +0900