スマートフォンやhtml5+CSS3など新技術に四苦八苦。jQuery、AjaxなどJavaScriptも難しいですね。そんなWebに悩む人のネタ帳です。

前回はFlashでボタンを作成してみましたが、
Flashでボタンを作る
http://blog.he-ron.jp/2009/09/flash-4.html

今回はその知識を活かして、バナーを作ってみました。

ロールオーバーアクションなども入れずに、完全に手抜きですが、素人ながらに結構かっこいい出来だと自負しております。





文字列を切り出す場合にはsubstr()関数を用います。
以下の例では文字列「abcdefg」の2バイト目から3バイト分の文字列を切り出すので、結果は「cde」となります。

$str = substr("abcdefg", 2, 3);

PHPでアンケートフォームやメールフォームを設置する場合に、POSTされたデータの処理を考えます。
作業する度に、毎回考えさせられるような事なので、ここでメモとして残しておきます。

まず、POSTされたデータは、DBに格納する、ファイルに書き出す、メールで送信するなどのアウトプットが考えられるので、それぞれに応じた文字コードに変換してあげる必要があります。例えば、UTF-8に変換したいのであれば以下のように処理します。

mb_convert_encoding($str, "UTF-8", "auto");

久しぶりにFlashを触りました。

今回はボタンのロールオーバーです。

下のサンプルのように、わざわざボタンだけのFlashを作るということはほとんどないと思いますが。。。大抵の場合はFlashコンテンツを作成して、その上にボタンを設置しますよね。




コンテンツの縦・横幅をブラウザサイズに合わせたい、または、ポップアップ画面を表示するといった場合に、スクロールバーを消すことがあります。

HTML内のブロック要素に対してスクロールバーを消すにはCSSで以下のようにします。

Flex3プログラミング入門
宮田 亮
秀和システム
売り上げランキング: 233152

Flexを習得するにあたり、参考にしている本を紹介します。

Flexを学ぶにあたり、最初のポイントとなるのはmxmlを理解することだと思います。

AjaxのRIAが「XHTML + CSS + JavaScript」で構成されているのと同じように、Flexは「mxml + CSS + ActionScript」で構成されている。
CSSはそのまんま。ActionScriptについてはいわゆるプログラミング、オブジェクト指向などをかじっていれば、特に大きな壁にはならない。
ここで、Flex全体の感覚をつかむ意味でもmxmlの理解が重要となる。

この本では、mxmlを中心に、簡単なサンプルがまとめられている。内容が少し易しすぎるか、最終的にはいらなくなってしまいそうだが、これからFlexを学ぼうという人にはぴったりだと思う。

人気があるのか、部数が少ないのかは分からないが、Amazonではプレミアが付いているようですね。
私の場合は、地元から少し離れた書店で偶然見つけました。

FlexのHTTPServiceを使って、他のサイトのRSSを読み込み、リスト表示をしようとした。
最近では、PHPなどでブログの最近記事の一覧をトップページに出力することは、よくやる手法である。

しかし、Flashの世界では、これが単純にはいかない。
通常の処理で、HTTPServiceで他のサイトのxmlファイルにアクセスにいくと、以下のようなエラーが出力される。

[RPC Fault faultString=”URL へのアクセス中にセキュリティエラーが発生しました” faultCode=”Channel.Security.Error” faultDetail=”送信先 : DefaultHTTP”]

つまりは、FlashやFlexではセキュリティ上、他のドメインへのコンテンツは基本的にアクセスできないようになっているらしい。

Flexをはじめました。

ここ最近の記事を見てのとおり、Flashをはじめたのだけど、プログラマの私にとっては、どうもグラフィックツールやタイムラインはしっくりこない。そこで開発者向けのFlexから習得しようという気になった。

CSのFlashはデザイナ向けのソフトで、グラフィックで際立たせる。一方で、Flexはプログラマ向けで、オブジェクト指向を理解していたり、アルゴリズムに強い人は入りやすく、アプリケーション開発向けである。
しかし、アウトプットはどちらもSWF。やろうと思えば、同じことは実現できる。はずである。。。
というわけで、早速だがFlexを触ることにした。

最近、xampp1.6.8を使い続けていて、エラーが多いと感じる。
詳細は不明だが、とにかくページ遷移のタイミングでApacheエラーなどのアラートが出る。いや、ページは遷移するので、致命的というわけではないが、とにかく不安定な感じは否めない。

一方で、xampp1.7以降でPHP4のサポートが打ち切られたため、PHP4の環境を作れる1.6系は捨てがたい面もある。
世の中、まだPHP4で動いてるシステムも結構あるので。

そんな場合は1.6系と1.7系を共存させちゃおう!
特に難しいことはないです。違うディレクトリにインストールするだけ。
例えば、「C:xampp1.6」と「C:xampp1.7」にそれぞれインストールするなど。

注意することは、同時に起動させないこと。ポートなどが競合するので、使用する場合は、PHP4の場合はxampp1.6、PHP5の場合はxampp1.7というように使い分ける必要がある。

今回は「モーションマスク」。

Photoshopなどでマスクを適応させて、画像などを部分的に隠すような使い方をしますが、まさしくそれと同じ。
Flashならそのマスクにアニメーションを加えることができる。

以下がその例で、星型のマスクを一枚の画像に敷き詰めて、回転しながら拡大という動きを付けている。
作成は大変そうに見えるが、一つのシンボルを作成して、それを多数並べているだけ。




これと同じくして、Flashではアイディア次第では単純な素材でも、ゴージャスにコンテンツを見せることができそう。

ちなみにこの写真は嘉手納基地に飛行機が着陸しようとしている写真です。

それにしても最近はFlashばっかり触っている。がんばろう!

Monthly Archives