お知らせ 【技術コミュニティ運営者の皆さま】成長し続けるエンジニアを支援する「Forkwell」と「connpass」が連携し、connpass上でイベントを開催する技術コミュニティを2020年3月末まで支援いたします。詳しくはこちら by Forkwell

このエントリーをはてなブックマークに追加

9月

25

第14回ゆるはち.it: CSSフレームワークについてゆるく話す

八王子で新しめのITの話をしたいひとたちのコミュニティ

Organizing : ゆるはち.it

Hashtag :#yuruhachi
Registration info

聞くひと枠

Free

FCFS
12/20

LT枠

Free

FCFS
1/2

Description

グループの概要

ゆるはち.itは、「都心まで行くのは億劫だが、八王子で新しめのITの話をしたいぞ」という主旨で設立したコミュニティです。 八王子市に本社を置くシステム開発会社 株式会社ビルディット のメンバーが主体となって活動していますが、ご興味の方には、お気軽に参加していただけると嬉しいです。

かっちりした講義講演タイプのイベントではなく、毎回テーマを決めつつ、新しめの技術を調べたり触ってみたりした感触(ひょっとしたら間違ったことをいうかもしれない)を、ゆるく共有できる場として、毎月開催していけると良いなと思っています。

これまでのイベント開催履歴については ゆるはち.itのグループページ をご覧ください。

イベント概要

第14回のテーマは、「CSSフレームワーク」です。

CSSフレームワークとして名前が挙がりそうなものの中には Bootstrap や Bulma がありますが、昨今ではその他の多くの選択肢も存在しています。フレームワークには、特有のレイアウトや運用ルールが規定されていることも多く、それが故に開発効率も上がるのですが、一方で独自のデザインを再現性高く実装していくには、適切なツール選択と運用設計も求められるでしょう。今回は、そんな「CSSフレームワーク」についてゆるく話していこうと思います。

こんな流れを予定しています。変わるかもしれません。

LT 枠は、本テーマに限らずデザインやエンジニアリングなどのWeb開発に関わることであれば、広くトークを募りたいと思います。ご参加の皆さまからのトーク応募をお待ちしています。

全体進行は @tmtysk です。

時間 タイトル 進行
18:10-18:20 開場・受付 受付時に、connpassの申込名をお知らせください
18:20-18:35 ご挨拶・乾杯・各自の簡単な自己紹介
18:35-18:40 導入:トーク内容についての前説
18:40-19:00 トーク1: CSSフレームワーク選びのポイント @uniq
19:00-19:20 トーク2: Tailwind CSSでいろんなUIをつくる @subuta
19:20-19:25 LT: CSSフレームワークに頼らない受託マークアップエンジニアのサイト制作術 @shingo_iwahori
19:25-19:30 LT: 受付中!
19:30-19:50 懇親の部
19:50-20:00 終わりの挨拶・片付け・撤収

※ 開場前にお越しいただいた場合、会場利用料がかかる場合があります。開場時刻後にお越しください。
※ アルコールを含む軽食が提供されますが、軽めですので、お好みのものがある方はご持参ください。

発表内容

トーク1: CSSフレームワーク選びのポイント

発表者

@uniq

概要

様々なCSSフレームワークがあり、どれを選んだら良いのか、これを選んだのは正しかったのか、とモヤモヤ思い悩んでいる方もいるかと思います。今回は、いくつかのCSSフレームワークの特徴を解説しつつ、選ぶ時の注意ポイントをお話しさせていただきます。

トーク2: Tailwind CSSでいろんなUIをつくる

発表者

@subuta

概要

Tailwind CSSはUtilify-first CSS Frameworkと呼ばれています。既存のUI Frameworkとの違いをお話しつつ、実際にTailwindを使って、シンプルなButtonからDropdown, Modalなどのやや複雑なUIまでReactを使い実装するデモを行います。

  • BootstrapやSemantic UIなどの、既存のUI Frameworkをデザインに合わせて魔改造するのに疲れた方
  • margin/paddingの1px単位の実装に疲れた方
  • デザインを元にゼロからUIを実装する事が多い方

な方は是非、お越しください!

LT1: CSSフレームワークに頼らない受託マークアップエンジニアのサイト制作術

発表者

@shingo_iwahori

LT2: 受付中!

対象者

Webエンジニア、デザイナー、あるいはそれらを志す学生さんなど、実際に自身で手を動かして、つくることに取り組んでいる方

※ やや実践的なトークが多いため、トーク予定をよくご確認の上お申し込みください
※ 人事職や人材紹介会社の方のご参加はご遠慮ください

参加費

無料

会場

fabbit八王子 (東京都八王子市 明神町 3-20-5エイトビル3階 / 京王八王子駅徒歩1分, JR八王子駅北口徒歩2分)

  • ゲスト向け無線LAN環境のご用意があります
  • 全スペース貸し切りではないので、声のボリュームなどはご配慮をお願いする場合があります
  • fabbit八王子会員の方の当日参加も歓迎しますが、フードやドリンクご用意の都合上、事前の参加登録をいただけると助かります

備考

  • イベント開催中、写真・ビデオ撮影をおこなうことがあります。イベント開催報告時に映り込む可能性がありますが、顔出ししたくない方は、当日の受付時にお申し出ください。
  • イベント参加者への営業・販売活動および宗教・マルチ商法・転職などの執拗な勧誘や絡みはおやめください。
  • 発表者の方へ
    • プロジェクター映像入力は、VGA, HDMIケーブルのご用意があります。4:3, 16:9 どちらも対応。お手元の環境から変換アダプタが必要になる場合は、各人でご用意ください。
    • 座席位置によってはスライドが見えにくくなることもありますので、(ライブコーディングやデモをおこなう場合などはとくに)発表資料や画面表示の文字サイズにご配慮をお願いします。
    • 当日は開会前の機器接続確認にご協力ください。機器トラブルなどで予定通りの進行ができない場合は、機器を使用しない発表や、発表見合わせをお願いする場合があります。

Presenter

Feed

uniq

uniqさんが資料をアップしました。

09/26/2019 10:30

Shunta Saito

Shunta Saitoさんが資料をアップしました。

09/25/2019 19:40

jalemy/sano

jalemy/sano published 第14回ゆるはち.it: CSSフレームワークについてゆるく話す.

08/30/2019 19:41

第14回ゆるはち.it: CSSフレームワークについてゆるく話す を公開しました!

Ended

2019/09/25(Wed)

18:20
20:00

開催日時が重複しているイベントに申し込んでいる場合、このイベントには申し込むことができません

Registration Period
2019/08/30(Fri) 10:00 〜
2019/09/25(Wed) 10:00

Location

fabbit八王子

東京都八王子市 明神町 3-20-5エイトビル3階

Attendees(13)

Hamano

Hamano

第14回ゆるはち.it: CSSフレームワークについてゆるく話すに参加を申し込みました!

Ryo

Ryo

第14回ゆるはち.it: CSSフレームワークについてゆるく話す に参加を申し込みました!

Shunta Saito

Shunta Saito

第14回ゆるはち.it: CSSフレームワークについてゆるく話す に参加を申し込みました!

瀬尾佳隆

瀬尾佳隆

第14回ゆるはち.it: CSSフレームワークについてゆるく話す に参加を申し込みました!

sakakendo

sakakendo

第14回ゆるはち.it: CSSフレームワークについてゆるく話すに参加を申し込みました!

makiko_brooks_oki

makiko_brooks_oki

第14回ゆるはち.it: CSSフレームワークについてゆるく話す に参加を申し込みました!

Andy william

Andy william

第14回ゆるはち.it: CSSフレームワークについてゆるく話す に参加を申し込みました!

jam_tonight

jam_tonight

第14回ゆるはち.it: CSSフレームワークについてゆるく話す に参加を申し込みました!

NorioIriyama

NorioIriyama

第14回ゆるはち.it: CSSフレームワークについてゆるく話すに参加を申し込みました!

jungo araki

jungo araki

第14回ゆるはち.it: CSSフレームワークについてゆるく話す に参加を申し込みました!

Attendees (13)

Canceled (4)