Saori (@memoca_)


参加する勉強会

5/9 (水)

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


過去の勉強会

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月より名古屋在住。 懇親会について 当日はセッション終了後に懇親会を予定しております。

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」 株式会社サイバーエージェント 佐藤 歩さん 持ち物 ノートパソコン(※ 必要な方のみ。会場に貸し出し用のパソコンもあります。) 懇親会について 当日はセッション終了後に懇親会を予定しております。

4/8 (土)

3129 normal 1468300253 wbn WordBench Nagoya
クラウドでWordPressしてみよう 共有レンタルサーバを使うWeb 制作者、サイト運営者は多いとは思いますが、より自由度が高い専用サーバ、VPSサーバ、クラウドサーバなども気になるところです。「難しそう」「どういう違いがあるのか知りたい」と思ったことはありませんか? そこで普段、共用サーバーを使っているWeb 制作者、サイト運営者が専用・VPS・クラウドサーバを使う際に知っておくべき入門セミナーと、500円/月から始められるクラウドVPSである「Amazon LightSail」で実際にサーバやWordPressを構築するまでのデモンストレーションを行います。 なお任意ではありますが「Amazon LightSail」のアカウントを事前に取得しておいていただくと、デモンストレーションを見ながら同じ手順を踏むことでサーバ環境を立ち上げることが可能になります。この機会に、「Amazon LightSail」でサーバを構築してしまいたい方、実際にサーバを構築するのを自分で体験されたい方は、ぜひ事前にアカウントを取得しておいてください。ちなみに登録後一ヶ月は無料です。 https://amazonlightsail.com/ 後半は、参加者の皆さんが普段どういう風にWordPressを使っているのか、活用されているのかなどの事例を紹介しあう懇談会を開催しようと思います(この懇談会はUstreamでの配信はありません)。 「専用・VPS・クラウドサーバを使う時に知っておきたいこと」(30分) (スピーカー:Katz Ueno) なぜ専用サーバーやクラウドを使うのか。セキュリティ・負荷・運用・保守のリスク マネージド専用サーバー・VPS・専用サーバー・クラウドの違い 知っておきたいクラウドのこと AWS を使う前に知っておきたいこと。 「AWSでWordPressしてみよう」(60分) (スピーカー:横井公紀) 「Amazon LightSail」は500円から始められるクラウドVPSです。この機会にクラウドサーバにチャレンジしてみませんか? 興味があっても、なかなか踏み出せないクラウドサーバ... 「Amazon LightSail」がリリースされたことで、手軽にクラウドサーバを使えるようになってきました。 実際に「Amazon LightSail」を利用してWordPressを立ち上げるまでを、わかりやすくデモします。 「私とWordPressについて語り合う懇談会」(75分) 他の人がどのようにWordPressを使っているのかを知る機会というのは、実は少ないのではないでしょうか? 参加者の皆さんが、普段どのようにWordPressを使っておられるか、どんな工夫をされているのかなどを紹介し合う懇談会を行います。 意外な活用法や、いろんなヒントやアイディアを得られるよいチャンスとなるのではないかと思います。 持ち物 お名刺(任意:参加回数が浅い方はお名刺交換の機会が多くございます) ノートパソコン(任意:お持ちになりたい方はぜひ) 会場費として1人500円を頂いておりますが、学生の方は無料としておりますので学生証などをご持参ください。 Ustream 生放送 Ustream 放送は予定はしますが、配信者の都合でドタキャンになってしまう可能性があります。あらかじめご了承ください。 セッション3の「私とWordPressについて語り合う懇談会」はUstreamでの配信はしません。 協力 配信チャンネルはこちら Ustream放送は katzuenoさんのご協力のもと、配信を行っております。 いつもありがとうございます! 過去のUstreamアーカイブ https://www.youtube.com/WordBenchNagoya WordBenchとは? WordBenchとは、WordPressユーザーが集まる地域コミュニティです。 全国各地に存在し、各地域のユーザーが「WordPress コミュニティ運営イベントの原則」に則ってボランティアで運営しています。 WordBenchサイト WordPress コミュニティ運営イベントの原則 コミュニティ参加のお誘い WordBench Nagoyaのコミュニティにぜひご参加ください。 その他、Twitter(@wbNagoya)やFacebookページでも情報を発信しております。フォローやいいね!をぜひお願いいたします。

2/26 (日)

前半パートと後半パートに分けてPhotoshopを使いバナーデザインをしていきます。
イベント概要 https://in.spicagraph.com/other/banner-kurukuru/ 以前開催された「バナーデザインくるくる会」を名古屋でも開催したいと思います。 前半パートと後半パートに分けてPhotoshopを使いバナーデザインをしていきます。 制作途中のデザインを引き継いで作業(制作データを途中で交換)をするので、自分以外の人がどんな風にデータを作成しているのかや、自分では思いつかなかったような表現方法などの発見ができるはずです。 参加資格 PhotoshopのインストールされたノートPC等の制作環境を用意できるかた 当日のタイムスケジュール 13:00から受付開始 時間 内容 13:30-14:00 自己紹介、説明(お題の発表) 14:00-15:15 前半制作パート(75分) 15:15-15:30 制作意図作成、ファイル共有 15:30-15:45 休憩 15:45-16:30 後半ブラッシュアップパート(45分) 16:30-17:30 合評 制作について お題と使用する写真は当日配布 制作はPhotoshopで統一 フォントは各々持っているものを自由に使用 写真やイラスト素材の追加は可 デザイナー志望の方、他の方のデザインを見てみたい現役デザイナーの方、デザイナーではないがバナー制作の機会がある方、などぜひご参加ください。