#cssnitelp14 fireworksの勉強会に行ってきた

なぜ僕はFireWorksなのか？
その昔、DreamweaverがまだMacromediaだった頃、
Dreamweaver,FireWorks,Flashの3つを主に使っていた。
一時期Dreamweaver様様だった。
自分でphpを書くようになって、Dreamweaverは使わなくなった。
Flashも使わなくなった。
残ったのはFireWorksだけで、今でも使ってる。
何かをクリックすると下にプロパティが表示される。
このインターフェースに慣れまくっていて、もう戻れませんｗ

そして最近、もう一度WEBデザインを勉強したくなった。
その昔、かっこいいWEBサイトを見て、うおーすげー、俺もこんなの作りたい！！
と思っていた頃の記憶が蘇ってきたのです。
そんな訳で、http://lp14.cssnite.jp/ に参加。

スピーカーさんを事前にtwitterでフォローしておく。
当日、スピーカーさんの緊張がtwitterに溢れていて、こっちまで緊張するｗ
勉強しに行くっていうか、応援しに行くって感じｗ

会場着。
会場デカ！広！
そういや200人以上いるんだよね、すげーなこりゃ。
緊張もするわなｗ
そしてスタート、以下箇条書き。

Fireworksビギナーのためのセッション
内容多すぎて、よく覚えてないｗ
以下、感想を箇条書き。
プレゼンうまいな～、片手で拡大縮小をうまく使ってプレゼンしてる。
両手に花。
FireWorksは今後も開発継続される。
開発陣はけっこうお茶目らしい。
ワイヤーフレームからデザインにそのまま移行。
って言うかちゃんとしたワイヤーフレーム初めて見た気がするｗ
WEBサイトってああやって作るんだねｗ　←なにをいまさら
軽くて透ける。

FireworksマニアLIVE
有名な人らしい。
遠目だけど美人さんや。
とても実践的な内容。
書体、色、線、けっこうなんでもスタイルに登録して、それを使いまわす。
統一感を保ったデザインを簡単に。
画像はシンボル化する。
ボタンスタイルはグレースケールで。色違いの同デザインを量産できる。

以下、面倒になったので超コピペｗ

一括半角カナ変換するのがある。
マスターページ機能を使う。pdf等に書き出せる。
web標準はsRGB、jpgにはadobeRGBの場合がある。windowsはsRGBしかない。
ブラシ。分解ツールを使ってabrをpngに変換。その後fwで色付け＆組み合わせ
ブラシは絵心が無い人の味方
レイヤーをスライスする、しない、背景、デバイステキストに分ける。

そして懇親会へ。
近くのさくら水産でした。
もともと知人なんて居なかったから、流れで適当に着席。
さっそく名刺交換。
いつのまにか乾杯ｗ
クライアントを殴った話とか、変態の話で盛り上がってるｗ
適当に席移動しながら名刺交換、こっそり営業活動もはさむｗ
どうでもいいけど、みんなすごくフレンドリーです！
こんなにフレンドリーな集まりだったんだ！っていう新鮮な驚き！
もっと殺伐としてるものかと思ってたｗ
2次会があったかどうか分からなかったけど、新参者なのでそそくさと帰宅。

#cssnitelp14 に参加された皆さん、スピーカーの皆さん、関係者の皆さん、
ありがとうございました！
また行きたいと思います！

以下、セッションで出てきたURLを超まとめ
超　＝　適当っていう意味ですｗ

• Photoshop Brushes
  カスタムブラシがいけてるサイト。
• Fireworks texture gallery
  2009年5月21日 … Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能 です。
• iPhone向けモックアップ作成用パーツPNG 日本語対応版【その仕事、蠍は …
  iPhone向け モックアップ作成用パーツPNG 日本語対応版
• 【Fireworks】iPhone 画面パーツ集 | バシャログ。
  【Fireworks】iPhone 画面パーツ集。
• Brush Pilot™ – The fast and easy Photoshop brush previewer for Mac …
  Mac用ABR変換ツール
• 自動化のすすめ（Fireworks CS4 コマンドでより効率化！） – EC studio …
  (none)
• Tool Force Software | ForeverSave Lite
  自動保存ツール
• Fireworksでマルチアイコンのfavicon.icoを書き出す。｜linker journal …
  (none)
• Yoropan blog – Fireworksに入れてみた機能拡張
  機能拡張いろいろ
• Fill With Background – Adobe Fireworks Extensions – johndunning.com
  ボタンの文字を消すアレ
• Orange Commands | workflow automation for Adobe Fireworks
  (none)
• 数値入りアタリ画像を作成できるFireworks機能拡張 Placeholder …
  画像のサイズを簡単挿入
• Guide Panelが秀逸 その1 – dwlog.net
  ガイドを便利に使う
• 960 Grid System
  (none)
• Calibrize
  windows用のモニタ調整ソフト
• 【Fireworks CS3】地味に便利なリッチシンボルと共有ライブラリ …
  シンボルと共有ライブラリの使い方
• みんなで使おう！Fireworks！ 〜Fireworksで画像最適化〜
  画像最適化のお話
• Adobe Edge: 2010年4月 鷹野雅弘がオススメするFireworks CS5の新機能
  Fireworks CS5のこと色々
• Fireworks AutoBackup utility – Adobe Marketplace – Offering Detail
  自動バックアップツール。adobe謹製
• ImageOptim – a PNG/JPEG/GIF optimizer for Mac OS X
  画像最適化ツール
• PNGGauntlet – PNG Compression Software | BenHollis.net
  windows用、ABR変換ツール
• Photoshop Vip » Photoshop CS5の新機能で複雑なオブジェクトを楽に …
  photoshop cs5で画像簡単切り抜き
• 商用フリーで使える影絵素材サイト シルエットデザイン
  シルエットデザインは無料で使える
• Fireworksマニア | Fireworksの便利な使い方、わかりやすい …
  (none)
• ランディングページのデザイン作成時に便利なFireworks スタイル135 …
  (none)

outloger.com[#cssnitelp14　fireworksのお勉強おなかいっぱい25選]

outlogerで拾えなかったURL2つ

半角カナ変換クステンション
http://webtech-walker.com/js/convert_kana.jsf

複製配置（パネル）、敷き詰め
http://cieds.net/extensionFw/

【2011/3/8 追記】
DreamweaverだとPHPが書けない。とも読めるような部分がありますが、それは誤りで、
正確には、僕がPHPをきっかけにDreamweaverを使わなくなった。という意味です。
現にDreamweaverでバリバリとPHPを書いている方も居ます。
twitterで質問されたので、いちよう捕捉。

前の記事： 入力がない場合の処理を追加

次の記事： CakePHPってなに？WEBアプリケーションフレームワークってなに？美味しいの？