2015/03/07(土)18:00-21:00に札幌市民ホールで開催されたSaCSS vol.63に参加しました。北海道でフロントエンドエンジニアとしてで活動されているh2hamさん主催のセミナーです。
今回はLT(ライトニングトーク)回として参加者の中から数名がスピーカーとして自ら企業で学んだことなどを発表していきました。
マークアップ環境の変化
IE準拠、PCメインが主流となっていたコーディング方法から、制作環境を含め作業フローが大きく変化しています。制作するサイトのターゲットになる部分は、HTML5、CSS3をベースとしてレスポンシブWebデザインでの組み立てでスマホやタブレットを含むマルチデバイス対応へ以降し、ターゲットブラウザは最低IE8以上となりました。
制作環境は、ターミナルやコマンドプロンプトを使い、MiddlemanなどHTMLの雛形を生成するテンプレート機能、CSSを効率よく記述するSCSS(Sass)やLESS、Compass、雑多な作業を自動化するタスクランナーGrunt、Gulp、作業データのバックアップや共有化をするバージョン管理ツールGit、GitHubなど、多くのツールが開発され開発側では一般化されつつある状況です。
オブジェクト指向の考え方
プログラム言語の多くはオブジェクト指向を取り入れており、エンジニアはオブジェクトを扱えないといけない。そのときに考えることとして、対象となるものの共通項を見つけ、抽象化してモデルを作る方法があると言うことです。
動的なサイトの開発
動的なサイト開発ではXAMPPがよく使われるが、規模が大きくなるとバージョンや動かないなど問題が発生するため、仮想環境を使いサーバーをたて、gulpとbrowsersyncで入力した内容が自動的に反映されるよう、スマホと連動する様に環境構築すると作業効率が大幅に上がります。
バージョン管理ツール
バージョン管理ツールGitとAWSを使って作業環境を構築すると飛行機の中でも作業できるなどメリットがあります。ただし、プロジェクトによりバージョン管理ツールの使い方を知らない人も多いため、社内勉強会などを開き全員が使えるようにしていく必要があります。
見える化を導入する
見える化とは、仕事で発生する問題点をデータなどで視覚化することで、作業者全員が問題を共有し、仮に問題が出ても迅速に解決できるようにすることです。実際に社内でかんばん方式を導入してみた結果、一定の成果が上げられたので、作業が捗らない場合には取り入れてみると良いと思います。
デザイナーが欲しいエンジニア
デザイナーとエンジニアは作業範囲の違いからトラブルを起こすことが多いが、お互いが思いやりを持って状況の報告や共有などを行っていけば、プロジェクト全体をスムーズに行うことができるでしょう。