イベント‎ > ‎主催イベント‎ > ‎

第6回勉強会@岡山

テーマ「久しぶりのmeeting。もうすぐ1年!」

日程:2011年4月2日 13:00〜18:00
場所:ゆうあいセンター 研修室1
定員:30名
参加費:無料


※注意:
できる限り、公共交通機関を利用して会場まで来て下さい。
ネットワーク回線が必要な方は予め用意しておいて下さい。
(無線LANが使えないこともないですが、電波状況があまり良くないです)

タイムスケジュール
13:00〜13:30:受付

13:30〜13:50:挨拶(マネージャ)
                     自己紹介タイム

13:50〜16:30:
講師:中矢さん(かいらぼ勉強会)
タイトル:HTML5+CSS3を使ったオリジナルメモ帳を作る(仮)
概要:
※ハンズオン形式のセッションになりますので、PCを持参していただくようお願いします。

最初の10分は、HTML5やCSS3の紹介、ハンズオンの流れの説明を行います。

次に、30分間ほど以下のタグについての説明をした後に、
CSSを試行錯誤しながら書いてもらいます。
table, th, tr, td, div, input, hr (適宜追加)

次の30分で、javascriptを触りつつ、jQueryを用いて、次のことを練習します。
要素に対するイベント
要素の追加、削除、表示/非表示
要素のスタイルの変更
localStorageを用いたデータの保存、読み出し

15分ほど休憩をはさみます。

次の20分で、メモ帳を設計します。
適当な紙に、どのようなメモ帳を作るかの要件定義を行い、設計します。

最後の60分は、実際にメモ帳を作っていきます。

中矢さんの資料を添付しています。
よろしければ、gtug6_slide_dolphin.zipをダウンロードして下さい。

16:40〜17:10:
講師:Tamさん(四国GTUG)
タイトル:Androidアプリの不正コピー対策
概要:
※写真撮影、Twitter等でのつぶやき禁止。他言無用でお願いします。
※Tamさんが多忙により講演を中止します。

16:40〜17:10:
講師:横山 隆司(中国GTUG マネージャ)
タイトル:Chrome-Extension開発入門(2)
概要:
Google Chromeの拡張機能であるChrome-Extensionの
開発方法をHello Worldレベルで紹介します。
今回は、ChromeのAPIを中心に進めます。

17:50〜18:00
何か告知。会場片付け、要望等聞き取り時間

懇親会:18:00〜
申込: なし
場所: 岡山駅前近辺のどこか。
※予約していないので、当日有志を募って突撃する予定です。

当日の写真

Picasa ウェブ スライドショー


今回はHTML5+CSS3、Javascriptを使ったメモ帳を作るハンズオンを行いました。
ハンズオンの流れからちょっとしたハッカーソンに発展する流れで、
参加者の皆さんはいろんなアプリケーションを作成されました。

記憶に残っている代表的なものを列挙すると、
  1. MSWordもどき
  2. 妻の行動記録
  3. 名称を切り替えて保存できるメモ帳

    Chrome-Extension開発入門(2)

  4. 「ぽぽぽぽーん」と入力できるメモ帳
という感じでした。

そして、次にChrome-Extension開発入門(2)と、他の勉強会の告知、ライブアンケートフォーム作成なんてこともやりました。

Chrome-Extension開発入門(2)


次回はまだ予定がありませんが、ハッカーソン的な何かをやってもいいのかな?と思っています。

ċ
gtug6_slide_dolphin.zip
(159k)
Takashi Yokoyama,
2011/04/20 2:10
Comments