鎌倉で月に1度開催している勉強会「STaD」は、個人のクリエイター・エンジニアを中心とした勉強会です。
11回目の今回は私、鈴木が担当ということで制作の「開発環境」をテーマにして、発表形式にさせていただきました。

ちなみに、STaDはリモート参加も可能ですが、今回は「Zoom」を使用してリモートメンバーもきちんと発表に参加できるようにしました。

なぜ開発環境？

今回の共有会の目的は以下の３つです。

・個人の経験を共有することで、それぞれ今後に活かす
・経験し得ない開発でも、色々なサービスへ視野を広げる
・発表者が質疑応答の中で逆にアドバイスをもらう

開発プロセスは、部分的な技術やツールと違って「検索すれば出てくる」というものでもなく、経験しなければ知り得ないものかと思います。
私個人としては経験豊富なメンバーのみなさんから、各案件の開発環境を紹介いただく中で、開発のプロセスや制作の考え方を吸収したい！というのが一番の目的でした。

「広義」の開発環境

また発表テーマ設定の上で、一言に「開発環境」といっても、クリエイティブ制作の中では色々な視点があります。
いわゆるフロントエンドの開発環境といえば、以下のようなテーマが浮かびやすいかと思いますが

・ 開発時のディレクトリ構成
・タスクランナー
・モジュールバンドラ
・デザインツール
・サーバー環境 
などなど。。

ただ、メンバーのほとんどが個人のクリエイターということで、案件分野や規模、作業体制などはさまざまです。
せっかくなのでいろいろな視点で共有しようということで、一般的な開発環境だけではなく、例えばチーム体制など、開発環境の意味合いは広く・自由にという発表基準にさせていただきました。

実際に共有されたテーマ・ざっくりキーワード

いざ発表！ということで、自由設定なので幅広いテーマが共有されたのですが、本当に幅広くなりすぎてしまったので（笑）
実際に話題に出てきたキーワードを3分類でざっくりまとめてみました。

・実案件の紹介
・開発ツール
・ その他

▶︎ 実案件の紹介

■　保守運用時のリファクタリング作業
■　保守運用時のチーム体制の工夫
■　引き継いだ既存環境での制作
■　Shopifyを利用した制作
■　動画制作
■　アプリデザイン・制作

▶︎ 開発ツールなど

■　タスクランナー / モジュールバンドラ/ ビルドツール / GUIコンパイラ 
　　→ gulp、Webpack、Parcel、Prepros など
■　コード記述
　　→ Sass、Pug、ejs、あえて生のcss/jsで記述
■　デザイン制作
　　→ Adobe Illustrator /  XDなどの使い分け

▶︎ その他

■　ドキュメント管理 / ツール
　　→ Google Drive、スプレッドシート
■　案件受注管理 / 売上管理
　　→ スプレッドシート管理
■　データ管理
　　→ Git、iCloud Drive
■　キーボード設定（キーバインド）/ PC環境
　　→ キーボードマエストロ、Karabiner、iMac、Mac Book Pro

実案件はWebサイトだけではなく、メンバー皆さんの制作分野が幅広いので、その点もSTaDの面白いところだと思います。
個人的に、ドキュメントや案件管理の方法などは思いつかなかったキーワードでしたが、言われてみれば個人のクリエイターにとっては大事な環境管理だなぁと感じました。

まとめ

短い時間だったので個々のキーワードを深掘りはできなかったのですが、開発環境ひとつで、色々なテーマがあがりました。
最適な環境は、実際の案件内容や開発体制よるものだと思いますが、柔軟に対応できるように、いろいろな引き出しを持っておけるようにしたいですね。

おまけ：パパ会

勉強会終了後には、ぷちパパ会。
STaDの男性メンバーは（なんと全員）大黒柱のパパさんたちです。
今回はベテランパパさんから、新米パパさんたちへおさがりグッズのプレゼントですね。こんなところもSTaD会の良さです。

▼ STaD バックナンバーはこちら