概要

ビジュアルデザインとコーディング・実装をスマートに連携、進行していくにはどうすればよいでしょうか？　Webデザインのワークフローの中でも、最も制作側の比重が高いこの工程では、スマートデバイスやレスポンシブデザイン、AIの普及とともに、近年大きな変革が起こっています。

DIST.51では、実際にWebデザイナーとして手を動かしているデザイナーや、実装をしているエンジニアらの目線から、モダンなWebデザインワークフローについて、語り合います。

セッション紹介（各30分）

大炎上プロジェクトを0から3ヶ月でリリース品質に変えたデザインエンジニアの極意

AppleWorld Inc. 執行役員、D-THREE Inc. 代表取締役 Designer、Front-end Engineer、Back-end Engineer 菅原 陸（SUGAWARA Riku）

「どうやって、大炎上したプロジェクトを、3ヶ月で“リリース品質”に引き上げたのか？」

デザイナーとエンジニアが力を合わせ、最速で最高の結果を生み出す方法を、リアルな体験と共に大公開します。生産性最大化のための「デザインエンジニア」としての働き方、そしてその秘訣とは？

モックドリブンのすゝめ：動きで伝えるデザイナーとエンジニアの連携術

Studio, Inc. Designer / Front-end Engineer 小原 暢（OBARA Toru）

アニメーションモックをひたすら作る──。

そのプロセスが、デザイナーとエンジニアだけでなく、ディレクターやビジネスメンバーを含めたチーム全体の共通認識を育て、想像力を引き出す起点になります。

本セッションでは、そんなモックを軸としたデザイン〜フロントエンド実装のワークフローについて、デザイナー／フロントエンドエンジニアとして17年間にわたり受託制作を経験し、現在は事業会社で自社プロダクトの開発に携わる小原が、実例を交えながらご紹介します。

LT紹介（各5分）

デザインにブレーキをかけないエンジニアの動き方

kinew CTO Katashin（Katashin）

実装の制約がある中でベストなデザインを作るためには、デザイナーとエンジニアがうまく連携する必要があります。一方で、実装の都合を優先しすぎるとデザインがどんどん凡庸なものになっていってしまいます。本 LT では私がこの数年間実践しているエンジニアとしての動き方と、それにどのような効果があったかを共有します。

インフラ視点で見る"ありがたい"フロントエンド 〜運用の笑顔を産む10のTips〜

諸田 裕紀（MOROTA Yuki）

モダンなWebデザインワークフローでは、デザインの美しさや開発速度だけでなく、運用フェーズでの保守性も重要です。本LTでは、インフラエンジニアの視点から「こんな設計だと運用が楽になる！」という10個のTipsを紹介します。 エラー監視の仕込み方、ログ設計、パフォーマンス計測の準備、デプロイフローへの配慮など、開発時にちょっとした工夫をするだけで、運用チームから感謝される設計パターンを具体例とともに解説します。

参加費

勉強会のみ

1,000円（当日券：1,500円）

• PayPalによる事前決済、または当日支払いで参加費をお支払いください。

勉強会＋懇親会

5,000円

• 勉強会に加え、着席しての懇親会（コース料理＋飲み放題）にご参加いただけます。
  • 参加者同士の交流を深める有意義な機会を大切にするため、居酒屋での実施となります。
  • 費用や手間を抑え、より多くの方にご参加いただけることを重視しています。
• PayPalによる事前決済のみとなります。
• 懇親会の申し込みは開催1週間前までとなります（予約の関係上、申し込みが定員未満でも締め切ります）。
• 懇親会のみの参加は受け付けていません。
• 懇親会にはアルコールが提供されるため、20歳未満の方はご参加いただけません。
• 懇親会は完全禁煙です。
  • 喫煙時は近隣の喫煙スペースをご利用ください。

事前決済についての注意事項

• 具体的な流れは、PayPalによる事前決済についてをご参考ください。
• 領収書を発行可能です。詳しくはconnpassご利用ガイドをご覧ください。
• キャンセル・払い戻しについては、キャンセルポリシーに従って対応します。

• スタッフ枠は、通常参加の方はお使いいただけません。スタッフとして参加希望の方は、公式サイトのお問い合わせフォームよりお問い合わせください。

会場

中野セントラルパーク カンファレンス

• JR中野駅 北口改札から徒歩4分

タイムテーブル

※タイムテーブルや実際の進行は、予告なく変更になる可能性があります。

更新履歴

スポンサー

DISTは、以下のスポンサーにご協賛いただいております。

スペシャルスポンサー

ゴールドスポンサー

シルバースポンサー

ブロンズスポンサー

ツールスポンサー

YouTube配信

当日の様子は、開催2ヶ月後を目安にDISTのYouTubeチャンネルで公開予定です。公開不可の箇所やセッションはカットされますので、内容をすべてをご覧になりたい方は、ぜひ当日ご覧ください。

DISTについて

DISTは、職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティです。有志が非営利で運営しています。

主な活動として、以下の3つをコンセプトとした勉強会を定期開催しています。

• 職種の垣根を越える
• 特定の技術に依存しない
• 今日から現場で使える

注意事項

• 会場のWi-Fi一般開放はありません。
• 動画、写真の撮影を予定しています。撮影NGの方は事前にお申し出ください。
• 主催者、参加者みんなで作り上げる勉強会です。準備や片付けにご協力をお願いします。