2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、こもり まさあきさんの『写真の色に関するトラブルをなくせ ? その色、本当にあってますか？』のスライドと音声をシェアします。
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、丸山 章さんの『パワーユーザー必携の海外の拡張機能20選+α』のスライドと音声をシェアします。
長丁場のイベントでしたが、来場者の皆様お疲れ様でした。
CSS NiteでFireworksのイベントが開催されるのを本当に待ちに待っていた人の一人です(笑)。
今回はFireworksでの作業効率化にフォーカスした拡張機能をいろいろ紹介させていただきました。
皆様のアンケートを拝見しましたが、概ね好評で、自分が思っている以上に海外の情報が知られていないんだなあと驚きの反面、今回のテーマにしてよかったと思っております。少しはFireworksの良さを伝えるのに貢献できたかなと(笑)。
実はコマンドはそれほど敷居が高い物ではなく、JavaScriptが多少わかれば簡単なものであれば、簡単にカスタマイズして使うことが可能です。
自分はJavaScriptの勉強にコマンドを覚えました（まだへっぽこですが）。FireworksAPIはExtending Fireworksをご覧下さい。邦訳されてないので、英語が苦手な方には若干敷居が高いかもしれませんが、是非チャレンジしていただければと思います。Extending Fireworkshttp://help.adobe.com/en_US/fireworks/cs/extend/index.html
Tables拡張機能はJohn Dunning氏によるもので今回とりあげたその他の拡張機能も彼のものが多いです。http://www.johndunning.com/fireworks/
今度はいつFireworksのイベントが開催されるかわかりませんが、その時もまた皆様とお会いできますことを楽しみにしています。
Enjoy your Fireworks life!
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、山本 和泉さん（#fc0）の『コーダーさんにもやさしいFireworks』のスライドと音声をシェアします。
CSS Nite LP14にご参加のみなさま。こんにちは！#fc0山本和泉です。長い時間おつかれさまでした！
今回私は「ものさしツール」と「書き出し領域ツール」を紹介しました。これらのツールは知っている人はめっちゃ知ってるけど、知らない人は存在さえ知らないツールだと思います。でもとてもいい仕事をするツールなのでぜひ使ってみてください！
「ものさしツール」は、Web制作に関わる方すべての方を幸せにするツールだと思います。補足として「ものさしツール」はオブジェクトとして扱われていますので、線や文字（数字）の色を変更することもできるので、デザインカンプのテイストに合わせて色を変えることで数値を見やすくすることができます。
「書き出し領域ツール」は、普段の作業でコアに使うツールではないと思いますが、修正後一部だけ書き出さないといけないときなどに大変便利なツールです。補足として、ドラッグで表示した領域を解除するには［Esc］キーを使います。間違えやすいので気をつけるとさらに効率がアップすると思います。
今回をきっかけにFireworksのイベントが増えたらいいな！って思っています！そしてもっとみなさんとFireworksを一緒に語り合いたいです！
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、上敷領 智子さん（オフィスコトウ） の『モバイルサイト制作におけるFireworksの活用』のスライドと音声をシェアします。
ご参加されたみなさま、長時間のイベントお疲れさまでした！
モバイルサイト制作はニッチなテーマだったかもしれないのですがまだまだ需要がなくならないものですし、セッション内容を活かしていただけると幸いです。今回セッションで触れた画像の書き出しと共有ライブラリはスマートフォンサイトの制作にも活用できるところもあるのではと考えています。
以下、補足や今回のセッション内容に関連したとても参考になる記事です。
-コマンドの登録方法についての参考記事です。掲載されているコマンドもとても便利で参考になります。自動化のすすめ（Fireworks CS4 コマンドでより効率化！） - EC studiohttp://designblog.ecstudio.jp/tool/fireworks-cs4-command.html
■共有ライブラリ-共有ライブラリ化されたiPhoneパーツなどを紹介されています。かなり便利！大喜利を担当された南さん、坂井さんも書かれているブログです。
【Fireworks】iPhone 画面パーツ集 - バシャログ
-PCサイト向けの使えるパーツが入っていておすすめです！大喜利を担当された柴田さんのブログです。Fireworksの共有ライブラリ作りました - Webデザインのタネ
■おまけ-当日していたネイルです。Adobe Fireworks & Photoshopネイル
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、関口 和真（cieds） さんの『PhotoshopのカスタムブラシをFireworksで利用する方法』のスライドと音声をシェアします。
PhotoshopのカスタムブラシをFireworksで使う、というテーマで話をさせて頂きましたが、Fwでは残念ながらPhotoshopのカスタムブラシの全てを使うことは出来ません。ですが、分解することで、絵の描けない方でも効率的に素晴らしい作品を作る一助になれば、幸いです。Fireworksで読込んだ分解済みのブラシですが、共有ライブラリに入れることで再利用可能となり、より利便性を向上することも可能かと思います。FireworksLoverな方は是非使ってみてください。
FireworkUsersGroupでもFireworksに関するテクを勉強会通して学ぶ機会をさらに設けたいと思います。機会がありましたら、是非ご参加ください。
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、山本 和泉さん（#fc0）、鷹野 雅弘（スイッチ）、黒野 明子さん（linker）の『FireworksビギナーのためのFireworksベーシック』のスライドと音声をシェアします。
ご参加ありがとうございました！
実は、Fireworksでは厳しいな、と数回延期。苦肉の策でPhotoshop使いを巻き込んで、という展開だったのですが、結果として、楽しいイベントになったように思います。
このイベントの準備を通して、私自身も大変勉強になりました。サイボウズLiveを使って、やりとりをしていたのですが、そこで集まったネタを、追ってまとめてお知らせする予定です。
今回の内容、および、昨年6月のOmetesandoの内容を書籍化します！
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、湯口 りささん（RsStudio）の『フォーム系の共有ライブラリの活用』のスライドと音声をシェアします。
LP14に参加していただいた皆様、本当にありがとうございました。
どこにこんなにFireworksが好きな方や、ちょっとでも気になると思ってくれている方がいたんだろうと、開始直後から嬉しくてたまりませんでした。
大喜利では、便利だけれど使われてないものをということでフォーム系共有ライブラリの活用と題してお話させていただきました。
当日活用まで届かなかったデザイン変更の部分や、使う上でのちょっとしたポイントなどをサイトにアップしましたのでフォーム系共有ライブラリを使う際、ちょろっと見ていただければ幸いです。
[Fireworks]フォーム系共有ライブラリ Tipsと注意点
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、坂井 賢太郎さん、南 慶隆さん（バシャログ）の『FireworksにおけるスライスのTips & Tricks』のスライドと音声をシェアします。
CSS Nite LP14 にご来場された皆さま、ありがとうございました。
今回はショートセッションということで、Fireworks の「スライス機能」の効率的な使い方にフォーカスしてお話させていただきました。お話した内容は作業効率化のためのひとつの方法として、ご参考いただけますと幸いです。
セッション後に皆さまから頂いた質問に、この場を借りてお答えします。
Q. スライスを意識したレイヤーわけにすることのデメリットは？
A. デメリット、といいますか共有レイヤーやページ機能を駆使して複数ページのデザインがしてあるデータの場合、今回のようなレイヤーわけにすること自体が難しいこともあります。
Q. あのレイヤーわけではデザイン効率が悪いのでは？
A. 弊社ではデザインの工程ではあまりレイヤー構造は意識しないで作業しています。いざスライス！ という段階で一気にレイヤー構造を整理します。ただ、背景とデバイスフォントのレイヤーはデザインの工程から分けておくと、デザイン作業もやりやすいです。あとは、残ったレイヤーを「スライスする」「スライスしない」の二つに振り分けるだけで OK です。
仕上がりの「クオリティ」では Photoshop かもしれませんが、「作業効率」では断然 Fireworks が優位だと感じています。最近のバージョンでは「クオリティ」の面でも両者の差が縮まってきていますし、今 Fireworks を使わない理由はないのでは！ と思います。
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、林 大輔さん（楽天トラベル）の『Fireworksでテクスチャを使ってみよう！作ってみよう！』のスライドと音声をシェアします。
CSS Nite LP14にご参加のみなさま、長時間お付き合いいただきましてありがとうございました。
テクスチャの基本的な使い方、そしてテクスチャの作り方についてお話しさせていただきました。
オリジナルのテクスチャも簡単につくることが出来ることができます。「白と黒」「繰り返し」を意識して、デザインにあわせてテクスチャを是非作ってみてください。
セッション中に紹介したテクスチャ配布サイトのURLです。
アンケートを拝読しました。多くのPhotoshopperなみなさまが、Fireworks Loverになったことを実感させていただきました。Fireworksもできるコなんですよ！
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、柴田 大樹さんの『複数ページのカンプ制作に効く！Fireworksのページ機能の使いどころ』のスライドと音声をシェアします。
CSS Nite LP14にご参加されたみなさま、長い時間お疲れさまでした。今回は「ページ機能の使いどころ」を紹介しました。
しっかり使い分けることで、カンプのPNGデータが軽くなったり、修正の際に他のページにもその修正が反映されたりと、今まで面倒だと感じていたことが時間をかけずに済ますことができる機能です。
効率化を目指すには使わない手はありません！ページ機能を使って効率化をはかっていきましょう。
カットした部分をいくつかブログに掲載しました。こちらもぜひご覧ください。
Fireworksのページ機能の細かすぎて伝わりにくい使いどころ | Webデザインのタネ
Q.コンテンツ量によって位置が変化するフッターはページ機能を使って効率的に管理できないの？ A.今のところ、ページ機能を使ってコンテンツの増減に対応するフッターは作ることができません。そのかわり私がやっている方法は、フッター全体をシンボルにして、ページ毎に配置しています。 他にも、大喜利で発表されていたバシャログ南さんが、ヘッダー・フッターを9スライスを利用して、コンテンツの増減に対応する方法を紹介されていました。 【Fireworks】9スライスをこんな風に使ってみました。 | バシャログ。
デモのときにページ間の移動には何回かキーボードショートカットを使いました。覚えておくと非常に便利なので、紹介します。 * 前のページに移動：Page Upキー * 次のページに移動：Page Downキー
2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、松田 直樹さん（TSUDUMI）の『Fireworks PNGの特性を活かした、"書き出し"をしない効率的ワークフロー』のスライドと音声をシェアします。
今回、Fireworksでしかできない、変態的ワークフローをご紹介いたしました。FireworksのPNGをそのままマークアップに使うワークフローといたましたが、工程ではなく、ロゴやバナーなどサイト上の要所要所でも使っていただける裏技となっています。
また、PNGは使い方によっては、GIFよりも軽くなる性質を持っています。業界的にはまだまだGIFが多く使われている状況ですが、もっとPNGの普及を広められたらうれしいですね。
PNGはとても優れた画像形式です。そのPNGを一番うまく扱えるFireworksも、もちろんとても優れたアプリです。ぜひ皆さんにも使っていただき、ナレッジを共有していきましょう！
