ご協力ありがとうございました！

Untitled!!!!!!!!で集まった募金の総額は、674,282円でした！
みなさまご協力本当にありがとうございました！！

【追記（2011.4.20）】

本日、日本赤十字社に振り込み完了しました。
総額は結局さらに少しふくらんで、本日振り込み分は724,282円となりました。
企業さんからの直接振り込み分と合わせて、Un!としては、734,282円が集まったことになります。

被災地に早く平穏な日常が戻りますように…！

【東北地方太平洋沖地震義援金】振込依頼書・振込金受取書

フォローアップ

『モバイルファースト』／谷拓樹

Luke Wroblewski "Mobile First"
サウスウエスト航空のサイトをモデルにした話
メッセージ
みなさまご来場、またはUstでのご参加ありがとうございました。
今回お話した内容は Luke Wroblewskiのプレゼンテーションの引用が主となりますので
（英語ではありますが）元の内容などを参照していただければと思います。
みなさんがウェブサイトを制作・企画するときのひとつのアイデアとして参考になればとおもいます。

『写真の力。』／おかだよういち

スライド（PDF／約2.8MB／36ページ）
メッセージ
短時間でしたが、普段何気なく撮ったり観たりネットにアップしたりしている写真に関して少し深く考えるきっかけになれば幸いです。
スライドのPDF版は諸般の事情により、写真は全て参照元のURLに変更してあります。お手数ですが写真は該当URLでご覧ください。
日本のメディアではなかなか掲載される事のないショッキングなものも沢山掲載されています。
フォトジャーナリストの目を通した被災地の惨状（それぞれの真実）が切り取られています。

『いま、HTMLでできること』／村岡正和

スライド（slideshare）
MediaQueryのサンプルはこちら

『Webデザイナーが作る初めてのiPhoneアプリ』／石本光司

"制作にあたってのTlips" - http://t32k.me/mol/log/untitled/
"アプリのソースコード" - https://github.com/t32k/Nyars
メッセージ
ネコ耳を世界に！を合言葉にアプリ公開を目指してがんばっていきます。

『ちょっと知られてないCSS3の落とし穴』／秋葉秀樹・とみたちひろ

スライド（HTML）
※（Webkit transform3Dを使用しているので）Safariの最新版でご覧ください。

『jQueryこれだけは』／徳田和規

スライド（HTML）
メッセージ
当日はありがとうございました。
短い時間の中で駆け足に進んでしまいましたが、最初に紹介した
jQuery(function($) { /* hoge */ });
はぜひ使ってください。矢印、今度はもう少し小さめにします。

『伝える技術』／森和恵

スライド（HTML）
メッセージ
みなさまが”伝える”時に、少しでもお役に立てれば幸いです。短い時間でしたが、ご清聴ありがとうございました。
r360studio 森和恵

『海外の素晴らしいFireworks拡張機能10選』／丸山章

スライド（PDF／約1MB／14ページ）

イベント概要

日本中が未曾有の危機にさらされている今、関西から元気を発信しようと、Web/IT周辺で活動するクリエイターが集結、セミナーや勉強会などのイベントを主催する団体が力を合わせ、クリエイターが刺激と元気を与え合うイベントを開催します！

会場には東北地方太平洋沖大地震への募金箱を設置、集まった義援金は全額寄付します。ご協力よろしくお願いします。

イベント名	Untitled!!!!!!!!（アンタイトルド／略称：Un!）
日時	2011年4月3日（日） 10:30開場　11:00開演（16:00終演予定）
会場	大阪産業創造館 4Fイベントホール〒541-0053 大阪市中央区本町1-4-5 産創館へのアクセスはこちら（GoogleMap）公式サイトの地図
定員	320名（先着順）
主催	Untitled 実行委員会（CSS Nite in OSAKA／CSS Nite in KYOTO／日本Androidの会関西支部／Re:Creator's Kansai／ドットプラス／HTML5-WEST.jp／kanazawa.js／まにまにカレッジ）
幹事	CSS Nite in OSAKA
運営	合同会社かぷっと
参加費	無料
出演	徳田和規／谷拓樹／村岡正和／おかだよういち／丸山章／杉本礼彦／秋葉秀樹／とみたちひろ／ミキチョクシ／宇都宮正宗／石本光司／森和恵／vanillate（バニレート）
事前登録	満員御礼！→終了しました！
Twitterハッシュタグ	#un110403
Ustream配信URL	http://www.ustream.tv/channel/untitled8ex

ページの先頭へ

セッション内容と出演者／プロフィール

jQueryこれだけは

jQueryに少し慣れてきたときに出てくるかもしれない、疑問やハマりやすいポイントを15分の中でなるべくたくさん紹介します。

写真：徳田和規

徳田和規（とくだ・かずのり）

マインドフリー株式会社
ディレクター兼UIデベロッパー

Web制作会社のHTML/CSSコーダーを経てディレクターとしてマインドフリー株式会社へ入社。JavaScriptの特性を活かしたサイトディレクション・UI開発を得意とする。個人ブログ(http//5509.me/)では多数の自作jQueryプラグインを公開している。

5509
@5509

モバイルファースト

スマートフォンの普及により、フィーチャーフォン（ガラケー）だけでなく、モバイル向けに対応する必要性が高まっています。

デスクトップ向けサイトをモバイル向けに対応するという考え方を見直して、モバイル環境を前提に考えてウェブサイトをつくることを考えてみましょう。

写真：谷拓樹

谷拓樹（たに・ひろき）

大阪で活動しているフリーランスのWebデザイナー。制作活動の他、執筆や講演もおこなっている。

著書に「HTML5＋CSS3で作る魅せるiPhoneサイト」

いま、HTMLでできること

地震発生の当日、HTML5でiPhone用地震対策情報音声読み上げの運用を開始しました。
思いついてからたった1時間でコンテンツを作成。それを実現できたHTML5 + jQuery Mobleの開発ノウハウと、今ボクたちはHTML5でなにができるか？について解説します。

写真：村岡正和

村岡正和（むらおか・まさかず）

バスタイムフィッシュ代表
HTML5-WEST.jp

1975年生まれ。神戸を中心にWebシステムの開発、IT系の技術コンサルタントとして活動中。システム開発はもちろんのこと、システム設計、社内システム導入提案等を業務としている。

経営者に理解しやすいITとは何か？を日々模索中。

京都 Google Technology User Group スタッフとして関西でGoogle Hackathonを開催する活動も行っている。

@bathtimefish

日本Android会関西支部　チャリティーアイディアソン、ハッカソンの結果

3月18日、19日に日本Androidの会関西支部がやったチャリティイベントの発表をします。
日本Androidの会はコミュニティだから、お金でない形で何か貢献できないか？
「俺たちはデベロッパ、技術や知恵で助けれないの？」「なんかしてあげたいよ」「アプリ作るくらいなら支援の迷惑にならないんじゃないの？」
という想いから立ち上げました。過去に阪神大震災で被災した関西だから出せるアイディアもあるはず！
ということでエンジニアではない方や、被災者の方のアイディアを、デベロッパが形にするというイベントの結果の発表をします。

写真：杉本札彦

杉本札彦（すぎもと・よしひこ）

株式会社ブリリアントサービス　代表取締役
日本Androidの会　関西支部長

AndroidでHT-03Aよりも先に「てづくりAndroidケータイ」を作成。
技術者である父親の影響を受けて自分も技術者になる。技術者を搾取しない会社づくりを目指しブリリアントサービスを設立。
Androidによって確実に産業界の食物連鎖のルールが変わり産業革命が起きはじめていると感じている。

@yoshi_rr

海外の素晴らしいFireworks拡張機能10選

CSS Nite LP, Disk 14「Photoshopper meets Fireworks」で紹介した海外のFireworks拡張機能のうち、反響の大きかった拡張機能を厳選して紹介します。Fireworksでこんなことが出来るなんて！と驚くこと間違いなし。Fireworksの底力を垣間見てください。

写真：丸山章

丸山章（まるやま・あきら）

フリーランス

1970年岡山生まれ。鳥取県在住。

鳥取大学農学部大学院中退後、鳥取市内のデザイン会社に約10年間勤務。そこでいきなり自社Webページの作成を命じられ、以後Webの世界へ。その後派遣等を経て、現在フリーで細々と活動中。長年使っているFireworksやDreamweaverの機能拡張などをときどき作成してブログにて公開中。

共著に『Dreamweaver プロフェッショナル・スタイル』（毎日コミュニケーションズ）。

写真の力。

普段何気なく見ている写真というものを、ちょっと深く考えてみましょう。
写真を扱う側になる場合に心に持っておきたいリテラシーなど今回の震災と絡めてお話しします。

写真：おかだよういち

おかだよういち

s-style-arts
Blog

兵庫県の西の端っこでWEBサイト制作や撮影の仕事をフリーランスで活動して10数年。
セミナーやイベントなど関西エリアだけでなく東京や名古屋にも適度に出没する。
もう20年ほど前になるがシアトルで過ごした７年間で写真やデザインなどビジュアルコミュニケーションを学ぶ。

ちょっと知られてないCSS3の落とし穴

執筆や講師などでCSS3を検証していると、あれ？これってこうだったんだ、という落とし穴にいくつか遭遇しました。CSS3を現場で使うにあたって、なかなか検索でも出てきにくいバグや、現在のブラウザの対応状況など、わたしたちのつまずいたポイントをお伝えします。

（内容） border-image / transition / box-shadow / transform:matrix / ベンダープリフィックス / アンチエイリアス ...その他

写真：秋葉秀樹

秋葉秀樹（あきば・ひでき）

CAPUT LLC テクニカルディレクター×デザイナー

自身のブログはこちら

紙媒体から3DCGと映像、Webデザイン〜プログラミング等多様なクリエイティブワークを展開。
2010年は北海道から九州まで全国各地でWeb系セミナー出演多数。
デジタルハリウッド（大阪）やm-School（東京）などで講師業も行う。
今年春に毎日コミュニケーションズから発刊予定の「CSS3デザイン・プロフェッショナルガイド（仮題）」を現在執筆中。

@hidetaro7

写真：とみたちひろ

とみたちひろ

CAPUT LLC ディレクター×デザイナー

Lady Beetle Design

Webに縛られないデザイン制作、Web講師・講演、店舗取材・blogライターなどさまざまな分野で活動。
独自のクリエイティブテイストでデザインを行なう一方、フロントエンドの新しい技術も積極的に取り入れた制作を行なっている。
今年春に毎日コミュニケーションズから発刊予定の「CSS3デザイン・プロフェッショナルガイド（仮題）」を現在執筆中。

@tommmmy

ソーシャルパワー（仮）

元X Japanのhide13回忌メモリアルイベント「ミュージカル"Pink Spider"」のtwitter連動サイトから今後のソーシャルビジネスを模索する「ペタポックル」のディレクションワークについてご紹介します。

写真：ミキチョクシ

ミキチョクシ

ペタビット株式会社

インターネットが大好きなディレクタ。

Dropboxで堅牢な作業環境を構築してみる

ファイルやディレクトリの管理をどうしていますか？

フリーランスや中小のウエブサイト制作業者にとって、安価で簡易で堅牢な作業環境の構築は長年の命題ではないでしょうか。

身も蓋も無いこと言ってしまえばDropboxを使えばいろいろ捗るぞ、という今さらな内容ですが、バックアップと世代管理に焦点を当てて、簡単に誰にでも使える作業環境の構築の紹介をしたいと思います。

写真：宇都宮正宗

宇都宮正宗（うつのみや・まさむね）

宇都宮ウエブ制作所　所長。
といっても従業員は妻だけの、夫婦二人でやってる完全なる家内制手工業。
大阪の隅っこの方でせっせとウエブサイトをこしらえる仕事をしております。
そのほかに、なんとかしてActionScriptで官能小説が書けやしないかを常に模索しており未だ完成には至らずです。
ごはんとお好み焼きなどの炭水化物かぶりが気にならないタイプです。

Webデザイナーが作る初めてのiPhoneアプリ

デザイナーでも、Objective-Cが分からなくてもTitanium Mobileを使えばiPhoneアプリが作れちゃいます。必要なのはやる気とJavaScriptだけです。
今回は簡単なカメラアプリを実際に制作してみてのTitanium Mobileの使い勝手や印象など話します。

写真：石本光司

石本光司（いしもと・こうじ）

株式会社DMM.comラボ　Webデザイナー

1983年石川県生まれ。石川県在住。

主にECサイトのアクセス解析や、デザイン部内のガイドライン作成・新人教育などを担当。最近は、Creative Suiteツール使う頻度よりOfficeツールの方が多くなった自称Webデザイナー。個人ブログ「MOL」ではWebパフォーマンスやアクセス解析に関する記事書いてます。また、月1回ペースでJavaScriptユーザーコミュニティkanazawa.jsを主催しています。

伝える技術

「わかりやすく伝えること」は、難しいと思いませんか？でもそれが円滑にゆけば、仕事がスムーズに進むはずです。
メーカーショールーム～パソコン教室インストラクター～Web系講師として、17年間向き合ってきた「相手にわかるように伝える技術」をお話しします。

・必要な情報の調べ方と選別
・表現方法の良し悪し
・伝えるシーン別で押さえたい伝えるポイント

※シーン例：プレゼンテーション(売り込み)、セミナー(教える)、クレーム対応、ビジネスメール･･･など

写真：森和恵

森和恵（もり・かずえ）

フリーランスで活動するセミナー講師。数社にてWeb制作、インストラクション業務を経験後、現在はWeb系セミナーの講師として活動中。（Dreamweaver CS4 アドビ認定インストラクター（ACI））著書に「DreamweaverとMovableTypeで作るテンプレートカスタマイズレッスン」など。

「難しいことでも、わかり易く伝える」をモットーに、クリエーターの立場で得た知識を制作者や講師の立場から、皆さまに役立てていただだければ…と日々精進している。今後は、eラーニングや電子出版の形式で、Web制作を学ぶための教育コンテンツに注力する予定。

r360studio
YouTube r360studio Channel
@r360studio

実践的ウェブデザインツールの使い方

ウェブデザインからコーディング、完成まであなたはどんなアプリケーションを利用していますか？
Photoshop、Illustrator、Fireworks、Coda、Transmitを利用してMacで効率よくウェブデザインを行っていく方法を提案します。

写真：vanillate（バニレート）

vanillate（バニレート）

vanillate design office
vanitalk

商売人の血が流れるウェブクリエイター

万年筆や、鞄や、文具雑貨の販売を行っています。
ウェブサイトを作るお仕事をしています。
小鳥とちわわとまったりどたばた暮らしています。
vanitalk（バニトーク）というUst番組を毎週金曜日に、大阪のみでなく全国のクリエイターさんたちを招いたりしながら、たのしくおしゃべりしています。

ページの先頭へ

タイムテーブル

タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。

時刻	進行	時間
10:30	開場	-
11:00	開演／オープニング	-
11:05	『日本Android会関西支部　チャリティーアイディアソン、ハッカソンの結果』／杉本札彦	15分
11:25	『モバイルファースト』／谷拓樹	15分
11:45	『Webデザイナーが作る初めてのiPhoneアプリ』／石本光司	15分
12:00	休憩	30分
12:30	『写真の力。』／おかだよういち	15分
12:50	『実践的ウェブデザインツールの使い方』／vanillate	15分
13:10	『いま、HTMLでできること』／村岡正和	15分
13:25	休憩	15分
13:40	『伝える技術』／森和恵	15分
14:00	『海外の素晴らしいFireworks拡張機能10選』／丸山章	15分
14:20	『jQueryこれだけは』／徳田和規	15分
14:35	休憩	15分
14:50	『ちょっと知られてないCSS3の落とし穴』／秋葉秀樹・とみたちひろ	15分
15:10	『Dropboxで堅牢な作業環境を構築してみる』／宇都宮正宗	15分
15:30	『ソーシャルパワー（仮）』／ミキチョクシ	15分
15:45	エンディング	-
16:00	終演／フリータイム	60分
17:00	閉館（完全撤収）	-