グループの概要

ゆるはち.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 どちらも対応。お手元の環境から変換アダプタが必要になる場合は、各人でご用意ください。
  • 座席位置によってはスライドが見えにくくなることもありますので、(ライブコーディングやデモをおこなう場合などはとくに)発表資料や画面表示の文字サイズにご配慮をお願いします。
  • 当日は開会前の機器接続確認にご協力ください。機器トラブルなどで予定通りの進行ができない場合は、機器を使用しない発表や、発表見合わせをお願いする場合があります。