スマホサイト・アプリをつくろう。スマホサイト・アプリをつくろう。-前回、ケータイFlashの概要について説明しましたが、今回は基本的な作り方について説明していきます。参照:ケータイFlashの概要についてケータイFlash制作に必要なものケータイFlashを制作するには以下のものが必要になります。1.1のSWFファイルは以下のいずれかのバージョンのFlashで作成できます。MXのバージョンでFlashLiteをパブリッシュする際は別途CDKのインストールが必要です。1.1に対応したケータイもしくはシミュレーターケータイFlash制作の流れFlash制作の流れとしては以下のような流れになります。次からは上記の作業を順を追って説明していきます。・Flashのオーサリングソフトを立ち上げます。・「ファイル-新規作成」からFlashドキュメントを選択します。→[図4]※先に保存するのはパブリッシュの際にデフォルトの名前でswfファイルが生成されてしまうのを防ぐためです。1.1」に変更します。→[図5]・「修正-ドキュメント」でドキュメントサイズを「240px×240px」に設定します。→[図6]・「ファイル-デバイス設定」で「コンテンツタイプ」を「ブラウザ」にして「テストデバイス」を設定します。W31T」で設定しています。・「制御-ムービープレビュー」(またはCtrl+Enter)で実行結果が表示されます。→[図8]今は空っぽの状態なので何も起きませんが実際にボタンを押して確認することができます。このとき、同時にswfファイルが生成されます。エラーがある場合はこの時点でエラー内容が表示されます。確認が終わったらウィンドウを閉じます。これでflashを作る準備が完了しました。テキストを配置する・左のアイコンメニューから「テキストツール」を選択します。→[図9]・画面の白い部分(※ステージ)をクリックすると入力ボックスが表示されますので、文字を入力します。→[図12]ここではサイトのタイトルとして「サンプルサイト」と入力しました。・テキストに関しては画面下の「プロパティ」で以下の通り設定します。→[図11]・アイコンメニューで「選択ツール」を選んで文字をドラッグ&ドロップすると、文字を好きな場所に移動できます。→[図13]・テキストは複数行入力することもできます。→[図15]これでテキストを配置できました。リンクを設定する・テキストでリンクの文字をセットします。リンクと分かりやすいように青色をつけておきます。→[図16]・リンクの文字を選択して「修正-シンボルに変換」でシンボルに変換します。今回は「タイプ」は「ボタン」を選択して「名前」は分かりやすい名称をつけます。→[図17]・プロパティが「ボタン」になり、ボタンシンボルに変わりました。右側のライブラリにも追加されているのがわかります。→[図18]・リンクボタンを選択したまま、「ウィンドウ-アクション」でアクションパネルを出します。→[図19]・アクションパネルに以下のようにアクションを設定します。{}」の中に、リンク先に移動する処理「getURL(‘link1.html’);」が入っています。・同じようなリンクをもう一つ作ってみます。→[図21]・「シンタックスチェック」をクリックすると、スクリプトのエラーチェックができます。→[図22]エラーが出た場合は再度スクリプトを確認してみてください。これでリンクが設定できました。・「制御-ムービープレビュー」で実行します。→[図23]・上下ボタンをクリックするとリンクが順に選択できるのがわかります。・実際に決定ボタンをクリックするとリンクされますがページがないためエラーになります。・確認が終わったら「ファイル-保存」で保存しておきます。・保存フォルダにflaファイルとswfファイルができているのが確認できます。→[図24]次はサーバーにアップロードします。・FTPソフト等でサーバーにswfファイルをアップロードします。※リンク先のページを作成しておくと実際にリンクの動作を確認できます。・ケータイで実際にswfファイルにアクセスします。自分の持っていないキャリアについてはシミュレーターで確認するとよいです。・上下でボタンが順番に選択され、ボタンサイズに応じた枠が表示されるのが確認できます。今回は導入編ということでかなりシンプルなFlashページの作り方について説明しました。実行例はこちらからご確認下さい。Liteを作成するためのCDKは上記URLよりダウンロードできます。(1-3)http://www.thinkit.co.jp/article/142/3/携帯シミュレーターについてはこちらが参考になります。スマホサイト・アプリをつくろう。まめの木|モバイルSEO見積ツール株式会社セルバは携帯サイト作成・制作、メール配信、店舗検索など、携帯サイトの様々なサービスをご提供しています。