アークウェブ
Webデザイン
SandBox
Web制作会社アークウェブのスタッフが、デザインのTips・ノウハウをまとめているWikiです
アークウェブシステム開発SandBox
アークウェブWebマーケティングSandBox
アークウェブWebデザインSandBox
アークウェブ アクセシビリティWiki
http://www.ark-web.jp/sandbox/design/wiki/299.html
[
トップ
] [
編集
|
差分
|
バックアップ
|
添付
|
リロード
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
-- 雛形とするページ --
Adobe MAX Japan 2009 2日目レポート
Ajax/角丸ライブラリ
AsEventListener
ComponentExplorer
Flex/Flash Catalyst βを試す
FormatDate
FrontPage
Google Browser Size でファーストビューをチェック
InterWikiName
JavaScript
MT/管理画面/テンプレートのオーバーライド
MenuBar
PHP
PukiWiki
RecentDeleted
SandBox
WebデザイナーにもわかるFlex画面デザイン(1)
WebデザイナーにもわかるFlex画面デザイン(2)
WebデザイナーにもわかるFlex画面デザイン(3)
WebデザイナーにもわかるFlex画面デザイン(4)
WebデザイナーにもわかるFlex画面デザイン(5)
WikiName
WikiWikiWeb
YukiWiki
Zen Cart/tips
event/POINT OF VIEW 第0回
event/インクルーシブデザインワークショップ
iPad/iPadにだけCSS付与するには
jQuery
jQuery/ECサイトで使ってみたいプラグイン
tag
イテレーション1
サンプル
タグ/PGP
パフォーマンス改善/Bookmark
ヘルプ
志田
小沼
進地
整形ルール
斉藤
大家メモ
大家メモ/MAMP/MAMP環境でのPHPエラー表示
大家メモ/MAMP/Mac OSXローカルにMAMPでサイト制作環境を構築
竹村
中野
日本語
八木
勉強会
勉強会/アクセシビリティ勉強会@2008.01.29
勉強会/アクセシビリティ勉強会@2008.01.22
**Fireworksでmxml書き出し [#ne9e7db1] ''Fireworks CS3からmxml形式で書き出すことができる''とのことで、試してみました。 これまで、Fireworksで組んだものをまた一からmxmlで組みなおしていましたよ。。 #ref(http://www.ark-web.jp/sandbox/design/data/flex/sample04_01.gif,around) [ウィンドウ]→[共有ライブラリ]にFlexコンポーネントが用意されています。 (表示されない場合は(C)\Program Files\Adobe\Adobe Fireworks CS3\Configuration\Common Libraryにあるpngを一旦開いてみると表示されます) これをドラッグ&ドロップで配置していきます。 用意されているのは下記の14コンポーネント。 - Accorodion - Button - CheckBox - ComboBox - Cursor - NumericStepper - Panel - PopUpButton - RadioButton - ScrollBar - Tab - TextArea - TextInput - ToolTip #clear #br #ref(http://www.ark-web.jp/sandbox/design/data/flex/sample04_02.gif,around) すべてのコンポーネントが用意されているわけではないのが残念ですが、Fireworks上に置いてみるとこんな感じに。 #clear #br #ref(http://www.ark-web.jp/sandbox/design/data/flex/sample04_03.gif,around) ラベルや文字色はシンボルプロパティウィンドウの値を変更することで修正できます。 #clear #br
タイムスタンプを変更しない
[[WebデザイナーにもわかるFlex画面デザイン(3)]]のつづきです。 今回はFireworks、Photoshopといったグラフィックソフトとの連携について解説します。 **Fireworksでmxml書き出し [#ne9e7db1] ''Fireworks CS3からmxml形式で書き出すことができる''とのことで、試してみました。 これまで、Fireworksで組んだものをまた一からmxmlで組みなおしていましたよ。。 #ref(http://www.ark-web.jp/sandbox/design/data/flex/sample04_01.gif,around) [ウィンドウ]→[共有ライブラリ]にFlexコンポーネントが用意されています。 (表示されない場合は(C)\Program Files\Adobe\Adobe Fireworks CS3\Configuration\Common Libraryにあるpngを一旦開いてみると表示されます) これをドラッグ&ドロップで配置していきます。 用意されているのは下記の14コンポーネント。 - Accorodion - Button - CheckBox - ComboBox - Cursor - NumericStepper - Panel - PopUpButton - RadioButton - ScrollBar - Tab - TextArea - TextInput - ToolTip #clear #br #ref(http://www.ark-web.jp/sandbox/design/data/flex/sample04_02.gif,around) すべてのコンポーネントが用意されているわけではないのが残念ですが、Fireworks上に置いてみるとこんな感じに。 #clear #br #ref(http://www.ark-web.jp/sandbox/design/data/flex/sample04_03.gif,around) ラベルや文字色はシンボルプロパティウィンドウの値を変更することで修正できます。 #clear #br ***mxml書き出し [#f4a12720] [ファイル]→[書き出し]から書き出し形式を「mxmlとイメージ」にすると、mxmlファイルと画像が書き出されます。 これをrascutにかければswfが生成されるのですが、 ただ、mxmlの時点で''日本語が化けてます。。 orz orz'' %%これなにか解決方法あるのかな。時間切れなのでのちほど調査。%% ↓ ''なぜかShift-JISで書き出されている。。 orz orz'' エディタで開いて、UTF-8で保存しなおせばOK。 (しかしなぜに…HTML書き出しはちゃんとUTF-8で出るのに。CS4で直っていることを期待します) ***やってみよう [#p7743015] Fireworksでこんな感じにつくって、 #ref(http://www.ark-web.jp/sandbox/design/data/flex/sample04_04.gif,center) #clear #br 書き出したmxmlはこちら。 #ref(flex04.mxml) #br そのmxmlをrascutにかけてswfにしたら、こんな感じになる。 #flash( http://www.ark-web.jp/sandbox/design/data/flex/sample04_05/exp.swf, 480x280, version=9) でも、できたmxmlはなかなか優秀。 - 位置関係を見ているのか、フォーム要素などはちゃんとPanelやAccordionの中に入っています。 - ただし、x="n" y="n"による絶対配置でレイアウトされます。 - コンポーネント化されていないテキストは、Labelとして書き出される - コンポーネントでない画像などのオブジェクトは画像として書き出される - 書き出し時にサブフォルダにイメージを置くにチェックを入れると、imagesフォルダに画像が入る - 画面キャプチャ画像も書き出される。 - レイヤーパネル上のオブジェクトの名前がidとしてつけられる。 - Fireworksは「ページ」という概念がある。現在のページ/全ページを書き出すことも可能。全画面をFireworksで作って書き出す、というフローに便利 一方、 - Tab、ToolTip、Cursorは書き出されない。 - Fireworks上でTabに文字を入れられない - CSSに書き出されるのは、シンボルプロパティ内にある値だけなので、主に文字周りだけ。 - 背景色などはシンボルを編集すれば変わるけど、これらのデザイン変更は反映されない。別途CSSを書くか、スキンを変更する必要がある。 と書き出し後も調整が必要なので、これだけで完結とはいかないですが、作業時間短縮に役立ちそうです。 (つづきます) #blikifooter(小森) tag: [[Flex>tag/Flex]]
テキスト整形のルールを表示する
アークウェブのサービスやソリューションはこちら
サービス
Webの企画・戦略立案
Webデザイン
Webシステム開発
Zen Cartソリューション
Zen Cart導入コンサルティング, RFP作成, トラブル診断
Zen Cartで大規模ECサイト構築
Zen Cartモジュールの開発・カスタマイズ
Zen Cart制作会社(デザイン・企画会社)様向けサービス
Zen Cart海外向け・多言語ECサイトの制作
Zen Cartのデザイン, ペルソナ/シナリオ法, RIA(Ajax・Flex)
Zen Cartのセキュリティ・運用保守サポート
Zen Cart企画・マーケティング戦略, SEO・SEM(サーチエンジン広告)
Zen Cartハイエンド版(大規模サイト用高可用バージョン)
EC-CUBEとZen Cart 機能比較表(概要)
Zen Cart携帯モジュール(モバイルショップ構築用)
Zen Cartの導入事例
Zen-Cart.JPのご紹介とアークウェブの取り組み
Zen-Cartモバイルショップ構築サービス
Movable Typeソリューション
企業サイトでのMovable Type活用
Movable Type用プラグイン一覧
MT用フォーム作成プラグイン「A-Form」
A-Formパートナー制度
その他ソリューション
AjaxでRIA開発
Ruby on Rails
Flexによる業務システム構築
ペルソナ/シナリオ法
ビジネスブログ
SNS・ソーシャルソフトウェア
SEO・SEM
アークウェブのCSR(企業の社会的責任)
アークウェブのCSR指針