フリーランス向け勉強会<3スタSTUDY>SassとGulpの入門編

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

2019年4月25日(木)キュービックのイベントスペース「parQ」にて、フリーランス向け勉強会「3スタSTUDY SassとGulpの入門編」が行われました。今回は、その模様をお届けします。

フリーランスのWebクリエイターが集結

「3スタSTUDY」は、現在フリーランスとして活躍するWebデザイナーやフロントエンドエンジニア、HTMLコーダーを対象とした勉強会。主催したのは、Webクリエイターに特化した人材マネジメントをおこなう株式会社graviee。

株式会社gravieeは、WebデザイナーやHTMLコーダー、Webディレクター向けに週3日からの仕事を紹介する「3スタ(サンスタ)」というサービスを運営しています。

「3スタSTUDY」は、東京都内だけではなく、高知県や大阪府など日本各地で定期的に開催されています。

「parQ」で開催された今回は、株式会社Deer代表取締役の二宮大地さんを講師に迎え、日常業務で即実践できるスクリプト言語「Sass」とWebサイト構築に欠かせない自動化ツール「Gulp」の2種類を学んでいくものでした。

株式会社キュービックフリーランス勉強会

<講師紹介>二宮大地さん(にのみや・だいち)

株式会社Deer代表取締役。Webフロントエンドエンジニアとして大手企業サイトのフロントエンド開発に携わり、キャリアを積んだ後に独立。現在は、フロントエンドエンジニアの育成や派遣事業、新規Webサービス開発事業を中心に展開。企画やデザイン、UIUXの設計から開発マネジメントまでをトータルで行っている。

「Sass」と「Gulp」さえ覚えておけばWeb制作の業務効率が驚くほどアップする

株式会社キュービックフリーランス勉強会

今回の「3スタSTUDY」には、フリーランスとして働くWebエンジニアやデザイナーら合計20名以上が参加。参加者の多くは、「業務効率を改善し、Web制作の環境を最適化したい」「バージョン管理に工数がかかる」といった悩みを抱えているようです。

勉強会は、前半と後半の2部構成。前半は、二宮さんから「Sass」と「Gulp」の仕組みや使い方についての説明があり、後半では座学での内容を踏まえたうえで、実際に自分のパソコンで操作しながら詳しい使い方を学んでいきます。

株式会社キュービックフリーランス勉強会

二宮さんによれば、今回のテーマである「Sass」と「Gulp」は、Webサイト制作において非常に重要なツールとのこと。

「Gulp」をインストールすれば、画像の圧縮、画像サイズ変換、CSS及びJavaScriptファイルの圧縮、Sass・Compass・CoffeeScript・Jadeなどのコンパイル、コードの連結、PC・スマホ・タブレット端末での動作確認……などをグッと効率化できるといいます。

株式会社キュービックフリーランス勉強会

インストールした処理の設定ファイルやタスクは、チームの開発メンバー同士で共有することも可能。SCSSのコンパルやコード圧縮の仕方など作業環境を統一することができ、一定の品質を保てるようになるのだと言います。

「Gulp」を利用することで、開発にかかる時間や工数を大幅に短縮できるのはもちろん、ヒューマンエラーを確実に防いで成果物のクオリティを高めることができます。

「Gulp」を実践!インストールして動かしてみよう

株式会社キュービックフリーランス勉強会

後半では、参加者全員が持参したパソコンに「Gulp」をインストールし、HTML・CSS・JavaScriptコーディングなど繰り返し発生する日々のタスクを自動化していきます。

株式会社キュービックフリーランス勉強会
参加者の進捗を確認しながら、操作方法を丁寧にレクチャーする二宮さん

そこでまず、「Gulp」を動かすための「Node.js」を公式サイトからダウンロードして処理に必要な作業環境を整えます。

「Gulp」は、Chromeの拡張機能やWordPressのプラグインように、「CSSの圧縮」「使っていないCSSを削除」「JavaScriptの圧縮」といったメニューが豊富に揃っているのも大きな特徴です。

さまざまなプラグインをカスタマイズできるため、WebデザイナーやフロントエンドエンジニアなどWeb領域に携わる幅広い職種の人に最適なツールだといえます。

株式会社キュービックフリーランス勉強会

今回は、フリーランス向けの勉強会「3スタSTUDY SassとGulpの入門編」をお伝えしました。会場となった「ParQ」では、社内はもちろん、交流会やセミナーなど社外イベントも数多く開催されています。

問い合わせ先
株式会社キュービック
〒169-0074 東京都新宿区北新宿2-21-1
新宿フロントタワー16階
代表TEL. 03-5338-3550

キュービックでは新しいメンバー(社員・インターン)を募集中!

採用エントリーはこちら

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る