Doorkeeper

第7回姫路ゆるいWeb勉強会〜作ったカンプDisるのとコーディングとEmmet〜

2014-06-29(日)13:00 - 17:00
申し込む

申し込み受付は終了しました

今後イベント情報を受け取る

300円 会場払い
スリッパ、筆記用具、あればノートPC等ご持参ください(Wi-Fi環境はありません)

詳細

姫路ゆるいWeb勉強会とは?

姫路ゆるいWeb勉強会は、兵庫県姫路市で、

  • Web制作に関する困ってることや気になってることを話し合ったり
  • Tipsなどの情報共有をしたり

など、ゆるく活動していく会です。

今回の内容

今年は 「姫路ゆるいWeb勉強会のホームページを1から作る」 というテーマで
勉強会を進めていきます。

このテーマでの5回目の勉強会になります。
Webサイトの設計、ワイヤーフレーム制作、デザインイメージの相談が終わり、
カンプが出来上がりました(多分できてます)。

カンプを元に、HTML5でどのようにコーディングするかを考え、
Emmetを使いながら実際にコーディングするところまでが今回の内容です。

Emmetの実演はJSFIDDLEを使って行いますが、
お手持ちのエディタにEmmetが入っていれば、そちらを使ってもらってもOKです。
(※6/16訂正・JSFIDDLEではなく、Emmet playground使ってやります)

Emmet playground
http://wate.github.io/yuruweb_vol7/

Emmetチートシート
https://gist.github.com/wate/1c662f0c864848e9e0b7

ご興味があればどなたでも参加可能です。初心者さんでも大丈夫です。
前回参加していない方でもご参加いただくことが可能です。
が、年間通してのテーマで実作業も発生しますので、
なるべく継続して参加していただくことが望ましいです。
(予定では、Webサイトが出来上がるための手順を小分けにして毎月1〜2回を1年くらい開催していこうと思っていますが、
必ずしも毎回参加しないといけないわけではありません)

今後の予定(あくまで予定)

  1. ワイヤーフレーム(設計)
  2. デザイン(Photoshop、Illustrator)
  3. コーディング(HTML5、CSS、Sass、Emmet)← イマココ
  4. JavaScript(JQuery)
  5. Gitでソース管理
  6. プライバシーポリシーの制定
  7. サーバー選びと準備
  8. ブログ作成(WordPress)
  9. アドセンス設定
  10. Webアプリ(PhoneGap、Xcodeなど)
  11. 公開したら、アナリティクス解析!

ご参加お待ちしております。

コミュニティについて

姫路IT系勉強会

姫路IT系勉強会

勉強会開催の告知/受付をconnpassに移行しました 姫路IT系勉強会 - connpass https://histudy.connpass.com/

メンバーになる