CSS Nite in OSAKA, Vol.14の最近のブログ記事

本日、CSS Nite in OSAKA公式サイトをOPENしました。

画像:CSS Nite in OSAKA 公式サイト

今までは、CSS Nite公式サイトを間借りする形で運営していましたが、このたびようやく、現地の実行委員会によって、CSS Nite in OSAKA公式サイトをOPENすることができました。

情報も随時、こちらのCSS Nite公式サイト、そしてmixiコミュニティと連動していきます。

今後とも、どうぞよろしくお願いいたします。

CSS Nite in OSAKA公式サイトはこちら
http://osaka.cssnite.jp/

2009年4月14日、アップルストア心斎橋にて行われた、CSS Nite in OSAKA, Vol.14での音声ファイルをシェアいたします。

jQueryプラグインを利用してユーザフレンドリーなフォームを設計する(徳田 和規)

写真:徳田 和規 (とくだ・かずのり)

ウェブ制作者のためのパノラマコンテンツの利用法(二宮 章)

写真:二宮 章(にのみや・あきら)

ざっくり解説 -Flash Liteの仕様- Liveバージョン(岡田 昇三)

写真:岡田 昇三(おかだ・しょうぞう)

スライドについては、「CSS Nite in OSAKA, Vol.14 フォローアップ(写真・スライド公開)」にて公開していますので、そちらもあわせてお楽しみください。

2009年4月14日、アップルストア心斎橋にて行われた、CSS Nite in OSAKA, Vol.14ですが、下記のブログ/サイトで取り上げていただきました。ありがとうございます。

2009年4月14日、アップルストア心斎橋にて行われた、CSS Nite in OSAKA, Vol.14での様子です。

写真:CSS Nite in OSAKA, Vol.14終了

photo by おかだよういち(http://s-style-arts.info/

今回も大盛況にて、120名以上の方にご参加いただきました。
本当にありがとうございます!

今回、セッションをしてくださったスピーカーさんよりスライドが届きましたので、シェアいたします。

jQueryプラグインを利用してユーザフレンドリーなフォームを設計する(徳田 和規)

写真:徳田 和規

このスライドですが、徳田さんの自作オリジナルです。なめらかな動きもさることながら、左下の「MENU」をクリックすると...
クリエイターとして、細部まで作り込んであるスライドをぜひごらんください。

ウェブ制作者のためのパノラマコンテンツの利用法(二宮 章)

写真:二宮 章

今回、セッション中にパノラマ写真を撮影してくださいました。その写真は、QTVR Diaryにアップされるかもしれません。
また、QTVR Diary -OFFLINE-のほうもよろしくお願いいたします。

ざっくり解説 -Flash Liteの仕様- Liveバージョン(岡田 昇三)

写真:岡田 昇三

セッション中に、参加者の携帯電話と連携し、なつかしの「へぇー」ボタンが登場!携帯電話で「へぇー」が押されると、スライドの上部にリアルタイムに表示が流れます。「へぇー」だけではない言葉も流れたりで、ユーモアいっぱいのセッションでした。
結果、最終的には500へぇーを突破しました!

また、音声ファイルについては、準備が出来次第シェアしていきますので、もうしばらくお待ちください。

本日、CSS Nite in OSAKA, Vol.14が開催され、無事に終了いたしました。

写真:CSS Nite in OSAKA, Vol.14終了

多数の方にご参加いただき、ありがとうございました。

mixiの感想トピックもありますので、感想などいただけると嬉しいです。

スピーカーの方々から提供いただいたスライドなどは、順次追って公開していきますので、今しばらくお待ちください。

CSS Nite in OSAKA, Vol.14に出演される岡田 昇三さん(hi-posi Inc.)のセッション内容が届きました。

前回のVol.13で大盛り上がりして参加者の方の記憶にも新しいでありましょうバスキュールさんのゲーム、「Bascule Helmets!」の開発に関わった岡田さんが登場するという事で、これはかなり期待大です。

バスキュールさんのゲームは大変面白かったんですが、岡田さんはさらにその開発の元となるFlash Liteの事をお話して下さいますので、Vol.13とは違った一面として貴重なセッションとなる事間違いないでしょう。
早速実行委員会で試してみたんですが、本当に携帯に映し出された、あの「へぇ~ボタン」を押すと、見事にカウントされます!これは必見、いえ、必・参加です。

では当日、携帯をお持ち下さい。
詳しくは開場してからのおたのしみです!!

4月16日にアップルストア心斎橋で開催予定のCSS Nite in OSAKA, Vol.14に出演される徳田和規さんが作った『jQuery.validation.js』を一足お先にご紹介します。詳細はセッションでご説明してくださいます。

快適なform入力チェックを楽に実装! jQuery.validation.js

イライラさせて顧客獲得を逃したフォーム、それを改善すべく人気のライブラリ、「jQuery.validation.js」。
とにかく、JavaScriptが分からない方も必見!
皆さんの大切な「フォーム」を快適にするために、実装方法を憶えておきましょう!

□■□■クール&シンプルなサンプル□■□■
http://moto-mono.net/sample/validation/

フォーム画面遷移なく、クールな入力チェックをとても簡単な実装で行える徳田さんのオリジナルのJavaScriptライブラリです。
セッションでは、実際どれだけ簡単か、実装するための方法と効果を見せていただきます。

正直、JavaScriptが分からない方でも、XHTMLが理解できている方なら、とても簡単でカッコいい「フォームの入力チェック」が作成可能になります。

例えばお問い合わせフォームにこんな設定をしたい場合↓↓↓
・必須項目指定
・メールアドレスチェック
・全角禁止
・電話番号
・数値のみかどうか?
・郵便番号

【例】メールアドレスチェックの場合
<input type="text" name="mail" id="mail" value="" class="email hankaku required" />
JavaScriptファイルを読み込み、設定を終わらせた後input要素のクラス名の値を上記のように設定するだけで、必須項目・メールアドレスチェック・全角禁止が可能になります。※

■メールアドレス再入力チェックの場合
■入力文字数をチェックする場合
なども楽に実装可能になります。

※アクティベートが必要ですが、その簡単な方法も教えて下さいます。
# $(function(){
# $("フォーム要素のID属性").validation();
# });

とにかく、実装方法もお伝えいただくので、「コードが苦手」な方にはぜひみていただきたいセッションです。
実際どれだけ簡単か、実装方法と効果をその目でお確かめください。

CSS Nite in OSAKA, Vol.14のプレゼント情報に追加です。

CSS Nite in OSAKA, Vol.14で、二宮さんがパノラマのお話をしてくださいますが、株式会社井澤(イザワオプト)様より、なんとも豪華なプレゼントをご提供いただきました!

写真:プレゼントレンズ

魚眼コンバージョンレンズはパノラマにも関係の深いものですよね。詳しくはセッション中にご紹介くださいます。

CSS Nite in OSAKA, Vol.14ご来場の方に、抽選またはじゃんけんにてプレゼントいたします。ぜひご参加ください。

(※)「KS-2」に関しては、市場未発表の最新モデルとなっています!ので、「KC-1」へのリンクとなります。

4月14日(火)19:00からアップルストア心斎橋にて、CSS Nite in OSAKA, Vol.14を開催します。
現地有志による企画、第2弾です!無料版にも関わらず、今回も濃い内容のセッションが期待されます。
技術系の話が中心になりますが、技術系でない人にも楽しんでいただける内容になっていますので、お仕事帰りにぶらりとお立ち寄りください。会場でお会いできることを楽しみにしています。

なお、お席に限りがございますので立ち見になる場合もございます。
交代でお座りになるなど、ご協力のほどよろしくお願いします。

CSS Nite in OSAKA, Vol.14の詳細

●ご来場の方に、抽選もしくはジャンケンにて多数のプレゼントあり!
 下記のエントリーよりご確認ください。

hi-posi Inc. の岡田さんのセッションにて、ケータイを使った参加型のデモが行われます。
当日は、ケータイをもってご参加ください。

☆イベント終了後にアフターパーティ(懇親会)も予定しています。名刺を多めに持ってご参加ください。
なお、こちらは事前登録が必要となりますので、mixiコミュニティより参加表明をお願いいたします。

CSS Nite in OSAKA, Vol.14のプレゼント情報です。
各企業様より、今回もたくさんのプレゼントをご提供いただきました。ありがとうございます。
ご来場の方に、抽選またはじゃんけんにてプレゼントいたします。

写真:CSS Nite in OSAKA, Vol.14でのプレゼント

4月14日にアップルストア心斎橋にて行われる、CSS Nite in OSAKA, Vol.14の出演者である岡田昇三さんが、ご自身のブログでイベントを紹介されています。

岡田さんは、Flash Liteについてお話しされます。セッションのほうも、お楽しみに!

ざっくり解説 -Flash Liteの仕様- Liveバージョン

最近よく聞く「携帯Flash」。
PCと携帯では作り方がちょっと違うので、面倒な感じしませんか?
携帯ならではの制限や、キャリアによって違う仕様などなど携帯Flash制作について、大事なとこだけざっくりと説明します。

写真:岡田 昇三(おかだ・しょうぞう)岡田 昇三(おかだ・しょうぞう)

hi-posi Inc. 代表

ワイノット(株)、楽天(株)、フリーランス活動を経て2009年よりhi-posi Inc.代表。
「nike 6.0 mobile」「ナイキ モバロンドール」「H&M mobile」「bascule helmets!」「ケートラ」などに携わる。

4月14日にアップルストア心斎橋にて行われる、CSS Nite in OSAKA, Vol.14の出演者である二宮 章さんが、ご自身のブログでイベントを紹介されています。

二宮さんは、パノラマについてお話されます。ブログでもパノラマについて詳しく触れてくださっていますので、ぜひチェックしてみてください。
セッションのほうも、お楽しみに!

ウェブ制作者のためのパノラマコンテンツの利用法

グーグルのストリートビューに端を発したパノラマVRコンテンツの肖像権問題から「パノラマ」というキーワードが巷を賑わせるようになり、図らずもパノラマが注目を浴びています。またカメラメーカー各社が最新のコンパクトデジカメにカメラ内パノラマ合成機能を搭載しはじめ、パノラマコンテンツに対する認知度は益々高まって来ていると言えるでしょう。

そんな流れの中で、ウェブサイトの中でもパノラマコンテンツが少しずつ様々な形で使われ始めていますが、実際にどのように導入すれば良いのか、殆ど情報が流通していないのが実情です。 長年、ウェブ制作とパノラマコンテンツ制作の両方に携わってきた私、二宮 章が、

  • パノラマ写真/ムービーとは?
  • どのような表現方法があるのか?
  • どのように制作されるのか?
  • どのようにして導入するのか?

など、ウェブ制作者がパノラマコンテンツをサイトに導入する方法を、実際の導入事例を交えながらお話したいと思います。

写真:二宮 章(にのみや・あきら)二宮 章(にのみや・あきら)

ウェブディレクター/パノラマクリエイター

design studio "PENCIL" 主宰 取締役

QTVR Diary:京都/日本/世界の最新パノラマムービー情報 責任編集者

4月14日にアップルストア心斎橋にて行われる、CSS Nite in OSAKA, Vol.14の出演者である徳田 和規さんが、ご自身のブログでイベントを紹介されています。

徳田さんは、jQueryを使ったフォームについてお話されます。セッションのほうも、お楽しみに!

jQueryプラグインを利用してユーザフレンドリーなフォームを設計する

フォーム入力中に面倒くさくなって入力をやめてしまったことはありませんか?
フォームでの離脱率をもう少し下げたい、コンバージョンを上げたい、、でもどうすれば...
jQueryプラグインを使って使いやすいフォームを設計してみましょう。

写真:徳田 和規 (とくだ・かずのり)徳田 和規 (とくだ・かずのり)

株式会社 ND&I所属

Webサイト・UI設計構築、CMSカスタマイズ、マークアップ担当

株式会社ND&IでWebサイト・UI構築、CMSカスタマイズ、マークアップを担当。
WordPressやMTなどのCMSを使ったWebサイト・ブログ構築やJavaScriptを利用した使いやすいUI設計などを得意とする。

ブログでは自作のjQuery・WordPressプラグインなどを公開している。
5509(個人サイト)

4月14日に開催するCSS Nite in OSAKA, Vol.14のタイムテーブルが決定しました。

  • セッションごとにお席の入れ替えを予定しています。
  • 恒例のプレゼントじゃんけん大会も予定しています。
時刻 進行 時間
19:00 開演/オープニング 1-2分
19:02 『jQueryプラグインを利用してユーザフレンドリーなフォームを設計する』/徳田 和規 20分
19:27 『ウェブ制作者のためのパノラマコンテンツの利用法』/二宮 章 30分
20:02 『ざっくり解説 -FlashLiteの仕様- Liveバージョン』/岡田 昇三 20分
20:30 終演

Vol.13より、現地有志にて再スタートしたCSS Nite in OSAKAですが、おかげさまでご好評をいただきました。
これに続けて、大阪では通算17回目となるCSS Nite in OSAKA, Vol.14をアップルストア心斎橋で開催します。

  • 日時:2009年4月14日(火)19:00-20:30
  • 会場:Apple Store, Shinsaibashi

【出演】

  • 二宮 章(デザインスタジオ ペンシル)
  • 徳田 和規 (ND&I)
  • 岡田 昇三(hi-posi Inc.)

詳細内容はCSS Nite in OSAKA, Vol.14に掲載しています。

CSS Niteの地方版は、名古屋・大阪を除き、現地の有志によって企画・運営されています。 大阪でのCSS Niteも、その同様の流れとなり、2009年3月-5月の「第2火」の19時からアップルストア心斎橋にて暫定的にマンスリーとして開催予定です。

出演者はまだ未定ですが、とりあえずmixiにてイベントが立っています。

これまで「CSS Nite in Osaka」と表記してきましたが、今後は「CSS Nite in OSAKA」となります(有志開催はすべて大文字)。  

  

オススメのイベント

ご協賛、ご協力

ITとWebマーケティングの実践資格「WACAウェブ解析士」認定講座

全国のウェブ担当者と一緒に学ぶ成長講座「WEB担当者通信」

クリーク・アンド・リバー社

クリーク・アンド・リバー社は、クリエイティブの仕事に携わるあらゆる人たちのパートナーとして「仕事の機会」と「コミュニケーションの場」を提供しています。

Webクリエイター能力認定試験(サーティファイ)

Webクリエイター能力認定試験」は、年間受験者数は15,000人以上。業界で最も受験者の多いWebの資格・検定試験です(主催:サーティファイ Web利用・技術認定委員会)。

世界中から集めた小粋なデザインたち - quote

世界中から集めた小粋なデザインたち - quote

Webディレクションに不可欠な知識や実践力を体系的に学習し会得します。
JWSDA Webディレクション検定

『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])

『10倍ラクするIllustrator仕事術』

2011年に発売されたロングセラー書籍『10倍ラクするIllustrator仕事術』の増強改訂版。出版記念を兼ねて全都道府県でセミナーも展開。

『Webデザインの現場ですぐに役立つ Photoshop仕事術』

『Webデザインの現場ですぐに役立つ Photoshop仕事術』

2015年3月にソシムから発売。