Aggregator

2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、上敷領 智子さん（オフィスコトウ） の『モバイルサイト制作におけるFireworksの活用』のスライドと音声をシェアします。

• スライド（PDF、32ページ、3.8MB）
• 音声（MP3、9:28）

メッセージ

ご参加されたみなさま、長時間のイベントお疲れさまでした！

モバイルサイト制作はニッチなテーマだったかもしれないのですがまだまだ需要がなくならないものですし、セッション内容を活かしていただけると幸いです。今回セッションで触れた画像の書き出しと共有ライブラリはスマートフォンサイトの制作にも活用できるところもあるのではと考えています。

以下、補足や今回のセッション内容に関連したとても参考になる記事です。

■コマンド機能-半角変換のコマンド

-コマンドの登録方法についての参考記事です。掲載されているコマンドもとても便利で参考になります。自動化のすすめ（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で利用する方法』のスライドと音声をシェアします。

• スライド（PDF、16ページ、2.2MB）
• 音声（MP3、21:04）

メッセージ

PhotoshopのカスタムブラシをFireworksで使う、というテーマで話をさせて頂きましたが、Fwでは残念ながらPhotoshopのカスタムブラシの全てを使うことは出来ません。ですが、分解することで、絵の描けない方でも効率的に素晴らしい作品を作る一助になれば、幸いです。Fireworksで読込んだ分解済みのブラシですが、共有ライブラリに入れることで再利用可能となり、より利便性を向上することも可能かと思います。FireworksLoverな方は是非使ってみてください。

FireworkUsersGroupでもFireworksに関するテクを勉強会通して学ぶ機会をさらに設けたいと思います。機会がありましたら、是非ご参加ください。

2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、山本 和泉さん（#fc0）、鷹野 雅弘（スイッチ）、黒野 明子さん（linker）の『FireworksビギナーのためのFireworksベーシック』のスライドと音声をシェアします。

• スライド（PDF、63ページ、6.6MB）
• 音声（MP3、75:30）

メッセージ

ご参加ありがとうございました！

実は、Fireworksでは厳しいな、と数回延期。苦肉の策でPhotoshop使いを巻き込んで、という展開だったのですが、結果として、楽しいイベントになったように思います。

このイベントの準備を通して、私自身も大変勉強になりました。サイボウズLiveを使って、やりとりをしていたのですが、そこで集まったネタを、追ってまとめてお知らせする予定です。

今回の内容、および、昨年6月のOmetesandoの内容を書籍化します！

2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、湯口 りささん（RsStudio）の『フォーム系の共有ライブラリの活用』のスライドと音声をシェアします。

• スライド（PDF、23ページ、5.0MB）
• 音声（MP3、10:35）

メッセージ

LP14に参加していただいた皆様、本当にありがとうございました。

どこにこんなにFireworksが好きな方や、ちょっとでも気になると思ってくれている方がいたんだろうと、開始直後から嬉しくてたまりませんでした。

大喜利では、便利だけれど使われてないものをということでフォーム系共有ライブラリの活用と題してお話させていただきました。

当日活用まで届かなかったデザイン変更の部分や、使う上でのちょっとしたポイントなどをサイトにアップしましたのでフォーム系共有ライブラリを使う際、ちょろっと見ていただければ幸いです。

[Fireworks]フォーム系共有ライブラリ Tipsと注意点

2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、坂井 賢太郎さん、南 慶隆さん（バシャログ）の『FireworksにおけるスライスのTips & Tricks』のスライドと音声をシェアします。

• スライド（PDF、12ページ、0.3MB）
• 音声（MP3、8:27）

メッセージ

CSS Nite LP14 にご来場された皆さま、ありがとうございました。

今回はショートセッションということで、Fireworks の「スライス機能」の効率的な使い方にフォーカスしてお話させていただきました。お話した内容は作業効率化のためのひとつの方法として、ご参考いただけますと幸いです。

セッション後に皆さまから頂いた質問に、この場を借りてお答えします。

Q.　スライスを意識したレイヤーわけにすることのデメリットは？

A.　デメリット、といいますか共有レイヤーやページ機能を駆使して複数ページのデザインがしてあるデータの場合、今回のようなレイヤーわけにすること自体が難しいこともあります。

Q.　あのレイヤーわけではデザイン効率が悪いのでは？

A.　弊社ではデザインの工程ではあまりレイヤー構造は意識しないで作業しています。いざスライス！　という段階で一気にレイヤー構造を整理します。ただ、背景とデバイスフォントのレイヤーはデザインの工程から分けておくと、デザイン作業もやりやすいです。あとは、残ったレイヤーを「スライスする」「スライスしない」の二つに振り分けるだけで OK です。

仕上がりの「クオリティ」では Photoshop かもしれませんが、「作業効率」では断然 Fireworks が優位だと感じています。最近のバージョンでは「クオリティ」の面でも両者の差が縮まってきていますし、今 Fireworks を使わない理由はないのでは！　と思います。

2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、林 大輔さん（楽天トラベル）の『Fireworksでテクスチャを使ってみよう！作ってみよう！』のスライドと音声をシェアします。

• スライド（PDF、23ページ、4.1MB）
• 音声（MP3、7:55）

メッセージ

CSS Nite LP14にご参加のみなさま、長時間お付き合いいただきましてありがとうございました。

テクスチャの基本的な使い方、そしてテクスチャの作り方についてお話しさせていただきました。

オリジナルのテクスチャも簡単につくることが出来ることができます。「白と黒」「繰り返し」を意識して、デザインにあわせてテクスチャを是非作ってみてください。

セッション中に紹介したテクスチャ配布サイトのURLです。

• Fireworks texture gallery
• シンプルパターン研究所

アンケートを拝読しました。多くのPhotoshopperなみなさまが、Fireworks Loverになったことを実感させていただきました。Fireworksもできるコなんですよ！

2011年3月5日（土）、ベルサール九段で開催したCSS Nite LP, Disk 14「Photoshopper meets Fireworks」のフォローアップとして、柴田 大樹さんの『複数ページのカンプ制作に効く！Fireworksのページ機能の使いどころ』のスライドと音声をシェアします。

• スライド（PDF、18ページ、1.0MB）
• 音声（MP3、8:15）

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の特性を活かした、"書き出し"をしない効率的ワークフロー』のスライドと音声をシェアします。

• スライド（PDF、17ページ、2.7MB）
• 音声（MP3、7:59）

メッセージ

今回、Fireworksでしかできない、変態的ワークフローをご紹介いたしました。FireworksのPNGをそのままマークアップに使うワークフローといたましたが、工程ではなく、ロゴやバナーなどサイト上の要所要所でも使っていただける裏技となっています。

また、PNGは使い方によっては、GIFよりも軽くなる性質を持っています。業界的にはまだまだGIFが多く使われている状況ですが、もっとPNGの普及を広められたらうれしいですね。

• PNGGauntlet（Windows用）
• ImageOptim（Mac OS X用）
• PNGOUT（コマンドラインアプリ）

PNGはとても優れた画像形式です。そのPNGを一番うまく扱えるFireworksも、もちろんとても優れたアプリです。ぜひ皆さんにも使っていただき、ナレッジを共有していきましょう！

いよいよ出発。飛行機の中で書いています。 昨日(9/16)は久しぶりに子どもと一緒にお風呂に入って、水鉄砲で遊びました。単純に打つのではなく、ストーリーを作って遊ぶという点が少し成長しましたね。 出発当日は小学校で運動会を見学＆応援し、途中で離脱して出発。あと3ヶ月戻れないと思うと感傷的な気持ちになるのかなーと思っていたんですが、別に普通でした。一生で5本の指に入るくらいの大胆な決断をしたつもりなんですが、いざ当日が来てみると、いつもと変わらずに目の前が淡々と過ぎて行くだけ。一週間前、一日前も同じでした。前日は「都内に来るのも3ヶ月後だ」「夜の自宅を見るのは…」「夏の日本は…」などといろいろ創造してみても、特に気持ちは変わらず。 考えてみると、「◯◯が最後」というのはまだ起こっていないことを想像しているだけなので、あまり意味がないかも？実際に3ヶ月経ってから戻った時に「懐かしい」「久しぶり」と感じるかもしれませんが、現時点ではいつもの毎日が連続しているだけ。何かが変わったわけではありません。 では月曜から勤務が始まった時にどう感じるか？きっと新しいことの連続ですが、そ

2001/9/18のRetail Email Blogから。http://www.retailemailblog.com/2011/09/week-end-trends-email-volume-down-in.html

GROOVISIONSが12年ぶりの大阪展「GROOVISIONS キタ 2011」を10月5日〜25日まで開催。梅田ロフト7F ロフトフォーラムとJR大阪三...

米スマートフォンのシェア、2013年にAndroidが42％に
2011/9/14のeMarketerの記事から。
http://www.emarketer.com/Article.aspx?R=1008587

2011Q2世界のメディアタブレットの出荷、前四半期日9割増の1,360万台
2011/9/14のIDCのリリースから。
http://www.idc.com/getdoc.jsp?containerId=prUS23034011

penのサイトが「Pen Online」としてリニューアルオープン。編集部員による「Today's News」、注目のスポットを紹介する「Tokyo Guid...

「セカイカメラ」で位置情報型の拡張現実を提供してきた知見を活かし、画像認識型の拡張現実アプリの制作を企業から受託するようだ。トータルイマージョンの技術を採用。

フェイスブックでは、ページの管理者がメッセージ機能を利用してファンにアップデートを配信することもできるが、その仕組みは9月30日で廃止されるようだ。慣例としてほとんど利用されていないので、支障はないだろう。

サイバーエージェントの広告効果検証システム「CAMP」は、第三者配信の機能を提供していたが、リアルタイム入札による配信に対応した。

グーグルが近くの店舗の価格や在庫を検索できるサービス「Google ローカルショッピング」を開始。「Google ショッピング」ではオンラインの店舗しか検索できなかった。

大日本印刷が電子透かし技術を活用したスマートフォン向け情報配信サービス「QUEMA」を開始。

モバイル広告ネットワークを手がけるインモビに2億ドルを出資。