CSS Nite LP, Disk 9「Coder's Higher」参加しました

April 19 [Mon], 2010, 20:41


CSS Nite LP, Disk 9「Coder's Higher」
4月17日(土)に行われたCSS Nite LP, Disk 9「Coder's Higher」。
土曜日だし、お昼スタートだしということで地方からでも行ける!と思い初めて参加しました。

1.マークアップエンジニアのキャリアパス
森田 雄氏 @securecat
http://securecat.exblog.jp/
「マークアップエンジニア」とはどんな技術を持っていればいいのか?
森田氏が考えるマークアップエンジニア像。
今やるべき事と将来どうキャリアアップするのかを考える良い機会となるお話でした。

#日々の仕事をこなす事が目標だった頃に聞けたら良かったと思いました。
でも、自分は何屋なのか?将来どうしたいのか?は、年齢に関係なくいつでも再設定することができると思うし。
目標をしっかり持っていれば、流される事なく積極的に仕事できますね。
頭の中でもやもやしていたものが森田氏の話を聴くことで表面にでてきた感じです。

2.XHTML&CSS超高速コーディング術 LIVE!
大藤 幹氏 @ofujimiki
http://www.ofujimiki.jp/
大杉 充氏 @oosugi20
http://grandes-cedro.net/
牧野工房の実践に即したノウハウの公開!
プロジェクトの管理方法とかパーツに切り分けての構築方法とか。

#シャドーコーディングの方法がためになりました。
シャドーコーディングとは、実際に手を動かす前に頭の中でコーディングすることなのですが、
大杉氏はfireworksを利用して細部まで把握します。
なるほど!これは効率が良いと思えるものでした。

3.Coding with jQuery
徳田 和規氏 @5509
http://moto-mono.net/
(1)HTMLコーディングだけでは使いにくいとしたらjQueryで置き換えてやればいい
(2)jQueryの可能性はまだまだあるよ
というお話でした。
(1)は、例として都道府県を選ぶセレクトメニューをjQueryで展開したものの紹介がありました。

#普段仕事ではjQueryはプログラマの方にお任せしていたのですが、触ってみたくなりました。

4.実例に学ぶ!コーディングから参加するUI設計
長谷川 広武氏 @h2ham
http://h2ham.seesaa.net/
「ユーザインターフェイスに気配りを忘れないでね」というお話でした。
例えば、文字の大きさを切り替えるjsを利用しているサイトでページ遷移すると設定を引き継がない場合がありますが、ユーザが何度も設定しないで良いように設計しましょう。等です。

#ユーザの不安を取り除くとか使いやすいインターフェイスとか、デザイナーの仕事でもありますし、気を付けないといけないと思う実例でした。

5.Webパフォーマンス最適化のためのコーディング手法
石本 光司氏 @t32k
http://warikiru.blogspot.com/
GoogleWebマスターツールやYSlowなどで現状を把握して、Webパフォーマンスに着眼しサイトをリニューアルした実例をご紹介頂きました。
httpリクエスト時の同時接続数はブラウザで異なる事、データURIスキーム、@importの代わりにPHPで書くなどのお話がありました。

#Webパフォーマンス、頭が痛い!と思いつつ取り組んでいたことなのでとっても良かったです。httpリクエストの仕組みなども理解していくことの大切さが分かりました。

6.CSS3 for tomorrow [ver.LP9]
福田 泰雄氏  @sigwyg
http://archiva.jp/
高津戸 壮氏 @takazudo
http://zudolab.net/blog/
CSS3で実現できることを紹介して頂きました。

#スライドが公開されたら是非見てみてください!すごいですよ^^;

7.ノリとツッコミで進める HTML5 ライブコーディング
小山田 晃浩氏 @yomotsu
http://www.yomotsu.net/wp/
益子 貴寛氏 @takahiromashiko
http://www.cybergarden.net/

実際に目の前でコーディングを行うライブコーディング!です。
XHTMLでコーディングしてあるサイトをHTML5に書き換えていきます。

#小山田氏が突っ走るのに対して益子氏の冷静なフォーローが印象的でした。

8.今日から使えるHTML5 API
羽田野太巳氏 @futomi
http://www.futomi.com/

HTML5の裏舞台、HTML5技術のお話でした。
例えば、マンデルブロ集合はコンピュータのベンチマークテストとして利用されることがあるそうですが、HTML5の技術は今やWebでマンデルブロ集合を描くことができるまでになった、などです。

#難しかったけど、技術に支えられているんだなと思えるお話でした。でもその凄さが理解できないのが残念ですが。。。

##最後に
レベルも高く多岐に渡るお話をたくさん聞けて、良かった!です。
長時間の座学がこんなにしんどいとは思いませんでしたが、なるべく私たち聞く側を退屈させないような工夫も配慮して頂いていて、犬やパンダでなごんだり、わかりやすい例を取り入れてくださったり、ノリ&ツッコミがあったり、、お菓子を用意してくださったり。
また機会があったら参加したいと思いました。

会場の様子



firefoxグッズ、じゃんけんで勝ったので頂きました!!(ふぉくすけクンもいます



  • URL:http://yaplog.jp/movieee/archive/216
Trackback
Trackback URL
2010年4月17日、ベルサール神田で、CSS Nite LP, Disk 9「...
CSS Nite公式サイト April 20 [Tue], 2010, 0:14
Comment
小文字 太字 斜体 下線 取り消し線 左寄せ 中央揃え 右寄せ テキストカラー リンク 絵文字 プレビューON/OFF
画像認証  [画像変更]
画像の文字 : 
利用規約に同意する
 X 
禁止事項とご注意
※本名・メールアドレス・住所・電話番号など、個人が特定できる情報の入力は行わないでください。
「ヤプログ!利用規約 第9条 禁止事項」に該当するコメントは禁止します。
「ヤプログ!利用規約」に同意の上、コメントを送信してください。
P R
チケットぴあ
プロフィール
  • ニックネーム:movieee
  • 性別:女性
  • 血液型:B型
  • 職業:専門職
読者になる
Webデザイン、コーディングをしています。
パソコンが好きでいろいろ触っては壊して、、、を繰り返してます。組み立てる事も楽しいですが、解体するほうがもっと楽しいです。
このブログはパソコンの不具合やコーディングで困ったことを主に書いています。
もう一つコーディングに関してのブログ書いています。よかったら遊びに来てください!

最近読んだおすすめの本

Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト
XHTMLの文法や規格を習得したい方へ…

佐藤可士和の超整理術
仕事や日常をデザインしたい方へ…

デザイン・ルールズ デザインをはじめる前に知っておきたいこと
初心へ帰りたいデザイナーの方へ…

Yapme!一覧
読者になる
QRコード