第10回姫路ゆるいWeb勉強会〜Emmet・Sass・GItの復讐←〜

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

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

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

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

今回の内容

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

このテーマでの7回目の勉強会になります。
前回までに、Webサイトの設計、ワイヤーフレーム制作、デザインカンプの制作をし、コーディングをスムーズにするためにEmmet、Sassの導入を行い、Gitでのソース管理を学びました。
今回は 「Emmet、Sass、Gitの復讐、いや復習」 がテーマです。

前回まででEmmet、Sass、Gitはサラッとやりましたが、今回は、前回参加できなかった方や、参加したけどまだよく分かっていない、疑問がある…などという方のための復習となります。

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

今回は参加前の準備が必要です

今回の勉強会参加にあたり、PCを持参される方は次のものをインストールしておいてください。

• テキストエディタ（Dreamweaver、Sublime Text、Coda、Bracketsなど）
• Sass
• Compass

Sassのインストール方法（当日参加までにご用意ください）

Sassインストール方法は次の記事などを参考にしてください。

• いまさら聞けないSassの使い方入門
• コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。

Compassのインストール方法（当日参加までにご用意ください）

上記を参考にSassをインストールできていれば、コマンドプロンプトまたはターミナルを起動して「gem install compass」（Macの場合は「sudo gem install compass」）と入力してEnterを押すことでインストールできます。

上記の記事が掲載されているブログにも、それぞれCompassのインストールを解説したページがあります。

• 知って得するSass/Compassのインストールと使い方
• コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利

持ってくるもの

• 筆記用具
• メモ帳
• スリッパ
• ノートPC（なくてもご参加いただけます）

今後の予定（あくまで予定・多少前後します）

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

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