BEGIN:VCALENDAR VERSION:2.0 PRODID:-//https://techplay.jp//JP CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALDESC:DIST.17 「Webデザインの現場のための効率化術」 X-WR-CALNAME:DIST.17 「Webデザインの現場のための効率化術」 X-WR-TIMEZONE:Asia/Tokyo BEGIN:VTIMEZONE TZID:Asia/Tokyo BEGIN:STANDARD DTSTART:19700101T000000 TZOFFSETFROM:+0900 TZOFFSETTO:+0900 TZNAME:JST END:STANDARD END:VTIMEZONE BEGIN:VEVENT UID:628667@techplay.jp SUMMARY:DIST.17 「Webデザインの現場のための効率化術」 DTSTART;TZID=Asia/Tokyo:20170825T190000 DTEND;TZID=Asia/Tokyo:20170825T210000 DTSTAMP:20260419T110600Z CREATED:20170724T041020Z DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/62866 7?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\n会場\n東京 テクニカルカレッジ B1F テラホール（アクセスマップ ）\n\nJR東中野駅 東口改札から徒歩1分\n中央線快速は、 東中野駅に停車しません。中央・総武線（各駅停車） をご利用ください。\nくわしくは道順のご案内をご参 考ください。\n\n\n\nタイムテーブル\n\n\n\n時刻\n内容\n\n \n\n\n18:30～19:00\n開場／受付\n\n\n19:00～19:10\nごあいさつ\ n\n\n19:10〜19:50\nLT前半パート（6本）\n\n\n19:50〜20:05\n休 憩\n\n\n20:05〜20:45\nLT後半パート（6本）\n\n\n20:45～20:55\n 質疑応答\n\n\n20:55～21:05\nみんなでお片付け／閉場\n\n\n2 1:50〜\n近隣の店舗に移動して懇親会（懇親会参加の方 のみ）\n\n\n\nLT概要とスピーカー紹介（各5分・発表順 ）\n前半パート\n「Photoshopで大量バナー制作を自動化す るお話」\nアスタミューゼ株式会社 取締役 （兼 デザ イン部長） 白木 陽次（SHIRAKI Yoji）\nPhotoshopではJSXとい うJavaScriptマクロが利用できます。こちらの使い方を、 フォーマットが決まったバナーを自動作成する方法を 通してご紹介したいと思います。\n「色を変えたGoogle M apsの「キャプチャ」と「コード」を自動生成するツー ル」\n株式会社トライム デザイナー 葛西 恵示（KASAI Ke iji）\nカスタマイズしたGoogle Mapsを簡単に作成する自作 ツールを紹介いたします。\n「あるマークアップエン ジニアの初期制作時のテンプレ事情」\nSTUDIO ONE マーク アップエンジニア 岩堀 真吾 （IWAHORI Shingo）\n受託制作 においては、クライアントからの多様な要求にすばや く応えることが重要です。フリーのマークアップエン ジニアである私が、制作の効率化のために普段使って いるテンプレートについてご紹介します。\n「こんな に変わる！npmとwebpackを使ってWEB開発をもっとラクに。 」\n株式会社スパイラルエッジ 渡辺 知規（WATANABE Tomono ri）\nwebpackとは、サイト上で読み込む必要のあるJavaScri ptやCSS、imageファイルといった複数のファイルを、1つ ないしは複数のファイルにまとめることができるツー ルですが、npmと掛け合わせて利用していくことで、開 発チーム内で、統一された開発環境をwebpackを使って容 易に構築することが可能です。今回は、実際の制作現 場での利用を想定した“ラクする”webpackの使い方や設 定例をご紹介します。\n「gulp のビルドをもっと効率化 するツールを作ってみた」\n株式会社オロ フロントエ ンドエンジニア 片山 真也（KATAYAMA Shinya）\n大規模サイ トのビルドや複雑なビルド設定を楽にする Houl という ツールの紹介をします。\n「React/Storybookと、全員参加 型のUI開発」\n株式会社チームスピリット フロントエ ンドエンジニア 横内 宏樹（YOKOUCHI Hiroki）\nReactにはStor ybookというコンポーネントガイドのようなツールが存 在します。Storybookを用いて「ソースこそがスタイルガ イド」「エンジニアもデザインに参加」を実現するた めにTryしていることをお話しします。\n\n後半パート\n 「ちゃんと使い分けたいIllustratorとPhotoshopの書き出し 方法おさらい」\nTIMING DESIGN デザイナー 北村 崇 （KITAMU RA Takashi）\n「スライスはさすがに使わない」と言う人 が大半の現在、「それ以外の書き出し方法」について 、書き出し機能毎の得手不得手、ちょっとしたTipsなど を踏まえながらおさらいしたいと思います。\n「わり かし効率的なコラ画像術」\n株式会社ライデン アシス タントデザイナー 野田 純生（NODA Junki）\nデザイン制 作の現場で割と重宝するコラ画像術。基本的なPhotoshop 技術をベースに、効率よく写真に馴染む、コラ画像の ツボを紹介します。\n「効果測定の効率化のために行 った3つのこと」\nGMOペパボ株式会社 デザイナー かわ かみ しずか（KAWAKAMI Shizuka）\nエンジニアやデザイナー が、自身の行った施策の効果測定を効率的に行えるよ うにするために何を行ったのかをざっくりとお話しま す。\n「ツールで解決するWordPressとモダンフロントエ ンドの開発手法」\n株式会社ストロボスコープ ウェブ デベロッパー 扇 克至（OUGI Katsushi）\nWordPressでもCSSやJa vaScriptはGulpなどモダンな開発手法を採用したくありま せんか？　ツールを使って簡単に開発できる方法をご 紹介いたします。\n「Photoshopの自動処理で楽するお話 し リサイズ編」\n株式会社シーティーイー 本業はDTP 大澤 一志（OSAWA Kazushi）\nPhotoshopには「アクション」「 ドロップレット」「バッチ」など標準で搭載されてい る自動処理の機能があります。これらを組み合わせる ことによる効率化の話と、さらにAdobe ExtendScript Toolkit で作成した「書き出し形式」に似た処理をするツール を使って楽する話をします。\n「タスクランナーでラ クするWeb開発 WordPress編」\n株式会社エースユニオンデ ザイン マークアップエンジニア 齋木 弘樹 （SAIKI Hiroki ）\n業務でWeb制作をしている場合、日々の制作の中で 「繰り返し」行っている作業の時間は思った以上に無 視できません。これらはまとめてタスクランナーに任 せてしまいましょう。このLTでは、WordPressのテーマ開 発での活用事例を通してタスクランナーを使うメリッ トとポイントをご紹介します。\n参加費\n\n懇親会参加 の方は事前決済、不参加の方は当日決済になります。\ nDISTの収支は、すべてGitHub Wikiで公表しています。\n\n 勉強会のみ\n1\,000円（フリードリンク付き）\n\n当日受 付で1\,000円をお支払いください。\nキャンセルしない 人と、キャンセルの可能性がある人で参加枠を分けて います。ご予定に応じてお申し込みください。\n開場 から休憩明けまで、会場1Fのカフェにてソフトドリン クを無料でご提供します。\n\n勉強会＋懇親会\n4\,000円 （勉強会：フリードリンク付き、懇親会：コース料理 ＋飲み放題）\n\nPayPalによる事前決済のみとなります。 \n具体的な流れは、PayPalによる事前決済についてをご 参考ください。\nキャンセル・払い戻しは一切対応で きません。あらかじめご了承ください。\n懇親会のみ の参加は受け付けていません。\n懇親会に参加される 方のみ、勉強会の参加費1\,000円から500円分をデポジッ トとして返還します。\n懇親会の実費が3\,500円のため 、トータルの金額は勉強会の参加費1\,000円（内500円が 懇親会費として返還）＋懇親会費3\,000円＝4\,000円とな ります。\n懇親会に参加しない方は、500円分の返還は ありません。\n\n\n\nYouTube配信\n会場設備の都合上、YouTu be Live配信は中止となりました。ただし録画は行い、DIS TのYouTubeチャンネルで、イベント開催後1～2週間以内に 公開予定です。\nなお、公開不可の箇所が一部カット される場合がありますので、ご注意ください。内容を すべてをご覧になりたい方は、ぜひ当日会場にお越し ください！\n設備・機材の状況が整えば、当日は19:00前 後からDISTのYouTubeチャンネルでライブ配信をします。 設備・機材の都合でライブ配信がない場合でも、後日 同チャンネルに動画をアップロードします。\n更新履 歴\n\n\n\n更新日時\n内容\n\n\n\n\n8/21 10:26\nLTの発表順を一 部調整しました。\n\n\n8/18 1:40\nLTの発表順を決定しまし た。\n\n\n8/7 12:46\nLT「わりかし効率的なコラ画像術」を 追加しました。\n\n\n8/2 18:28\nLT「こんなに変わる！npmと webpackを使ってWEB開発をもっとラクに。」を追加しまし た。\n\n\n8/1 18:02\nLTスピーカーが定員に達したため、募 集を終了しました。\n\n\n7/31 13:58\nLT「Photoshopで大量バ ナー制作を自動化するお話」を追加しました。\n\n\n7/31 9:36\nLT「React/Storybookと、全員参加型のUI開発」を追加 しました。\n\n\n7/27 16:54\nLT「色を変えたGoogle Mapsの「キ ャプチャ」と「コード」を自動生成するツール」を追 加しました。\n\n\n7/27 10:25\nLT「Photoshopの自動処理で楽 するお話し リサイズ編」を追加しました。\n\n\n7/27 8:38 \n追加スピーカーが1名決定（詳細は後日公開）したた め、LT希望枠を1枠減らしました。\n\n\n7/26 13:29\n各枠の 定員数を調整しました（事前決済枠：50→20、当日決済 枠：各50→65）。\n\n\n7/26 12:52\nLT「ツールで解決するWord Pressとモダンフロントエンドの開発手法」を追加しま した。\n\n\n7/24 18:23\nLT「gulp のビルドをもっと効率化す るツールを作ってみた」を追加しました。\n\n\n7/24 14:03 \n当日決済枠・キャンセルの可能性がある人用（勉強 会のみ）を増枠しました。\n\n\n7/24 13:00\nイベントペー ジを公開しました。\n\n\n\nイベント概要\n暑い夏、効率 化の夏がやって来る！　PSD、AI、XD、PDF、DOCX、XLSX、PPTX ……山積みの拡張子を掻き分けては進み続けるWebデザ インの現場では、時間に追われることもしばしば。膨 大なタスクをスマートに捌いていくためには、効率化 ・自動化による時短がカギになります。\n（「いやい や、私はまったく時間に追われてませんヨ、というア ナタは、ぜひLT希望枠へ！）\nDIST.17では、デザイナー 、エンジニアなど様々な視点からの効率化術を、じり じりと照りつける太陽に夏バテ気味のあなたに送りま す。\nLTスピーカー募集！\nLTスピーカーが定員に達し たため、募集を終了しました。\nLTスピーカーを希望さ れる方を広く募集します。時間は5分、内容は「効率化 ・時短」にまつわることであれば、デザイン・プログ ラミングのTIPS、便利なサービスの紹介など何でもOKで す（例：最強のデザインアセット管理、爆速でプロト タイプを作る方法、オレオレコードスニペット利用法 など）。\n希望者は、「LT希望枠」からお申し込みくだ さい。なお、LTスピーカーの方は参加費（1\,000円）が 無料となります。懇親会は実費（3\,500円）でご参加い ただけます。\n対象\n\nデザインやプログラミングにお いて、余計な時間を短縮したい方\n自分のやり方が本 当に効率的なのか確かめたい方\n時短に最適化された 俺／私の方法を自慢したい方\n学生でWeb制作業界に興 味を持っている方\n効率化のためなら徹夜をしてもい い、という方\n\nDISTについて\nDISTは、職種や技術の垣 根を越えてWebに関わるすべての人を結ぶクリエイティ ブコミュニティです。有志が非営利で運営しています 。\n主な活動として、以下の3つをコンセプトとした勉 強会を定期開催しています。\n\n職種の垣根を越える\n 特定の技術に依存しない\n今日から現場で使える\n\n注 意事項\n\nスタッフ枠は、通常参加の方はお使いいただ けません。スタッフとして参加希望の方は、公式サイ トのお問い合わせフォームよりお問い合わせください 。\n会場のWi-Fi一般開放はありません。\n動画、写真の 撮影を予定しています。撮影NGの方は事前にお申し出 ください。\nお支払いいただいた参加費や懇親会費の 返金は一切できませんので、あらかじめご了承くださ い。\n主催者、参加者みんなで作り上げる勉強会です 。準備や片付けにご協力をお願いします。\n LOCATION:東京テクニカルカレッジ 東京都中野区東中野4-2-3 URL:https://techplay.jp/event/628667?utm_medium=referral&utm_source=ics&utm _campaign=ics END:VEVENT END:VCALENDAR