CSS Nite公式サイト

2013年2月21日（木）19:30-21:00、コワーキングスペース茅場町Co-EdoでCSS Nite @Co-Edo, Vol.4「神速Photoshop」ライブ版を開催しました。

会場参加で27名、Ustreamでは280名の方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Nite @Co-Edo, Vol.4「神速Photoshop」ライブ版 - Togetter

こちらは出演者のブログです。

• 「神速Photoshop」ライブ版 CSS Nite @Co-Edoにて登壇させていただきました。 | ウープスデザインブログ (デザイナーまめこ)

2013年2月23日(土)、福井県産業情報センタービルでCSS Nite in FUKUI, Vol.6を開催し、120名ほどの方にご参加いただきました。

ツイートは下記にまとめました。

• CSS NIte in FUKUI, Vol.6 - Togetter

次のブログで取り上げていただきました。ありがとうございます。

• CSS Nite in FUKUI Vol.6 に参加してきた！ - とりあえずがんばる（β）
• CSS Nite in FUKUI, Vol.6 に参加してきた | 15NOTE
• CSS Nite in FUKUI（レスポンシブWeb＆SEO）に参加してきました！ | 生地屋のおやじの独り言

松尾さんのスライドは公開されています。

2012年2月20日(水)、KDDIウェブコミュニケーションズセミナールームでCSS Nite redux, Vol.7 伝わる！広告デザインの「なぞり方」を開催し、22名の方にご参加いただきました。

2013年1月にオープンしたばかりのコワーキングスペース茅場町Co-Edoを会場に、2013年2-4月、小さいCSS Nite（CSS Nite @Co-Edo）をたくさん行います。

各回とも、19:30-21:30、なにかしらのワークショップを絡めての90分。定員は36名。

興味のあるものがあれば、お申し込みください（当日払い）。定員が限られていますので、確実のご参加いただける方のみ、お申し込みいただけると助かります。

なお、それぞれの告知ページからFacebookイベントにもリンクしています。アップデート情報はFacebookの方が早いことが多いので、可能であれば、Facebookイベントにも「参加」ステータスにしておいていただければ。

2013年2月9日、韮崎市民交流センター NICORI （ニコリ） 多目的ホールでCSS Nite in KOFU, Vol.2を開催し、50名弱の方にご参加いただきました。

ツイートは下記にまとめています。

• CSS Nite in KOFU, Vol.2 - Togetter

CSS Nite in KOFUの終了エントリーはこちら。

• 開催報告 | CSS Nite in KOFU, Vol.2

次のブログで取り上げていただきました。ありがとうございます。

• CSS Nite in KOFU, Vol.2に行ってきました ～前編～ | Eat anything | Eat anything

2013年2月2日(土) 、ベルサール九段で「CSS Niteビギナーズ：Web解析」を開催し、およそ200名の方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Niteビギナーズ：Web解析 - Togetter

吉田さんのフォローアップは、すでに公開されています。

• CSS Niteビギナーズ：Web解析フォローアップ資料 | カグア！Googleアナリティクス解説Blog

次のブログで取り上げていただきました。ありがとうございます。

• 【イベントレポート】CSS Niteビギナーズ Web解析レポPART1 #cssnite_bgnga | インフォバーンKYOTOブログ‐見習い小僧がお届けします。‐
• CSS Niteビギナーズ：Web解析へ行ってきました | Webデザインのタネ
• 【イベントレポート】CSS Niteビギナーズ Web解析レポPART2 #cssnite_bgnga | インフォバーンKYOTOブログ‐見習い小僧がお届けします。‐
• プロジェクトの成功に求められるWeb解析のスピード化（CSS Nite参加レポート） | Webディレクターズマニュアル

出演者、関係者のブログ：

• CSS Niteビギナーズ：Web解析、ありがとうございました！ - 日本情報化農業研究所、社長日記、かも日記。
• inside “CSS Niteビギナーズ：Web解析”お手伝いをしてきました |
• 2013-02-04 - リアルアクセス解析
• アクセス解析、入口と出口 - Taste It | BananaAd

撮影：飯田昌之

2013年1月17日（木）、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.67が大変好評だったため、ロングバージョン（6H）を下記の日程にて開催します。

• CSS Nite redux, Vol.7（2月20日） ※ほぼ満席
• CSS Nite redux, Vol.8（3月13日）
• CSS Nite redux, Vol.9（3月14日）

参加者特典として、ウォンツDVDの割引購入が可能ですので、ぜひご検討ください。

2013年1月29日(金)、コワーキングスペース茅場町Co-EdoでCSS Nite at Co-Edo, Vol.2 「マルチデバイス化を見据えた コンテンツ設計 基礎講座」を開催し、27名の方にご参加いただきました。

セッションのコメント

• 貴重な講演ありがとうございました。いままさにコーポレートサイトのマルチデバイス化を検討している段階なので、とても参考になりました。まずはコンテンツの棚卸しからはじめ、利用者が必要とするコンテンツを提供できるように、日本人の信頼も取り戻したいと思います。。w是非、次回講演、コンテンツモデル、コンテンツストラテジーに関するワークショップなどの開催をお願いいたします！本日はありがとうございました。
• システム開発をやる側としては、項目の数が増えればそれだけ、テストや仕様書の制作などの手間がどんどん増え、それが制作費に跳ね返るので、なかなか今日の話を常に実践しようねとは言いにくいのが現状ではあります。とはいえ、それをなんとなく流れされちゃうのと、できるだけ理想を追い求めるのは違うと思われ、こういった意識改革は大切だなと思います。
• Webに対する知識が浅くとも、大変聞きやすい内容でした。今後時間さえあえば、継続的に参加したいと思います。
• コンテンツは企画段階で設計せねばならない、その認知と啓蒙を私たちがやっていかなければならないというメッセージを受け取った気がしました。Web業界を志す者にとって大切な事はイノベーターの意識を持ち続ける事だと改めて感じる、熱いセッションでした。また、所属も立場も違うメンバーとのワークはとても楽しく貴重な経験でした。本当に楽しい3時間でした、ありがとうございました。
• データモデリングは、普段の仕事で行っていたのですが、マルチデバイス対応を視野にいれたモデリングという視点は大きく抜けていたので、とても参考になりました。

2013年1月17日（木）、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.67のフォローアップとして、岩崎 サトシさん（ウォンツ）「失敗しない広告デザインの作り方」のスライドを公開します。

• スライド（PDF、39ページ、6.6MB）

好評のため、こちらのフルバージョンを2月20日に企画しましたが、早々に満席になってしまったので、次の日程にて、再演版を開催します。

• CSS Nite redux, Vol.8（3月13日）
• CSS Nite redux, Vol.9（3月14日）

参加者特典として、ウォンツDVDの割引購入が可能ですので、ぜひご検討ください。

メッセージ（岩崎さんから）

「失敗しない」広告デザインの作り方のセッションを担当した、ウォンツのバッチリ先生こと岩崎サトシです。 お忙しい中、お越し頂いた皆さまに心から感謝申し上げます。今回は、特に非デザイナーの方を対象に、出来るだけシンプルなデザインセオリーと考え方について解説させて頂きました。ここで改めて、お伝えしたかったポイントをまとめると、以下の通りになります。

• デザインに絶対的な正解はない（常にケースバイケース）
• 非デザイナーが100点を目指すことはあまりにも困難
• 初心者にありがちな失敗を避けるだけで、70点位は取れる
• そのために、シンプルなルールを守る

そしてもう一つ。私のデザイン経験と、後輩スタッフを育成する中で培った「デザインセオリーをなぞる技術」＝トレース・デザインテクニック(R)について。デザインを学ぶ、教えるということは簡単なことではありません。

その理由は、「常にケースバイケース」であるということと、

• 「十人十色の感性」に依存するからです。
• 「もっとスパーンと余白を空けた方がいいよ！」
• 「スパーンってどれくらい？？何で？？」

といった掴み所のないやりとりを無数に繰り返さなくてはなりません。 　 こうした問題を解決するために、私が実践してきたことが「お手本を正しくなぞる」という方法です。「パクる」ではなく、理想のデザインに隠されたセオリーを意識して「なぞる」ことができれば、非常に早くデザイン力を上げることが可能です。

最後に。CSS Niteのキャッチコピー「スキルからセンスへ」に寄せて。今回の私のお話は「センスに依存しないスキル」についてが大半でした。しかし、センスは絶対に必要なものだと思っています。それは、いわゆるデザインセンスではなく「人を感動させたい」と思うセンスです。デザインは、その想いをカタチに変えるツール。そんな風に考えて頂くと、もっと気楽に楽しくデザインができると思います。楽しいことは放っておいても上手くなりますからね！

追伸

弊社が開発した、Webブラウザ上で無料でご活用頂けるHTML/CSS/JavaScriptコーダーツールの最終系。「dodaCoder」を是非使ってみてくださいね。（現在β版公開中）

メッセージ（ウォンツさんから）

今回のCSS Nite in Ginza, Vol.67 では、講師である岩崎が自ら制作した教材、「Webデザインのなぞり方」と「失敗しない広告デザインの作り方」に沿ってセミナーを行いました。

これらは、単独のDVD映像教材としても販売しております。

• 「WEBデザインのなぞり方」講座
• 「失敗しない」広告デザインの作り方講座

セミナーを聞いて実践してみたくなった方は、是非教材のほうもご覧下さい。

2013年1月17日（木）、アップルストア銀座でCSS Nite in Ginza, Vol.67を開催し、170名近く方にご参加いただきました。

岩崎 サトシさん（ウォンツ）をお迎えし、「失敗しない広告デザインの作り方」と題してお話しいただきました。

懇親会はコワーキングスペース茅場町Co-Edoで開催しました。

ツイートは下記にまとめました。

• CSS Nite in Ginza, Vol.67「失敗しない広告デザインの作り方」 - Togetter

次のブログで取り上げていただきました。ありがとうございます。

• CSS Nite in Ginza, Vol.67「失敗しない広告デザインの作り方」に参加してきた | ColdSleep

ご参加された方は、オンラインアンケートにご協力ください。 回答いただいた方には、いち早くスライドをシェアします。

アンケートから

次のような感想をいただきました。

• あっという間の1時間でした。デザインをすることの楽しさがつたわりました。あまり難しく考えなくてもよい、ミニマムなポイントさえ守っていくとよいぞ、とわかりました。
• 今日はおもしろかった
• デザインの本などではなかなか書かれていない考え方などが聞けて面白かったです。とくに「一人の人を喜ばせようとデザインすると、うまくなる」という部分は私もよくそうしているので共感出来ました。
• また機会があればお話きかせてください。
• テンポが良くて簡潔で、とても頭に残る内容でした。参考になりました。もっと具体的ななぞりも、見てみたかったのですが、短い時間にエッセンスがまとまっていて、いろいろ想像できて、よかったです。業務や教育また、クライアントと話をするときにも使えるＴｉｐｓだと思います。
• 初心者向けで、ざっくりですが良かったです。大事なので技術以外にありますね。ワクワクして作るのが大事です。
• 基本的過ぎだが、なぞるというのは面白かった。
• 公演ありがとうございました。自分でデザインする時にも、意識する点を確認出来てよかったです。あの時間内で的確に内容をまとめられてすばらしいかったです。ポイントとは言え、抑えなきゃいけない部分多くなるので。。。そういう意味でも有意義な時間でした。ありがとうございます。
• 毎月社内報作っていましたが色とフォントはダイエットせねばと思いました
• デザインに対して普段考えてたことが整理された感じです。参加して良かったです。ありがとうございました。
• バッチリ先生、最高です。ありがとうございました。
• デザインの基礎がとても分かりやすく、5W1Hを忘れずに制作を行うようにして行きます。とても楽しい時間をありがとうございました。
• デザインに関して教わるのは初めてで、すべて新鮮でした。大変参考になりました。
• 時間配分はちょうど良いと思います。あれより長いと間延びしますね…
• マークアップ担当なのですが、デザインに関しても興味があったので、とてもいい機会でした。
• 短い時間でも分かりやすいお話しで要点がつかめました。ありがとうございました。
• 今後仕事をしていく上で、かなり役にたちそうで、興味深く、楽しい時間を過ごさせていただきました。ただ、もう少し時間が長かったら嬉しかったなと思います。DVDも欲しくなりました(^-^)ありがとうございました！
• 早いところがあり、メモれなかった箇所がいくつかありました。
• とても良かったです。また楽しみにしています。
• Appleストアのアプリのワークショップでたまたま知り参加しましたが とても興味深い内容で非常に楽しかったです。デザイン系の仕事に就きたいと考えていたため、参考になることがたくさんあって勉強になりました！今度は是非 事前に予約して参加したいと思います。もう少し時間があればもっとたくさんお話が聞けたかな、と思うと少し残念ではありますが、テンポが良く聞き入ってしまいました。最初は1時間は短いかと思いましたが、集中を切らさず受講できてよかったです。コンパクトに要点が絞られた内容でわかりやすかったです。
• 自分の力では説明がとても早く感じられついていけませんでしたが後で資料を見て復習して頑張りたいです。デザインをあきらめず頑張ってみようと思いました。ありがとうございました。
• テクニカルライターからwebデザイナーへキャリアチェンジを考えてます。キャリアがなく不安なのですが、とてもわかりやすい内容でした。ありがとうございました。
• 岩崎さんのブロックを意識してデザインする、というのはとてもタメになった。
• 紙、WEBなど媒体に関わらず、デザインはクライアントの状況や、また見せ方等々で印象が変わる・・・・。日々の業務で直接クライアント様と打ち合わせをするので非常に共感出来ました。ホワイトスペースの重要性も非常に興味深かったです。
• いろいろなことの根本となることを丁寧に解説していただけて、とても参考になりました。会社の部署編成の変更でWEBの素人さん2人と、無理やり3人チームを組まされることになったのですが（面倒見てあげて的な…）その2人にいろいろと説明をするときの切り口としても勉強になったかんじです。ありがとうございました。
• お疲れ様でした。とても良いセッションであったと思います。デザインの概念、理論はレクチャーが難しいですが、私自身も、効率がいいデザイン理論の指導方法を考えていきたいと思っています。今後も宜しくお願いいたします。
• セミナーの間に「時間」と気にされて繰り返し話されていたのが、気になりました。
• 正解が見つからないデザインですがまさに習っていないからこそ頭を捻るばかりでしたが納得がいきました。特に、わからなくなったときは誰か一人のために作る。ということを考えて作ると良いというのは一番解りやすく納得でき、それならアイデアが浮かびやすいと思いました。楽しく作るということを忘れかけていたので、いい刺激になりました。ありがとうございました。
• 楽しい時間をありがとうございました。個人的には、かなりベーシックな内容でしたので、自分のスキルアップの為の情報としてはちょっと期待したものと違っていて戸惑いました。その一方で、今回の内容はデザイナーではない他の人（主にスタッフ、或はクライアント等）への教育・コミュニケーションにはとても有効に活用できるかもと思いました。
• 講師の方の説明がとても解りやすかった。はじめは１時間という時間が他のセミナーに比べて、短いという印象があったが、内容が詰まっていれば、尺の長短は気にならないのだと思った。
• 私は約3年勤めた会社からちょうど転職するところで、この3年間で自分がデザインに関して感じたこと、学んだことがまるまる今日の内容に合致していたので、いろいろと納得することがあったことが、何よりの収穫でした。ありがとうございました。
• やや初歩的・基礎的かなとも思いましたが、「なぞり方」のところのアプローチやわかりやすい事例サンプル紹介は参考になりました。プレゼンは少しドタバタがあったようにも見えましたが、話し口調が常に安定していてとても聴きやすかったです。ありがとうございました。
• 基本的すぎたけど、なぞるという部分は面白かった。
• 運営の都合もあるかと思いますが、もっと時間があれば、しゃべる方も聞く方もハッピーだったと思います。
• わかりやすく拝聴しました。わかっているようなことでも、改めて聴くと、意外とできてないことに気づきます。デザインはおもいやり。いい言葉ですね。
• 「デザイン」は「思いやり」「おもてなし」という考えにとても共感しました。ＷＥＢ制作において、分かっているようであいまいになっていた５Ｗ１Ｈをきちんと意識しながら、訴求効果の高いコンテンツを制作していきたいと思います。とても勉強になりました。ありがとうございました。
• すぐ実践できそうな内容で、後輩にもシェアしたくなりました。もっと長いバージョンも聞いてみたいてす。
• Web関係やデザイン関係のスペシャリストの方が殆どの中、懇親会まで参加させていただいてしまいました。デザインする時の基本となる部分は、それを見る人への「やさしさ」「思いやり」だという、シンプルだけれど とても深い言葉に感動しました。これから チラシを作るのが、わくわくしてきます＼(^o^)／こんなに「いいこと！」を聴かせていただいて 無料なんて申し訳ないくらいでした。岩崎先生、CSSのスタッフの方々、本当にありがとうございました！
• 時間上の関係だと思いますが、一部の項目をもっとじっくりききたい所、または「もし時間があれば説明します」ところが多く、結局一部は説明する時間がなかったことが少し残念でした。しかし、簡単で、理解しやすい説明、適切な例など講義の内容はとても満足できました。
• 有料でやっている方のイントロダクションのようなセミナーがあるといい。
• 新人へどう伝えるか？(FB)の部分でセミナーでの説明が非常に参考になりました。
• デザイナーとして価値を付与すること、相手の想像を超えること、なんにしてもやっぱり目的思考にいきつくなと改めて実感できました。
• とても良かったです。無料とは思えない程充実してました。次回は、もう少し専門的な内容でもよろしいかと思います。
• とても分かりやすく参考になるお話が多かったのですが、欲を言えばもう少しじっくりと時間をかけてお聞きしたかったです。
• 短い時間だったかと思いますが、かえってデザインの要点をしっかりと理解できました。すぐに使っていくことができそうです。
• 軽妙なおしゃべりで和ませていただきました。楽しみながら学んだり仕事をすることは大事だと近頃思います。
• 全体的に丁寧で、初心の大切なポイントを振り返るいい機会になりました。質疑応答で、もう少し中身のある回答があればよりよかったかなと感じました。
• ばっちり先生のセミナーはウケも混じえつつ初心者にもわかりやすく解説していただきとても楽しめました！私も初心に戻れる良い機会だったと思います。
• 丁寧でわかりやすくよかった。また参加したい
• 私はWebデザイナーではなく、MSOffice、HTMLやCSSを企業や職業訓練などで教えるインストラクターの仕事をしています。コーディングは難しくないけど、デザインは難しいと常に考えてきました。昨日のように分かりやすくポイントを抑えて説明して頂くと、なるほど！と納得できます。今後の授業に役立ちます。ありがとうございました。
• 簡潔かつ的確で非常にためになる講座で今後もぜひ開催と参加を希望します。知ると知らないでは大違いで今回参加し、目からうろこでした。とてもよい講義でわかりやすかったです　これからも頑張ってください　　今後のご活躍と動向から目が離せないため教えていただいた御社のHPやSNSなど要チェックさせていただきますね　この様な機会を設けていただき感謝いたします
• 基本のおさらいができ、頭の中が整理されました。ばっちり先生の解説がとてもわかりやすく、「教えること」への関心も生まれました。ありがとうございました。
• バッチリ先生という芸名以外は、バッチリでした＾＾；「学校」で教えてもらった人間としては、いい復習になりました。
• あとは、バッチリ先生に添削してもらうと、「バッチリ！」とか言ってくれるのか気になりました。
• とてもわかりやすかったです。またバッチリ先生の話を聞きたいです。

2013年1月12日、ベルサール半蔵門でCSS Nite LP26 「CSS Preprocessor Shootout」を開催し、233名の方にご参加いただきました。

ツイートは下記にまとめました。

• CSS Nite LP26 「CSS Preprocessor Shootout」 - Togetter

次のブログで取り上げていただきました。ありがとうございます。

• CSS Nite LP26にいってきたよ！ | ねこみみ隊長らしい。
• CSS Nite LP26 CSS Preprocessor Shootout | Mima Design Memotto
• CSS Nite LP26に行ってきました | Webデザインのタネ
• CSS Nite LP, Disk 26「CSS Preprocessor Shootout」に参加してきました。 - E-riverstyle Vanguard | CSSやXHTML,Javascriptやweb製作に関する事を紹介
• CSS Nite LP, Disk 26「CSS Preprocessor Shootout」に行ってきました - megu.tv
• CSS Nite LP, Disk 26「CSS Preprocessor Shootout」 | blog.makitasako.com
• CSS Nite LP26 Related Links ? megutv ? Storify
• CSSプリプロセッサが変えるもの（CSS Nite LP, Disk 26に参加して）｜withComputer
• CSS Nite LP, Disk 26「CSS Preprocessor Shootout」に行ってきためも。 - Mitsu.log();
• CSS Nite LP, Disk 26「CSS Preprocessor Shootout」に参加してきた ? shilog
• 純喫茶エピソード - こんばんは。「純喫茶エピソードvol.51」でございます。 ...
• CSS Nite LP26 「CSS Preprocessor Shootout」に参加してきました | ブログ :: Web notes.log
• CSS Nite LP, Disk 26「CSS Preprocessor Shootout」に参加してきました！ 【 gabs.log｜おしゃべり好きなWEB制作者のたわごと 】
• CSS Nite LP, Disk 26「CSS Preprocessor Shootout」行ってきた | toybox

こちらは出演者のブログ。

• CSS Nite 26「CSS Preprocessor Shootout」が終了しました。[to-R]
• CSS Preprocessor Shootout（個人的な） - inkdesign
• 撃ち合いお疲れさまでした（CSS Nite LP26） ::ハブろぐ

撮影：飯田昌之

2013年になりました。

2012年に開催されたイベントにお申し込みされ、送金後にキャンセルされた方で、万が一、返金されていない等ありましたら、お気軽にご連絡ください。

• お問い合わせ（ご意見箱）

なお、CSS Nite LP25（Shift 6）の返金について、こちらからご連絡し、連絡待ちの方が4名いらっしゃいます。

2013年4月13日(土) 13:30-19:30、ベルサール九段で「CSS Niteビギナーズ：HTML5+CSS3」を開催します。

これまでも取り上げてきたトピックですが、じっくり勉強 したい、という方向けに、HTML5やCSS3のキホン 、および、HTML5 Boilerplate、Normalize.css、 Twitter Bootstrapなどを取り上げ、HTML5/CSS3関連で2013年に必要とされるスキルセットをまとめて1日で学べる機会を提供します。
なお、「CSS Niteビギナーズ」という名称がついていますが、HTMLやCSSの基礎、Web制作のおおまかなワークフローについては理解されていることを前提条件とします。いいかえれば、HTML5/CSS3での差分や制作環境などにフォーカスします。

正確なセッション情報をまだ公開していませんが、それを含めて、1月末まで2000円オフの早割を設定しています。最新情報は、Facebookページもご覧ください。

• Facebook：CSS Niteビギナーズ「HTML5+CSS3」

今週の木曜日（1月17日）19:00からアップルストア銀座（3Fシアター）にて、CSS Nite in Ginza, Vol.67を開催します。

今回は、「失敗しない広告デザインの作り方」と題して、ウォンツの岩崎 サトシさんにお話しいただきます。

事前登録を行った方

• 入場時に受講票をご呈示ください。ご呈示ない場合には、事前登録は無効とさせていただきます。
• 受講票は1月14日（月）12時頃に、登録されたメールアドレスにお送りしています。
• 18:45前にご来場の場合には1F右手奥からの階段にてお待ちください。開演時間まではエレベータ階段をご利用ください。
• 椅子席は先着順です。
• 後から来る方の「椅子取り」はご遠慮ください。

※事前登録を行っていても、座れない可能性があります。

事前登録を行っていない方

• エレベータは使用せず、1F右手奥からの階段をご利用ください。
• 18:50からのご入場を予定しています（それまでは階段にてお待ちいただくことになります）
• 当日枠は20-30人くらいの見込みですが、定員180名を超える場合、ご入場いただけない可能性があります。

CSS Niteに初参加の方へ

はじめてご参加される方へをぜひご一読ください。

注意事項

• CSS Niteに関しては撮影、録音などOKですが、アップルストア銀座のその他のフロアーは、写真撮影不可です。
• アップルストア銀座の店内では飲食不可ですが、フタ付きのペットボトル等であれば問題ありません。
• アップルストア内でのお食事はご遠慮ください。

公開ポリシーとtwitter

• スライド、音声は、イベント終了後にCSS Nite公式サイトにて公開予定です。
• セミナー中にスライドなどを撮影されたり、録音いただくことは問題ありません。ただし、個人利用（社内での勉強会などの利用）にとどめてください。
• 撮影いただく場合、携帯電話など、撮影時に音が出る機器はご遠慮ください。

キャンセルについて

事前登録された方で、ご都合が悪くなった場合には、キャンセルフォームからご連絡ください。

懇親会について

今回の懇親会は、コワーキングスペース茅場町Co-Edoにて行います。

詳細などは、Facebookページをご覧ください。

2013年1月11日(金)、コワーキングスペース茅場町Co-EdoでCSS Nite at Co-Edo, Vol.1 「マルチデバイス化を見据えた コンテンツ設計 基礎講座」を開催し、24名の方にご参加いただきました。

懇親会では、HTML5KARUTA大会になりました。

セッションのコメント

• ぜひ中級編もお願いします。
• コンテンツに体する考え方が劇的に変わりました。次の講座には必ず参加します。
• テクニカルな視点で考えがちだったマルチデバイス対応をコンテンツメタ情報のマネジメントという視点から考える機会が初めてだったので、非常に新鮮な気持ちで受講することができました。「コンテンツ」に対する視点を持てただけでも、満足しています。
• 大きな会場で聴くだけのセミナー違い、とにかく考えて話ができ、とてもためになりました。まだ実務でマルチデバイス対応など携わっていないのですが、考え方など今後の参考にしたいです。ありがとうございました！
• コンテンツがあとづけになる現状をどうすればいいかなと思い参加しました。内容的にはとても面白かったです。コンテンツの責任の所在がキモなのかなーと感じました。
• 実制作（案件ベース）では、クライアントさんの更新に気を取られコンテンツ設計がおろそかになっていたと気付きました。ワークもとても頭を使い、本当によい機会でした。第2回、第3回もぜひお願いします。
• コンテンツモデルの話が印象的でした。コンテンツを細分化、場面に応じた最適な再構築的な手法にチャレンジしてみたいと思います。「コンテンツ」を改めて考える機会になりました。
• ちょうど会社のHPリニューアルに取りかかるところで、さっそくコンテンツ・モデルを取り込んだ仕組みにしたいと思います。CMSをデータベースのようにして使えばいいんだなーと納得です。パッケージにしてその都度欲しい情報を組み合わせること、細分化することでデザインの自由度が増すこともよく分かりました。
• コンテンツを細分化していくことの大切さを実感しました。リソースとの兼ね合いが悩ましいですが、長くつ変えるコンテンツ、メンテナンスしやすいコンテンツを提供できるように考えていきたいです。コンテンツを考える作る人、コンテンツを整理・編集していく人と、設計する人…どんどんこちらも細分化していきそうだと思いました。
• 目からウロコ！新しい仕事が考えられそうです。ありがとうございました｡
• グループワークが良かったです。
• CMSやWordPressを普段あまり使わないため、CMSの部分はあまりピンと来なかったのですが、コンテンツの詳細カテゴリ化については、かなりためになりました。ありがとうございました｡
• 今、自分がやっているサイトを照らし合わせてしょっしょんちゅうに考えていましたが、サイトをいかにマルチデバイスに対応のみならず相手に伝わるようにするには、改善しなければいけないと改めて感じました。

イベント全体のご感想やご意見など

• ワークも非常に考えることが楽しかったです。ぜひとも次回参加します。
• 今回の続きで、実際にペーパープロトタイプを作ったり、その場でユーザーテストやアクティングアウトするようなワークショップがあればぜひ参加したいです！
• よい内容でした！（コンテンツ） プロセスへの組み込み方と運用中の破綻をどう防ぐかそこが気になります。中級編希望！
• 席のまわりでディスカッションをしながらのセミナーが久々だったので、とても楽しかったですし、刺激になりました。瞬発力で皆で話し合うというのは、アツイですね。
• 少人数が近い感じで、セミナーがよかったです。
• これはこれで良かったのですが、もうすこし具体的な技術系の話を期待してたので、やや期待と違っていました。
• 実践編楽しみにしています。
• CMSのこれからの使われ方をコンテンツ側からの見方で知りたかったので勉強になりました。ありがとうございました。これからAPI化していうこという考え方がもっと広まっていくといいなと思いました。

2013年のCSS Niteは、オープンしたばかりのコワーキングスペース茅場町Co-Edoを会場に、小規模なセミナーを開催していきます。

先日、CSS Nite @Co-Edo, Vol.1が終了したばかりですが、Vol.4-Vol.8の内容が仮決定しましたのでお知らせします。

それぞれ、定員は35-40名、参加費は2500円を予定しています。現在、Facebookにて仮表明を受付中です。

2012年9月22日（土） 、ベルサール神田で開催したCSS Nite LP, Disk 24「インハウスSEO」のフォローアップを公開します。

• CSS Nite LP24フォローアップ（1）『インハウスSEO - 成功する担当者　失敗する担当者』（渡辺 隆広さん）
• CSS Nite LP24フォローアップ（2）『海外企業インハウスの構造と対策にみるインハウスSEOのあり方』（ハント 肇子さん）
• CSS Nite LP24フォローアップ（3）『Googleの最新動向から見るSEO会社の使い方 ?ペナルティ・アラートへの対応とインハウスSEOにおけるSEO会社を使うポイント?』（木村 賢さん）
• CSS Nite LP24フォローアップ（4）『Ask The SEOs』
• CSS Nite LP24フォローアップ（5）『外部リンク獲得のためのコンテンツプランニング ?プランニングを成功させるために重要なたったひとつのこと?』（松尾 茂起さん）
• CSS Nite LP24フォローアップ（6）『事例で考える「SEOの力」』（辻 正浩さん）

2012年6月30日（土） 、ベルサール九段で開催したCSS Nite LP, Disk 23「表示速度最適化」のフォローアップを公開します。

• CSS Nite LP23フォローアップ（1）『Measuring Web Performance - 自己満足で終わらないためのパフォーマンス計測 -』（石本 光司さん）
• CSS Nite LP23フォローアップ（2）『画像の最適化で地球をエコに』（岡部 和昌さん）
• CSS Nite LP23フォローアップ（3）『モバイルWebパフォーマンス最適化』（斉藤 祐也さん）
• CSS Nite LP23フォローアップ（4）『設計段階から実装まで、今すぐ始める高速化＋ライブデモ』（こもり まさあきさん）

2012年6月30日（土） 、ベルサール九段で開催したCSS Nite LP, Disk 23「表示速度最適化」のフォローアップとして、岡部 和昌さんの『画像の最適化で地球をエコに』のスライドなどを公開します。

• スライド（PDF、86ページ、17.6MB）
• デモデータ（55KB）
• 音声

何かを押し売りそうな勢いでセッションをさせて頂きました岡部です。コンセプトは「熱く楽しくゆっくりと」だったのですがやりすぎたようです。

セッションにご参加いただきありがとうございました。内容としては基本的な内容となっていましたので、既にツールを使われている方や熟知している方には少しだけ退屈だったかもしれません。ですが運用時に考えることや、ナレッジなどもお話しましたので、そちらを業務などで活かせていただけたら幸いです。

セッションで出てきたツール関連URL

画像最適化ツール（メタデータ除去などの見た目がかわらないもの）

• ImageOptim make websites and apps load faster (Mac app)
  【Mac】画像のメタデータ除去などをドラッグアンドドロップで簡単にできる
• PNGGauntlet - PNG Compression Software | BenHollis.net
  【Windows】画像のメタデータ除去などをドラッグアンドドロップで簡単にできる
  

減色ツール

• [Web Technology Corp.]株式会社ウェブテクノロジ > OPTPiX Snap（オプトピクス スナップ）
  【Windows】画像の減色を美しい状態を保ったまま行うことが可能
• 無料画像加工サイト インデックスカラー減色と言えば | OPTPiX WebFree | ウェブテクノロジ
  【Webサービス】上記ツールのWebサービス版。一日5枚まで可能。
  

画像最適化複合ツール

• JPEGmini - Your Photos on a Diet!
  【Webサービス・Mac】JPEGを綺麗な状態のまま再圧縮を行う
  

CSS Sprite関連ツール

• The easiest way to create your CSS sprites - SpritePad
  【Webサービス】CSS Sprite画像を保存、CSSを自動で書き出しを行えて、また保存やシェア機能（有料）もある。
• Stitches - An HTML5 sprite sheet generator -
  【jQueryプラグイン】HTML5で作られたCSS Spriteツール。ローカルで動くので気軽に試すのには良い
• SpriteMe
  【ブックマークレット】任意のページでこのブックマークレットを使うと、そのページ内にある画像をCSS Sprite化してくれる。
• ★CSS Sprite Generator | Project Fondue
  【Webサービス】画像をZip形式でまとめてアップロードすると、CSS Spriteを勝手に生成してくれる。ソースコードは公開されているので自社内に設置することも可能。
  

★…セッションでは紹介しなかったものですが、他のおすすめツール

アンケートにあった質問の回答

画像を1ファイルにまとめたときの容量はどれくらいまでが最適か。

ケースバイケースなのでなんとも言いがたいですが、CSS Spriteは画像をまとめればまとめるほど容量は減るので、特に気にする必要はないです。ただし、CSS Sprite画像で使用している色数が多すぎると、減色時に見た目の変化が大きくなってしまうのでこちらもある程度のトレードオフは必要です。

spanではなく1x1のspacer.gifを用いて、その背景にCSS Spriteで表示させる手法についてどう思うか。

「spacer.gif」の1リクエスト余分に飛ぶのでCSSで指定するほうが良いと考えます。

Yahoo!ではどのくらいの効果があったか知りたい。

過去に記事を書いたのでそちらをご参照ください。

大規模サイトでの運用に関して聞きたい。

※Yahoo!としてではなく個人の見解として返答させてください。
やはり同名で画像を保存することは避けるべきです。以下その理由です。
1.大規模になればなるほど、ページごと・モジュールごとの更新や開発が入るため
2.画像同士のコンフリクトを避けるため
3.不慮の事態（表示崩れ）が起きたときに即座に戻せるため

ボタンなどを含めるかで悩むが、Yahoo!ではどういった基準があるのか。

※Yahoo!としてではなく個人の見解として返答させてください。できる限り1枚にすることをオススメします。y-repeat,repeatさせたい画像でなければほぼ含めることが可能です。

2012年、CSS Niteでは65回の関連イベントを通して227セッションが行われました。 のべ参加人数は6,919人（Ustreamでの視聴数を除く）。

2012年のベスト10セッション＋αを選んでみました。選外にも素晴らしいセッションがたくさんありました。

• CSS Niteベスト・セッション2012
• これまでの開催情報 | CSS Nite公式サイト
• CSS Niteベストセッション2011