メールマガジン2015年7月

採用エントリー

お問合せ

メールマガジン


「Sass (サス、Syntactically Awesome Stylesheets)」 2015年7月 発行


 ┃ ┃ソ┃フ┃テ┃ル┃ ┃ ┃ ┃ ┃ ━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛  ┃ ┃ ┃I┃T┃メ┃ル┃マ┃ガ┃ ┃ ━┛━┛━┛━┛━┛━┛━┛━┛━┛━┛ ┏━━┓ 受注管理、在庫管理… Webシステム開発の株式会社ソフテル ┃\/┃ https://www.softel.co.jp/ ┗━━┛━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ◇◆━━━━━━━━━━━━ ◆ 案内人からのメッセージ ◇ ━━━━━━━━━━━━◇◆ ソフテルのITメールマガジンへようこそ♪ 今回のメルマガ案内人は石原です。 ▼ 私のプロフィールはコチラ ▼ https://www.softel.co.jp/staff/pf/11 我が家の目の前に道を1本挟んで使われていない畑(と言っても草ボーボーです)が ありまして、梅雨に入る少し前の時期になると、そこから毛虫が大量発生しています。 しかも何故か、挟んでいる道を乗り越え、家の塀を乗り越え、敷地内に侵入してくる という何とも迷惑な状態です・・・。 出来れば持ち主の方に畑の手入れをしてもらうか、使ってくれる方に貸すか売るか してもらえないかなぁ・・なんて思っています。 ■━━━━━━━━━━━━━━━□━━━━━━━━━━━━━━━■ ↓↓↓ それでは、今回もソフテルITメルマガをどうぞ ↓↓↓ ◇第143回 ソフテル ITメールマガジン ★☆★━━━━━━━━━━━━━━━━━━━━━━━━━━★☆★ 今回のテーマ: Sass (サス、Syntactically Awesome Stylesheets) ★☆★━━━━━━━━━━━━━━━━━━━━━━━━━━★☆★ 皆様、Sassをご存知でしょうか? この言葉を調べると、ブログなどでは一言で「すげぇCSS」とか「すんごいCSS」等と 書いてあるのですが、その「すげぇ」「すんごい」所を今回は紹介していこうと思います。 ■Sassとは? CSSをご存知の方は多いかと思いますが、SassとはCSSのコーディングを効率的に 行う事が出来るように作られたアプリで、通常のCSSの構文だけでなくSassならではの 構文で記述を行う事が出来るようになり、記述するコードを大幅に短くしたり、 視覚的にも読みやすくなるといった効果があります。 ■Sassならではの構文とは? 色々と便利な機能が用意されていますが、その中でも特に便利な機能を 以下に紹介します。 1) 入れ子(ネスト)構造の記述が出来る。 HTMLでは入れ子で記述を行いますが、CSSは入れ子での記述は出来ません。 入れ子で記述が出来れば・・・と思った事は無いでしょうか? これが、Sassを入れる事によって、入れ子で記述する事が出来るようになります。 さらに、ネームスペース(例えば border-*** のborder)で纏めて入れ子にしてしまう といった事も可能になります。 2) 変数を利用する事が出来る。 数値、色コード、URL等の文字(100px、#777、http://softel.jp、等)を変数に入れておき、 任意の場所に埋め込む事が出来ます。 微妙な調整(数pxのズレ)等で、色々な所に散らばった同じ値をペタペタ書き換える 必要がなくなり、変数を1つ変えれば全て変わる、といった事が可能になります。 3) ミックスイン、インクルードでスタイルを使いまわし出来る。 要は、スタイルのテンプレートのようなものです。 テンプレートを作成(ミックスイン)し、任意の場所にテンプレートを埋め込む(インクルード) 形で利用します。 4) 条件分岐やループ処理が出来る プログラミングのスキルが若干必要(条件分岐等を使わなければ不要です)となってしまいますが、 CSS内に条分分岐(if文)やループ処理(while、for、each文)を使用する事が出来ます。 ※機能参考サイト http://www.atmarkit.co.jp/ait/articles/1402/17/news102.html http://codezine.jp/article/detail/7695 ■お高いんでしょう? 無料で配布されています。 ■使いたい! 色々検索をしていただければ、具体的なインストール手順が色々な所で紹介されています。 ただ、どこどこでダウンロードしてインストールしておしまい、というわけにはいかず、 Rubyのインストール、コマンドプロンプト(Macの場合はターミナル)での実行、 コンパイル・・と、若干敷居が高く感じてしまうかもしれません。 ですが、一度その便利さを体験すると、今までの苦労は何だったのだろう?と 思えるのではないかと思いますので、日常的にCSSのコーディングを手掛けている方、 CSSの構文は好きじゃない、といった方は、一度試してみてはいかがでしょうか。 ※導入参考サイト http://www.atmarkit.co.jp/ait/articles/1402/19/news042.html http://codezine.jp/article/detail/7522 ◇◆━━━━━━━━━━━━ ◆ ソフテル社内ニュース  ◇ ━━━━━━━━━━━━◇◆ 私がソフテルに入社して早8年、入社当時は十数名だったのですが、 皆様のご愛顧もあり年々社員が増えておりまして、もう少しで50人を 超えようとしています。 事業所が50人を超えると、労働基準法で衛生管理者の選任が必要となるのですが、 ・・・・? そういえば10年くらい前に、前職で衛生管理者の資格を取ったような・・? 思いもかけない形で埃がかぶった資格証に日の光が当たるのかもしれません。 ※調べましたが有効期限は無いそうです。 最後まで読んでくださり、ありがとうございました! 次回は、伊藤プロデュース★ 8月5日(水)配信予定です★ どうぞお楽しみに!! +----------------------------------------------------------+ | Web システム構築の株式会社ソフテル          | | https://www.softel.co.jp/ | | スタッフブログ: https://www.softel.co.jp/blogs/staff/ | | 開発者ブログ: https://www.softel.co.jp/blogs/tech/ | +----------------------------------------------------------+ バックナンバーは 【こちらです: https://www.softel.co.jp/mailmagazine/ 】 ※ このメールは、ソフテルメールマガジンにお申し込みいただいた方、 セミナーや展示会にご来場または名刺交換をさせていただいた方、 また各種資料をご請求いただいた方にお送りしております。 メルマガ配信にご同意いただけない、もしくは不要の方は、お手数ですが 下記の連絡先TELにご連絡、もしくは下記メールアドレス宛にご連絡下さい。 (メールの場合は、件名を「メルマガ配信解除依頼」として下さい。) なお、メルマガ配信解除のご連絡をいただかない場合は、 ご同意いただいたものとさせていただきますので、ご了承下さい。 【個人情報の取扱要旨】 https://www.softel.co.jp/policy/privacy 【個人情報に関するお問い合わせ】 株式会社ソフテル お客様お問合せ窓口 TEL :058-254-8500 MAIL:mail@softel.jp ■ ネットショップの業務の大幅改善・売上アップに。 【弊社取引先】 ・ロイヤル様 http://www.rakuten.ne.jp/gold/z-craft/ ↓↓↓↓↓↓↓↓↓↓↓↓↓ ネットショップ向け業務システム「通販する蔵」 http://www.softel.jp/ ・スワロースポーツ様 http://www.4860.jp/ ・ふとんタウン様 http://www.futontown.co.jp/ ↓↓↓↓↓↓↓↓↓↓↓↓↓ ネットショップ向けカートシステム「出店する蔵」 http://shop.suruzo.biz/

毎月第一水曜日、好評配信中!!   » 購読のお申し込みはこちら

メールマガジン目次に戻る

ページの先頭に戻る