6月9日に開催されるSaCSS WordPress Specialでお話しさせていただくことになりました！

なんと北海道です！福岡からびゅーん！

こうして見るとすごく遠い…！！！！！

イベントの内容はこちら↓

• WordPressの実践的な活用法
• WordPress で覚える PHP
• WordPress+jQueryで実現するテクニック
• 作業時間をぐっと短縮するFireworksの使い方 & 短縮してできた時間の有効活用 -個人サイト運営のすすめ

最後に書いてある「作業時間をぐっと短縮するFireworksの使い方 & 短縮してできた時間の有効活用 -個人サイト運営のすすめ」というのが私のセッションです。

イベント自体はWordPress Specialなんですが、
私のセッションはWordPressでの作業に入る前段階、
デザインを作る側寄りでこんな内容でお話しさせていただきます。

内容としては、以前CSS Nite LP11とLP14でお話しさせていただいた内容の
進化版！を予定しています。

CS5で増えてる便利機能や、次バージョンCS6の話とかもできたらいいなぁと思っています。

北海道のWeb制作の方々とお会いする機会は滅多にないので、
今からとってもとっても楽しみです！

北の事情と南の事情などいろいろ情報交換できたらうれしいです^^

参加申込はこちらのATNDで受付中です
http://atnd.org/event/sacsssp2

イベントの詳細ページはこちら
http://www.sacss.net/special02/

10日0時まで早割価格3,000円で申込可能とのことですので
ご都合がつけばぜひぜひ！

よろしくお願いします^^

最近ものすごい勢いで本を読んでいるYUKIです。
こんにちは。

このブログをご覧頂ければわかるように(※3月一度も更新なし)
「あれ？3月ってあったっけ…？？？」
ってぐらい2月後半から猛烈な勢いでお仕事をしておりました。

そんな時期にあっても、
すばらしい本は世の中にどんどん出てくるわけで。

私の横にも、どんどん積本されていくわけで。

というわけで、お仕事が一段落したので
今、猛烈な勢いで本読んでます。

というわけで、
いい本にいっぱい出会ったので
ちょっとずつ紹介していこうと思います☆

今日はWordPress本2冊です。

まずは一冊目。

WordPress 3.x (速習デザイン)

WordPress 3.x (速習デザイン)

posted with ヨメレバ

大曲 仁,星野 邦敏,豊田 有 技術評論社 2012-03-16

Amazon

楽天ブックス

著者の大曲さんに献本いただきました！感謝！！＞＜

実はこの本、私がFireworks本を書かせていただくことが決まった時、
編集者さんに「WordPress本の話もあるんですが…」とお話を伺っていた本で。

なにせこの広いWordPress界。

すごいなーすごいなーと憧れている
「あぁ、あこがれのWordPressマスター」達がいるわけです。

「この人たちが書いた本が読みたいです！！！！」という方達を
ご紹介させていただきました。

なので本当に読みたかった本！！！！

大曲さん、星野さん、豊田さんというWordCampでもおなじみの顔ぶれの執筆陣に、
執筆協力はこちらもWordPress界隈では知る人ぞ知るOdysseyさん！

一言一句間違いは許さないぜ！な
盤石のチェック体制で出来上がった本です☆

前置きが長くなりましたが…

気になる内容の方。

ああもうホントすんごくよかった！

タイトルには（速習デザイン）とついているのですが、
WordPressはじめての方から中級者の方まで…とか限定せずに、
WordPressでひとりでサイト構築をしていて、
これでいいのかなー？と思いつつやっている人すべてにおすすめです！

具体的なポイントをあげると…

「ここで設定します」で終わらずに、「ここでこれをこんな風に設定します」と書いてある

WordPress本がというわけではなく、技術書全般に言えることなのですが
「初心者向け」の本となっているにもかかわらず結構ちゃんと書いてない本多くないですか？

ここが設定画面です。各項目をそれぞれ設定します。とかですませてある本とか
まちがいなくはじめての人はここでひっかかるんじゃ…っていう。

この本はちゃーんとかいてありました。
なにをどういれたらいいのかわかるので安心。

こういうところがちゃんと説明してあるので、
はじめての人におすすめしやすい本になっています。

サンプルテーマがダウンロードできる

WordPressテーマ化される前のHTMLファイルもダウンロードできます。
WordPressはとにかく一度自分でコードを埋めていくのが上達への一番の近道だと思っているのですが、
自前のHTMLファイルがなくてもすぐできます。
「WordPressのテーマ化をする」というのがどういうことか、すぐに実践できます。

現場でガンガン使っている人たちのおすすめプラグインとその使い方が書いてある

WordPressってホントになんでもできて、プラグインもたーっくさんあってすごいやつなんですが
プラグインがありすぎて（似たようなのもいっぱいあって）結局どれがいいんだか…っていう状況がよくあります。
この本はプラグインの紹介も充実していて、
「こういうのもあるのか！」「あ、こっちもいいな！」「やっぱこれだよね！」
という発見がたくさんありました！

流れがしっかりしている

インストール、管理画面の使い方、テーマの作り方、便利なプラグインやカスタム投稿タイプ等の一歩進んだ使い方、という感じでテンポよく、順序よく書かれています。とっても読みやすいです。

リファレンスが充実している！

巻末のリファレンスがとても充実しています。
ページ稼ぎ！って内容は全然ありません。
手元においておくと役立つものばかり。素敵。

最初からしっかり。最後までしっかり。

インストールから管理画面の基本操作もしっかり書いてありますし、
ひととおり使えるようになるまではこれ一冊でバッチリです。

さらに一歩先に進むためのアドバイスも充実しているので
この先はこういうこと勉強していけばいいんだな、
というのがわかりやすくなっているのも素敵。

WordPressがはじめてのかたにも安心な内容で、
かつすでに使っている人にも新しい発見がある良書でした。

WordPressってよく聞くんだけどなに？何からやったらいい？と
よく聞かれるのですが、今迷わず1冊目にお薦めしたい本です☆

ちなみに私は今ずっと手元においていて、
WordPressを新規インストールした時、設定もれはないか、
本の手順を確認してチェックしてます☆

ちゃんと書いてあるからホント便利です♪

WordPress 3.x (速習デザイン)

posted with ヨメレバ

大曲 仁,星野 邦敏,豊田 有 技術評論社 2012-03-16

Amazon

楽天ブックス

つづきまして2冊目です！

WordPress 高速化＆スマート運用必携ガイド

WordPress 高速化＆スマート運用必携ガイド

posted with ヨメレバ

こもりまさあき,岡本渉 MdN 2012-03-16

Amazon

楽天ブックス

買った！買ったよー！！！

まーこれも書いた人たちが凄すぎて…！！！

こもりさんと岡本さんです。

岡本さんはブログでもいろんなWordPressのカスタマイズの方法等を解説してくださっていて
穴があくほど読んでいます。

そんなお二人の本！

こちらは1冊目よりもちょっと上級者向けの本です。

いや、上級者向けというか、
上級者にもおすすめ！（発見がたくさんある内容！）という意味で、
初級者も中級者も絶対抑えておくべき内容なので全制作者向けかも。

WordPressって
「わー！たのしー！」
ってプラグインガンガンいれていると…

どんどん重くなって…
WordPress重い！使えない！とか…

勘違いしてしまいがちで・す・が！

そうじゃないんです。

「あなたの作り方が悪いんだよ」

とびしっと指南してくれる一冊ですw

内容の方は…

WordPressが動いている仕組みや遅くなる理由をしっかり解説

WordPressがどういう仕組みで動いているのか、どういう理由で遅くなるのかなど
原因や仕組みがしっかり解説してあり、さらに速度の計り方、改善の方法等これでもか！！というほど解説してあります。

ひとつひとつ実践して改善して結果を調べていける

速度の計り方がちゃんとかいてあるので、
それを実践してどういう効果がでたかをちゃんと知ることができます。

やってみたけど早くなってるの…かな…？まぁいいや。なんてことはありません。

サーバーサイドのチューニング方法もしっかり！

さらに！VPSやサーバーサイドのチューニング方法についても言及されています。

気になってはいたもののまったく手を出さず…な状態だったので
これを気に借りてやってみようと思っているところです。

とにかく内容が濃い！！

Amazonのレビューにもあったんですが…
WordPress本とだけくくってしまうのがもったいないぐらいの充実の内容です。

WordPressに限らず、
サイト表示の高速化をあんまり意識していなかったなぁ…という制作者の方はぜひ！

私も今すべてのサイト見直し中です…！＞＜

WordPressをさらに一歩踏み込んで理解したい人に本当におすすめです♪

WordPress 高速化＆スマート運用必携ガイド

posted with ヨメレバ

こもりまさあき,岡本渉 MdN 2012-03-16

Amazon

楽天ブックス

ということでお気に入りの2冊をご紹介しました

最近、いつもブログとかをチェックさせていただいていて
常々この人たちが書いてくれた本が読みたいなー！！と思っていた方々が
続々とWordPress本を執筆されていて、うれしいことこの上ないです。

もっとどんどんお願いします！
そしてもっとたくさんのことを私に教えてください！！！w

というわけで、売れたらもっといろんな本を書いてもらえると思うので
そんな期待も込めて！（笑）
最近出たおすすめのWordPress本2冊のご紹介でした☆

どちらも本当に素敵な本なので、
ぜひチェックしてみてくださいね♪

タネマキいってきたよ！

2月3日。

カヤックさんにお邪魔したあと、
東京に行く前にもう一カ所どうしてもいってみたいところがあって。

それが横浜にあるコワーキングスペース、タネマキ！

ということでタネマキにいってきましたーー！

駅から徒歩8分。思ったよりすぐついちゃう。

横浜駅から8分のところにあります。駅の出口さえ間違わなければすぐつきます。
道もビックカメラのところを左にはいればあとは一本道で、思ってたより近かった！（私はビックカメラのとこで曲がりそこねてちょっと遠回りしましたがw）

バーカウンター的なところもあり、机もゆったりとした広さがあって、電源もたくさんあって落ち着いて作業できそうな場所でした。

本棚もあっていろんな本も読み放題！！！

（うっかり外観の写真を取るの忘れました…。）

結構長いこと「タマネギ」だと思っていた

私、結構長いこと「タネマキ」のことを
玉ねぎと空目していました。

「種まき」です！

みなさんはお間違いなく！！！

（って間違わないですよね…本当にすみませんでしたw）

この日はケーキ食べ放題イベントでした

節分の日だけど、ケーキ食べ放題っぽいことしよう！Jelly

というわけでこの日、ケーキ三昧イベントが開催されました！

みんなで1500円前後の予算でケーキを買ってもちよって食べよう！という企画です。

大量のケーキ！

ケーキ！！！！！！

ケーキ！！！！！！！！！

パイ！！！！！！！！

最後の方はもう食べたい気持ちが勝ちすぎて写真がブレブレです。
一眼レフ持っていったのに放置して、写真全部携帯で撮りましたw

とにかくすごい量でした…！！！！

あぁゆめのよう。

どれもめちゃくちゃおいしかった…のですが、
3個目でまさかのギブアップ…！！！

ふがいない。

つ、次は一人1000円分でやりましょう！！！w

いろんなイベントやってるよ

他にも、ワイン会とかWeb系寿司オフとか、確定申告の無料相談会まで！

とにかくいろんなイベントが行われています。

こんな感じで、楽しいイベントも定期的に開催されていて参加者の方と仲良くなれるのがとってもいいなーと思いました！

タネマキさんのブログでのイベントレポートはこちら

• 持ち込みケーキ食べ放題イベント in 横浜 イベントレポート！

最近よく、「Fireworksマニアの人ですよね！」って言ってもらえるんですが、それが発展して「…マニアの人ですよね！」っていわれるようになっていて、サイトのネーミングミスったかな、と思っている…という話をしたらしっかりマニアの人って書いてもらってました………ありがとうございます！（？）

タネマキの詳細など

タネマキ 【コワーキング ＆ シェアオフィススペース】

〒220-0073
神奈川県横浜市西区岡野1-3-10 サニーコート横浜 1F（Google マップで見る）

タネマキのFacebookページ

CNET Japanでも取りあげられていました！

タイムリーに今日、記事がアップされていました☆

コワーキングの敷居を下げ、地域と結びつく場を作る–横浜「タネマキ」

いろんな方のレビューなど

• 横浜駅から徒歩８分！激安コワーキングスペースのタネマキへ遊びに行ってきました。レビュー｜susi-paku web
• 横浜のコワーキングスペース「タネマキ」行ってきタネマキ – カイ士伝
• 横浜のコワーキングスペース『タネマキ』に行ってきました | @daipresentsの世界

ステッカーもらったよ！

ここがベストポジションとのことw

たしかに絶妙なハマり具合！！

ということで、初たねまきレポートでした！

（ほとんどケーキの話になっちゃってますが…）

月会員制度もありますが、2時間利用500円（午前中なら2時間300円）、1日利用1000円と短時間利用もでき（ワンドリンク付き！）、しかもお手頃価格なので、お近くの方はぜひ一度足を運んでみてくださいね☆

あえてはじめてでイベントを狙っていくのも楽しいかも！（イベント情報はタネマキのFacebookページをチェック！）

私もきっとまたいつか遊びにいきます！！！！！

楽しい会に参加させていただいて本当にありがとうございましたー！！^^

先日、日本円も設定できる！Gumroadはじめました！という記事を書いたのですが、その続きです。

私も早速Fireworks Stroke 100という、Fireworksで使えるストロークセットを1ドルで販売してみました。

Gumroad結果レポート頼む!とのお声を頂いていたので、1週間たっての売上報告と感想、その後のGumroad関係の動きで気になったものなどまとめてみたいと思います！

売上報告

販売したのはFireworks Stroke 100という、Fireworksで使えるストロークセット。

$1で売り出しました。

結果、979アクセス、売上件数21件、売上金額$13.65となりました！

うち一件は自分買いなので、20名もの方にお買い上げ頂いたことになります。
本当にありがとうございます…！！！

振込はまだあとみたいなので、PayPalに実際に振り込まれたらそのときもまたレポートしたいと思います！

あっという間に日本語対応した

もともと日本円の金額設定はできていたようですが（ただ、決済手続きでエラーになってて使えなかったけど-前回の記事参照-）あっという間に日本語表記に対応しましたね。

で、肝心の日本円指定の商品決済。

2月15日時点では購入手続きでエラーになって、肝心の購入ができませんでした。

上手くいくのかはまだ試していません…！

（だ、誰かFireworks Stroke 100 100円版買ってみてもらえませんか…！＞＜）

感想

記事書いた直後にしか売れない

当たり前ですが継続的に告知をしていかないと、販売は難しいですね。

今回私が出品したものもはじめの数日間でどどっと買っていただき、あとはぽつ…ぽつ…。

ここ数日はほとんど0でした。

でも「どうやったら売れるか」とか「どうやって告知したらいろんな人に知ってもらえるか」、「どういうものが需要があるのか」をお手軽に実践、研究できるので、とっても勉強になります！

時間があればまたいろいろ作って販売頑張ってみたいです…！！！

日別のアクセス数が見たい

トータルのアクセス数と累計販売数は見ることができるのですが、販売ページへの日別のアクセス数は計測できません。

日ごとの売上数は売上が上がった時点でGumroadからメールが来るのでそれを集計すればいいのですが、日ごとのアクセス数は見られません。

測定用に短縮URLとか挟めばクリック数はとれると思うのですが大変なので、Gumroad側で見れるようになったらうれしいなぁ…なんて。

短縮URL使って個別に集計

うれしいなぁ…なんて。

とか思った直後に、短縮URLサービスを活用して、twitter用、Facebook用、自分のサイト用、その他…とURLを分けて、どこ経由で売れたかとか集計するともっと勉強になるかも！と思いました。

今度やってみます！

やっぱり知らない人からは買わないよね

実は英語で登録したものも販売してました。

試しに#fireworksのハッシュタグをつけて英語の文章とともにツイートしてみたのですが…

結果は売上０w

（今回、海外の方も1名買ってくださったのですが、日本語がわかる方だったので日本語版の販売ページから買ってくださってました。）

販売ページへのアクセス数は日本語ページの半分くらいあったので、1つくらい売れてもいい気がするのですが…コンバージョン率0%でした。

やっぱり知らない人からはいくら1ドルでも買わないよね…。

（あと私の英語力がアヤシすぎてダメだったんだとも思う＞＜）

いかに信用してもらうことが大事かということが身にしみてわかりました。

今回買ってくださった20名のみなさま、本当に本当にありがとうございます…！！！！！！

1ドルで販売すると思いのほか手数料が…

21名（うち一名自分）に$1買っていただき、手数料など引かれた金額が$13.65でした。

$21→$13.65に。

少額決済なので、手数料30¢が地味ーに効いています…。

仕方がないといえば仕方がないのですが、$2くらいで売れるものでないといろいろとつらいかも？

とにかく、「自分から直接何かを買ってもらう」ってものすごく感動する

フリーマーケットとかデザフェスとかでものを販売するあのドキドキ感を味わうことができました。
誰か買ってくれるかな…。誰も買ってくれなかったらどうしよう…。みたいな。

売れたときの感動といったらもう；；

その後の各種展開で気になったもの

この一週間で関連したものがなんかいろいろできてました。

このスピード感…！！！

それらから何個かピックアップ

Ameroad

Ameroad

和製Gumroadともいえるサービスが出来上がってました。

クレイジーワークスの村上福之さんが作ってヤフオクで売る→Razestさんに150万円で売れる→google walletに対応したり、進化しながら運営中（イマココ

って経緯みたいです。

本家Gumroadと違って、トップページではセールスランキングなどを公開しています。

こちらのサイトに関連する記事

• Gumroadみたいなサイトをつくりました。
• 日本版Gumroad 150万円で落札
• Ameroadが150万円で落札されました。
• 本家Gumroadを超えるか　村上総裁が語るAmeroadの今後
• Ameroadが生まれてから売却するまでの五日間まとめ
• Ameroadがgoogle walletに対応しました。

Gumad β

Gumad β : Gumroadの出品アイテムをワンクリックで無料告知

Gumroad を利用すると、TwitterやFacebookで簡単にコンテンツ販売を行えるものの、告知手段はリアルタイムに流れるつぶやきやフィードに限定されて います。つぶやきやフィードはその瞬間を見逃すと、フォロワーやフレンドであっても、“二度出会えない”可能性があります。Gumad βはそうした機会損失を減らし、個人によるコンテンツ販売のプロモーションをサポートするサービスです。

とのこと。

GumroadのURLを登録するだけで、こんな感じでページを作ってくれます。

Facebookコメント欄がついているのでうまく使えばいろいろ告知に使えるかも？

Gumsafe

Gumsafe

こちらは『個人がコンテンツを簡単に販売できる「Gumroad」で、販売コンテンツのURLを購入者に知られないようにするサービス』だそうです。

Gumroadオープン当初から言われていた、『購入者に対してWeb上とメールでコンテンツのURLを知らせ、直接ダウンロードしてもらう仕組みになっている。このURLが流出すればコンテンツ代金を払わずにダウンロードし放題になってしまう 』という点を解消しよう！というサービスのよう。

使い方などはこちらに詳しく書いてありました

• Gumroadで“URLぶっこ抜き”を防ぐ「Gumsafe」が登場

ほかにもこういうのもあったよー！なんていうのがありましたらぜひ教えてくださいね☆

YUKIです。
今月はいつも以上におもしろいことやためになることが
たーーーっくさんありました！
ですが、いろいろありすぎてこのブログのネタがすでにもう
21個溜まって大渋滞しているという由々しき事態…！

全部書けるようにがんばる…！

面白法人に潜入した！

さて、2月3日から6日、東京にいっていたわけですが。その初日。

3日に！なんと！

あの面白法人カヤックに潜入してきてしまいました…………！！！！！

ゆめのよう。

きっかけはブログの記事。

以前、知らないと人生損してる！デザイナーのための必見ブログまとめという記事でFireworksマニアを紹介していただき。

↑ほら！ほら！（うれしい…）

それがきっかけで中の人とコンタクトを取ることに成功っ！
（※載せました！とご連絡を頂いて、それに喜び勇んで返事をかいたというのがことの真相。自分からは話しかけられないヘタレな私）

勇気を振り絞って遊びにいってもいいですか！と聞いたところ
快く承諾してくださって、今回の訪問と相成りました…！！！

3日は金曜日。みなさんもちろんお仕事中。

お仕事中に一眼レフでバシバシ写真を撮るのもご迷惑きわまりないので、
携帯カメラで天井を中心に撮影…！

畳があったり、なんか天井がすごかったり、圧倒されてました…！！！

このガラスで囲まれてる中が社長室だそう。オープンな社長室！！

一番驚いたのは、みなさん「こんにちは〜♪」って満面の笑みで挨拶してくださること…！！！！

IT系ってほら、ほらね、いや、なんといいますかほら。
面白法人やっぱりすごい！！！

私も挨拶運動はじめます！こんにちは！！！

お邪魔にならないよう、早々に見学を切り上げ
ランチは1階のBowlsで！！

レシピコンテストで1位になったというどんぶりをいただきました！

これがもうおいしくておいしくて…！

このね、温泉卵と梅がね…豚肉とマッチしてたまらんのですよ…！！！

ぺろりと完食です。ごちそうさまでした！！！

ご一緒させていただいたお二方（お名前出していいか確認するのを忘れた…＞＜）本当にありがとうございましたー！！！

旅する会社説明会とかあるそうですよ！

そんなカヤックさん、
今度「旅する会社説明会」なるものを開催されるそうで…！

す、スケールが違う！！！！！

向こうから来てくれるんですよ！私の時代はこんなことありませんでしたよ！うらやましい…！

もちろん九州にも来る！

博多では

2月28日 18:00-19:00
2月29日 10:00-11:00

に開催されるそうです。

参加申込はこちら

バスだけでも見学に行きたい勢い…！！！

話を聞くだけでも勉強になると思うので、Web系のお仕事目指している（興味のある）学生のみなさんは時間が合えばぜひ参加して見るとよいと思います！！

ということで、面白法人カヤックさん潜入記録でした。
貴重な経験をさせていただきありがとうございましたー！！！

本日のまとめ

マジメにブログを書いていたら
私のような引きこもりでもカヤックに遊びにいくことができた

お知らせ

うちに遊びにきてもいいよ！という会社さんを業種問わず募集しております。
邪魔せずそっと見学しますので、ぜひお声かけ下さい…！！！（自分からは声をかけられないヘタレ）

2月18日。
汐留のとある会議室でCS-Cart勉強会を開催しました！
昨年CS-Cartの無料版もでましたので、
ぜひ一度皆さんに使っていただきたく、そのPRもかねて…！

お忙しい中、40名ほどのみなさまに集まっていただきました！
本当にありがとうございました！

かたっくるしいセミナーにはしたくなくて、
和気あいあいと進められる勉強会にしたい！と
「CS-Cart勉強会」と題して開催したのですが…

開催した会場があまりにもきれいすぎて…
結果自分が緊張しすぎてしまって私自身がカチコチに固い感じになっていましたw

勉強会の内容としては、どうしても聞かれるので、
EC-CUBEとの機能比較なんてコーナーもあったのですが…。

個人的にはあんまりこういう「比較」するのが好きではなくて…。

それぞれの製品で思想があって、
目的は同じでも、そこまでのアプローチなんかが全然違ってて、
そのアプローチの方法が違えばどの製品も全く全然違うものだと思っているので
「比較」は確かにわかりやすい指標ではあるのですが、
単純に「これができる」「あれができる」という部分だけで比べるものでもないと思うのです。

なので私のセッションでは、
CS-Cartのデザインカスタマイズ方法の基礎に加え
「こういうところで困りませんか？困ると思ってこんな風に解消しておきました！」
「こんな風に簡単にできるところが魅力です！」
という、CS-Cartのおすすめポイントをわかりやすくご紹介させていただくことに終始させていただきました。

↓私の当日のスライドはこちら

CS-Cartのいいところは
豊富な機能ももちろんなのですが、
「細かいところに気配りができている」部分だと思っていて

たとえば
・複数商品のカテゴリーを一括で変更できる
・在庫数を簡単に変更できる
・日々のこういった作業を効率的に行えるよう、極力画面遷移が少なくてすむように考えられている

といったもの。

一見地味なのですが
毎日使っているととにかく「おぉ！わかってるねー！」と思える設計が
いろんなところに見られます。

ホントに、かゆいところに手が届く、CS-Cartなのです。

CS-Cartは元々海外で開発されているものなのですが、
弊社の日本語チームではそれをただ単純に言語を日本語化しているだけでもちろんありません。

日本独自の商習慣や配送システムにあわせた機能拡張をガンガンやっていっています。

店舗を運営する方がとにかく「お客様のおもてなし」に集中できる
便利で使いやすいECを目指しています。

ぜひぜひ、一度ご体験頂き、
まだまだな部分、お気づきの点などございましたら
勉強会などでもフォーラムでもよいので
お気軽にご連絡頂ければなと思います。

とにかく、不要な作業の手間を減らし、
日々の作業効率をあげて、
商品のPRやお客様への対応など
大事な部分にしっかり時間を使ってもらえるシステムづくりを心がけて
今後とも開発を続けていきますので、とにかくぜひ一度使ってみていただけるとうれしいです。

また今後も全国いろんなところでこうした勉強会を開催していければと思っておりますので

ご要望などあればぜひご連絡ください！

この度は本当にありがとうございました！

私の発表以外の勉強会の資料はこちら

CS-Cart公式サイトはこちら

CS-Cart公式サイト

CS-Cart無料版ダウンロードページはこちら

CS-Cart無料版ダウンロードページ

CS-Cart Facebookページ

話題のgumroadを試してみたのでレポートします！

gumroadって？

gumroadはデジタルデータを自分で販売できるサービスです。

手数料は売上の5%+30セント。

これまでのいろんなサービスに比べて格段にお安い印象です。

販売の部分にのみ特化している

特徴として販売の部分にのみ特化している点があげられます。

最低限の簡単な説明分などは入れられますが、

プレビュー画像をたくさんあげたり…といったようなことはできません。

あくまで販売の部分のみをやってくれる感じ。

PRや商品の詳細については自分のブログ→販売の部分だけgumroad

という使い方がよいのかな？と思います。

自分のところで決済の仕組みを持たなくてよい

自分のところで決済の仕組みを持たなくてよいので

いろいろ楽です。

売上があがったらその分振り込んでもらってーという感じで

アフィリエイト感覚で使える感じ。

デジタルデータを作ることに集中できていいなぁと思いました。

日本でも似たようなサービスがあったらしい

日本でも昔似たようなコンセプトのサービスがあったそうなのですが

2007年に終わってしまったようです…。

http://www.nifty.com/pay/

タイミングって大事ですね。。。

円建てもサポートしている

設定画面から円も設定できます。

※ご注意
2月15日現在、日本円で登録されたデータは決済処理で先に進めないようです…今はまだドル設定にしておくのをおすすめします＞＜

マーケティングは全部自分で！

新着販売リストや売れ筋商品の紹介ページなどECっぽいページは一切ありません。

登録したら、あとの販促は全部自分で。

Amazonなどは確かに高いですが、ある程度検索でひっかかったりなどなどいろんなメリットが受けられます。

そういったものはgumroadには一切ないです（たぶん。今のところ）

本当に販売の仕組みに特化している分、手数料も安いので

個人でファンの多い人（インディーズのアーティストさんとか）なんて方にはホントもってこいのシステムだなぁと思いました。

ただし、信用できる相手から買うこと

ファイルのアップロードやURLに特にチェックはありません。

なので、買ってみたら空っぽのデータだったとか、著作権を侵害したデータを売っていたとか悪意のあるファイルをアップロードすることもできそうな…（この辺未検証ですが…）

なので、当然ですが信用できる相手から買いましょう！！

導線がものすごくわかりやすい。

私はFacebook認証で登録したのですが、登録した後の流れがものすごくスムーズでした。

認証ボタンクリック→販売するファイルを選択→登録→詳細を入力→シェアしよう！

といった感じでスムーズに流れていって、流れに沿って登録していくだけではじめの１つのコンテンツの登録まで終了してしまいました。

早い。

すごく学ぶことの多い画面でした。

みなさんもぜひ一度なにか登録してみてください！

ということで、私もひとつ販売をはじめました。

Fireworksのいろんなストロークデザインパック100です。

Fireworksのストロークって結構いろんなことができるんですよー！！

ということで、いろいろ作り貯めているものの中から100種類集めてみました♪

全部スタイル登録して、スタイルファイルも同梱しているのでスタイルパネルから読み込んで使っていただければ線を書いて、あとはクリックひとつで楽々適用できちゃいます。

おもしろいデザインから、実用的なさまざまな破線までいろいろ揃えました。

もちろん商用利用OKです♪

もし興味のある方はぜひダウンロードしてみていただけるとうれしいです♪

https://gumroad.com/l/vFP

↓こんなかんじの100個セットです。（クリックで画像拡大します）

100円で販売中。

$1で販売中。

※2月15日現在、日本円で登録されたデータは決済処理で先に進めないようです＞＜新しくドルで登録し直したので、よろしければこちらからお願いします＞＜。

販売ページはこちら

https://gumroad.com/l/vFP

買い方

買い方なのですが、まずは販売ページにアクセスします。

https://gumroad.com/l/vFP

右下の【I want this!】ボタンをクリック。

こんな感じで、自分のメールアドレス、クレジットカードの番号、セキュリティーコード、有効期限を入力する欄が表示されますので入力して【Pay】ボタンを押します。

決済が完了すると、入力したメールアドレス宛にダウンロード用のURLが記載されたメールが届きます。（試しに自分で買ってみたw）

その他、日本のGumroad関連の記事など。

すでにいろいろと考察記事がでていましたのでまとめてみました！

• 誰でもデータを直販できるGumroad入門。クリエイターの生活は変わる？
• 話題のGumroadで売られたものまとめ
• 個人コンテンツ販売の新時代を開くか　「Gumroad」で同人誌を売ってみる (1/3)
• Gumroad の危険性について早めに警鐘を鳴らします
• Gumroadで売ってる人たち – togetter
• RMB: もしあなたの著作物が知らぬ間にGumroadで売られていたら
• なんでGumroadに苦言まとめエントリ書く人は『黒いことしてバレると人生ゲームオーバーヤバい』ってことを、誰も書かないの？イデオロギー的な理由とかなの？ – Togetter

よい意見だけでなく、気をつけた方がいい点、今後出てきそうな問題点（他人のコンテンツを無断で販売など）に言及していらっしゃる方もいろいろ。

正しく使えば、いいサービスになると思うので

今後の動向などチェックしてみたいと思います！

2月3日(金)に東京の麹町にあるKDDIウェブコミュニケーションズセミナールームにてCSS Nite back2basic #8「Fireworks」が開催され、そちらに登壇させていただきました。

70名弱の方にお集まり頂いたとのこと、
本当にありがとうございました！

Fireworksを基礎からじっくり、ということで
2時間いろいろとお話させていただきました。

ワークショップをやってみたりといろいろと新しい挑戦をさせていただいた2時間となりました。

東京で人前に出てお話しさせていただくのは
昨年3月のCSS Nite以来でしたので
めちゃくちゃ緊張しましたが、無事に終えることができてよかったです。

この度は本当にありがとうございました！

バタバタしていて記事にするのがだいぶ遅くなってしまいましたが…。

1月18日(水)にデジタルハリウッド福岡校さんで、Fireworksの無料セミナーを開催させていただきました。
お忙しい方51名もの方にお集まり頂きました。

本当にありがとうございました。

概ね好評だったようで、ホッと胸をなで下ろしております…！

Fireworksの便利な使い方を福岡で存分に語ることができて、
とっても楽しい2時間でした！

お越し下さった皆様、本当にありがとうございました！！！

ありがたいことに2011年も登壇の機会を頂いたCSS Niteでは、39回の関連イベントを通して170セッションが開催されたそうです。その中から選ばれたベスト10セッションの中に、私の［FireworksマニアLIVE!］のセッションを選んでいただきました…！

最近では「YUKIさんですね！」より「Fireworksマニアの人ですね！」と言われることが多くなってしまったぐらいのインパクトを残してくれたFireworksマニアなのですが、（サイトのネーミングはじっくり考えた方がいいと思った（笑））

実はこのFireworksマニアを作ったきっかけというのが、今回選んでいただいたセッションを行ったCSS Nite LP14 Photoshopper Meets Fireworksというイベントなのでした。

まだイベントの詳細は決まっていなかったものの、CSS NiteのmixiコミュニティーでFireworksのイベントがある！という発表があった2010年の11月ごろのことです。当時Fireworks仲間がほとんどいなかった私はこのイベントの開催にそれはそれは目を輝かせました。

絶対行きたい…！そしていろんな人とFireworks愛を語り尽くしたい…！と。

しかしもちろん開催は東京。参加費に加え交通費に宿泊費…。福岡在住の私には痛い出費です。

でもどうしてもこのイベントだけは参加したい！

そこでない頭を使って考えました。

………Fireworksの使いこなしだったらちょっとだけ自信がある…

『そうだ、スピーカー側で参加すれば……！！！！！』

め、迷案ですね。

そこで私は早速主催の鷹野さんに連絡…す　る　の　で　は　な　く　、猛スピードでFireworksマニアを立ち上げました。そう。超勝手で一方的な猛アピールですw

こんなきっかけではじめたFireworksマニアだったのですがサイト公開とともにあれよあれよとブクマは伸び…たくさんの人に見ていただくことができ、日本にもこんなにたくさんFireworks好きがいたのか…！とそれはそれは感激したのでした。

で、せっせとサイトを更新し続け数日後。

鷹野さんから連絡が！

『CSS NiteのFireworksの回にスピーカーとして参加しませんか？？』

キター！！！！！！！お誘いきたよーーーーーー！！！！！！！

ああもう私の思いを届けてくれたインターネットって素敵。

そんなこんなでこのイベントでお話しさせていただくことが決まり、イベントに参加することができたのでした。

このイベントがあったおかげでFireworksマニアをはじめることになり、Fireworksマニアがあったおかげで、出版社の方からお声かけいただき、本を書かせていただくことになり。

人生って本当に何が起こるかわからない…！！！！とあらためて感じた一年でした。

そんな思い出深いイベントでの今回のベストセッション賞…もう、ホントにホントにうれしいです！

今年もいろいろとお話しさせていただく機会を頂いており、

【福岡】1月18日（水）福岡発 「速習デザインFireworks CS5/4/3」出版記念セミナー「FireworksマニアのYUKI氏による厳選Tipsチュートリアル」
【東京】2月3日（金）CSS Nite back2basic #8「Fireworks」
【北九州】2月10日（金）a-blog cms Training Camp in KANMON 2012 Winter

でそれぞれお話をさせていただくことになりました。このような機会を頂き、本当にありがとうございます。

ご都合がつけばぜひ足を運んでいただけますと幸いです。

今年も残すところあと3日とちょっとになりました。

プライベートなWebにかかわるいろんなことをまとめて、今年１年を振り返ってみたいと思います。

今年は、Webデザイナーになって丸6年を迎え、7年目に入る年でした。
7年目とか…早い…。信じられない…。

去年

2009年から少しずつ、仕事以外でのアウトプットをはじめていたのですが、
それを見ていただいたことでいろいろと発表の機会をいただいたり、そういうことがさらにサイトを作る意欲になったりと、今年はさらにいっぱいがんばりました！！！！

こんなことを書いていました。

今年はこれらのアウトプットがさらにいろんな形になった一年でした。

一番大きかったのはやっぱり本を書かせていただいたことです。

それもあって、今年は去年に比べてあまり個人サイトを作ったりする時間がとれなかったのでプライベートではWebに関わることは特になにもしていなかったような気がしていましたが、振り返ってみるとけっこういろいろやっていました…！

• 2011.01　WordCamp Fukuokaのサイト作成
• 2011.02　WordCamp Fukuokaで登壇
• 2011.03　CSS Nite LP14で登壇
• 2011.05　VIVID COLORS DESIGN（アメブロ）をはじめる
• 2011.05　パブーでデジタル写真集をいろいろ作ってみる
• 2011.06　 iPad Sketch Galleryをはじめる（結局100枚描いてない件…！)
• 2011.06　ポートフォリオサイトをまたまたリニューアル
• 2011.08　StartUpWeekendに参加
• 2011.09　小倉でFireworks勉強会を開催
• 2011.09　Web Attendに参加
• 2011.09　WordCamp Kobeに参加
• 2011.09　楽天APIコンテスト銅賞受賞
• 2011.10　Androidアプリ「きせかえtwitbeam」内蔵壁紙デザイン
• 2011.11　FC2ブログのスマートフォン用公式テンプレートをデザイン
• 2011.12　Fireworks CS5/4/3 (速習デザイン)出版
• 2011.12　three.jsにハマる
• 2011.12　Fireworks Interviewsにインタビューしてもらう

今年の振り返りや反省をいくつか。

アメブロはじめてみた。

友達がピグにハマりまくっていたり、
まわりでアメブロでブログをやっているひとが多かったりと、
いろいろ気になったのではじめてみました。
何事も体験してみないとわからないですもんね。
なるほど、通知機能とかよくできてるなーと使ってみて改めて思いました。
この辺はまた改めてまとめたいと思います。

StartUpWeekendに参加した

その時の様子はこちらなど（StartUpWeekend3日目レポート！）に書いています。
ホントいろんな方と知り合うことができました。
すごく楽しかった！！これは来年もあったらぜひとも参加したいです。

MashupAwardに応募できなかった

去年に引き続き、絶対応募しよう！と思っていたのですが、
バタバタしていて結局何も作れず…応募できませんでした。
来年は計画的にサイトつくって応募したいなぁ。

iPadで絵を描く、100枚達成できなかった…

あれだけハマっていたiPadでのお絵描きですが、
最近全然できておらず…！
結局まだ100枚達成できていません…
た、達成できる気がしない…！w

めちゃくちゃ本読んだ

今年はめちゃくちゃ本を読みました。
いっぱいインプットしたので、来年はもっとしっかりアウトプットできるように頑張ります！

今年読んだものでもう一回読んでおきたいもの↓

• iPhoneアプリ設計の極意 ―思わずタップしたくなるアプリのデザイン
• ブランドをデザインする!
• Webデザイナーのための jQuery入門　魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative)
• 実例で学ぶ「伝わる」デザイン
• 欧文書体―その背景と使い方 (新デザインガイド)
• 文字の組み方―組版/見てわかる新常識

ブログってすごい

…というとなんか大げさな感じもしますが、
地方在住のへっぽこWebデザイナーの私が本を書かせていただくことができたのは、とにかくブログのおかげです。
Fireworksマニアがきっかけで書かせていただけることになったので、ブログの大事さを改めて感じた一年でした。

来年も更新頑張ります♪

Fireworks CS5/4/3 (速習デザイン)

「気になったことはとりあえずやってみる！」は来年も続ける

気になったらいてもたってもいられなくて
すぐに試してみたくなるタチなのですが今年も例外なくそんな一年でした。
パブーでデジタル写真集をいろいろ作ってみたり、友達とデザインフェスタに出展してみたり。

来年も気になったことにはなんでもやってみようと思います☆

来年も頑張ります！

ありがたいことに、来年Fireworks関連でいくつかお話しさせていただくことになっています。

【東京】2011.02.03(fri) CSS Nite back2basic #8「Fireworks」

【福岡】2011.01.17(thu) 「速習デザインFireworks CS5/4/3」出版記念「Fireworks厳選Tipsチュートリアル」

どちらも現在申し込み受付中なので、もしご都合がつけばお越し頂けるとうれしいです^^

来年も無理をしないように楽しく元気に過ごせるよう、頑張って行きたいと思います。

来年も、どうぞよろしくお願いします☆

仲良くさせていただいている@susipakuさんのご紹介で、
tasteのレンズ保護用のフィルターでフィルターデビューしました！！！！

susi-pakuさんはあの人気写真素材サイト、PAKUTASOも運営されています♪

そもそも保護用フィルタというものがあることをよくわかっていなかった私。

今回、保護用フィルターデビューを果たした私なのですが、

そもそもフィルタって、キラメキを与えるフィルタとか
なにかしら写りに変化を与えるためのものしかないと思っていました。

なので、つけてもなんの変化もないフィルターっていうもの存在を知った時
正直、「いるの？？？？」という感じで、使ったことはありませんでした…。

そしてレンズに傷をつけてからはじめて気付く、保護の大切さ（遠い目）

傷を付けて気付く、保護用フィルターの大切さ。

レンズフィルター、保護用フィルター…

うーん、あったほうがいいんだろうなと思いつつも
あまり必要性がわからず…そしてなかなかお高く…。

結局存在を知ったあとも、使うには至っていませんでした。

私はカメラを基本どこでもおかまいなしに持っていって、
どんな環境でもひたすらシャッターを押しまくる！

ホコリ？汚れ？んなもん入ってたらあとからPhotoshopで（ry
ぐらいの勢いでとにかくどこにでも持っていってシャッターを押して、
時には床に這いつくばり…

写真撮影上手くなることしか考えていなかったので
それはそれはもう…カメラの扱いは…褒められたものではありませんでした…。

そんな扱いをしていたために

事件は起こりました。

大事なレンズに思いっきり傷を…。

つけました。

最悪です。

今思えば、もしフィルターをつけていたら、
フィルターが傷ついた（もしくは割れた）だけで済んで
フィルター代、数千円の損失ですんだんでしょうけど、
レンズ本体に傷をつけてしまったらはそれではすまないんですよね…………（遠い目）

2度とこんな思いはするまいと
なんらか対策をせねば…！と思っていたところでした；；

そんなとき、この保護用フィルターを教えていただいて、
改めて保護フィルターの存在を思い出し、今回のデビューとなりました。

実物を見てみると…めっちゃ薄くて軽い。

届いたフィルターを見て見ると、本当にめちゃくちゃ薄くて軽い。

こんだけ薄いと歪んでしまったりするんじゃないか…なんて思っていましたが、全く問題ありませんでした。ためしにフィルターだけをいろんなものにかざしてみたのですが、レンズがあるとは思えないくらい何のゆがみもありませんでした。

もちろんつけて撮った写真も全く何の違和感も問題もありません。

日本の職人さんすごい…！

結構丈夫です。

外枠の素材もとてもしっかりしていて、付属品だったかのように何の違和感もなくレンズにフィットしています。 薄いのにホントにピッタリフィット。

しっかりとフィットするのですが、はずしにくいということは一切なく、外したいときにはさっと外せます。 装着も簡単ですし、ぐっとしっかりホールドされるので、落ちることもなく快適です。

ちょっとぶつけても大丈夫そうw
（いえ、ぶつけないように気をつけます＞＜）

写真撮ってみたよ

というわけで装着して写真撮ってみました！

…ってもうちょっと歪んでないことがわかりやすい被写体を撮ればよかった…。

また撮ったら更新します＞＜

とてもクリアに撮れました。

フィルタを外して撮ってみたりもしましたが、私の目では写りに違いは感じられませんでした。

使ったフィルターのサイトなど

今回フィルターデビューしたのはtasteというメーカーのレンズフィルターです。

私が使っているフィルターはこちら

taste ピラレットフィルター WP-S MC UV 62mm
	ティースト Amazonで詳しく見る

Amazonで買えますよー☆

このレンズにつけてます↓

シグマ 30mm F1.4 EX DC デジタル専用 HSM ニコン用
	シグマ Amazonで詳しく見る

これからはもっとレンズを大事にして（あたりまえ）
もっといい写真が撮れるようにがんばります！！

susi-pakuさん、この度は本当にありがとうございましたー！^^

http://fireworksinterviews.com/

という、世界各地のFireworksユーザーにインタビューをし、
それを掲載しているサイトからインタビューを受けました…！！

Fireworksユーザーにはおなじみの
今やFireworks界最強のテクスチャ配布ブログといっても過言ではない、
indigo note(http://indigonote.com/)さんにバトンを繋いでいただき、今回のインタビューとなりました☆

うれしい！

indigo noteさんのインタビューページはこちら（ていうかindigo noteさんかわいすぎてやばい。）

ということで私も載りました。

ででーん。

ピースとかしちゃってます。

浮いています。

いや、普段どこかに出掛けてもいつも私は写真を撮る側なので、
まともに正面から顔が写っている写真がほとんどないのですよ…。
なのでこういうときいつも困る…。

ちなみに、最初この写真を送っていたのですが、

顔が小さいよー！とあえなくボツになりました。

ねこ忍者に顔はめ。

いい感じに正面顔。

…。

これでこの一覧に並んだら大やけどするところでした。

やさしく止めてもらってよかった。

さて、肝心のインタビューなのですが、

海外のサイトなので、インタビューはもちろん英語でした。

全部。

google翻訳先生に手伝ってもらったりして、
質問の内容は理解できたのですが、

回答を上手く英訳できない…！！！！！！

……………………。
そこで困り果てた私は、

日本語が恐ろしくペラペラの

ロックロブスターのNed(@1080d)に頼み込んでみました。

「英訳してもらえませんか…！！！！」

本当に快く訳してくれました。
Ned、本当にありがとう！！；；

ということで、きれいな英語で無事に答えることができました！！！

画像はいろんなところから拾ってきてくれたみたいで
とてもいい感じにまとめていただいてます…！

Fireworks Lovers Jのこととか
明星和楽とかWordPressコミュニティーとか、
（Fireworksとは全然関係なくなっちゃってるけどw）
いろいろ思いつく限りどさくさにまぎれて宣伝しました！！！

よかったら見て見てくださいー！

http://fireworksinterviews.com/yuki-yamaguchi

P.S とりあえず、痩せたい。（もう何年いっているかわからないので多分無理）

この度、ご縁があってFireworksの本を書かせていただくことができました。

Fireworks CS5/4/3 (速習デザイン) 山口 有由希 技術評論社 2011-12-07  →Amazonで詳しく見る →楽天で詳しく見る

12月7日発売予定です^^

先日twitterなどで発売日が決まったことを告知させていただいたのですが、
何名か予約したよ！なんて声をかけていただいて本当にうれしい限りです；；

結構いい内容に仕上がっていると思うのですが、
また発売日前でなにも詳細が公開されていない状態なので

「予約して買ったけど求めていた内容と違ったーー」

ということがあっては、
予約までして買っていただくのに本っ当に申し訳ないので…。

今日は、ちょっとその本の中身を紹介させてください！

Fireworksによる画像パーツのデザイン

Part2です。

FIreworksの基本動作が一通りマスターできるように考えました。

基本の操作説明ってなんか退屈な説明になりがちなので、
いろいろ実際に作りながら覚えられるようになっています。

これらのレシピをこなしていくと、
終わる頃には「あー大体こんな感じでパーツ作るんだなー」と
わかってもらえるような作りにしています。

すでに基本はわかっているよーという方も、
レシピをひとつ増やすつもりでやってみていただけるように、
作るものはボタンやバナー類など、役立ちそうなものにしました。

実際に作っていくものはこんな感じです。

ボタンを作る

こんな感じのボタンを作ります。
自動シェイプの使い方、塗りの適用方法、フィルタの適用法方法、共有ライブラリの使い方などを学びます。

ナビゲーションを作る

ステートを使ったグローバルナビゲーションの作り方を解説しています。
のラインを使った立体感の出し方や、くぼみの表現方法、ロールオーバー状態をプレビューで簡単に確認しながら作る方法などを説明しています。

ポラロイド風写真を作る

このLessonは、基本的な画像のマスクの方法と、カラーモードの変更（焼き込みなど）のやり方を解説しています。

バナーを作る

パターンやテクスチャを使って作る、質感あるバナーの作り方を解説しています。

アニメーションGIFバナーを作る

ステートをつかったアニメーションGIFの作り方です。まだまだECサイト等で活躍の場があったりするので、しっかり解説しています。

ブログヘッダーを作る

ストローク（線）の質感を使って消印を表現します。
このLessonのねらいとしては、ストロークの設定次第でいろいろな質感が表現できることをしってもらうことを目的としています。

LET’S TRY!!

練習問題は自動シェイプを使って以下のようなボタンをいろいろ作るという課題です。
完成見本データがDVDに収録されていますので、そのまま色を変えて素材としても使えるかも。

アニメーションGIFアイコンもまとめていっぺんに作れます。
完成見本データがDVDに収録されています

この本の一番のポイント！1つのサイトをじっくりデザイン。

Part3です。

何パターンかトップページを作るようなLessonにしようかとも考えたのですが、1つのサイトをワイヤーフレームから下層ページまで、Fireworksの機能を使いこなして仕上げるまでの課程を解説した方がよいのではないかなーと、Part3はまるまる全部使って「1つのサイトをFireworksを使ってデザインする流れ」を解説しています。

まず以下のようなワイヤーフレームの作り方を解説しています。

次にこのワイヤーフレームをこのように装飾します。
（このトップページのデザイン手順は、全部解説してます）

そして下層ページ。
ページ機能を使って作っていきます。

マスターページ機能を使ってヘッダーを全ページで共有させたり、
共有レイヤー機能を使ってすべてのページでサイドバーを共有させたり。

トップページではサイドバーは不要なので、
そういう場合どうやって除外するのかも書いています。

あと、マスターページ機能では管理するのが難しいフッター
（ページによって表示位置が異なるので）を
うまく共有させる方法など、
けっこう実用的な内容になっているのではないかなー、と思います^^

完成データもDVDに入ってます。

ホットスポットツールでリンクを作って、
リンクが有効なPDFを書き出す方法等も解説。

スライスも、
オブジェクトの大きさに合わせて自動的にスライスオブジェクトを作成する方法から、
重なっているオブジェクトをスライスするときの方法までいろいろと解説しました。

他にもいろんなレシピ。

Part4です。

Fireworksマニアで紹介したものも、
手順をすべて書き直しているのでかなりわかりやすくなっていると思います。

もちろんすべて完成データ付きです。

ウッドプレートとプレス文字で作るタイトルロゴ

ワンオブジェクトで作れる立体的なボタン

画像のマスクを極める

テキストオブジェクトでマスクしたり、自動シェイプでマスクしたり、選択範囲でマスクしたり。パスのマスクだったりグラデーションマスクだったり。

頻繁に使うマスクの、あらゆるマスクの方法を解説しました。

コラージュ風パーツを作る

マスキングテープを作る

星ツールでさまざまな点対称の模様を手軽に作る

これはサイトでは星ツールを使って作るとしか紹介していなかったのですが、
自動シェイプのプロパティパネルからどれくらいの値を設定すればこの形になるか、
というのを全部載せているので、すぐ同じ形が作れるようになっています。

（ちなみに自動シェイプのプロパティパネルから自動シェイプの黄色のハンドルの数値が変更できるのはCS4以降です。）

切手のオブジェクトを作る

整列や切り抜きがマスターできますよ☆

LET’S TRY!!

こんな感じで組み合わせて作ってみましょう！という練習問題。
こちらはこんな感じの完成見本ファイルがDVDに入っています。

東京タワーのまわりのぽわぽわっとした模様は、パスにデフォルトのストロークを当ててるだけです。

簡単ですよー！

その他色々。

パターン、テクスチャ、ストロークの早見表をつけました。

パターンはパターンのサイズも並記したので、スライスのときにとっても便利だと思います！

フリー素材を入れました。

パターン、テクスチャ、写真の素材をDVDにおまけでいれました。

はじめてFireworksに触れて、ソフトに慣れよう、これからいろいろとデザインを作っていこう！というときに素材に使える写真がなくて作業がはかどらない…！ということがよくあったので、何にでも使える完全フリーな素材を入れました。

ダミー画像に使うもよし、
これでサンプルサイトを作るもよし、
商用サイトに使うもよし、

なんに使っていただいてもOKです。

たくさん練習していろいろ作ってもらえるとうれしいです^^

レシピ系は全部完成ファイルがDVDに入っています。

DVD付きで完成データが全部収録されているので、実際に出来上がったものをみていただくことができます。

小ネタもいっぱいいれました

長年使っていて、そうだのか！知らなかった！って発見がいろいろあったのですが、そういうのもコラムとして随所に織り交ぜました。

ちなみに本書はCS3/4/5対応となっていますが、新しくなって改善されたところやよくなったところを活用しまくった本になっているので、ぜひCS5（最低でもCS4）での実習をおすすめします。

付属のDVDに体験版が入っているので、それでぜひCS5でお試しください！

なんだかとりとめもなく書いてしまいましたが、こんな感じの本になっています。

私がもう何年も使ってきて「最初からこれ知ってたら全然効率違ってたのに…！！！」と思ったことは全部本の中に詰め込んだつもりなので、これからFireworksを使いこなしていくぞ！という方のお役に立てるんじゃ…ないかなと…た、たてたらいいな…。

手順についても、同僚のプログラマ女子に夜な夜な試してみてもらって（えりかっち本当にありがとう！！；；）、手順通りにやったら同じものが作れるか、戸惑うところはないかを全ー部見てもらって修正したので、Fireworksはじめて！って方でもきっと読みやすいと思います。

もしちょっとでも気になる内容がありましたら、
図書館や本屋さんで立ち読みでもかまいませんのでぜひチェックしていただいて
一緒にFireworksマニアになっていただけるとうれしいです！！^^

長文にお付き合い頂き、ありがとうございました♪

Fireworks CS5/4/3 (速習デザイン) 山口 有由希 技術評論社 2011-12-07 →Amazonで詳しく見る →楽天で詳しく見る

10月が公私ともに充実しすぎていたので（ものはいいよう※お察しください）
なんかもうなかったことになっているYUKIです。

こんばんは！

10月、このブログ一回も更新してない…ぐす；；

そんな10月の最終日に！
デザインさせていただいたFC2ブログさまのスマートフォン用公式テーマが公開されましたー！

わーい！

こんな感じのデザインになっております♪

今回久しぶりにWordPress以外のブログのテーマをデザインしたのですが、
レンタルブログのテーマ作りって実はものすごく思い入れがあるんです。

まだプログラマーやりながらWebデザイナーの勉強をしていた頃から
勉強のためにいろんなブログサービスのテンプレートを作っては配布してWebデザインの勉強をしていたのです。

↓こんな感じの作ってました。
こうして並べるとなんかもう懐かしくてほろ苦すぎるw

FC2ブログさんはそれがご縁で、PC用の公式テンプレートのデザインをさせていただいたこともあったり。

もう5年以上も前の話ですが…！

なので今回、ちゃんと（？）Webデザイナーとなった今、
こうしてあらためてご縁があって、とってもうれしかったです♪

こうして今Webデザインのお仕事ができるのも
ブログのテンプレートづくりという武者修行があったから！

レンタルブログテンプレのデザインは私の原点！w

なんかいろいろ思い出してまたやる気があがりました☆

今回デザインさせていただいたスマートフォン用公式テーマは「Sweet」という名前で配布中です！

よかったら見てみてくださいね☆

FC2ブログ

ちなみにその当時からある私のFC2ブログはこちらw

お友達の@nobushinoちゃんが立ち上げた新会社、モアモストの創立記念パーティーに行ってきました！

各地からたくさんの人が集まっていました！のぶしのパワーすごいっ！！！！

モアモストは、ペット関連の大きなメディアを運営していくことが事業の柱。

「ペットの需要・供給のバランスをとり、幸せな動物達を増やし、最終的には殺処分0を目指していきたい、そのための大きなメディアをつくっていきたい」とのこと。

素敵です…！！

第一弾として「Pet Ribbon」という迷子ペットを探すための掲示板がまもなくオープンします。

ぜひチェックしてみてください！

その他に、写真をパラパラ漫画にして成長を「見る」ことで育児を楽しくしてくれる、育パパ・育ママ向けアプリ「Albub」の正式リリースを予定しているそうです。

先日、スタートアップウイークエンドというイベントでデザインをお手伝いさせていただいたアプリだけにこちらも楽しみです♪

パーティーは、場所は大名にあるGuildCafe Costa（ギルドカフェ　コスタ）で行われました。

福岡天神のど真ん中にできたCafe＆ワーキングスペースです。
すごくきれいなところでした！

概要をFacbookページから引用↓

Wi-Fi、電源完備、会員（月額1000円）になるとドリンクやフードが50%オフ、会議室、プロジェクター、カメラ、Ust環境などが借りれたりします。

今まで自宅や喫茶店などで個人ベースで仕事を請け負ってきたフリーランスの方々に、効率的に作業ができる環境の提供と、仕事の提供を図ります。

フリーランスで活動しているプログラマーやデザイナー等が1つの場所に集まり仕事ができるスペースの提供

企業からのシステム構築等の仕事をプロジェクトベースでCafeに集まった有志で作り上げるサポート

GuildCafe Costa（ギルドカフェ　コスタ）

〒810-0041 福岡県福岡市中央区大名1-10-14　MATCH２F

Aip Cafeをはじめ、福岡にもこういうスペースがどんどんできると
楽しくなりますね♪

まだFacebookページしかないみたいなのですが、
気になっちゃう感じの方はぜひチェックしてみてくださいね！

GuildCafe Costa（ギルドカフェ　コスタ） Facebook ページ

miel crishunantが九州初出店！とのことでオープニングにいってきましたよー！
モデルさんとかいっぱいきてました！

みんなきれいだったー！！＞＜

写真撮っていいよー！とのことだったのでバシバシ撮ってきちゃいました☆
ということでお洋服と店内をレポートしますよ☆

ショップは、天神コアの2Fにオープンしてます。

『自然体でかわいいパリジェンヌの気取らないスタイルをお手本に、上品なフレンチカジュアルを表現』というのがコンセプトとのこと。

コンセプト通りのアイテムがいろいろと揃っていましたー！

使えるアイテムがお手頃価格。

カーディガンとか、あると便利な使えるアイテムがお手頃価格でいろいろ揃っていました！

↑リボンの刺繍がかわいいカーディガン。

↑こっちは花がくっついてます☆

オープン記念のセット価格ものも

SPECIALフェアで2点セットで8,000円とかも。

上下セットでこのお値段で変えたらいいですよねー。

小物にときめく！

鞄や靴、ストール、アクセサリーといった小物類がかなり充実していました！

アクセサリー類はクラシカルな感じがかなりツボです…！！！

靴

靴。色もいい感じ♪

アクセサリー

アクセサリーもクラシカルでかわいかったです！

↑クラシカルな指輪。

ピアスもかわいいー！！！！
あけてないのが悔やまれます…。イヤリング…ないかな…＞＜

↑主張しすぎないネックレスっていいですよね！1995円とお手頃。

バッグ

バッグがかなり充実してました！色合いも秋らしく、上品なのが◎

ストールなど

レトロでかわいいストールやスカーフ！こういうレトロな雰囲気大好きです…！！

アウターとか

↑アウターなんかもシンプルなんだけどちょっとデザインが凝っててよかったです。

お店の雰囲気

↑お店の外観

↑お花いっぱいきてました！

頂いたカタログ

↑もらってきたカタログ。うーん、かわいい！

感想など

今回、コアのリニューアルにあわせての新規オープンだったみたいなのですが、
実はコアって10代の女の子限定！なイメージがあって、
最近あんまりいってなかったのです。

けど、いって見ると結構お店も増えてて、私が好きな感じのテイストのブランドとかも結構あって、しかも全体的にお手頃価格！！これはちょっとお買い物ルートに加えていかねば…！と思いました。

あー楽しかった！

公式サイトはこちら→miel crishunant
ショップブログはこちら→Blog

国内最大のWordCamp

9月11日に開催された
WordCamp Kobeに参加してきました！！

なんと600人弱の参加があったとか！！！

すごすぎる…！！！

国内No1記録を大幅に塗り替えちゃいました☆

会場は神戸芸術工科大学

神戸には同僚の@ask4416といっていたのですが
@ask4416は午後からの参加だったので、

午前中はWeb Attendで仲良くなった
@hibiki443さんが同じ三宮にお泊まりだったので
一緒にお出かけしました！

わーいわーい！！！

学校到着！

色々写真撮ったので貼っておきます♪

おっきなポスター！

かわいいです…♪

登ってゆきます。

学内の案内板がカラフルでかわいい！

きれいな学校です…！

なんかしてました。

キリン。蔦を絡ませるのかな？

この案内板もきれい。

ここを進んで右に曲がったところから会場に入りました。

パンフレットはセルフサービス

パンフレットなどはセルフサービスでした。

福岡では毎年、パンフレット類の袋詰めが恒例行事なんですが
福岡もこのスタイルでいいのかも？？

気になるパンフレットをいろいろもらってメイン会場へ！

アンカンファレンス

早速アンカンファレンスの説明があり、グループ分け！

私は@hibiki443さんと一緒に
@takayukisterさん＆ @horike37さん率いる
プラグインチームに混ぜてもらって
いろいろトークしてきました！

あると便利なプラグインのネタが出たので
これ全部誰か実現してくれないかなぁーーーと心から願っています…！w
（他力本願でごめんなさい＞＜）

楽しくランチへ

アンカンファレンス後は
同じグループだった@kana_f_h_pさん@pan__ichiさんと仲良くなって
4人でランチしてきました♪
楽しかったー！！！

こういう出会いがあるのがあるからWordCamp大好き^^

そして本編へ

そんな楽しいランチのあと、会場に戻ると…

ひとひとひとひとひと！！！！！！！w

おそるべし600人っ！

まずはNaoさんっ♪満員御礼でした！！

IIJさん

プライムストラテジーさん

他にもいろいろ見てきたのですがメインホール以外の写真撮るの忘れてました…＞＜

いくつか満員過ぎてみられなかったセッションがあったのですが
後日動画が公開されるみたいなので、それを楽しみにしています！

いろんなノベルティーゲット！！

マグカップやセンスやクリアファイルを頂いたりもしました♪

わーい☆

完全なお客さんとしてのWordCamp

福岡以外のWordCampに参加したのは
というかお客さんとしてWordCampに行くこと自体はじめてだったので、
ゆっくりのんびり、いつもと違う感覚でたのしめてよかったです！！！

WordCampを鹿児島でも。

いつもなんですが、LTはおもしろいもの＆参考になるものがいろいろでてきますね！
どれもすっごくよかったです！！

あの短い時間でぎゅっとまとまっているのがすごい！！

鹿児島でもWordCampやるぞ！というLTもあり、九州でもっとあるといいのに！！！！と思っていたのでとっても楽しみです！福井の蟹も気になりまくりでした…♪w

参加してみて、いいなぁと思ったところ

スタッフの方の数がすごく多い！

この規模を見事に運営してらっしゃいました！

関西圏以外からもたくさん&家族連れ、お子様連れでの参加も多数！

いろんな方が参加しやすいイベントってすばらしいですよね！
福岡からも新幹線でさっといけるし、
東京からも新幹線でも飛行機でもこれるし、
神戸は立地的にも全国的なイベントをするのに優れている土地なのかな、と思いました☆

スタッフTシャツいいな。そしてTシャツは色付きがいいな。

スタッフの方のピンクのお揃いのTシャツがすごくわかりやすかったです。

サイトにあった写真付きの道案内がとっても親切

微妙にわかりにくい場所だったので、サイトにあった写真付きの道案内地図が本当に役に立ちました！
こういう心遣いって大事ですよね…！
大学の中も広くてまよっちゃったりしがちですが、完璧な誘導がしてありました！すばらしい…！

スタッフの皆さんがみんな楽しそう！

これは福岡も同じなんですがみんな楽しそうでした♪

WordCampのスタッフってなんか楽しいんですよねー。なんだろうね、あれ。

いろんなプログラマもデザイナーもコーダーもディレクターもそんなのなにも関係なく
みんなでひとつのこと一緒にできるからかなぁ？

あんまり職種問わず！なイベントないですもんね^^

おまけ：名刺は派手な方がいい

そういえば名札はフォルダーのみ配布されて
中身は自由に名刺など入れるようになっていたので、
会社名刺ではなく、派手で目立つ方の個人名刺をいれていました。

するとすると…

「もしかしてYUKIさんですか？名刺がお花だったから…！」と
会いたかったフォロアーのさんに話しかけてもらえて
無事にお会いすることができました！！

名刺派手にしててよかった！！！！と思った出来事でした☆

新幹線の都合で懇親会に参加できなかったことは心残りですが；；
いろいろといいことづくしの神戸の旅でした☆

ホントにすてきなところだったので
今度は観光とグルメツアーでも神戸＆大阪に行きたいな♪(*´▽｀*)ノ

お世話になったみなさま、本当にありがとうございましたー！！！

大阪の梅田で行われた
Web Attend 2011に参加しました！！

100人以上が集まる大きな飲み会です！

主催の@yat8823jpさんにイベントのことを教えていただき、
翌日のWordCampKobeの懇親会は新幹線の都合で参加できないこともあって
よろこんで参加しました♪
場所はパーティスペース＆バー オープンドア。

以前一度梅田にきたことがあるのですが、
似たようなビルが多すぎて方向がさっぱりわからず
めちゃくちゃ迷った記憶しかなかったので、

これはひとりでは絶対たどり着けないだろうと
東京組のみなさんと梅田のヨドバシで合流させていただくことに。

…ちなみに貴和製作所にいきたくてヨドバシいってました（6Fにある）
ビーズいっぱいうはうはでした♪

福岡にもできたらいいのにー！！！＞＜

…話がそれました。

肝心のお店ですが…
案の定、一緒に連れて行ってもらわないとわからない感じの場所でした…！

拾っていただけてよかった；；

みなさんのおかげで無事に到着。

会場に集まったのは100人超のみなさま！！！！！！！
これはすごい…！！

しかも翌日にWordCampがあるからか、
全国各地からいろんな人が集まってました！

司会とか受付とかされていた方々がみんな明るくて元気ですごくよかったです！

そしてみんな若い！（笑）

楽しかったー♪

そういえば

イベント中、こんなことがありました。

私、化粧と髪型と服のテイストが安定していないせいか
一度しかあったことのない方にはよく顔を忘れられるのですが…！
（私はすごく覚えている方なので余計切ない）

ぼっちになりたくない一心で
一度あったことがある人になにがなんでも見つけてもらおうと（あぁなんて他力本願）
twitterで「こんな格好の人がいたら私です！」と
当日のきていた洋服のイラストを描いてUPしてみたりしていました。

それが違う意味で効果を発揮しまして、
「服の画像見たのでそうかなぁと思って！」と
twitterで相互フォローさせていただいているみなさまに声をかけていただくことができたのです…！；；

本当は自分からたくさんの人に話しかけたかったのですが
なにせ普段引きこもりで飲み会なんて滅多にいかないのでw
こういうときなかなか自分からいけない私…。

なので本当にうれしかったです…！！

ありがとう洋服！！！＞＜。

トラックパッドで必死に描いてよかった！！！w

関西に来ないと会えない方々にたくさんご挨拶できてうれしかったです！

そうそう、神戸で福岡仲間もできました！
やった！やったよー！！！！

主催の@yat8823jpさんはじめ、

みなさま、楽しい時間を本当にありがとうございました！！

9月3日(土)、小倉のフォルム三番街にて
Fireworks勉強会が開催されました！

福岡にはこういった勉強会用のスペースとして
AIP Cafeがありますが、北九州にもあったんですね！素敵！！
今回、アットウィルの田川さんが主催してくださり、
なにか話してみませんかと声をかけていただきました。

本当にありがとうございます！！

今回、私がお話しさせていただいたのは

• マスターページ機能、共通レイヤー機能など、ページ管理機能の便利さ
• 全ページ共通しているけれどページごとに位置の異なるフッターはシンボル化して配置で解決！
• 整列パネルのサイズ揃えボタンはすごく便利。
• スタイル機能と属性のコピーはかなり使える
• FireworksのパスデータをIllustratorに持ち込むなら［書き出し］メニューのFXG書き出しがおすすめ。

などなど。

こんな感じのことをサンプルを使ってご紹介させていただきました。
他にもいろいろと話が膨らんで

• Illustratorに比べてドット柄やストライプ柄などのパターンの適用が楽
• 複数ページを1ファイルで扱えて、共通部分を一発で更新できるのはとにかく便利

と、普段はIllustratorやPhotoshopをメインで使われている方ならではの着眼点でいろんな意見が出てきておもしろかったです！

あと、以下話に出た便利なエクステンション類です。
勉強会の時URLを出せなかったのでここで。

• CSS Sprite Extension(CSS Spriteの実装を手助けしてくれるエクステンション)
• 敷き詰め(オブジェクトを指定間隔で敷き詰めることができるエクステンション)
• Guide (ページ間でガイドラインコピーできたりするようになるエクステンション）
• Sunburst(インパクトのある放射状のマークが簡単にかけるエクステンション)

これを機にFireworksを使ってみていただけるとうれしいなぁと思います^^

参加していただいた皆さん、本当にありがとうございました！！^^

今度はAIP Cafeでもみんなであつまってやりたいなぁ☆

Fireworksだけでなく、デザイナー勉強会したい！