第15回【Webデザインテクニックについてゆるく話す】参加レポートTweetはじめにこんにちは、エンジニアの佐野です。最近は↓みたいなことをしてました。BuildItでは前置きを短く、本題のゆるはち.it勉強会についてレポートを書きます。毎月八王子で行われている勉強会です。毎月テーマが変わります。今回はWebデザインテクニックがお題でした。タイトルにある通りゆるーく進行する勉強会なので、気楽に参加できます。発表したい方、ピザを嗜みながら懇親したい方はぜひconnpassへyuruhachi-it.connpass.comゆるはち.it【地味にスゴイ!Webデザインテクニック】のレポート今回のテーマは、「Webデザインテクニック」でした。トーク内容は以下の通りパパッと伝わる資料・スライドの作り方ここを抑えるといい感じ♪Webサービスのデザインフロントエンドエンジニアから見たノンデザイナーズ・デザインブックデザイン初心者に色々教えたらこうなった資料・スライドという誰もが触れるデザインの内容から、より具体的なWebサービスのデザインについて。エンジニア目線でのデザインについてのトーク。最後には、このようなデザイン知識を初心者に教えたらどうなったか実例を見れる貴重なLT。豊饒な内容になっています。株式会社ビルディットのデザイン顧問であるイシジマミキさんが駆けつけてくれました。進行役としてゆるふわなトークを交えながら補足もしてくれたので、とてもわかりやすくなりました。それでは1つ1つのトーク内容に触れていきます。!伝わる資料スライドの作り方www.youtube.com画像を見てわかる通り、登壇者とリモート通話を繋げての発表という初の試みです。発表内容は動画になっていたのですが、動画の中に登壇者の五藤晴菜さんが映っており身振り手振りがあったので違和感なく聞くことができました。内容については「資料スライドの作り方」ということでデザイナーとかエンジニアとか職種関係なく役に立つ内容です。「いきなり手を動かすのではなく、先にポイントを書き出して不要な部分を削ってまとめていくようなアプローチの方が、最終的に時間もかからないし、クオリティの高いものができる」この手順って日々の仕事にも活かせるのではないでしょうか......また、晴菜さんはiPadエバンジェリストのため、iPadのノウハウがいろいろと詰め込まれています。ここを抑えるといい感じ♩WebサービスのデザインWebサービスデザインのノウハウをさまざまな視点で話していました。個人的に興味深かったのはデザイン素材の集め方、使い方のお話。いったサービスを利用して素材を集めているようです。このあたりの知見がまったくないのでとてもためになりました。フロントエンドエンジニアから見たノンデザイナーズ・デザインブックこちらはスライドなしで本を片手にLTするという試み。ノンデザイナーズ・デザインブックの中で重要な点を押さえながら、実際の現場においてのフロントエンドエンジニアあるあるを語っていました。発表を聞いている側からは同意の頷きや、思わず笑い声が上がるような盛り上がり。私も最近読んだのですが、ノンデザイナーズ・デザインブックは名著なのでぜひご覧ください。デザイン初心者に色々教えたらこうなったwww.slideshare.netタイトルの通りデザイン初心者に半年ほどかけてデザインを教えたら劇的に進化した!という内容です。uploadされているスライドからは実際のデザイン画像は抜かれています(残念......)発表中には「一体何があったんだ......」「こんなに劇的に変化するのか!」といった声が上がるほどの変わり映えでした。脳内補完しつつご覧ください。デザインはセンスのようなことを思われがちですが、デザインには基本となる考え方・技術があり、その基本だけでも押さえればとても良いデザインを生み出せる。そんなメッセージがこもっているLTでした。エンジニアでもデザインの素養はあった方が良いと常々思っているので身に沁みるLTでした。株式会社ビルディットにて保管していた技術雑誌のバックナンバーを無料頒布しました。思った以上に人気があって一瞬でなくなってしまいました。次回のテーマは、「Flutterについてゆるく話す」です。yuruhachi-it.connpass.com開催日程は11/28(木)です。いつもと会場が違って橋完ビル3Fでやるのでご注意をおわりにビルディットでは、「つくることで生きていきたい」クリエイターを募集しています。新しい技術に関心のある方はぜひお気軽にご連絡ください。第15回【Webデザインテクニックについてゆるく話す】参加レポートTweet関連記事2019-10-24「手段を目的化する」と言っていた開発会社のその後についてエンジニアの富田(@tmtysk)です。7月に入社した日置です。