ATND アテンド β PRODUCED BY RECRUIT

ログイン or 無料登録

jQueryライトユーザレベルアップ勉強会

僕と契約してjQueryコーダーになってよ!

日時 :
2011/06/25 (土) 15:00 ~ 20:00
定員 :
20人
会場 :
株式会社フォトクリエイト様会議室(ご好意で貸していただけることになりました)(東京都新宿区西新宿6-16-6)
URL :
http://www.photocreate.co.jp/company/map_tokyo.html
主催者 :
ハッシュタグ :
#jqstudy

夢の中でコーディングしてた、ような

※サブタイはネタです。本人はマギカあんまり知りませんw

  • コアファイルのコードリーディングまではちょっと。。。
  • プラグインは使えればそれでいいんだけど?
  • 他人の書いたコードをある程度すんなり読めるようにはなりたい
  • プラグインを書き直せるようになりたい
  • 自分でデバッグできるようになりたい
  • 自分がやりたいことをさっと形にできるようになりたい

などなど。

今回は、jQueryの概要を把握し、自分専用の元ファイル一式を整えて、好きなようにjQueryを操れるようになる、ことを目標にします。
初心者から初級者を中級者に底上げする勉強会にしたいと思っています。

デバッグ大会では初級~中級レベルの課題を出し、解決方法を探ったり、その手法を教えあうことで楽しくレベルアップを図ります。
このため、PC(Macも可)を持参しないとつまらないかもしれません。
てゆーか、ノートPC持参してください。

タイムテーブル

6月25日 14:30 開場予定
部単位の入退室可

時間 発表者 内容 サブタイ
14:55 – 15:00 予告編 ロー@ンでみんなに会える(違
15:00 – 16:30 らき 第一部:おさらいjQuery これはとっても嬉しいなって
16:45 – 18:00 らき 第二部:自分専用初期ファイル群作成と
FireBugでのデバッグ方法
もうバグも怖くない
18:15 – 20:00 みんな 第三部:デバッグ大会 バグも、仕様も、あるんだよ

終わった後、希望者で軽くご飯を食べに行くと思います。
主催者は酒を飲まないので、酒を飲みに行くかどうかは微妙です。

デバッグ大会でどんなことをするか

基本ルール

  • ブラウザ上で片付ける
  • このページを保存等でローカルにファイルを保存してはいけない
  • 使用しているブラウザで処理できるならツールの使用は構わない。アドオン、ブックマークレット、他サイトのサービス等の使用可(むしろ推奨)
  • jQueryユーザならjQueryで答えを作りましょう
  • ブラウザのアドオン(Firebug等)の機能による回答も一応おっけーです。その解答がツールの知らなかった機能を知るきっかけになるかもしれません。

お題例1

Yahoo! Japan のトップページ( http://yahoo.co.jp )にある、画面上部のY!BBとオークションのアイコンを入れ替えて表示してください。

お題例2

右肩の広告が邪魔なのでついでだから消してみましょう。でも怒られるかもしれないので、やっぱり表示しましょう。ゆっくり消してゆっくり再表示するのはどうでしょう?

お題例3

Y!Jのニューストピックスの記事タイトルを全て”これはテスト記事です”に書き換えてみましょう。

お題例4

記事のリストの偶数番目の文字列を白に、背景色を黒に、1行で書き換えましょう。

お題例5

アンカーをクリックしても画面遷移しないようにしてみましょう。

これらの答えあわせは会場で!

注:今これができないとか難しいというレベルの人をできるレベルに引き上げるための勉強会です。
なんだこの程度かと思うだけの知識のある方はキャンセル待ちの人に譲ってあげてください。

※Yahoo!さんごめんなさいw

注意事項

  • 会場への直通連絡手段はありません。途中参加等はTwitterでハッシュタグをつけて呼んでください。フォトクリエイト様の公開電話への連絡は厳禁です。
  • セキュリティのため、お名刺を二枚頂戴し、本名を記帳いただく必要があります。ご協力お願いします。
  • jQueryの勉強会は初めてなので、参加者のレベル等々がわかりません。だいぶ初心者向けにするつもりですが、本人は職業SE/PGなので、初心者の定義に求めるレベルが少し高めかもしれません。少なくても、HTML,CSSの基本的な理解と、PCそのものの基本操作はできないと話になりません。
  • まさか人数オーバーな大盛況になるとは思っていない(当日は別所でもっと面白い勉強会が多数ありますよね。。。)ですが、ドタキャンは寂しくなってしまうので勘弁してください。
  • 6/9 追記:予定していたより多くの人に興味を持っていただけてうれしいです。会場の都合により、予定人数ほぼいっぱいいっぱいです。当日のドタキャンはご遠慮ください。
  • 都合がつかなくなった場合はなる早でキャンセルして、キャンセル待ちの人に譲ってあげてください。よろしくお願いします。
  • 6/13 追記:会場のフィードバックいただきました。現在の参加数だと電源タップの数が若干不足するようです。もし電源タップを持ってきていただける方がいらっしゃいましたらご協力ください。
  • 6/13 追記:当日の無線回線は混雑が予想されます。できるだけ自前の回線の用意をお願いします。
  • 6/13 追記:今まで書いていませんでしたが、発表時にはFirefoxの4系を使う予定です。ChromeやSafariでも同様のことができると思いますし、説明もできますが、OperaやIE8以前のブラウザは守備範囲外(説明時のマシンがマックなので)です。お手数ですが自力での手順変換に自信のない方はFirefoxをインストールしてお持ちください。
  • 6/23 追記:Firefox 5 がリリースされました。4以降のバージョンアップは、セキュリティフィックスとの区別をつけないということなので、(Macの方は特に)自動更新をオンにしておいたほうがよさそうです。Firebugは問題ないのですが、一部Firebugアドオンが対応しきれていないものがありますので、注意してください。とりあえず発表は5を使用します。
  • このコメントは全員が閲覧、すべてのログインユーザーが投稿することができます
RAKI
RAKI - (2011/06/07 (火) 12:20)
ちょwはやw 
まだ中身書いてないのにw
RAKI
RAKI - (2011/06/07 (火) 12:50)
中身入れました。
tetsunosuke
tetsunosuke - (2011/06/09 (木) 10:58)
会場提供の㈱フォトクリエイトの tetsunosuke です。

当日提供可能な回線はPocket-WiFiによるものですので、
それよりも快適なものをご自身で準備可能な場合はそちらをお持ちください。
RAKI
RAKI - (2011/06/13 (月) 14:14)
ところで、当日のお昼から開場までの間、割と暇なのでプレ勉強会とかやったら誰か来るかしら?
南口のミヤマか小田急下のルノアールかその辺りのマックで自由参加的な。
RAKI
RAKI - (2011/06/26 (日) 03:53)
勉強会の様子は、http://togetter.com/li/154164 からどうぞ。
個人的なブログは http://d.hatena.ne.jp/officel/20110625/p1 からどうぞ。
RAKI
RAKI - (2011/06/30 (木) 19:29)
アンコール開催決定しました。 http://atnd.org/events/17522

コメントを投稿するには、ログインしてください。

掲載されるイベント情報は、利用者の皆様によりご提供いただくものであり、株式会社リクルートは本情報の正確性や内容について、一切保証するものではございません。詳しくは利用規約をご参照ください。