スマホサイト・アプリをつくろう。スマホサイト・アプリをつくろう。ケータイFlashで動的に内容を変化させる場合、デザイン面の都合で端末のフォントではなく埋め込みフォントを使用したい場合があります。埋め込みフォントを使用すると、フォントデザインの自由度が上がる代わりに、埋め込むフォントの分だけサイズが大きくなってしまいます。埋め込むフォントの数を減らせばケータイFlashとして問題なく表示できるファイルサイズに抑えることが可能です。今回は「アルファベット」に限定して埋め込むことにします。フォントの埋め込み方テキストフィールドで指定できるフォントには「デバイスフォント」と「埋め込みフォント」があります。「_等幅」「_serif」のようにアンダースコアで始まっているのがデバイスフォント、それ以外が埋め込みフォントです。デバイスフォントは端末内のフォントを使用して表示するため、SWFの容量を抑えられますが、フォントサイズが端末によって異なったり、表示できるフォントが限られていたりします。埋め込みフォントはSWFファイルのパブリッシュ時にフォント情報を埋め込むため、ファイルのサイズが大きくなりますが、フォントサイズやフォントデザインの自由度は高まります。静止テキストで埋め込みフォントを使う場合は入力した文字のフォントデータだけが埋め込まれますが、ダイナミックテキストで埋め込みフォントを使う場合は必要なフォントを文字の種類やリストで選択して埋め込みます。埋め込むフォントのファイルサイズは埋め込む文字のパターンやフォントの種類によって異なりますが、漢字を埋め込んだり複雑な形状のフォントを埋め込んだりするとサイズが大きくなります。ケータイFlashとして表示可能なサイズにおさまっているかどうかは実際に埋め込むフォントを選択してパブリッシュして確認してみてください。SWFファイルの作り方パブリッシュバージョンはFlashLite1.1、サイズは240×240pxにします。ステージ背景を黒にしてステージ上に文字色を白にしたダイナミックテキストを配置します。MS」にしておきます。フォントはお持ちのフォントを指定してみてください。ダイナミックテキストの文字幅は自動的に広がらないので大きめにしておきます。今回はテキストを中央寄せにしておきます。ダイナミックテキストのプロパティで「埋め込み」というのがあるのでここをクリックして埋め込むフォントを指定します。今回はアルファベットに限定して埋め込みますので「大文字[A..Z](27文字)」と「小文字[a..z](27文字)」を選択します。ダイナミックテキストの変数の部分に「text1」と記入しておきます。これでtext1という変数に指定された内容がFlashのダイナミックテキストに表示されます。→[図139]「action」レイヤーを追加してアクションスクリプトで以下のように記述します。text1="{$text1}";「{$text1}」の内容はPHPから置換することになります。→[図138]できたらパブリッシュします。PHPでFlash内の文字列を置換するPCのFlashであればそのままSWFファイルに対してURL引数やFlashVarsで値を渡すことができます。ケータイFlashでは値を渡せる端末と渡せない端末があります。loadVariablesで読み込む方法もないではありませんが、ユーザーのアクションが必要になります。ここではPHPでFlash内の文字列を置換する方法を取ります。先ほどのSWFファイルでActionScriptに置換用の文字列を指定しているのでPHPで置換処理を行います。$swfOutput;※上記サンプルはUTF-8で記述しています。※同階層に「swfmill_error_log」を書き換え可能パーミッションで配置する必要があります。※上記サンプルでのSWFの動的生成にはサーバーへのswfmillのインストールが必要です。動的に変更するテキストを指定する以下のようにFlashを置換出力するPHPのURLにGETパラメータをつければFlashに値を渡すことができます。sample4103.php?text1=SampleこのURLで表示したい文字が入ったFlashを公開することができます。HTMLのフォームに入力した内容を上記のパラメータとして設定するにはフォームの種類をGETメソッドにして、フォームのname属性に「text1」のように指定します。フォームのaction属性にはswfファイルのパスを指定します。※アクセス後のURLを共有する必要がなければPOSTメソッドでも問題ありません。istyle属性をつけて英文字のみ入力可能にしておき、入力できる文字数の制限もつけておきます。value="入力した内容で表示"&gt;&lt;/form&gt;これでフォームに入力した文字がFlashで表示されるようになりました。工夫次第でタイポグラフィ的なものも作れそうですね。実行例はこちらからご確認下さい。→URLをメールで送るhttp://ookura.tanikaze.com/Sample/post4103/画面イメージサンプルファイルsample4103.zip上記サンプルのFlashファイル及びPHPファイル一式です。スマホサイト・アプリをつくろう。まめの木|モバイルSEO見積ツール株式会社セルバは携帯サイト作成・制作、メール配信、店舗検索など、携帯サイトの様々なサービスをご提供しています。