第9回姫路ゆるいWeb勉強会〜Sassでサッサと仕事を片付けよう〜

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

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

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

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

今回の内容

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

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

※Sassとは…Webページのレイアウトや修飾情報の指定に用いられるCSSを記述するための言語の一つ。また、同言語で記述したファイルをCSSファイルへ変換するソフトウェア。（IT用語辞典 e-Wordsより）

Sassを書くための設定から変換に使用するサービスまで、1から説明し、実際に手を動かして学んでいきます。

ご興味があればどなたでも参加可能です。初心者さんでも大丈夫です。
前回参加していない方でもご参加いただくことが可能です。
が、年間通してのテーマで実作業も発生しますので、
なるべく継続して参加していただくことが望ましいです。
（予定では、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. 公開したら、アナリティクス解析！

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