Doorkeeper

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

2014-08-17(日)13:00 - 17:00 JST
申し込む

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

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

300円 会場払い
最寄駅・山陽電鉄飾磨駅(徒歩10分) 車での来場も可(無料駐車場あり)

詳細

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

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

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

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

今回の内容

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

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

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

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

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

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

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

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

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

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

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

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

上記の記事が掲載されているブログにも、それぞれ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. 公開したら、アナリティクス解析!

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

コミュニティについて

姫路IT系勉強会

姫路IT系勉強会

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

メンバーになる