Frontend Nagoya by doorkeeper


開催する勉強会

6/16 (土)

9288 normal 1494475381 logo square Frontend Nagoya
4月になり、新しい職場や慣れない土地として名古屋で働き始めた方もいらっしゃるのではないでしょうか。そこで、新生活が落ち着きはじめた6月にFrontend Nagoyaで交流会を開催します。 今回は技術的なセッション内容がメインではなく自己紹介を5分で行なうLT大会を予定しています(もちろん、技術ネタも大歓迎です!)。参加される方は全員、自分のことを5分で紹介できるスライドを持ってご参加ください。 LTとは? LTとは、ライトニングトーク(Lightning Talk)の略です。短い時間でスピーディに発表していく点がライトニングトークの特徴です。勉強会によっては5分間できっちり打ち切られてしまうルールがあります。 対象 Web フロントエンド技術に関わっている方で、エンジニア、デザイナー、この春に入社した新人さん、名古屋で働きはじめた方、etc... フロントエンド技術に興味のある方ならだれでも大歓迎です。ライトイングトークの練習だと思って、人前の発表が初めての方もぜひこの機会にご参加ください。ご参加お待ちしています! 持ち物 発表に必要なパソコン 5分間で自分を紹介できるスライド(スライドを使うのであれば) 名刺(周りの人たちに自己紹介するためのもの) タイムテーブル 時間 行動 15:30 - 16:00 受付 16:00 - 17:00 自己紹介LT大会 17:00 - 17:10 休憩 17:10 - 18:00 自己紹介LT大会 ※現在のタイムテーブルは仮のものです。参加人数によっては延長する可能性があります。 懇親会について 当日はLT大会終了後に懇親会を予定しています。


過去の勉強会

1/27 (土)

9288 normal 1494475381 logo square Frontend Nagoya
対象 Web フロントエンド技術に関わるエンジニア、デザイナー、etc... タイムテーブル 時間 行動 14:30 - 15:00 受付 15:00 - 15:05 オープニング 15:05 - 15:25 セッション1 15:25 - 15:45 セッション2 15:45 - 16:05 小休憩(+ あればライトニングトーク2枠) 16:25 - 16:40 セッション3 16:40 - 17:00 セッション4 17:00 - 17:20 小休憩(+ あればライトニングトーク2枠) 17:20 - 18:10 セッション5 18:10 - 18:30 セッション6 ※ タイムスケジュールは当日のライトニングトークの数により、時間が前後する可能性があります。 現在お申し込みいただいてるライトニングトークの内容 「Chrome DevToolsで遊ぼう\(^O^)/」(武藤桂子さん) 「デザイン通りのコーディング!~消耗しないまちがい探し~」(小林明日香さん) 「WebサービスのUIをちょっぴりリッチにする小技」(今井 理紗子さん) 「EFOのセオリーを詰め込みまくったメールフォームを共同開発した話(仮)」(野村圭さん) ※ライトニングトーク、満員になりました!みなさんご応募ありがとうございました! セッション セッション1:「エンジニアがUIデザインにちょっとだけ貢献する」 みなさんは普段、デザインカンプをそのままコーディングしていますか? デザインカンプの罠としては、気をつけていてもビジュアルデザインが先行してしまい、実際に体験してから問題に気づくことがよくあります。 エンジニアはウェブサイトの最初のユーザーになりやすいので、そういった問題によく気づく人もいるのではないでしょうか。 ビジュアル以外のデザインをするには多くの状況・端末・ブラウザを想定するために多くの経験や体験が必要となってきますが、これはエンジニアでも気づけることだと思います。 もっと周りの人に「体験する大切さ」を共有したいと思ったことがきっかけで、このセッションをお話ししたいと思います。 森田 かすみ (もりた かすみ)@KasumiMorita 有限会社アップルップル マークアップエンジニア 専門学校では絵本専攻を卒業し、新卒でWeb制作会社に入社。現在の業務では受託案件を行いつつ、a-blog cmsの開発に携わる。よくa-blog cms の勉強会全国ツアー開催のため、各地を飛び回っている。 ストレス発散はかっぱのイラストを描くこと。 セッション2:「デザイナーでもおさえておきたいJavaScriptのあれこれ」 JavaScriptの知識の中でもjQueryはデザイナーでもおさえておきたい知識です。しかし、最近はそれ以外にもおさえておきたいJavaScriptのあれこれがたくさんでてきています。その中でもjQueryを使う場合と使わない場合の違いや、今ならどう構成したほうがいいのかなどを、ソースコードの例などもいれながら、簡易な一部をお話します。 長谷川 広武(´°ム°`)@h2ham Facebook https://www.facebook.com/h2ham Twitter https://twitter.com/h2ham 所属 : 株式会社HAMWORKS 代表取締役 兼 フロントエンドエンジニア SaCSS主催(Sapporo.css) 主催 2016年2月に株式会社HAMWORKSを設立し、代表取締役に就任。HTML & CSS & JavaScriptのコーディングや、CMSを利用したWebサイト構築などを得意としている。また、2009年より札幌でWebデザイナー向けの勉強会「SaCSS」の主催・運営を行い、ほぼ毎月セミナーや勉強会を開催している。 ここ数年で名古屋でも登壇の機会をいただき2017年にスタートした「Frontend Nagoya #0 」にも登壇をしている。 セッション3:「UIの改善とJavaScript」 私はよく弊社のOSSとしてJavaScriptライブラリを配布しているのですが、ほとんどのJavaScriptはフロントで使用されるユーザーの操作感を向上させる目的のために作られています。 そういったJavaScriptを書く上で私が普段気をつけていることや自分なりのこだわりをご紹介します。 今回はあまりプログラムの話はしません! 堀悟大(ほり ごだい) アップルップル フロントエンドエンジニア。2014年高知大学理学部卒業。学生時代にHTML5のCanvas要素を使ってゲームを作っていたことでWeb全般に興味をもつ。アップルップル入社後は JavaScriptを使った、a-blog cmsのUI改善や、JavaScriptのOSS活動を行う。趣味はギター。この前ライブをやりました! 所属:有限会社アップルップル Nagoya.js主催 セッション4:「HTML・CMSから考えるコンポーネント化について」 CMS(様々なCMS)に組み込むためには、HTMLからCMSの独自タグなど置き換えてCMS化を行います。弊社ではプレビュー用のHTMLを作成した後にCMS化を行っています。 HTMLを作る際にどのような部分をコンポーネントしておきCMS化すれば良いか。静的HTMLジェネレータ(Nunjucks)とMovable Typeのテンプレートを交えながら説明致します。 関口 勇樹 (せきぐち ゆうき)@redamoon 2016年9月から株式会社HAMWORKSでフロントエンドエンジニアとして入社。 主な業務は、HTML・CSS・JavaScript・CMS構築・サーバ環境構築・進行管理などを行う。 セッション5:「BackstopJS + CircleCI + Docker で、HTML/CSSの自動テストをした話。(WordPressのテーマ編)」 HTML/CSS をメンテナンス・開発する上で、見た目が壊れてしまうというのはよくある話ですが、なかなか検出が難しい問題です。 WordPress テーマ Vanilla を開発し続ける上で、そのビジュアル部分のテストを自動化した方法とそのメリットについてお話出来ればと思います。 Toro_Unit (占部 紘)@toro_unit 長野県松本市在住のフロントエンドエンジニア。WordPress テーマ・プラグイン開発者。WordBench長野など、WordPress コミュニティを中心に活動中。ビールと日本酒が好き。 セッション6:「HTML 5.2 での変更点をまるっと解説!」 2017年12月14日にW3C勧告として公開された「HTML 5.2」では、意外と多くの箇所で仕様が変更されています。HTML 5.2の仕様書の「Changes」のページにも掲載されていない細かい点も含めて、変更点をひととおり解説していきます。 大藤 幹(おおふじ みき)@ofujimiki 1級ウェブデザイン技能士。著書は『詳解HTML5.1&HTML4.01&XHTML1.0辞典』、『よくわかるHTML5+CSS3の教科書』、『HTML5プロフェッショナル認定試験 レベル1 対策テキスト&問題集』など。2015年3月より名古屋在住。 懇親会について 当日はセッション終了後に懇親会を予定しております。

8/23 (水)

9288 normal 1494475381 logo square Frontend Nagoya
夏の間多忙な森田さんに代わって代理のモノが主催します。 これまでのセッション形式とは異なり、マカベン時代に戻ったかのような小規模勉強会となります。Webサイトのパフォーマンス改善に関するワークショップを予定しています。 対象 Webサイトのパフォーマンス改善に関心のあるWeb制作者の方。今回は主催者が主題に対して初心者なので、内容も初心者向けです。上級者の方も是非ともご意見番としてご参加ください。 タイムテーブル 時間 行動 19:00 - 19:10 受付 19:10 - 19:30 挨拶・自己紹介 19:30 - 19:45 有志の方による発表 19:45 - 21:00 ワークショップ ※ 有志の方の発表は1名交渉中です。Webの技術・デザイン・ディレクション等いわゆる勉強会ネタではない、ちょっと毛色の変わった珍しいお話が聞けるかもしれません 。 ※ 簡易ローカルサーバーを使用するので事前準備は不要ですが、使いやすい環境があればそちらをご利用ください。gitが使える方はGitHub Pagesを利用してもいいカモ。 ※ ご自身のパソコンをお持ちください。また、万が一Google Chromeをインストールしていない場合はワークショップ開始までにご準備ください。 懇親会について 当日はセッション終了後に懇親会を行うカモしれません。申込時に参加したい旨、各々言及いただけたら、より前向きに考えます…

6/17 (土)

9288 normal 1494475381 logo square Frontend Nagoya
対象 Web フロントエンド技術に関わるエンジニア、デザイナー、etc... タイムテーブル 時間 行動 18:00 - 18:30 受付 18:30 - 18:35 オープニング 18:35 - 18:55 ライトニングトーク1〜4 18:55 - 19:00 小休憩 19:00 - 19:30 セッション1 19:30 - 20:00 セッション2 ※ タイムスケジュールは当日のライトニングトークの数により、時間が前後する可能性があります。 セッション セッション1:Vueをプロダクトで導入した話(仮) 株式会社エイチーム すずきゆうた セッション2:最近のCSSのレイアウト手法について考えてみる 有限会社アップルップル 森田かすみ ライトニングトーク1「Vue使ってよかったこと(仮)」 浅井雅己さん ライトニングトーク2「browserslistのベストプラクティスっぽい話」 株式会社フレームランチ 安部 亨佑さん 懇親会について 当日はセッション終了後に懇親会を予定しております。

5/17 (水)

9288 normal 1494475381 logo square Frontend Nagoya
今回は豪華なことに、遠方から来られた方々にお話ししていただきます!北海道からは株式会社HAMWORKS 長谷川 広武さん、東京からは株式会社サイバーエージェント / 株式会社Abema TV 大泉 明日香さんにお越しいただきます。 対象 Web フロントエンド技術に関わるエンジニア、デザイナー、etc... タイムテーブル 時間 行動 19:30 - 19:35 オープニング 19:35 - 19:55 ライトニングトーク1〜4 19:55 - 20:00 小休憩 20:00 - 20:30 セッション1 20:30 - 21:00 セッション2 ※ タイムスケジュールは当日のライトニングトークの数により、時間が前後する可能性があります。 セッション セッション1:「静的サイトジェネレータ活用のすすめ」 株式会社HAMWORKS 長谷川 広武さん セッション2:「Webの利用しやすさについてのお話」 株式会社サイバーエージェント / 株式会社Abema TV 大泉 明日香さん ライトニングトーク1:「ES2015の便利な機能、構文」 有限会社アップルップル 堀 悟大さん ライトニングトーク2:「コーディングガイドライン策定のメリット」 武藤 桂子さん ライトニングトーク3:「5分でわかった気になる Fluent Design System」 株式会社サイバーエージェント 佐藤 歩さん 持ち物 ノートパソコン(※ 必要な方のみ。会場に貸し出し用のパソコンもあります。) 懇親会について 当日はセッション終了後に懇親会を予定しております。