2008年7月アーカイブ

ブログのロゴは透過png画像なのですが、IE6では表示が崩れてしまう。
そこで、IE6でも崩れないようにしてくれるjsライブラリを利用しました。

○アルファ画像を扱うJSライブラリ
alphafilter.js

設定も簡単です。

alphafilter.jsを読み込んで、
<script type="text/javascript" defer="defer" src="./alphafilter.js">

透過png画像にalphafilterクラスを適応させる。
<img src="/images/logo.png" class="alphafilter" alt="" />

○参考サイト
http://blog.webcreativepark.net/2007/02/01-233315.html
社内ライブラリ作成で、独自作成したクラスのイベントハンドラ定義したい。
そこで、Eventクラスを拡張したカスタムイベントクラスを作成しました。

package com.company.events
{
  import flash.events.Event;
 
  public class CustomEvent extends Event
  {
      public static const COMPLETE:String = "com.company.events.complete";
     
      /**
      * constructor
      */
      public function CustomEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
      {
         super(type, bubbles, cancelable);
      }
    
      /**
      * clone
      */
      public override function clone():Event
      {
         return new CustomEvent(type, bubbles, cancelable);
      }
   }
}

※訂正(2008/07/31)  下記の注意事項を削除しました
(pv3Dのevents継承クラスにはcloneメソッドをオーバーライドしていなかったので、
必ずしも必要ではないようです)
注意点は、Event のサブクラスを実装する際は、clone() メソッドを実装する必要があるということ。


○参考サイト
http://weblogs.macromedia.com/akamijo/archives/2005/12/post_5.html

ブログパーツの背景色をユーザが設定できる管理画面(htmlページ)を作成しています。
一般ユーザにRGB16進で記述させるって厳しいので、
カラーがUIでわかりやすく表現する方法を探してました。

で、ありました。
JSで作成されたいけてるカラーピッカーを発見しました。(有名なのかもしれないけど)

○color picker
http://www.skuare.net/test/proPhotoColor.html

サンプルソースの配布もしているので、設置が簡単でした。
ただ、重い。。。
表示に時間がかかってしまうので、利用したい人だけが別ウインドウを開いて使用してもらうようなナビゲーションにしました。
(Flashで作成したほうが軽いんでしょうね。。)


あと、サンプルではJSファイルと画像ファイルが相対パス指定になっています。
絶対パスで利用したい方は、ダウンロードしたファイルから以下の点を修正します。

○index.html(7行目?11行目と142行目?174行目)
cssとimageを読み込みしているパスを絶対パスに変更

○colorpicker.js(9行目?13行目)
Refresh.Web.DefaultColorPickerSettings = {
startMode:'h',
startHex:'ff0000',
clientFilesPath: 'img/'
};

上記の箇所が初期設定になっていますので、
clientFilespathを「img/」から自分の環境パスに変更で完了
とある案件で別ウインドウで開きながら、
開く前のFormデータをPOSTで送信することが必要になった。

■対処法
○formタグ
<form name="form2" action="./preview" method="post" target="preview" onsubmit="openPreview('./privew', 'preivew');return false;">

○javascript
function openPreview(url, name)
{
    preview = window.open(url, name);
    window.preview.focus();
}

別ウインドウのウインドウ名を指定して(例ではpreivew)、
formで送信する際にtargetを別ウインドウで開いたウインドウ名(preview)を指定してあげればOK.

参考サイト
http://webmag.dnw.jp/2007/04/post_25.html

Flash lite1.1までのバージョンでテキストを動的に生成する方法です。

過去の案件でsession_idをリクエストパラメータで引き継ぐ必要があり、
下記の方法で実装しました。
※こちらの実装にはサーバサイドスクリプトが必要となります。


○FLASH-JP.COMフォーラムのスレッドにリクエストパラメータをSWFに渡す方法
「iモード用のFLASHにパラメータを送りたい」

こちらの記事では、SWF ファイルに変数を埋め込んで動的に生成するということを実現しています。
携帯Flash(1.1以前の場合)でクエリパラメータを利用するには、この方法しかないでしょう。
スレッド名は「iモード用のFLASH・・・」となっていますが、3キャリアとも利用できることを確認しています。
Flashを検索可能に、アドビがグーグル、ヤフーと協力

「米アドビシステムズは7月1日、Flashコンテンツ(SWF)の検索の精度を上げるよう検索サービス提供者らと協力していくと発表した。スタート時に はグーグルおよびヤフーに対して、最適化されたAdobe Flash Playerを提供するとともに、SWF形式のファイルに含まれるテキストのインデックス化に関して技術情報を提供していく。

きましたね。
Flashの長年の問題だったSEOの件。
これでswfに対しての検索精度が上がれば、Flashはよりwebサイトで利用させていきますね。
期待したいです。


参考サイト
○@IT
http://www.atmarkit.co.jp/news/200807/02/flash.html

○Get the Glass!
http://www.gettheglass.com/

スウェーデンのとある会社が製作した「牛乳のもう」キャンペーンサイト。
FWA2007年ベストサイト。このクオリティやばし。


○スゴイ地図
http://sugoi.doko.jp/

2007年度グッドデザイン受賞。
細かいところまでエフェクトはいってこだわりを感じます。


○リッチインターネットPC
http://www.ria-jp.org/demo/ripc/

ユーザビリティがGood。
チャートを利用してPC検索が行える。
色々検索してみたくなります。


○1 click Award
http://www.1-click.jp/

これは企画とおっさんが面白いですw
このブログパーツを配布していて、たまにみかけます。

このサイトの集客とawardの応募者増加を狙ってのブログパーツ配布だと思いますが、
このおっさんがブログ上にいるとついクリックしてみたくなるので、
PVは稼げたのかなと思います。

実際私は気になってクリックして知りましたし。


プロフィール

author:max

横浜で働いてます。Flashが好き。

■主な受賞歴
ソフトバンクモバイル株式会社主催:モバイルウィジェットコンテスト「アドビシステムズ賞」

2009年6月

  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        

ウェブページ