実戦で使えるActionScriptを実践
掲載日： 2009年 02月 28日
Flash Liteでレシピを表示！
文章：渡辺 大介（All About「Flash」旧ガイド）
お腹減りませんか？お袋の味が恋しくありませんか？今回は携帯Flashでレシピを表示して「肉じゃが」を調理します。買い物に出かける前にパソコンのメモ帳にレシピを書くだけで、携帯レシピビューワが簡単に作成出来ます。
|
| 携帯の持ち運びやすさを生かした便利なレシピビューワ(肉じゃが向き)。 Adobe Flash CS3 Professionalを使用してサンプルを作成しています。 |
レシピを用意して外部テキストファイルに書き込む
1. お手持ちのテキストエディタを用意して、「recipe.txt」というファイル名のテキストファイルを新規作成してください。お気に入りのレシピホームページを開き、レシピをコピー&ペーストします。ここでは「和食づくりのコツ・レシピ」ガイドサイトから肉じゃがのレシピを拝借させていただきました。
材料・４人分 牛薄切り肉……250ｇ じゃがいも……中４個 小玉ねぎ（ペコロス）……８個 青ねぎ（あさつき、万能ねぎなど）……４本 昆布だし入り３倍濃縮つゆ（ヤマサ昆布つゆなどの市販品）……30ml 下準備 ◎昆布だし入り３倍濃縮つゆに水120mlを加えて薄めておく。 作り方 １） じゃがいもは皮をむき、大きめに切りそろえて面取りをし、水にさらしてアクや余分なでんぷんを抜く。小玉ねぎは皮をむく。青ねぎは４cm長さに切る。 ２） 牛肉は広げて２枚ぐらいずつ重ね、端からクルクルと巻いて巻き終わりを楊枝で刺してとめる。 ３） 鍋にじゃがいもと小玉ねぎを入れて水をひたひたになる程度に注ぎ、強火にかけて煮立てる。沸いてきたら火を弱めて中火で煮る。 ４） じゃがいもが半煮えの状態になったら２）を加え、アクが出るようならすくいながら中火でコトコトと煮る。 ５） 肉の表面の色が変わってきたら水で割った昆布だし入り３倍濃縮つゆ150mlを加え、じゃがいもに竹串などがスッと通るぐらい柔らかくなるまでしばらく煮る。煮上がる直前に青ねぎを加え、さっと煮る。 ６） 肉の楊枝を抜き、煮汁とともに盛りつける。
2. 次に以前パソコン向けのコンテンツとしてご紹介した「Flashグリーティングカードを作成」の記事を思い出してください。
Flashで外部テキストファイルを読み込むには、「変数＝テキスト」とすれば良かったですよね。今回は「材料」「下準備」「作り方」の3つに分けて「step1」〜「step3」という変数で区切ってみます。 また、これらのタイトルにはHTMLタグを使って「<b></b>」太字にしてタイトルらしさを出します。
また、携帯で出なそうな文字はこの段階で置き換えたり削ったりしておきます。
これらの作業を行うと以下のようになります。
step1=<b>材料・4人分</b> 牛薄切り肉…250ｇ じゃがいも…中4個 小玉ねぎ（ペコロス）…8個 青ねぎ（あさつき、万能ねぎなど）…4本 昆布だし入り３倍濃縮つゆ（ヤマサ昆布つゆなどの市販品）…30ml &step2=<b>下準備</b> 昆布だし入り３倍濃縮つゆに水120mlを加えて薄めておく。 &step3=<b>作り方</b> じゃがいもは皮をむき、大きめに切りそろえて面取りをし、水にさらしてアクや余分なでんぷんを抜く。小玉ねぎは皮をむく。青ねぎは4cm長さに切る。 牛肉は広げて2枚ぐらいずつ重ね、端からクルクルと巻いて巻き終わりを楊枝で刺してとめる。 鍋にじゃがいもと小玉ねぎを入れて水をひたひたになる程度に注ぎ、強火にかけて煮立てる。沸いてきたら火を弱めて中火で煮る。 じゃがいもが半煮えの状態になったら2を加え、アクが出るようならすくいながら中火でコトコトと煮る。 肉の表面の色が変わってきたら水で割った昆布だし入り3倍濃縮つゆ150mlを加え、じゃがいもに竹串などがスッと通るぐらい柔らかくなるまでしばらく煮る。煮上がる直前に青ねぎを加え、さっと煮る。 肉の楊枝を抜き、煮汁とともに盛りつける。これでレシピの下準備は出来ました。Flashを勉強されている方なら基本的なHTMLとこの程度のテキスト整形は朝飯前ですね。
次のページではFlashにこのレシピファイルを読み込む手順を考えましょう。
