uken918 (@pen_nto_)


参加する勉強会



過去の勉強会

8/6 (火)

8eb3cb88c9f23c013afda236a0d6c4c7 Yahoo! JAPAN Nagoya
〜Webフロントエンドを支えるノウハウを共有〜
今回のテーマ ヤフー名古屋オフィスでは定期的にクリエイター向けの勉強会イベントを開催します。 第3回目となる今回は、Webフロントエンドを支える様々な取り組み紹介やノウハウ共有の場とし、ヤフーでの事例紹介や他社様の事例紹介をし、Webフロントエンドまわりについて名古屋で語れる場としたいと思います。 タイムテーブル 時間 内容 スピーカー 18:30 受付開始 - 19:00-19:05 オープニング - 19:05-19:20 セッション1)Nuxt.jsを使った電子書籍販売サービスの構築 沢田 晃一 (ヤフー株式会社 コマースカンパニー事業推進室 イーブックイニシアティブジャパン支援室) 19:20-19:35 セッション2)Reactのメジャーバージョンアップ〜react-railsを用いた事例〜 渡邉 悠真 様 (株式会社スタメン) 19:35-19:45 休憩 - 19:45-20:00 セッション3)Yahoo!ニュースでAtomicDesignを実践したときにやったこと 鹿山 玲子(ヤフー株式会社 メディアカンパニー メディア統括本部 プロダクト企画・デザイン本部) 20:00-20:15 セッション4)カオスなユニットテストからの脱却 松岡 やよい 様(株式会社カルテットコミュニケーションズ) 20:15-20:30 セッション5)Yahoo!検索におけるNext.jsの利用事例 岸本 耀平(ヤフー株式会社 メディアカンパニー 検索統括本部 検索プラットフォーム開発本部) 20:30-21:30 懇親会 公募によるLTを3本予定しています 登壇者プロフィール&発表概要 沢田 晃一 (ヤフー株式会社 コマースカンパニー事業推進室 イーブックイニシアティブジャパン支援室) 2008年にヤフー株式会社のエンジニアとして新卒入社。Yahoo!ニュース、天気、地図などの担当を経て 現在は電子書籍販売サービス「ebookjapan」の開発を担当しています。 Nuxt.jsを使った電子書籍販売サービスの構築 ヤフー株式会社と株式会社イーブックイニシアティブジャパンが共同で運営する電子書籍販売サービス「ebookjapan」が2018年10月にリリースされました。 コンポーネント設計としてAtomicDesignに挑戦してみた話や、状態管理をどうおこなっているかなど主に設計についてお話していきます。 渡邉 悠真 (株式会社スタメン) 2019年4月に株式会社スタメンに新卒入社。フロントエンドエンジニアとして、TUNAGの開発に従事し、Reactによる新規機能の開発や改善を担当している。 Reactのメジャーバージョンアップ〜react-railsを用いた事例〜 株式会社スタメンで開発している「TUNAG」はリリースしてから約2年半経ちます。 その間、Reactのバージョンを更新しておらず、古くなっていました。新しいReactのAPIや、ライブラリを利用するため、Reactのバージョンアップを行ったので、そこで得た知識を紹介します。 鹿山 玲子 (ヤフー株式会社 メディアカンパニー メディア統括本部 プロダクト企画・デザイン本部) 2016年にヤフー株式会社にデザイナーとして新卒入社。 現在はヤフーニュースでWeb・アプリのフロントエンドとUIデザインを担当。名古屋グルメは味噌カツが大好きです。 Yahoo!ニュースでAtomicDesignを実践したときにやったこと Yahoo!ニュースのWeb版をリニューアルすることになり、AtomicDesignの思想を取り入れた設計でデザイン・開発を行いました。 なぜAtomicDesignを取り入れることにしたのかという話から、その結果についてお話したいと思います。 松岡 やよい (株式会社カルテットコミュニケーションズ) 2013年に株式会社カルテットコミュニケーションズに入社。リスティング広告の運用者向けサービスのフロントエンド開発に従事。 カオスなユニットテストからの脱却 フロントエンドでコンポーネント開発をするにあたり、機能が追加されるたびにカオスになっていくテストコードに悩んでいました。 悩んだ末にたどり着いたテストとの向き合い方やスタイルをコードを交えて紹介したいと思います。 岸本 耀平 (ヤフー株式会社 メディアカンパニー 検索統括本部 検索プラットフォーム開発本部) 2015 年ヤフー株式会社に入社。Yahoo!検索のウェブ検索やバーティカル検索の開発を担当し、2017 年よりウェブ検索フロントエンドのアーキテクチャ刷新を担当。 Yahoo!検索におけるNext.jsの利用事例 Yahoo!検索ではフロントエンドにおいてReactを利用した開発を進めており、フレームワークとしてNext.jsを利用しています。Next.jsをサービスの開発に利用したいと考えている人向けに、Yahoo!検索におけるNext.jsのフロントエンド開発への組み込み方や、カスタマイズの事例について紹介します。 参加資格 キャンセルポリシーに同意頂ける方。 夜間のイベントのため、18歳以上の方のみ ※18歳未満でも保護者同伴なら可。 会場運営上、19:30までにご来場頂ける方を優先させて頂けたらと思います。 ブログ枠 イベント参加後にブログなどに参加レポートを書いて頂ける方の応募枠です。 レポートを書いて頂ける方は、こちらから応募して頂けたらと思います。 ※ 必要であれば机、電源を準備します。 Twitter実況枠 イベント盛り上げのためにリアルタイムでのTwitter実況をして頂ける方の応募枠です。 Twitterのタイムラインの盛り上げに力を貸してください。 ※ 必要であれば机、電源を準備します。 ※ イベント開催後にtogetterを利用してまとめを作成します。イベント終了後にTweet削除はしないようにお願いします。 LT枠 懇親会時にLTを実施します。 今回のテーマにあう内容でなにか話したい内容があればこちらから応募をお願いします。 LTはひとり180秒でお願いします。 懇親会 当日、20:30頃から同会場で懇親会を行います。 軽食、飲み物をご用意しております。 参加者同士や弊社社員との交流の機会として、ぜひご活用ください。 参加費 無料 キャンセルポリシー 予定が変更になり、都合がつかなくなった場合には、速やかに参加のキャンセルをお願い致します。 参加枠を確保しているにも関わらず不参加の方や、当日キャンセルをされる方は、次回以降の参加をお断りさせて頂くことがあります。 注意事項 会場内では運営スタッフによる写真や動画撮影が行われる予定です。 撮影された写真や動画はヤフーの公式SNSアカウントや社内の活動報告資料などで掲載される場合がありますので、あらかじめご了承ください。 SNS等への顔出しがNGな方は、受付時にお申し出ください。 セクシュアルハラスメント・パワーハラスメント・ストーカー等の他人への迷惑行為を行うことは禁止します。 ネットワークビジネス等、その対象を問わず販売、勧誘、あっせん等を行うこと。また、宗教活動または政治活動をすることは禁止します。 その他、イベントの趣旨・目的と逸脱した行為、イベント内容に積極的に参加されてないと見受けられる行為、飲食を目的としていると見受けられる行為など、本来のイベント趣旨とは異なる行為があった場合、次回以降のイベント参加をお断りさせて頂きます。 ご質問・ご相談 本イベントに関するご質問等はページコメントまでお願い致します。

7/27 (土)

C3743146dac7aa57a47ac56a846758c2 MOKUMOKU MOSHAMOSHA
〜名古屋で「もくもく&もしゃもしゃできるイベント」を作ってみた〜
【初心者大歓迎・無料】MOKUMOKU MOSHAMOSHA #01 名古屋で「もくもく&もしゃもしゃできる機会」を作ってみた エンジニアがプログラミングを勉強する「もくもく会」 WEBデザイナーが気になるWEBページを観察・模写する「もしゃもしゃ会」 この2つを合わせたイベントを 名古屋 で開催することにしました。 題して、「MOKUMOKU MOSHAMOSHA」 ぜひ、 #mokumosha (モクモシャ) と覚えてください。 家だと集中できない 日頃触っていない技術に挑戦したい 気になるWEBページを観察したい そんな思いを、実現する機会にしてみてはいかがでしょうか。 イベントの特徴 初心者大歓迎 途中から参加・途中退出OK 会場 CODE BASE NAGOYA 名古屋市中区葵1-23-14 プロト葵ビル6F (最寄駅:名古屋市営地下鉄東山線「新栄町」駅) Wifi 電源あり プロジェクターあり スケジュール 時刻 内容 12:30 開場 13:00 イベント開始 13:00 〜 17:00 各自もくもく or もしゃもしゃ 17:00 イベント終了 ※ 自己紹介・やること発表・成果発表は負担に感じられる方もいるので、強制しません。 ※ 発表したことがあれ随時どうぞ。 ※ 途中から参加・途中退出OK 参加費 無料 持ち物 もくもくしたいこと(Progateなど) または、 もしゃもしゃしたい題材(観察・模写したいWEBページなど) もぐもぐしたいお菓子(任意)・ごくごくしたい飲み物(任意) ※ 会場の規定上、ソフトドリンク・お菓子(ポテトチップスなどスナック菓子等)のみ可 ※ 会場内にソフトドリンクの自動販売機があります その他 今までもくもく会・もしゃもしゃ会に参加したことがない方、大歓迎です。 宗教やネットワークビジネス等の勧誘はお断りいたします 他の参加者のみなさんへの迷惑行為はお断りいたします Slack をつくりました(2019.06.18追記) 自己紹介・やること宣言・成果発表等に活用してください。 http://bit.ly/2Knp7fa

7/12 (金)

A0f8ecfff28bcc54175d506e92d91c9b Nagoya Frontend User Group
名古屋でもVue.js / Nuxt.jsを語らナイト
Vue.js Night Nagoya 名古屋でも Vue.js や Nuxt.js の話がしたい!という気持ちで開催します! Vue をつまみにワイワイやりましょう。 参加登録前にイベントページ下部のアンチハラスメントポリシーをご確認ください。 登壇枠 Vue.js や Nuxt.js に関することなら何を話してもOK! 1人持ち時間は5〜15分です。 登壇枠で申込まれた方は、Slack の #manage チャンネルまで発表タイトル、発表時間を連絡してください。申込時には未定でもかまいませんが、仮タイトルだけでも貰えると嬉しいです。 なお、他発表者の都合で時間調整など行う可能性があります。 会場のご案内 ヤフー名古屋さまにて行います! 名古屋セントラルタワー50Fにはスカイストリート (15F) より 高層階用エレベータをご利用ください。 JR名古屋駅構内にある高島屋横のエレベータから15Fへ行き、タワーズオフィスの高層階用エレベータに乗り換えます。 ゲートタワーオフィスではありませんのでご注意ください。 http://www.towers.jp/floor/towers_15.html タイムテーブル 時間 内容 発表者 19:00 Nagoya Frontend User Group について - 19:05 未経験者が完全独学でVue.jsのSPAを作れるようになるまで arapower 19:15 入門3日目くらいに知りたかったことたち ひさだ 19:20 VueとMarkdownでスライドショーライブラリーを作り始める Brandon Pittman 19:30 JavaScript何も判らんマンが、Vueなら扱えそうだと思って、業務システムのGUIをほぼVueで作った話 ogawa 19:45 Vueのdataってどうやってうごいてるんだっけ? めろたん 19:55 休憩 - 20:00 会場スポンサーLT ヤフー株式会社 20:10 VueとjestでやるTDD しぐま 20:15 最近ホットな認証とNuxt.jsの話 corocn 20:30 Nuxt.js + Netlify CMS でブログを立ててみた pocchi 20:35 NuxtをTS&SCSSで書くにあたってのLinter&formatterの話 kaave 20:45 Nuxtでのサーバー、クライアント間でのデータ共有について steelydylan 20:55 お片づけ・終了 - 敬称略 アンチハラスメントポリシー Nagoya Frontend User Group(NFUG)が主催するイベントでは、アンチハラスメントポリシーを掲げています。 NFUGが掲げるポリシーは、皆さんが安心して集える場の維持や、ナレッジ共有の促進のためにあります。 参加者皆さんが発表・発言された内容は、皆さんだけでなく、不特定多数の方の目に留まる可能性があります。 困難な内容をお願いしているわけではないと思いますので、参加されるすべての方は、以下ポリシーを順守いただきますよう、ご協力をお願いいたします。 ハラスメントには以下のようなものを含み、また、これに限りません。 ジェンダー、性自認やジェンダー表現、性的指向、障碍、容貌、体型、人種、民族、年齢、宗教あるいは無宗教についての攻撃的なコメント。 公共のスペースで性的な画像や類する表現。 脅迫、ストーキング、つきまとい、または、それら計画すること。 いやがらせ目的の撮影や録音。 発表や他のイベントを継続的に妨害すること。 不適切な身体的接触。 過度な営業行為。 以上のような行為を推奨したり、擁護したりすること。 ハラスメントをやめるように要請された参加者は、直ちに従ってください。 従わない場合、私たちは、適切と思われる範囲で警告・強制的な退席・コミュニティからの追放などの手段を行使します。 ハラスメントを見聞きした・被害にあわれた方は、運営までご連絡ください。 全ての方が安心してイベントに参加でき、このような場を維持していけるよう、ご協力をお願い致します。

3/6 (水)

A0f8ecfff28bcc54175d506e92d91c9b Nagoya Frontend User Group
フロントエンドまわりと、それ以外のこともやるもくもく会です。終わった後もぐもぐもします。
月1〜2回のペースでフロントエンドもくもく会を開催しています! もくもく会とは? もくもく会とは、自由に集まってもくもくと作業を行う会のことです。 フロントエンドもくもく会では、フロントエンドを中心にもくもくできる場を用意していきます。 こんな方におすすめ いつも家でもくもくと作業してるけど、 たまには気分転換したい 他の人がどうやってるか気になるので 聞いてみたい その日もくもくと作業した 進捗を見せたい ちょうど名古屋に出張してきてるんだけど名古屋のエンジニアの人たちに会いたい などなど。 終わった後は懇親会もあります。 お気軽にご参加ください! テーマ フロントエンドを中心にしつつも自由です。 何をもくもくしても良いです。 参加費について 有志で集まって開催しているため、 基本的には会場費を参加人数で等分する形になります。 そのため、参加費用の項目と若干のずれが出てしまう点は予めご了承ください。 例 会場が無料ならば無料 8人席 4,000 円ならば8人参加で1人あたり500円 など Slack 上でフロントエンドのやりとりや勉強会開催についての話をしてます! 次回の開催情報を知りたい フロントエンド周りの情報共有したい 勉強会やりたい、喋りたい! フロントエンド興味あるから運営手伝いたい などなど、フロントエンドなど雑多な話題をするチャンネルと、勉強会の運営のチャンネルの2つが用意されており、 いずれもオープンなチャンネルとなっていますので、どなたもお気軽にご参加ください。 (もちろん、勉強会の情報を得るだけに利用していただいても OK です!) 興味のある方はこちらのリンクから参加してね! https://join.slack.com/t/nfug/shared_invite/enQtMzAxNDA1NTM5MzQ1LWM0NWYwZTQ0ZDdkZTJjM2UzMmRmMjAwNmFmNzgxNGY0MzBhZjFkYzBjNmI2ZThkNTMzMDdiMDU4MGIwOGM3MWI Slack 以外の SNS もあるよ Twitter Facebook Slack 内でやりとりされている勉強会の情報をこちらにも流しています。 勉強会の開催情報のみ受け取りたい方は、こちらもご利用ください。 よくある質問 何かルールはありますか? 特に大きなルールはありません、会場のルールに準じます。 ルールは極力少なくしたいので、公序良俗に反しない範囲での行動を各自お願いします。 フロントエンド以外はやっちゃだめなの? 何をもくもくしてもよいです。 ただフロントエンドもくもく会なので、 フロントエンドに関することをやっていると相談しやすいかもしれません。 ずっともくもくと作業してても良い? もちろん良いです。ただときどき周りで相談するのは許容していただければと思います。 こういうの参加したことない 初めて参加される方も多くいらっしゃいます。 やることは家でもくもく作業するのと大差ありませんが、 他の方がどうやってるかを見るのも刺激になると思います。 敷居は低いと思いますのでぜひご参加を。 プロジェクタに写さないとだめ? もちろん写さなくてもOKですが、お互い相談しやすくするために写す準備をしておくことをオススメします。 何を持ってくれば良いの? PC (or もくもくできる何か、書籍など) 会場付近のおいしいお店情報 もくもく会で何をやるかを考えてくる PCもってないんだけど参加したらだめなの? 基本的にPCをお持ちいただくことをオススメします。 PC以外に書籍などの代わりとなるものを持ってくる方もいますが、 おしゃべり会ではないため、何らかもくもくできるものを各自ご用意ください。 懇親会は行うの? 基本的に毎回行いますが、場所や参加人数などは当日相談の上決定します。 会場付近のおいしいお店情報をお持ちください! 名古屋近辺じゃないんだけど参加したい 大歓迎します! ぜひ名古屋に寄る機会があれば、日付を合わせてご参加ください! 会場確保の都合で2か月~1か月半ほど前に開催日を決定しています。 過去何度か参加している方々にご連絡いただければ、開催日の調整もある程度可能ですのでお気軽にご相談ください。 敷居が高くて参加しづらいんだけど・・・ 初めて参加される方はみなさんそう言われます! そういう方々が集まって勉強会が出来上がっていきます。 もし迷っているのなら、一度お友達など誘って試しに一度参加してみると良いのではと思います。あなたが参加されるのをお待ちしてます!

2/6 (水)

A0f8ecfff28bcc54175d506e92d91c9b Nagoya Frontend User Group
フロントエンドまわりと、それ以外のこともやるもくもく会です。終わった後もぐもぐもします。
月1〜2回のペースでフロントエンドもくもく会を開催しています! もくもく会とは? もくもく会とは、自由に集まってもくもくと作業を行う会のことです。 フロントエンドもくもく会では、フロントエンドを中心にもくもくできる場を用意していきます。 こんな方におすすめ いつも家でもくもくと作業してるけど、 たまには気分転換したい 他の人がどうやってるか気になるので 聞いてみたい その日もくもくと作業した 進捗を見せたい ちょうど名古屋に出張してきてるんだけど名古屋のエンジニアの人たちに会いたい などなど。 終わった後は懇親会もあります。 お気軽にご参加ください! テーマ フロントエンドを中心にしつつも自由です。 何をもくもくしても良いです。 参加費について 有志で集まって開催しているため、 基本的には会場費を参加人数で等分する形になります。 そのため、参加費用の項目と若干のずれが出てしまう点は予めご了承ください。 例 会場が無料ならば無料 8人席 4,000 円ならば8人参加で1人あたり500円 など Slack 上でフロントエンドのやりとりや勉強会開催についての話をしてます! 次回の開催情報を知りたい フロントエンド周りの情報共有したい 勉強会やりたい、喋りたい! フロントエンド興味あるから運営手伝いたい などなど、フロントエンドなど雑多な話題をするチャンネルと、勉強会の運営のチャンネルの2つが用意されており、 いずれもオープンなチャンネルとなっていますので、どなたもお気軽にご参加ください。 (もちろん、勉強会の情報を得るだけに利用していただいても OK です!) 興味のある方はこちらのリンクから参加してね! https://join.slack.com/t/nfug/shared_invite/enQtMzAxNDA1NTM5MzQ1LWM0NWYwZTQ0ZDdkZTJjM2UzMmRmMjAwNmFmNzgxNGY0MzBhZjFkYzBjNmI2ZThkNTMzMDdiMDU4MGIwOGM3MWI Slack 以外の SNS もあるよ Twitter Facebook Slack 内でやりとりされている勉強会の情報をこちらにも流しています。 勉強会の開催情報のみ受け取りたい方は、こちらもご利用ください。 よくある質問 何かルールはありますか? 特に大きなルールはありません、会場のルールに準じます。 ルールは極力少なくしたいので、公序良俗に反しない範囲での行動を各自お願いします。 フロントエンド以外はやっちゃだめなの? 何をもくもくしてもよいです。 ただフロントエンドもくもく会なので、 フロントエンドに関することをやっていると相談しやすいかもしれません。 ずっともくもくと作業してても良い? もちろん良いです。ただときどき周りで相談するのは許容していただければと思います。 こういうの参加したことない 初めて参加される方も多くいらっしゃいます。 やることは家でもくもく作業するのと大差ありませんが、 他の方がどうやってるかを見るのも刺激になると思います。 敷居は低いと思いますのでぜひご参加を。 プロジェクタに写さないとだめ? もちろん写さなくてもOKですが、お互い相談しやすくするために写す準備をしておくことをオススメします。 何を持ってくれば良いの? PC (or もくもくできる何か、書籍など) 会場付近のおいしいお店情報 もくもく会で何をやるかを考えてくる PCもってないんだけど参加したらだめなの? 基本的にPCをお持ちいただくことをオススメします。 PC以外に書籍などの代わりとなるものを持ってくる方もいますが、 おしゃべり会ではないため、何らかもくもくできるものを各自ご用意ください。 懇親会は行うの? 基本的に毎回行いますが、場所や参加人数などは当日相談の上決定します。 会場付近のおいしいお店情報をお持ちください! 名古屋近辺じゃないんだけど参加したい 大歓迎します! ぜひ名古屋に寄る機会があれば、日付を合わせてご参加ください! 会場確保の都合で2か月~1か月半ほど前に開催日を決定しています。 過去何度か参加している方々にご連絡いただければ、開催日の調整もある程度可能ですのでお気軽にご相談ください。 敷居が高くて参加しづらいんだけど・・・ 初めて参加される方はみなさんそう言われます! そういう方々が集まって勉強会が出来上がっていきます。 もし迷っているのなら、一度お友達など誘って試しに一度参加してみると良いのではと思います。あなたが参加されるのをお待ちしてます!

5/16 (火)

4245529281bbabc0f5ab44784ae5fd88 HTML5NAGOYA
フロントエンドまわりと、それ以外のこともやるもくもく会です。終わった後もぐもぐもします。
もくもく会とは、自由に集まってもくもくと作業を行う会のことです。 フロントエンドもくもく会では、月1回程度のペースで各自集まって、もくもくできる場を用意していきたいと思います。 プロジェクタも会場に用意しますので、映したものに対して色々議論してもいいですし、 あるいは集中してもくもくと作業した成果を、最後の方で披露するために使っていただいても構いません。 もくもく会が終わった後は、懇親会でみんなでもぐもぐもします。 お気軽にご参加ください! ルール テーマはフロントエンドを中心にしつつも自由です。 何をもくもくしても良いです。 プロジェクタはあるので、つなげて勝手に喋り出すのは自由です。 可能であれば、自分の画面をプロジェクタに映せるような準備をしておくと良いです。(実際に映すかどうかは別にして) 懇親会 も基本行います。当日確認します。 その他、会場のルールに準じます。 ルールは極力少なくしたいので、公序良俗に反しない範囲での行動を各自お願いします。 持ち物 PC (or もくもくできる何か) 会場付近のおいしいお店情報 もくもく会で何をやるかを考えてくる 今後の日程 6/7 (水)フロントエンドもくもく会 #04 都合が合わないなどの理由で変更される場合があります。あらかじめご了承ください。

3/7 (火)

4245529281bbabc0f5ab44784ae5fd88 HTML5NAGOYA
フロントエンドまわりと、それ以外のこともやるもくもく会です。終わった後もぐもぐもします。
もくもく会とは、自由に集まってもくもくと作業を行う会のことです。 フロントエンドもくもく会では、月1回程度のペースで各自集まって、もくもくできる場を用意していきたいと思います。 プロジェクタも会場に用意しますので、映したものに対して色々議論してもいいですし、 あるいは集中してもくもくと作業した成果を、最後の方で披露するために使っていただいても構いません。 もくもく会が終わった後は、懇親会でみんなでもぐもぐもします。 お気軽にご参加ください! ルール テーマはフロントエンドを中心にしつつも自由です。 何をもくもくしても良いです。 プロジェクタはあるので、つなげて勝手に喋り出すのは自由です。 可能であれば、自分の画面をプロジェクタに映せるような準備をしておくと良いです。(実際に映すかどうかは別にして) 懇親会 も基本行います。当日確認します。 その他、会場のルールに準じます。 ルールは極力少なくしたいので、公序良俗に反しない範囲での行動を各自お願いします。 持ち物 PC (or もくもくできる何か) 会場付近のおいしいお店情報 もくもく会で何をやるかを考えてくる 今後の日程 4/10 (月)フロントエンドもくもく会 #02 都合が合わないなどの理由で変更される場合があります。あらかじめご了承ください。