日比野光紘 (@nasustim)


参加する勉強会



過去の勉強会

9/8 (土)

9288 normal 1494475381 logo square Frontend Nagoya
対象 Web フロントエンド技術に関わるエンジニア、デザイナー、etc... タイムテーブル 時間 行動 15:00 - 15:30 受付 15:30 - 15:35 オープニング 15:35 - 15:45 LT1 15:45 - 15:50 LT2 15:50 - 16:00 LT3 16:00 - 16:20 セッション1 「デザイナーになって4ヶ月!UIデザインするときにやったこと」 16:20 - 16:30 小休憩 16:30 - 16:50 セッション2「なぜかCSSが効かないんだが?」 16:50 - 17:00 小休憩 17:00 - 17:20 セッション3「TypeScript入門」 17:20 - 17:25 エンディング ※ タイムスケジュールは当日のライトニングトークの数により、時間が前後する可能性があります。 ライトニングトーク LT1:「Pattern Labで遊ぼう\(^O^)/」 Atomic DesginというUI設計思想に基づいてサイトを構築する際に、強力な助けとなるのがPattern Labというツールです。スタイルガイド・ジェネレータとしてのみならず、静的サイトジェネレータとしても機能します。どのような仕組みになっており、どのように利用できるのかを検証してみました。 武藤 桂子 (むとう けいこ)さん マークアップエンジニア。裁量労働制を採用している某企業で時給制外部スタッフとして勤務中。経費節約のために定時で帰されるため、余力を持て余し中。満たされない日々をやりがいのある労働で埋めてくれるステキな転職先、またはアフター5の受託案件募集中。 LT2:「TailwindCSSのプラグインを作ろう!」 TailwindCSS(テイルウィンド)はユーティリティファーストCSSフレームワークです。Bootstrapのように要素にCSSを付けませんが、デベロッパーはTailwindを使いながら、早くカスタマイズされたデザインシステムを作ることができます。設定は全てJavaScriptで書くので、フルコントロールがあります。プラグインアーキテクチャーも用意されているから、既にない機能をコミュニティに作られます。プラグインの作り方は難しくないので、一緒に作りましょう! Brandon Pittman (ブランドン・ピットマン)さん フルスタックエンジニア。よく使うツールはLaravelとVue.js。UI/UXデザインをよく勉強する。夢はデザインが大好きな人々と一緒に働きたい。趣味はテーブルトップゲーミング(ボードゲームなど)と料理。最近にハマったメニューはzoodles(ズッキーニパスタ)。 LT3:「イメージエフェクターとして使うPixiJS」 Webでも画像を派手にいじってあんなことこんなことできたらいいなと誰しもが一度は妄想するものですが、残念ながら大抵はIE非対応のCSSプロパティに頼らざるを得ないものであったり強引なDOMツリーの構築による激烈な負荷にクライアントが耐えられないなどの"現実"に打ち砕かれてしまうものです。そんな皆さんの想像力の枷を外すべく、PixiJSというライブラリと、その簡単な使い方をご紹介致します。 安部 亨佑(あべ きょうすけ)さん 株式会社フレームランチ所属のWebエンジニア。新卒で入った中小受託開発会社で一通りのことはやったのでざっくりなんでもやります。名古屋にきてはやいもんで18年。すっかり遠州弁も抜けましたが、応援するサッカーチームはジュビロ磐田のままですし、"でら"だけは気恥ずかしくて使えませんすいませんすいません🙇🏻‍ 好きなものは音楽全般サッカー自転車エスニック料理など。今年の目標は体脂肪率10%前半。 セッション セッション1:「デザイナーになって4ヶ月!UIデザインするときにやったこと」 デザイナーになって4ヶ月になり、元エンジニアがUIデザインするときにやっていることをご紹介します。セッションでは、自社プロダクトのデザインをやるときに調べたことや気づいたこと、なぜそのデザインに決定したのか共有します。 自社プロダクト a-blog cms で現在開発中のメディア管理機能をデザインした経験を元にお話しします。 森田 かすみ (もりた かすみ)さん@KasumiMorita 有限会社アップルップル デザイナー この春からマークアップエンジニア→インハウスデザイナーに。今はUI/UX/コンテンツデザイン周りを勉強中。ストレス発散はかっぱのイラストを描くこと。 ブログ:mkasumi.com セッション2:「なぜかCSSが効かないんだが?」 ふとした拍子に効かなくなるCSS。でも先輩に質問してすぐ直されるとなんかへこむ……。 そこで、だれでも自力で原因を探せるチェックフロー図を作りました! そして分かった、意外とたくさんあるCSSが効かない理由を一挙にまとめてご紹介します。 小林明日香(こばやし あすか)さん 株式会社アルタ フロントエンドエンジニア、という名の業務はほぼマークアップエンジニア。 大学ではドイツ語ドイツ文学を専攻していたが、新卒で受託中心のWebデザイナーに。 その後エンジニア職に配置換えになり、HTML5プロフェショナル認定試験レベル1取得。 現在はJavaScriptを亀足で勉強中。 実は会社関連のキャラクターのナカノヒト→ @ashley_gcm セッション3:「TypeScript入門」 内容調整中 堀悟大(ほり ごだい)さん アップルップル フロントエンドエンジニア。2014年高知大学理学部卒業。学生時代にHTML5のCanvas要素を使ってゲームを作っていたことでWeb全般に興味をもつ。アップルップル入社後は JavaScriptを使った、a-blog cmsのUI改善や、JavaScriptのOSS活動を行う。最近掃除機買いました。 所属:有限会社アップルップル Nagoya.js主催 懇親会について 当日はセッション終了後に懇親会を予定しております。

6/16 (土)

5885b75f6275ea46adf5950c39a47cd8 OthloTech
はじめに OthloTechでは、東海圏の学生エンジニア/デザイナーが集まり、情報の共有や学生同士の繋がりを広げるために月1回のペースで勉強会「OthloEvent」を開催しています。 ※学生限定のイベントです。既に卒業された方は申し訳ありません。 イベント概要 クックパッドは多くのトラフィックを処理し、日々開発されるサービスをユーザに届けるため、高度なインフラストラクチャーを構築しています。 今回は、一般的な Web サービスの成長に合わせて必要となるスケーラブルなインフラ作りやパフォーマンスチューニング (Ruby on Rails が題材) について、クックパッドの事例紹介もふまえつつ、実際に手を動かしながら解説します。 内容 アプリケーションサーバ1つでサービスを開始した Web アプリケーションを題材として、アプリケーション・インフラの両面から高速に、スケーラブルに改善していきます。 具体的には以下のような内容を扱う予定です (変更される可能性があります)。 systemd を用いた Rails アプリケーションの起動について Web アプリケーションサーバとHTTP サーバの実装モデルについて サーバ上における簡単なパフォーマンスモニタリングについて RDBMS の仕組みと実践的なクエリチューニングについて Nginx の設定とチューニングについて アプリケーションサーバのスケールアウトについて キャッシュの種類と導入について それぞれの効果を実感できるよう、何らかの形でベンチマークできる環境を用意する予定です。 実習にあたり使用する AWS (Amazon Web Services) 環境についてはクックパッド側で用意します。 講師 執行役CTO 成田一生 酢と山車とごんぎつねの街半田市で生まれ育ち、豊田高専→名古屋大学→同大学院を経て2008年にヤフー株式会社に新卒入社し、Yahoo! メールのバックエンド開発を担当。その後、2010年にクックパッドへ入社。サーバサイドのパフォーマンス改善や画像配信を担当するインフラエンジニアとして経験を積み、現在はCTOとしてエンジニア全体の責任者を務める。 Twitter: @mirakui GitHub: @mirakui インフラストラクチャー部 部長 星 北斗 Site Reliability Engineer。 Web サービスのインフラ設計・構築・運用やサービス・オフィス問わずセキュリティ領域全般に携わる。 クックパッド株式会社には2010年より学生アルバイトとして、2013年に新卒として入社。AWS とログが好き。 Twitter: @kani_b Github: @kanny インフラストラクチャー部 SRE グループ 吉川 竜太 クックパッド株式会社の Site Reliability Engineer。18 歳の頃より大学に通いながらインフラ構築・運用専門の会社で様々な条件・規模のシステム設計・構築・運用を 6 年間に渡り経験。2017 年からクックパッド株式会社にて、アプリケーションレイヤでのチューニングやミドルウェア開発など、サイトの信頼性に関わる全てのレイヤを責任範囲としている。 Twitter: @rrreeeyyy Github: @rrreeeyyy タイムスケジュール 時間 内容 09:45 受付開始 10:00 イベント開始 12:00 昼食 13:00 午後の部開始 18:00 懇親会(軽食をご用意します) 19:00 終了 昼食は各自ご自由にお取りください。会場内に持ち込むことが出来かねますのでご了承ください。 会場 場所:TKPガーデンシティPREMIUM名古屋新幹線口 住所:愛知県名古屋市中村区椿町1-16 井門名古屋ビル アクセス:名古屋駅から徒歩5分 会場には電源とインターネット接続可能な Wi-Fi をご用意します。 持ち物・事前準備 macOS 10.12 (Sierra) 以降が動く Mac もしくは Ubuntu 16.04 LTS が動く PC (仮想環境も可) 電源アダプタ 筆記用具 Slack ※今回、イベント中にSlackを利用します。応募期間終了後、ご記入いただいたメールアドレス宛に招待メールをお送りします。事前に招待メールが届いているか確認の上、ご連絡ください。 個人情報について ご応募時にご記入いただいた情報は今回のイベントのご連絡をさせていただくために利用します。 個人情報の取扱いについてをご確認ください。 本イベントに関してのお問い合わせ 本イベントに関する事前準備や、当日の連絡などございましたら、クックパッド新卒採用担当宛([email protected])にご連絡ください。 OthloTechについて 私たちは、名古屋でクリエイティブな学生のコミュニティを作るために「OthloTech」を結成しました。専門技術を持った学生が集まり、勉強会や交流会を通して学校では学べない知識を共有しましょう。学生同士の横の繋がりを広げて、新しいサービスが生まれるきっかけを作りたいと思っています。 ▼OthloTechのHP・SNS OthloTechホームページ Facebookページ Twitterアカウント @OthloTech クックパッド株式会社について 日本最大の料理レシピ投稿・検索サービス「クックパッド」を運営している会社です。1998年3月にサービス開始し、現在投稿レシピ数は270万品以上、月間約6000万人にご利用いただいています。 クックパッド株式会社 会社概要

5/27 (日)

5885b75f6275ea46adf5950c39a47cd8 OthloTech
はじめに OthloTechでは、東海圏の学生エンジニア/デザイナーが集まり、情報の共有や学生同士の繋がりを広げるために月1回のペースで勉強会「OthloEvent」を開催しています。 学生であれば大学・専門学校・高校は問いません。どなたでも参加いただけます。 ※ 学生限定のイベントです。社会人の方は参加できません。 ※ 16歳未満の方のイベント参加には、保護者の同意が必要です。 イベント内容 イラストコミュニケーションサービスpixivをはじめとするサービス開発で培われてきた画像配信を中心に、ピクシブ、そしてImageFluxのインフラ基盤について次のようなトピックをご紹介します。 画像配信のスケールアウト/スケールアップ ImageFluxはなぜ生まれたのか ImageFluxの画像変換技術 また、後半のハンズオンでは、実際のImageFluxにふれていただき、どれだけ簡単に画像を利用することができるようになったのかを体験していただきます。 こんな人におすすめです Webサービスのインフラ技術に興味のある方 Webサービスにおいてどういう画像変換が行われているのか知りたい方 いわゆるインフラエンジニアと呼ばれている人が何をしているのか気になる方 ImageFluxとは ImageFluxは、1枚の画像をもとに画像の拡大縮小、切り抜き、合成などによりデバイスに最適化された画像を簡単に生成し、高速かつ高品質で配信するクラウドサービスです。 アプリケーションの開発で必ず必要になる画像の配信部分を長年画像配信を続けてきた株式会社ピクシブの技術を利用してSaaSで利用できるようにしています。画像を配信する際には画像サイズをURLで指定することができ、画像変換にかかる開発コストを削減することが可能です。 ImageFlux概要図 参考: ImageFlux 画像の価値は上がったのに、技術は10年前から変わっていない ─ ImageFluxで描く画像変換の世界(前編) タイムスケジュール 時間 内容 14:45 開場 15:00 イベント開始 15:15 会社説明(ピクシブ様) 15:30 ImageFluxについての講演 16:30 ImageFluxのハンズオン 17:00 懇親会 + LT 18:30 クロージング&撤収 LT内容 LTのテーマは自由です!ふるってご応募ください。 おひとり様5分以内でお願いします! 登壇者 タイトル くぅ - kuxu Booth で販売している同人誌を商業出版してみた hiww リソースの無駄遣いをしてみた KageShiron Re:WSLで始める快適Linux生活 @ジュジュ Dockerfileの書き方を伝えたい 会場 会場:クリエイトベース金山 住所: 〒460-0022 愛知県名古屋市中区金山一丁目14番16号 トキワビル8F アクセス:金山駅から徒歩3分 持ち物 PC (Windows, Mac, Linux) 備考 Wi-Fi: あり 電源: あり(人数分はございません。譲り合ってご利用いただければ幸いです。) OthloTechについて 私たちは、名古屋でクリエイティブな学生のコミュニティを作るために「OthloTech」を結成しました。専門技術を持った学生が集まり、勉強会や交流会を通して学校では学べない知識を共有しましょう。学生同士の横の繋がりを広げて、新しいサービスが生まれるきっかけを作りたいと思っています。 ▼OthloTechのHP・SNS OthloTechホームページ Facebookページ Twitterアカウント @OthloTech ピクシブ株式会社について ピクシブ株式会社は「創作活動がもっと楽しくなる場所を創る」をスローガンに2005年に設立された会社です。2007年にローンチされたpixivをはじめとして、世界中のクリエイターがファンと身近に触れ合えて、もっと便利な創作活動ができるような場の提供をしています。 会社情報 https://www.pixiv.co.jp/