今年のリクリ忘年会はこちらのセミナーの懇親会を兼ねておこないます。
もちろんセミナー講師のお二人も参加予定です。

あと1週間となってしまいましたが、本日よりセミナーに参加されていない方の
忘年会への参加も受付を開始します！
忘年会受付フォーム

<イベント名>

リクリ忘年会2009＆第3回リクリセミナー懇親会

<開催日>

2009年12月6日（日）

<集合＆受付場所>

デジタルハリウッド大阪校B1Fセミナールーム前（地図）

忘年会の店は下記となります。
RESTAURANT&BAR ＯＣＴＡＧＯＮ
料金　ひとり 4000円（飲み放題＆食べ放題）

<集合時間>

19:00

<開始時間>

19:30 開始予定
※リクリセミナー終了後となるため若干ずれ込む場合があります。

今年の忘年会はセミナー懇親会も兼ねるため、参加者も多くなっております。
一定人数で締め切らせていただく場合もございますので、参加希望の方はお早めにお申し込みされることをオススメします。

いつもリクリのイベントに参加されている方も、今回はじめてリクリセミナーを通じてリクリを知った方も皆一緒に盛り上がりましょう。

あ、セミナーの参加はまだまだ受付中なのでこちらも是非ご参加ください。
http://www.re-creators.jp/vol3/

関西ではあまり機会の無いCSS3、HTML5について学べるワークショップです。
しかも講師はJohn Allsopと、非常に貴重な体験になりそうです。

John Allsopの紹介

Webが誕生し間もない1992年のWeb黎明期よりWebに積極的に関わり活動。
CSSの大家であるEric Meyerらと『CSS SamuraiとしてCSSの普及活動をおこなう。

その後、Web標準の王様と称されるJeffrey Zeldmanを中心として、いまやIE8を含めるブラウザのベンチマークとなったAcidテストを手がけるWeb Standards Project (WaSP)を設立しWeb 標準の普及活動を世界をまたにかけ行う。

現在は豪州に居住しWestcivの代表として、米国、豪州、日本で行われているWeb Directionsの全てを統括。昨年は先進的なWebの内容を紹介するSCROLL Magazineも発行し、多岐に渡り精力的に活動している。

世界最初のマイクロフォーマットの本「Microformats: Empowering Your Markup for Web 2.0」も著しました。A List Apart, 24ways, Microsoft Mixなどへの有名媒体へ執筆も多数おこない、彼の思想は数多のWeb開発者に多大なる影響を与え海外では大きな評価をえています。

単純にCSS3、HTML5を学ぶワークショップではない

CSS3もHTML5も今となっては実験的に導入しているサイトがあったり、またドキュメントもいろんなところで紹介されています。
単純に新しいプロパティなどを知るのであればそれらを参照すればいいだけのことですが、この機会はワークショップ、ハンズオンということで、半日まるまる制作フローに乗りながら学ぶことができます。
より効率的にこれらの技術を採用するための方法が見えてくるのではないでしょうか。

ところで講義は・・・英語？

John直々なのでもちろん英語です。＾＾；
ってそれだと厳しい！と思われる方もいると思いますが、ちゃんと通訳として、長谷川恭久さんと、オリ・スタットホルムさんがついていますのでご安心を。
お二人もまたスペシャリストですので、技術的な質問についても安心してください。

5月8日までの申し込みで早期割引

あまりもう日が無いですが、今なら少し安く申し込めるようです。
ぜひ皆さん貴重な機会ですので、参加してみませんか？

2009/05/02：追記
Johnからのメッセージもあります。

実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions East

Web Directions South’08で講演をおこなったDiggのDaniel Burka氏の紹介と、その時の語られたユーザビリティについてのお話から学ぶ海外のユーザビリティ思想について菊池聡氏が講演されます。
※Daniel Burkaご本人の来日ではございませんのでご注意を。

元ネタのスライドはこちら↓

このスライドだけでは内容は分からないと思いますが、なんだかインスピレーションは沸きませんか？
詳しくは3月20日に、海外のユーザビリティと日本のユーザビリティの違い、その中でも僕たちが生かせるもの是非参加して学びましょう。

特典：Web Direction East’09のチケットが当たる！？

参加者５０名以上になりましたら、抽選で１名に今年開催予定のWeb Direction East’09のチケットが当たるようです。
また昨年開催されたWDE’08の限定WDE08カンファレンスバッグのプレゼントもありますので、こちら目当てで参加してもいいかも笑

参加条件ではありませんが、こちらのWeb Directions East09 -express-のmixiトピックから参加表明してもらえた方がプレゼント／抽選の目安になるということなので、よければ表明の方よろしくおねがいします。

イベント終了後、交流会なども考えていますので、ご興味がある方は上記のmixiトピックまたは「Web Directions East」コミュニティや「リクリ」のコミュニティなどをチェックしてください。

スピーカーと資料

「はじめてのCSS3」
hiloki
資料：http://www.inkdesign.jp/sample/css3/css3mixi.html（デモページ）

「jQuery de DOM」
いたさん
資料：http://www.studio-bloom.org/public/chat/index.html

「[wordpress]ページ階層をメニューにして出力するプラグイン」
大怪獣もぎゃさん
資料：http://blog.mogya.com/2009/02/recreators-chat-vol2.html

「パノラマのネタ明かし」※仮題
GoofyMANIA#23さん
※下記イベントでもパノラマ系のお話をされます。
QTVR Diary -OFFLINE- vol9（4月11日）
css nite vol.14

「実はこんなこともできる Fireworksの裏技」
@kira±さん
資料：http://homepage.mac.com/akira_maru/download/ReCreatersChat_Vol2_maru.lzh
Extending Adobe Fireworks CS4
http://help.adobe.com/en_US/Fireworks/10.0_Extending/

「まっとうなFlasherになるための３つのこと」
スーパー肩パッドさん

「iTunes Storeってどやさ？」
coyummyさん
資料：http://d.hatena.ne.jp/coyummy/20090223/1235396619

下記でもイベントについての感想など紹介いただいています。
参加された皆様ありがとうございました。

http://blog.mogya.com/2009/02/recreators-chat-vol2.html
http://www.studio-bloom.org/archives/1000

昨年大阪で開催されたallwebクリエイター塾のXHTML+CSS基礎講座が1月11日に開催されます。

• XHTML,CSSを基礎から学びたい方
• オーサリングソフトに頼ってしまい、ビジュアルのみでサイト構築をしてしまう方。
• テーブルレイアウトでサイトを構築することに慣れてしまった方。
• Web標準を勉強されたい方

上記のような方には非常にオススメの講座となっています。

また講師の菊池さんはgihyo.jpで現在連載（「CSS3大接近」）を持たれているXHTML+CSSのスペシャリストです。

なおこちらの記事を見て参加された方には、もれなくFirefoxのシールと、また抽選でDesign It!の2号がもらえるようです。

是非気になる方は参加されてみてはいかがでしょうか。

12/1 設計から開発を円滑に進める方法

設計から開発までのプロセスにおいて、Drew McLellan がデザイナーと協業する上で考える俺的チェックリストの紹介。
レイアウトやインタラクションを考える際に気をつけることなど。柔軟かつ拡張性を考えるのが大事ですよ、というお話。

12/2 幾何学模様の背景画像の作り方

非常にわかりやすいテクスチャパターン作成のチュートリアル。でもこの作り方よりも素材のセンスが海の向こうの人は素敵だと思います。
筆者のVeerle Pietersのブログはいろんなところでよく見ていた好きなブログのひとつです。

12/3 ユーザースタイルシート

Helvetireaderというヘルベチカ好きにはたまらないGoogle Readerスキン（ユーザースタイルシート）を作ったJohn Hicksによるユーザースタイルシート作成のコツです。属性セレクタをつかったimgタグの置換方法は斬新！

12/4 低予算でつくる検索サービス

Yahoo!UKのChristian Heilmannが紹介するのは、検索プラットフォームであるYahoo! BOSS（Build Your Own Search Service）。BOSSを使って検索システムをつくってみようよ！的な内容になっています。個人的にはあまりアンテナを向けていない方向性なのですが、やってみたい気がします。
※「On A Shoe String」が「わずかな予算で」的な意味か、「靴紐を結ぶように簡単に」的な意味かわからないですが、ある意味どっちにもマッチした記事かと思います。

12/5 「Looking Room」を使ったアートディレクション

Mark Boulton は「Looking Room」と呼ばれる構図のテクニックを利用することで、ユーザーの視線がどう誘導されるかを紹介しています。
サンプルの写真・画像を見ればよくわかりますが、被写体が向いている方向を目線は追ってしまうということです。実際に彼が携わったBBCのサイトも例にあげられています。

12/6 Google App Engineを使ってみよう

pythonプログラマのMatt Riggottによる、Google App Engineを利用したアプリケーション開発を、その立ち上げから公開まで紹介しており、またそのメリット・デメリットを説明してくれています。

12/7 Rockband’ism

Rockband’ism（ロックバンド主義？）という独創的な切り口で、ビジネス思考を考えなおそう、というような・・・内容かと思います。
Henriette Weberさんはマーケティング・ブランド戦略のスペシャリストのような方だと思うのですが、このロックバンド主義、というのは僕にはまだ難しいです・・・。

12/8 IE6方程式

これはIE6をいじり倒したネタ記事ですね。（で、ですよね？）
IE6にかけるコストの方程式を公開してみたりと、理系的ないじり方が面白いですね。
結論的に、これは現在の流れでもありますがモダンなブラウザにはそのブラウザで表現できるリッチな体験を、IE6に決してあわせる必要は無いよね、というお話です。
Jeremy Keith のこの記事では、IE6に対してより強い姿勢を見せているわけですが、というわけで海外でもIE6なんとかしろ風が強く吹いているというわけですね。

12/9 クライアントを魅了しよう

自分の売り込み方を見直して、クライアントに対してやるべきことなどが解説されています。
こうしたことも海外に限らない事例だと思うので、参考になるのではないでしょうか。

12/10 クリスマス “vCarf（hCard）” をあなたに

microformatのhCardフォーマットを利用して、vCard形式でクリスマスカード（html）を作ろうというアイデアです。
実用性は・・・別として、microformat+CSS3によるスタイリングで作り上げたプロセスは非常に興味深いです。

12/11 インタラクティブなワイヤフレーム

Richard Rutter は8日のJeremyと同じClearleft社のコンサルタントですが、彼の推奨するHTMLワイヤフレームは非常にすばらしいサンプルです。
jQueryのCookieを制御するプラグインを使い、ログイン・ログアウトの違いの見せ方などが素敵です。

12/12 “進捗表示” の見せ方

ECサイトでよく見かける進捗状況を伝えるために使われる、（日本語でいうなら？）ステップ表示。
今どの状況・ページにいれるのかを見た目で表現するだけでなく、HTMLとしてはどういうアプローチがよいか解説しています。

12/13 あなたが触れる最初のツール

IE8が2009年リリースとなり、CSSでより多くのプロパティが使えるようになります。（実際に完全普及するわけじゃないので、現実は違いますが・・・）
CSSが不十分だった時代にはtableタグをレイアウトに採用するのが当たり前のようになっていたわけですが、今となってはCSSによるレイアウトが常識のようになっています。
このCSSによるレイアウトというのは、floatやpositionを使ったものをイメージしますが、Kevin Yank はtable的にボックスをレイアウトするプロパティが使えるんだ、ということでコードサンプルとともに解説しています。

12/14 スランプからの脱出

どんな人でもスランプに陥ることがあります。
Tim Van Damme はデザイナーとしてハマってしまったときに「やっていいこと」「やってはいけないこと」をシンプルにまとめています。
その中でも、あえてマルチモニターを使わずひと画面に集中するというのは面白いです。

12/15 モジュール型グリッドレイアウトの作り方

A List Apartのデザインを手がけた一人であるJason Santa Maria は、同サイトおよび個人サイトで採用しているグリッドレイアウトを、モジュール化したclassでコントロールする手法を解説しています。
紙面的なデザインを構成するなら必須になるシステムですね。

12/16 クリスマスディナーのプロジェクトマネジメント

プロジェクトマネジメントというと実務的にどういうものかを考えますが、Meri Williams は「クリスマスディナー」をテーマに、プロジェクトマネジメントにおいて重要なポイントを解説しています。
なかなか例えとして強引そうなところもありますが、立ち上げから締めまでをきちんと終わらせることが重要だということです。

12/17 お祭り書体

（センスの無い訳タイトルでスミマセン）
Jon Tan の個人サイトのヘッダーにあるロゴタイプ、これは画像ではありません。24waysの本記事の最初にあるものが画像に見えるのですがこれはHTMLテキストです。
子孫セレクタ、絶対配置、継承を上手く利用してつくる過程を解説しています。

12/18 光り輝くボタン

CSS3のプロパティを利用した画像を使わないボタンの作り方です。
ただ角丸のボタンをつくるといったものではなく、ドロップｓタドであったり、グラデーションによる立体感や光加減をCSSだけで実現しています。
John Allsopp が非常に得意とする分野ですね。

12/19 mooのクリスマス

mooというのは小さな名刺よりも小さいサイズのカード・ステッカーの印刷などで有名なサービス（企業）です。

日本ではまだそんなに利用者は多くないかもしれないですが、すごくかわいい仕上がりになるカードです。
本記事ではmooが提供しているAPIを使い、XML形式で印刷データをmooに送る方法を解説しています。

12/20 幽霊であふれかえるインターネット

タイトルは仰々しいですが、論点としてはメタデータとしてのタイムスタンプの取り扱いです。
Web上で公開されている写真資料があり、それに関連する日付データとして、画像が撮影された日、スキャンされた日、アップされた日などが伴うわけですが、 それらを表現するのに何が最適だろうかという話です。

12/21 ジオタグをどこにでも

YahooのFire Eagleという位置情報プラットホームを利用して、実際にアプリケーションを作る方法を解説しています。
すらっと関連サービスからコードまで細かく記事によせてくれています。
サンプルコードのファイルをダウンロードできますよ。

12/22 複数カラムレイアウトを絶対配置で

floatとネガティブマージンを使うレイアウトから脱却して、positionをつかったレイアウトテクニックを使ってみよう、ということで非常にわかりやすくコードを使って解説されています。
「Trust me, this will make you feel better」と中見出しがあるのですが、確かに普段使わないレイアウトを使ってみるというのはなかなか勇気がいりますよね。
その原因というのはIE6だったり・・・と思うわけですが、こちらのサンプルでもzoomプロパティをつかった制御などが必要となることもあるようです。難しいですね。

12/23 殺し屋

クリスマスに物騒なタイトルですが、要はクライアントを仕留める？ために、契約をしっかりしましょう、という話です。
国内外問わず、いやむしろ海外のほうがこういった契約関連での問題が多いのか、特にフリーランスの方とかは悩めるところなのかもしれないですね。

12/24 不況に役立つtips

2008年最後はJeffrey Zeldman です。
彼がドットコム・バブル破綻の時期にHappy Cogを立ち上げたときに経験したことを元に、今の不況にWebデザイナーたちがどう構え立ち向かうべきか解説されています。
CSSのデバッグに4時間もかけるよりも、5分でもビジネスの話をしなさいといった話なのですが、こういった意識を皆で共有することで、Webデザインをビジネスとして底上げしていこうという思いが感じられます。

2008年 24waysまとめ

はじめて24日間のこのサイトの記事を読んだわけなのですが、思いのほか最終日のzeldmanのようにコードやスクリプトなどの技術ではないところでの話題をピックアップしているのが非常に興味深かったです。
自分もいちWebデザイナーとして仕事をしているわけなのですが、こうしたビジネスの側面でもっと共有し合うことは今必要なのではないでしょうか。
とはいえ、新しい技術を取り入れてサイト・アプリケーションを作るという発展も必要ですから、リクリでは来年さらに多くのブロガーを招いて特定の分野に偏らず、情報を共有できればと思います。

来年もリクリをよろしくおねがいします。

反省点ももちろん多いわけですが、こういった形のイベントは継続していきたいと考えていますので、この記事を読まれているあなたも是非次回参加してもらえたらと思います。（話し手でも、聞き手でも）

Re:Creator’s Chat 1stで話されたテーマや資料は下記ページをご覧ください。

Re:Creator’s Chat 1st

また下記のブログでも紹介いただきました。

• blog colorim: Re:Creator’s Chat 1st
• Re:Creator’s Chat 1st – VR Podcast – 普段着の京都の360°パノラマ風景をあなたのiPodの中に
• つまみぐいIE8(CSS編)@リクリ – Thousand Years
• 山あり谷ありブログ » Blog Archive » ペチャクチャナイト
• 2008-10-06 – ねぎを刻むブログ
• 2008-10-06 – TRANS [hatena]

ということでその詳細をこちらでお伝えしたいのですが、せっかくですのでWebサービスを活用してみようという思いつきで、

イベント開催支援ツール：ATND（アテンド）

を、使ってみます。

イベント開催支援ツール：ATND（アテンド）

• イベント告知ページの作成
• Mixi, はてな、Yahoo! JAPAN、LivedoorなどのIDによる参加申込 (openID)
• アンケート機能
• 参加者リストのDL

イベント告知ツールとしては最低限ほしいような機能を備えていて、参加のためのログインにmixiのIDが使えるので、リクリ的には相性ばっちりです。

ということでまずmixiIDでログイン。
「mixiでログイン」をクリックすると、mixiのページに移動するので利用規約に同意。そのまま保存してください。
※ユーザーIDは変更してもOKです。mixiネームとかに。

イベントに関する情報をいれていきます。うーんシンプル。
ひとつひとつのパーツが大きいのが非常に素敵ですね。

最後の作成ボタンの手前に「アンケート」を作る機能があるんですが
ここでアンケートを作ると、イベントの新規参加者に対して任意のアンケートを出すことができます。

今回は、

• ペチャクチャしますか？
• 何について話す予定ですか？
• お持ちのブログ・サイトをよければ教えてください

なんてのをいれてみました。

※しかしこのアンケート機能、作成後に編集ができません。
たぶんのちのちに改善されるかと思いますが、今はそういう仕様のようです。
アンケートを作り直したいときは、イベントそのものを作り直しです。。。

というわけで完成

Re:Creator’s Chat 1st
http://atnd.org/events/36

さっそく「このイベントに参加する」から参加してみてください！

ちなみに、参加したら絶対しゃべらないといけないわけではないので、見るだけの参加でもOKです。

でもきっと観ていたらしゃべりたくなるはず！？

2004年から東京でXHTML+CSS講座を開催している老舗のallWeb講座が
大阪で開催されます。

XHTMLとCSSの技術の8割は基礎と言っても
過言ありません。体系的にわかり易く学ぶことで、抜けていた知識も
マスターいただける講座となっています。

Dreamwearなどのオーサリングに頼ってしまってCSSで躓いてしまって
いる方にはオススメの講座です。今回の講座で学ぶことでオーサリング
ソフトでの作業も効率的に使うことができます。
ぜひ、この機会に受講していただければと思います。

まだXHTML+CSSを学び始めて間もない方も、社内でどう勉強していけばいいか
分からない方などにも参考になるのではないのでしょうか。

■9月6日（土）9時30分～17時30分（7時間）
「はじめてのXHTML+CSS（入門）基礎講座」

■講師：菊池崇
マイクロフォーマッツJapan代表
株）Actlink Webディレクター
技術評論社ウェブサイト連載

▼詳細・お申込み▼
http://osaka.all-web.org/

9/15（月）に心斎橋アップルストアにて、CSS Nite in Osaka, Vol.11が開催されます。

• 『脱・やらず嫌い！デザイナーさんのためのFlash ActionScript 3.0 入門以前編』〜「AS3.0は敷居が高い」へのアンチテーゼ〜
• SEOブランディング　〜SEOを好きな人も嫌いな人も！〜
• はじめてのSubversion（サブバージョン）
• 超簡単！「サイトの裏側(サーバー編）

ブログを連載しているto-rの西畑一馬も「はじめてのSubversion（サブバージョン）」というテーマでお話されます。
[2008/08/13 追記]
西畑一馬さんの出演は 2008年10月15日開催の Vol,12 での出演となりました。

なかなか興味深いセッションが揃っていますので、是非皆さん足をお運びください。