今井理紗子 (@i_mairy)


参加する勉強会

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


過去の勉強会

10/11 (水)

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

8/8 (火)

7293 normal 1452048885 a a-blog cms 名古屋
アップルップルの運営するコワーキングスペース(ベースキャンプ名古屋)では、毎月第2火曜日 10:00 - 21:00 を「a-blog cms の日」ということで、a-blog cms に興味がある人が集まる日としています。 その「a-blog cms の日」のミニセミナーとして「a-blog cms 勉強会 in 名古屋」を開催します。 日時 2017年8月8日(火)14:00 - 17:00 ※ この日は 1,000円で 10:00 - 21:00 までベースキャンプ名古屋がご利用でき、いろいろな質問を自由にする事ができます。 内容 最近の事例紹介 参加者の質問大会 費用 会場利用のみ 1,000円(10:00 - 21:00 利用可能) 主催 有限会社アップルップル 会場 ベースキャンプ名古屋 名古屋市中村区名駅3-18-5 モンマートビル5F ※ 車でお越しの方は、近くのコインパーキングなどに駐車をお願いします。

5/19 (金)

7358 normal 1453095825 7293 normal 1452048885 a a-blog cms Training Camp
a-blog cms コミュニティーでは、年2回(5月・11月)2日間にわたって最新機能や明日から役立つ実装方法を学ぶイベントを開催しています。 昨年は沖縄での開催で、今年は北海道という話もあったのですが、やはりホームの名古屋になりました。 「名古屋には合宿で何度も行ってるけど、名古屋駅と半島の先っぽしか行ったことがない!」というような声をよく聞いていましたので、今回は前半のセッションは 名古屋城 本丸御殿 孔雀之間 での開催を予定しています。その後は、 ベースキャンプ名古屋 でのハンズオン&ディレクターズミーティングを行います。 参加者の事例紹介を中心としたセミナー形式と実装方法を学べるハンズオン形式の二部構成でお送りし、実装担当でないディレクタの方については秋に好評であったハンズオンタイムにディレクターズミーティングを企画します。 勉強会 タイムスケジュール 予定 1日目 前半 / 名古屋城 本丸御殿 孔雀之間 時間 所属 & お名前 / タイトル 12:30 - 開場 13:00 - オープニングセッション(10分)/ アップルップル 山本 13:10 - サイト公開時に注意すること(20分) / アップルップル 鈴木 13:30 - アップルップルのOSS活動について(20分) / アップルップル 堀 13:50 - 初めましてのご挨拶と多言語化の続きの話(10分) / アップルップル 林田 14:00 - a-blog cms用テーマ『echo_zero』について / ウェビングスタジオ 口田さん 14:30 - 休憩 15:00 - 私の脱初心者ストーリー a-blog cmsと過ごした1年 / アーバンプロデュース 川邊さん神戸のイベント078公式webサイトを支えた裏側チラ見せ解説 / ふわっと 岡田さんEntry_Geolist系の話 / フォルトゥナ 坂本さん 16:00 - 撤収 ※ 名古屋城 本丸御殿へは各自でお越しください。キャスター付きのキャリーバックは孔雀之間へはお持ち込み頂けません。コインロッカーもしくは正門の総合案内所にて預けてください(有料)、ベースキャンプ名古屋にて預かることも可能です。 ※ 名古屋城へ入るのに500円の入場券を購入いただく必要がございます。入場券の半券をお持ち頂けますと18時からのベースキャンプ名古屋 での受け付け時にキャッシュバックをいたします。 ※ 名古屋城は9時より16時半まで開園、天守閣・本丸御殿は16時までとなっており名古屋城観光をされたい方は午前中にしてください。 ※ 本丸御殿 孔雀之間では食事はできません。昼食を済ませて会場入りをしてください。 ※ 1日目 前半の部終了後、チェックインをされる方はチェックインを済ませて後半の部であるベースキャンプ名古屋へ移動をしてください。なお、ベースキャンプ名古屋は18時まで通常営業をしておりますが、ご利用いただけます。 1日目 後半 / ベースキャンプ名古屋 時間 所属 & お名前 / タイトル 18:00 - ハンズオン & ディレクターズミーティング 19:00 - 2017年テーマを考えるグループディスカッション 20:00 - 懇親会 2日目 ベースキャンプ名古屋 時間 所属 & お名前 / タイトル 9:00 - 受付 10:00 - 大規模サイトのコンポーネント管理 / アップルップル 堀 10:30 - 自作テーマについて / マン・クリエイト 石川さんGet_Template を活用した多言語対応について / ワクグミ 田村さん 11:00 - ハンズオン & ディレクターズミーティング 12:30 - 休憩 14:00 - ハンズオン & ディレクターズミーティング 15:00 - マイページ機能でユーザー毎のコンテンツ表示のカスタマイズ / zeroichiworks 稲葉さんお店が今やってるかどうか、アクセス時点の営業情報を表示する / ルーコ 鈴木さん 15:30 - エンディングセッション / アップルップル 伊藤 & 山本 懇親会 会費 4,000円(税込) 会場 (調整中)

5/15 (月)

6690 normal 1445309326 appleplelogo240 original 公開アップルップル社内勉強会
社内の勉強会を一般の皆さんに公開しています。 毎月第3月曜日に開催して、今回で36回目になります。これで3年休まず続いたことになります。 発表は質疑応答を含め20-30分程度ですが、実際の発表は10-20分とします。スライド無しの事もあるかもしれません。そんな勉強会ですが、Web制作会社であるアップルップルの勉強会に興味がある人は参加下さい。 アップルップルのスタッフも強制参加ではありませんので、業務上スケジュールを調整しつつ参加ください。 社外の方のライトニングトーク(5分)参加も可能です。19:00 - 19:30 の間におこないます。希望者は申し込みのアンケートでお知らせください。 タイムテーブル 時間 発表者 タイトル 19:30 - 21:00 デザイナー 山田 Adobe XD ハンズオン (90分) *発表者のみ残業扱いになります。 今後の予定 06/19:鈴木(ディレクター)& 岩崎(ディレクター)

4/17 (月)

6690 normal 1445309326 appleplelogo240 original 公開アップルップル社内勉強会
社内の勉強会を一般の皆さんに公開しています。 毎月第3月曜日に開催して、今回で35回目になります。 発表は質疑応答を含め20-30分程度ですが、実際の発表は10-20分とします。スライド無しの事もあるかもしれません。そんな勉強会ですが、Web制作会社であるアップルップルの勉強会に興味がある人は参加下さい。 アップルップルのスタッフも強制参加ではありませんので、業務上スケジュールを調整しつつ参加ください。 社外の方のライトニングトーク(5分)参加も可能です。希望者は申し込みのアンケートでお知らせください。 タイムテーブル 時間 発表者 タイトル 19:30 - 20:00 CTO 伊藤 内容調整中(30分) 20:00 - 20:30 フロントエンドエンジニア 堀 内容調整中 (30分) 20:30 - 21:00 - 予備の時間 *発表者のみ残業扱いになります。 今後の予定 05/15:山本(代表)& 山田(デザイナー) 06/19:鈴木(ディレクター)& 岩崎(ディレクター)

3/23 (木)

6690 normal 1445309326 appleplelogo240 original 公開アップルップル社内勉強会
社内の勉強会を一般の皆さんに公開しています。 毎月第3月曜日に開催して、今回で34回目になりますが、祝日ということもあり日程を変更しての開催になります。 発表は質疑応答を含め20-30分程度ですが、実際の発表は10-20分とします。スライド無しの事もあるかもしれません。そんな勉強会ですが、Web制作会社であるアップルップルの勉強会に興味がある人は参加下さい。 アップルップルのスタッフも強制参加ではありませんので、業務上スケジュールを調整しつつ参加ください。 社外の方のライトニングトーク(5分)参加も可能です。希望者は申し込みのアンケートでお知らせください。 タイムテーブル 時間 発表者 タイトル 19:30 - 20:00 マークアップエンジニア 森田 アップルップルのイマドキのフロントエンド環境(30分) 20:00 - 20:30 デザイナー 今井 blog2017に向けて、イマドキのブログテーマを考える (30分) 20:30 - 21:00 - 予備の時間 *発表者のみ残業扱いになります。 今後の予定 04/17:伊藤(エンジニア)& 堀(マークアップエンジニア) 05/15:山本(代表)& 山田(デザイナー) 06/19:鈴木(ディレクター)& 岩崎(ディレクター)

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で統一 フォントは各々持っているものを自由に使用 写真やイラスト素材の追加は可 デザイナー志望の方、他の方のデザインを見てみたい現役デザイナーの方、デザイナーではないがバナー制作の機会がある方、などぜひご参加ください。

2/20 (月)

6690 normal 1445309326 appleplelogo240 original 公開アップルップル社内勉強会
社内の勉強会を一般の皆さんに公開しています。 毎月第3月曜日に開催して、今回で33回目になります。 発表は質疑応答を含め20-30分程度ですが、実際の発表は10-20分とします。スライド無しの事もあるかもしれません。そんな勉強会ですが、Web制作会社であるアップルップルの勉強会に興味がある人は参加下さい。 アップルップルのスタッフも強制参加ではありませんので、業務上スケジュールを調整しつつ参加ください。 社外の方のライトニングトーク(5分)参加も可能です。希望者は申し込みのアンケートでお知らせください。 タイムテーブル 時間 発表者 タイトル 19:00 - 19:30 ふわっと 岡田さん 写真撮影の話とか(仮)(30分) 19:30 - 20:00 ディレクター 鈴木 モバイルファーストインデックス(30分) 20:00 - 20:30 アルバイト 林田 Web解析士のセミナー参加レポート (30分) 20:30 - 21:00 - 予備の時間 *発表者のみ残業扱いになります。 今後の予定 03/21:森田(マークアップエンジニア)& 今井(デザイナー) 04/17:伊藤(エンジニア)& 堀(マークアップエンジニア) 05/15:山本(代表)& 山田(デザイナー) 06/19:鈴木(ディレクター)& 岩崎(ディレクター)