CSS Nite公式サイト

2012年11月9日(金)、KDDIウェブコミュニケーションズ セミナールームで開催したCSS Nite「After Dark」（5）Coda 2 VS Sublime Text 2のフォローアップとして、こもり まさあきさんの『「緊急指令！ 噂のSublime Text 2をマスターせよ』セッションの動画を公開します。

Video streaming by Ustream

こもりさんのスライド。

こもりさんがまとめてくださったStorify。

• #cssnite_ad5 (with tweets) ? cipher ? Storify

2013年1月12日（土） 、ベルサール半蔵門にてCSS Nite LP, Disk 26「CSS Preprocessor Shootout」を開催します。

Sass、LESS、StylusなどのCSSメタ言語の話題を耳にすることが増えてきました。同時に、それらを活用するためのCompass、CodeKitなどのツールやCoda 2やSublime Text 2など、Web制作をとりまく制作環境は大きく変わろうとしています。 LP26では、これらをまとめて1日で学べる機会を提供します。

• for Beginner
  • 基調講演: CSSの設計／高津戸 壮（ピクセルグリッド）
  • Sass+Compass／石本 光司（サイバーエージェント）
  • LESS／谷 拓樹（サイバーエージェント）
  • Stylus + Nib／佐藤 歩（サイバーエージェント）
  • CodeKit使いこなし／木村 哲朗、西畑 一馬（まぼろし）
  • 各種エディタソフトとの連携／たにぐち まこと（エイチツーオー・スペース）
  • 環境に合わせて快適コンパイル生活／こもり まさあき
• for Masters
  • GREEを支える技術フロントエンド版／山田 あかね（GREE）
  • 毎日の料理のためのSass／池田 拓司（クックパッド）
  • CSS Preprocessorをめぐるエキセントリックな妄想／小久保 浩大郎（Google）×高津戸 壮（ピクセルグリッド）

11月30日までは超早割として、2000円OFFです。2012-2013年、マークアッパーの必須スキルとして、ぜひ一緒に取り組みましょう。

2013年1月17日（木）19:00-20:00、アップルストア銀座 3FシアターでCSS Nite in Ginza, Vol.67を開催します。

今回は、岩崎 サトシさん（ウォンツ）をお招き、ウォンツ制作のDVD「失敗しない広告デザインの作り方講座」のダイジェスト版としてお送りします。

サンプルはチラシ的なものですが、プリントメディアもWebも、デザインの基礎は共通。「デザインに自信がない」、「いまひとつ、デザインが垢抜けない」という方向けの企画です。

なお、アップルストア銀座でのイベントの規約変更に伴い、録音・録画がNGになりました。終了後は、スライドのみ公開します。

2012年11月15日（木）、アップルストア銀座でCSS Nite in Ginza, Vol.66を開催し、170名の方にご参加いただきました。

Webデザイントレンド（自治体編）と題して、原 一浩さん（Greative）、 清家 順さん（ユニバーサルワークス）にご登壇いただきました。

スライド、音声などのフォローアップは、11月中に一般公開します。

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

• CSS Nite in Ginza, Vol.66「Webデザイントレンド（自治体編）」 - Togetter

Togetterは再編集可能ですので、表示したくないものがあれば、お手数ですが、ご自身で削除をお願いします。

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

• 覚え書き@kazuhi.to: CSS Nite in Ginza, Vol.66

2012年12月、東京と大阪にて『8nights』～ アプリ クリエイターのための Windows 8 パーティ ～が開催されます。

• 東京：2012年12月3日（月）ColoR.TOKYO NIGHT CAFE
• 大阪：2012年12月6日（木）CLUB GLOBE

先月10月26日、Windows OSの最新版、「Windows 8」がリリースされました。
Windows 8の「タッチ」に最適化された新しいUIで動作するアプリの開発言語は、C# や C++に加えて、HTML5 と JavaScript にも対応。Webの技術でWindowsのネイティブアプリを作ることができます。
そこで「8nights」と題し、アプリの作り手 ―アプリ クリエイターに向けたWindows 8のパーティを開催いたします。ドワンゴさん、ジャムロジックさん、ユビキタスエンターテインメントさん、はてなさん、クスールさんをお迎えし、それぞれのお立場からWindows 8アプリを語っていただきます。
さらに8nightsと連動して、8 Knightsプロジェクトを始動。Windows 8 アプリ クリエイターを『8 Knights (騎士)』と称し、今後、さまざまな場面で 8 Knights をサポートします。12月16日までにご登録いただくと、あなたのアプリ タイトルを印字したオリジナル 『8 Knights ステッカー』をプレゼント。
この機会にぜひご参加下さい。参加費は無料です。

2012年6月17日（日）、札幌市生涯学習センターちえりあ講堂でCSS Nite in SAPPORO, Vol.4を開催し、117名の方にご参加いただきました。

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

• CSS Nite in SAPPORO, Vol.4 - Togetter

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

• 大特集！CSS Nite セッション編｜咲絵娯楽日記
• CSS Nite in SAPPOROに参加してきました。 ? ガブガブLOG
• CSS Nite in SAPPORO, Vol.4に参加しました。 | 19740308(TM)
• 美瑛のはしっこから: CSS Nite in SAPPOROに行ってきた話 "美瑛のはしっこから: CSS Nite in SAPPOROに行ってきた話")

こちらは出演者/関係者のブログ：

• CSS Nite in SAPPORO, Vol.4が終了しました | Study | ウェビンブログ
• ネタ帳のYamadaさんへのお返事：なぜ、CSS Niteなのか | Think | ウェビンブログ

追記（2012年6月19日）：

美瑛町観光協会に所属される小林さんから、MacBook Pro with Retina displayの製品写真に、北海道 美瑛の「青い池」が使われていることを教えていただきました。

さっそくMAC お宝鑑定団 blogに掲載いただき、そのままエキサイトニュースにもなりました。

• MacBook Pro with Retina displayの製品写真に、北海道 美瑛の「青い池」が使われている － MACお宝鑑定団 blog（羅針盤）
• MacBook Pro with Retina displayの製品写真に、北海道 美瑛の「青い池」が使われている(MAC お宝鑑定団 blog（羅針盤）) - エキサイトニュース
• 【美瑛町の青い池】が 世界のアップル社でWallPaperになる！ - Kent Shiraishi Photo Studio

撮影：市村洋隆

2012年7月21日（土）13:30-16:45、甲府商工会議所 会議室にて開催するCSS Nite in KOFU, Vol.1の詳細が決定しました。

• 小石 明（デジタル・プランニング）／* 企画・設計時のアプローチと、提案時（プレゼン時）のコツ(仮)*
• 原 一浩（Greative）／Webデザイントレンド半期決算
• 神森 勉（KDDI ウェブコミュニケーションズ）／Webサイト制作の納品時のワークフロー改善と品質管理
• 江尻 俊章（環）／今知っとかないと！Webデザイナーのための「Webマーケティング」基礎セミナー
• 鷹野雅弘（スイッチ）／異なる画面サイズに対応するレスポンシブWebデザインのエッセンス

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

• WEB屋は語る　Magnetic-Laboブログ : お知らせ
• ついに山梨で!! 7/21、CSS Nite in KOFUが開催されます！｜Webを専門としたデザイン制作＆ブログカスタマイズの Biscom
• CSS Nite が山梨（甲府）にやってくる ? PORT.のブログ
• CSS Nite in KOFU, Vol.1に登壇させていただくことになりました | コラム・雑感

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

• CSS Nite in KOFU, Vol.1（山梨版） - Togetter

Facebookページはこちらです。

• Facebookページ

「おばかアプリ選手権 2012 夏　わたしたち、本気でおばかやってます」を8月4日に東京カルチャーカルチャー（お台場）で開催されます。

「おばかアプリ選手権」では、思い出し笑いができるような、アプリのおばか度合いを競い、会場の投票によって、受賞作品が決定するそうです。

過去の開催の模様はこちら：

• 女子大生が異彩を放った「おばかアプリブレスト大会」（1/3） - ＠IT
• 見よ！ コレジャナーイアプリの数々を！第5回おばかアプリ選手権レポート（1/4） - ＠IT

2012年6月9、10日の2日間、名古屋菱信ビルでCSS Nite in NAGOYA ♭002を開催し、のべ200名近くの方にご参加いただきました。

「初夏の集中特訓」と題してセミハンズオン形式で8セッションを行いました。

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

• CSS Nite in NAGOYA ♭002 - Togetter

2012年7月21日（土）13:30-16:45、甲府商工会議所 会議室にてCSS Nite in KOFU, Vol.1を開催します。

山梨では初開催です。出演者、および、セッション内容は鋭意調整中です。とりあえず、スケジュールのおさえをお願いします！

6月11日、13日、18日、LightningSpot 渋谷にて「社会人のためのWebデザインスクール」体験レッスンが開催されます。

LP22（Webデザインで使うPhotoshop）に出演いただいた庄崎さん（Stocker.jp）とユミソラさんが講師を担当される「社会人のためのWebデザインスクール」（2012年6月25日（月）から 9月26日（水）までの毎週月曜・水曜の19:00?22:00に開催）の体験レッスンとのことです。

6月からはWebプログラミングスクール（PHP、WordPress、jQuery）も開催されるそうです。

2012年4-5月、岡山、新潟、青森、仙台、松山、高松の6都市で、CSS Nite with Microsoftとして、基本的に同一コンテンツのセミナーを開催してきました。

その都内版を2012年7月28日（土）マイクロソフト品川オフィス　セミナールームで開催します。

どの会場も「参加してよかった」の平均が4.5以上と、かなり満足度の高いイベントにでした。それぞれ6回繰り返していますので、内容もパフォーマンスもブラッシュアップされています。

なお、実装系のトピックは、これからHTML5/CSS3をはじめる、またははじめたばかりの方にレベルを合わせています。

今回独自のコンテンツとして「Productivity Future Visionを読み解く」というものを予知しています。岡山、新潟、青森、仙台、松山、高松に参加された方も、復習がてらご参加ください。

2012年5月19日、松山大学 文京キャンパス5号館でCSS Nite in MATSUYAMA, Vol.1を開催し、100名ほどの方にご参加いただきました。

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

• CSS Nite in MATSUYAMA, Vol.1 with Microsoft - Togetter

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

• CSS Nite in MATSUYAMA VOL.1 with Microsoftに参加 #cssnite_mtym1 - タイトルは未定
• 松山で初！のCSS Niteに参加してきた！勉強になった！ためになった！ | scene790_wp

こちらは関係者のブログ：

• 『CSS Nite in Matsuyama』｜スタッフブログ｜株式会社アイムービック

2012年5月26日、静岡県コンベンションアーツセンター「グランシップ」にて 、CSS Nite in SHIZUOKA, Vol.3を開催し、70名ほどの方にご参加いただきました。

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

• CSS Nite in SHIZUOKA Vol.3 - Togetter

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

• CSSNite in SHIZUOKAにいってきました。 | emptyhouse
• きゃび～んっ。あこがれの勉強会CSS Nite in SHIZUOKA, Vol.3へ行ってきましたぁ～ | ブログ練習帳
• 【CSS Nite in SHIZUOKA, Vol.3】でアクセシビリティの勉強をしてきました。 | Webデザイン
• CSS Nite in SHIZUOKA Vol.3に参加してきました ? HPSTYLING BLOG

2012年4月25日(水) 、KDDIウェブコミュニケーションズ セミナールームで開催したCPI x CSS Nite「After Dark」（4） JavaScript（たにぐちまこと）のフォローアップとして、Ustreamの録画を公開します。ただし、アタマ15分くらいが欠けています。

たにぐちさんにアンケートの質問に答えていただきました。

• H2O Blog., 『Webデザイナーでも知っておきたい、JavaScript超入門』を開催しました

なお、今回の「After Dark」では、『よくわかるJavaScriptの教科書』（マイナビ）をサブテキストとして利用しています。

前半

Video streaming by Ustream

後半

Video streaming by Ustream

2012年6月9日(土)、10日(日)の2日間、名古屋菱信ビル 306B+CでCSS Nite in NAGOYA ♭002を開催します。

今回は、下記の8トピックを少人数、セミハンズオンで行います。セミハンズオンは、参加者がPCを持ち込むスタイルのハンズオン。マストではないので、聴講のみも可能です。

• Webにまつわる写真&撮影の基礎知識／岡田陽一（ふわっと）
• Web制作でも重要なIllustratorのアレコレ／鷹野雅弘（スイッチ）
• HTMLとCSSを書かずにWebサイトを作って活用しよう～オンラインウェブサイトクリエイター Jimdo～／野崎 晃
• Dreamweaverで実現するレスポンシブWebデザイン／鷹野雅弘（スイッチ）
• CSS3で変わるWeb制作／鷹野雅弘（スイッチ）
• Web制作に欠かせないマーケティングを学ぶ～楽しみながらワークショップで身につけよう～／高畑哲平（KDDIウェブコミュニケーションズ）
• EPUBの基本を知ろう、作ってみよう／鷹野雅弘（スイッチ）
• イーブック・デザイナーの仕事［実践編］～EPUB3とKindle Format 8(KF8)のHTML5&CSS3コーディング入門～ ／境 祐司

席が埋まってきつつありますので、お早めにどうぞ。

2012年7月19日（木）19:00-20:00、アップルストア銀座 3FシアターでCSS Nite in Ginza, Vol.64を開催します。

森田 哲生さん（Rockaku）を迎え、「文才からの開放?設計思考で書く！Webテキスト表現術」と題してお話しいただきます。

「文才ないからなあ」という一言で諦めてしまいがちな文章作成を、 Web的な設計思考に基づき、構造的に解説する講義です。

カレーで読み解くキーワード抽出術＝「レシピライティング」、 ユーザビリティの再定義＝「歯痛のユーザエクスペリエンス」、 ネーミングと略語のメカニズム＝「ファミコン理論」、 戦略的ワイヤーフレーム編集＝「レイアウトサッカー」など、 ちょっとふざけていそうで、 実は大まじめなWebライティング表現理論をご紹介します。

現在、Facebookで仮登録を受付中です。7月に入ってから事前登録（本登録）を開始します。

事前登録について

なお、事前登録は、お席を確保するものではなく、優先入場が可能です。お店という性格上、変則的な形式となっていますが、よろしくお願いいたします。

AQUENTが主催するセミナー「Adobe CS6で学ぶ、今、身に付けておきたいWebサイト制作スキル」が、大阪、名古屋、福岡で開催されます（都内版は終了）。

大阪（6月3日10:30-12:00）、福岡（6月16日13:30-15:00）のみ残席わずか、残りは満席になっています。

アドビ社からCreative Suiteシリーズの新バージョン「CS6」が発表されました。 Dreamweaver CS6やFireworks CS6に搭載された新機能は、スマートフォン、マルチデバイス対応など、Webサイトの制作現場で求められている新技術の実装を容易にするものが多く含まれています。

スマートフォン対応には、デバイスの横幅に応じて異なるレイアウトを適用する「レスポンシブWebデザイン」、JavaScriptフレームワークのモバイル版である「jQuery Mobile」の2つのアプローチが注目されています。

Dreamweaver CS6には「レスポンシブWebデザイン」対応のサイト制作を容易にするための「可変グリッドレイアウト」や、jQuery Mobileのテーマを視覚的に適用する「jQuery Mobileスウォッチ」などの機能が、Fireworks CS6では、jQuery Mobileテーマを作成したり、CSS Spriteを書き出す機能が強化されています。

さらにスマートフォン対応で忘れてならないこととして、CSS3の利用によって画像を減らし、読み込み速度を上げることです。Fireworks CS6では、角丸、ドロップシャドウ、グラデーションなどをCSS3のコードとして書き出すことができます。

このように、Dreamweaver CS6/Fireworks CS6のは、これからのWebデザインを行う上で生産性を上げるために必須のツールとなりつつあります。

そこでエイクエントは、CSS Niteの主宰者としてお馴染みの鷹野さんをお招きし、今身に付けておきたいWebサイト制作スキルを、Dreamweaver CS6 / Fireworks CS6を使ってデモンストレーションしていただきます。

Webサイト制作に携わる多くの方のご参加をお待ちします。

2012年5月20日、アルファあなぶきホールでCSS Nite in TAKAMATSU, Vol.7を開催し、100名ほどの方にご参加いただきました。

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

• 54Blog ? Blog Archive ? CSS Nite in TAKAMATSU, Vol.7 with Microsoftに参加!
• 高知県でウェブディレクターの重要性を説くブログ:CSS Nite in TAKAMATSU, Vol.7 with Microsoft に参加（前半）

2012年5月17日（木）、アップルストア銀座 3FシアターをCSS Nite in Ginza, Vol.63を開催し、130名ほどの方にご参加いただきました。

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

• CSS Nite in Ginza, Vol.63 - Togetter

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

• CSS Nite in Ginza, Vol.63「Web制作ツール最新動向」に行ってきました-あんどうのブログ

レスポンシブWebデザインに関しては、次も参考にしてみてください。

• CSS Nite in Ginza, Vol.59フォローアップ | CSS Nite公式サイト
• サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう（1/6）：CodeZine