FRONTEND CONFERENCE 2017に参加してきました。なんと無料！ちなみに去年も参加していました。その時にgitやgulpハンズオンに参加し、使い始めるきっかけになったと思うと感慨深いですね。どんなイベントかデザイン、コーディング、エンジニアリング、日々変化する技術の中から、必要なものを紡ぎ、1つのWebページに「つないでいく」Webで働く全ての人のためのイベント、 FRONTEND CONFERENCEFRONTEND CONFERENCE 2017 | 関西フロントエンドUGフロントエンドに携わる様々な人が集まり、学び交流しあえるカンファレンスでした。セッション（7F、9F）、ハンズオン（5F）、座談会（8F午前）、学生コンテスト（8F午後）、LT大会（7Fラスト）、懇親会（4,000円）…と、盛りだくさん！ ちなみに、９Fがデザインに絡むテーマのセッションが多めだったので、自分はそこにずっと居座って聴いてました。そのうち公式サイトでもスライドなど公開されると思いますが、下記ページですでにまとめられていますのでリンクを。 FRONTEND CONFERENCE 2017 資料まとめ - Qiita参加しなかったセッションやハンズオンの資料も、興味あれば後から読んで勉強できるのありがたい。あと、去年も引用した榊原さんのツイートを改めて。%3Cblockquote%20class%3D%22twitter-tweet%22%3E%3Cp%20lang%3D%22ja%22%20dir%3D%22ltr%22%3E%E3%82%AB%E3%83%B3%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9%E3%81%AF%E3%80%81%E5%8B%89%E5%BC%B7%E3%81%97%E3%81%A6%E5%B8%B0%E3%82%8B%E3%82%88%E3%82%8A%E3%80%81%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89%E3%82%92%E5%BE%97%E3%82%8B%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%81%AE%E6%96%B9%E3%81%8C%E5%BC%B7%E3%81%84%E3%80%82%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89%E3%81%95%E3%81%88%E3%81%82%E3%82%8C%E3%81%B0%E8%87%AA%E5%AD%A6%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%91%E3%81%A9%E3%80%81%E3%82%AD%E3%83%BC%E3%83%AF%E3%83%BC%E3%83%89%E3%81%8C%E3%81%AA%E3%81%84%E3%81%A8%E5%85%A8%E3%81%8F%E5%8B%89%E5%BC%B7%E3%82%92%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%AA%E3%81%84%E3%81%8B%E3%82%89%E3%80%81%E3%81%9D%E3%81%86%E3%81%84%E3%81%86%E6%84%8F%E5%91%B3%E3%81%A7%E3%82%AB%E3%83%B3%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9%E9%87%8D%E8%A6%81%E3%80%82%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Fhashtag%2Ffrontkansai%3Fsrc%3Dhash%26amp%3Bref_src%3Dtwsrc%255Etfw%22%3E%23frontkansai%3C%2Fa%3E%3C%2Fp%3E%26mdash%3B%20Masahiko%20Sakakibara%20(%40rdlabo)%20%3Ca%20href%3D%22https%3A%2F%2Ftwitter.com%2Frdlabo%2Fstatus%2F705952708369391617%3Fref_src%3Dtwsrc%255Etfw%22%3EMarch%205%2C%202016%3C%2Fa%3E%3C%2Fblockquote%3E%20%3Cscript%20async%20src%3D%22https%3A%2F%2Fplatform.twitter.com%2Fwidgets.js%22%20charset%3D%22utf-8%22%3E%3C%2Fscript%3Eということで、いろんなキーワードであったり、いろんな人の考え方を「知る」ことができたのが今回も収穫でした。 今思えばWebGL2.0とかスタンドアロンAMPとかの話も聞きたかった〜。なぜ行ったのか開催されるのはTwitterで見て知ってたけど、去年エンジニア色強めだったので今回はどうしようかなあと迷ってたSketch&XD勉強会で運営みなさんがいらっしゃってて、お話聞いたらおもしろそうだった帰ってからちゃんとサイト見たら、デザイン関わるセッションも多そうだったので行くことにした学んだこと本来職種で袂を分かつ必要なんてない！という当たり前の気付き数多くの正解がある中で、目の前の課題（案件）に最適な正解をどう選ぶのかが大事。職種限らず共通なはず。ユーザー体験向上！とか。AtomicDesignや様々なCSS設計手法、フレームワークづくりも、それぞれその正解へたどり着く手段。技術選択に王道はない、「手段」を変えるには関わるメンバーの共感が不可欠。「共感」なくしてコミュニケーション成り立たないし、そこにかける相応の努力（コミュニケーションコスト）も時には必要短期的だけでなく、長期的な視点も持つことHTML/CSSにしろ、iOSやAndroidのガイドラインにしろ品質を守るためにあるわけで、まずそのルールに則る（知ってる）のは不可欠。それを超える体験をつくりたければ、相応の覚悟を持ってHACKする品質をどう捉えるか（評価するか）。例えばUIは多種多様なユーザー(や端末)が様々な環境で利用するし、流行や時期など時間軸でも評価が移り変わる。「体験の総量=品質」とすると、例えばこんな感じになってしまう学習はそれだけでは無意味！！Learn、Try（試作・ブログ・プライベートプロダクト）、Share（仕事で使う・登壇）！視野の狭い個人の経験を、普遍的で共感可能な価値に高めるのが共有（Share）他職種の仕事への理解が深まった（気がする）安田さん「エンジニアとデザイナーとの距離」高津戸さん「Enduring CSS」キタジマさん「CSSフレームワークをつくろう！」これらのセッションでは、引き渡されたデザインをコーディングする側の立場の人が、どんなことに悩みながら設計に取り組んでいるのか聞けてとてもよかったです。ちなみに自分は基本的にデザインを渡す側。 どういう背景があってどんな手法を取ろうとして、どんな問題と向かい合っているのか。同僚のエンジニアさんもコーディングフロー・CSS設計などで色々試しているのですが、悩むポイントはみんな共通＝重要なんだなと気づいたり。デザイナーとしてできることは、そんな実装面での悩みをある程度事前に把握しておいてコミュニケーションをスムーズにすること、そしてエンジニアさんと密にコミュニケーションとりながらデザインしていくことだなと改めて感じました。懇親会でも高津戸さんに軽く相談を聞いていただけて、知らなかったことなどハッとさせられました。 現地のイベントに参加して、懇親会含めていろんな人のお話を聞くメリットってこういうところかなと感じております。最後に今回も色々な方とお話できて楽しかったです！来年も楽しみですし、座談会やコンテストなども覗きたいですね。ありがとうございました。