読了時間:8分(本文:約3,600文字)ツイートはてブするこんにちは。お盆前にお休みをいただいたので、だいぶ空いてしまいました。_)>あっという間に、もう8月も最終週。夏も終わりに近づいていますね。Mobileがらみの新機能をご紹介します。Mobileは、モバイルサイト構築のためのフレームワーク。スマホ対応サイトっぽいデザインや、ページ遷移アニメーションを手軽に組み込めます。コードは、「HTML5+CSS3+Javascript」で構成されています。プログラムが軽量・高速化されているのと同時に、対応デバイスが多いのが特徴です。Mobile関連のツールが追加されていましたが、今回CS6となり、DreamweaverとFireworksを連携させて更に機能が進化しました。Fireworksで、デザインを担当する「テーマ」を書き出し、Dreamweaverでページを組み立てるという流れで使います。jQueryMobileページを作成サイト定義をした場所に、新規でHTMLページ(HTML5)を作成します。Mobileカテゴリ)から、[ページ]を挿入します。挿入時のダイアログでは、「リモート(CDN)」・「結合」を選んで進みます。続く画面では、ページIDを指定します。>この時点で、ライブプレビューした画面は下記のようになります。Mobileが読み込まれ、ページが一つ作成されています。スオッチ]パネルを使って、テーマを変更することもできます。ライブビューで変えたい部分をクリックし、パネルでテーマを選びます。下記の画面では、[ウィンドウ]メニューからパネルを呼び出し、ライブビューでヘッダーとフッターを選択し、テーマ'b'に変えてみました。>リンク先のページを2ページ追加し、コンテンツを書き足して今回は完了です。>●Fireworksでテーマを書き出し今度は、Fireworksでテーマを作成してみます。Mobileテーマ]-[新規テーマを作成]メニューを実行してテーマファイルを作ります。[ページ]パネルを確認すると、用途に合わせたページが作成されています。グローバルセットおよび...]ページを選び、各テーマで共通に使用されるパーツを変更します。下記の画面では、リストメニュー右側に表示される「>」アイコンと「アイコン背景」を変更しました。>※アイコンは、高解像度/低解像度/白/黒の4種類があります。b]ページで、テーマ"a"とテーマ"b"の「ヘッダーまたはフッター」と「コンテンツ」の色を変更しました。その他に必要ないテーマのページは削除しています。>※必要のないテーマを削除すると、書き出されるCSSファイルの容量が軽くなるFireworksで作成したテーマを確認します。Mobileテーマのアプリ内プレビュー]を実行します。Mobileテーマのアプリ内プレビュー]パネル右下の[パネルの更新]をクリックするとビューが切り替わります。>●テーマの書き出しと適応Fireworksから、テーマの書き出しを行います。Mobileテーマ]-[テーマを書き出し]メニューを実行します。Dreamweaverでサイト定義したフォルダ内に書き出します。5つのCSSファイルとimagesフォルダが作成されます。そのうち、HTMLページから呼び出すのは、書き出し途中で自分で名付けたCSSファイルのみです。jqmフォルダ内に、jqm.cssと名付けて書き出しました。次に、テーマを適応します。ついでに、jQueryMobileの最新バージョンを使うようにコードを書き換えます。>を表示し、[Download]をクリックします。>作成中のHTMLページの該当部分と差し替えます。/>)をFireworksから書きだした自分で名付けたCSSファイルに書き換えます。スオッチ]パネルを確認すると、Fireworksで書き出したテーマに変わっています。いままで苦手だった方も是非チャレンジしてみてください。......ということで、今回は終わりです。関連した話題をと思っております。!(^θ^)※記事へのご意見・ご要望は下記より受付ます。KOBE,Vol.1。実は"地元スピーカー"として登壇いたします。※何を隠そうワタクシ、生まれは兵庫区、育ちは須磨区の神戸っ子なのです。「教えてみてわかった、新しいことを覚える仕組み」というタイトルで、私がいつもどんなふうに情報を仕入れて、セミナーにしているか...という企業秘密的なこと(笑)をお話したいと思います。日々一歩(104)[コラム]2019年秋到来。和恵この著者の記事一覧へこのサイトについてこのサイトは平日毎日発行しているメールマガジン「日刊デジタルクリエイターズ」のバックナンバーを収録しているサイトです。1998年4月の第1号からすべて収録されています。著者別の掲載リストもあり(ページ末尾)、気になる著者のバックナンバーを読むことができます。基本的にメールマガジンの発行後、このサイトが更新されるので、最新情報を確実に読みたい場合は、メールマガジンを購読して頂くことがお薦めです。「日刊デジタルクリエイターズ」のメールマガジンは、デジタルメディアで活躍する現役クリエイターたちのコラムで構成されている本格派のメールマガジンです。実用的な内容から、インスピレーションを刺激する内容まで多彩なコラムをお届けします。メールマガジンスタンドの「まぐまぐ」「melma!」にメールアドレスを登録するだけです。ご購読は以下のボタンから。Amazonを使用しています。記事)川合和史@コロ。