【1時間半でcssをマスター】押さえておきたい「実践で使うcssのポイント&Emmet紹介」

2019/07/13(土)10:00 〜 11:30 開催
ブックマーク

イベント内容

(2019.7.7追記)
TECK PLAYでのお申込み多数につき、connpassでのお申込みは1名までで締め切りにさせて頂きます。
-----------

参加者の満足度が高いと大好評をいただいている、株式会社エッグシステムのシステムエンジニア向け勉強会です!

今回は、
要点解説、押さえておきたい「実践で使うcssのポイント」
を解説する勉強会です!

「独学でcssを習得したので、正しいコーディングができているか分からない…。保守性の高いコーディングをしたい。」
「何とか一人でcssは書けるけど、もうちょっと早く書けるようになりたい。」
「cssを書いていると、すぐにつまづいてしまい、時間がかかってしまう。」

こういった思いを抱えているデザイナーさんやフロント系エンジニアの方に最適な内容です。

・実践で意識すべきポイントの解説
・より効率的にコーディングを行うためのポイント
・UIに配慮したcssの小技集の紹介
・HTMLやCSSを省略記法で簡潔に記述するためのツール(Emmet)の紹介
といった実践向けの内容になっているので、座学で学ぶだけでなく、多少手を動かしながらのワークショップも行います!

現役バリバリでWebサイトのcssコーディングを行っている方に講師をやってもらうので、しっかりと丁寧に教えます!
なお、勉強会に初めて参加する、という方もお気軽に参加できますので、ご安心ください!


こんな方にオススメです

・cssの基礎を知り、一人である程度cssのコーディングまで出来るようになりたいデザイナーの方
・コーディングのこともある程度知った上でデザイン設計を行いたいデザイナーの方
・実際の現場で気をつけるべきコーディング内容を知りたい方
・cssコーディングを効率的に行いたい方

※cssの基礎知識を持った方向けの内容となっておりますので、ご注意ください。

内容

・cssの要点解説(優先度、単位、absoluteの使い所、など)
・UIに配慮したcss小技(cssでボタン作る時の注意事項、liタグの文字改行の先頭揃えの方法など)
・emmetとは
・実践向けemmetの使い方
・参考サイトの紹介

・質疑応答
 ※質疑応答の時間では、今回の内容にかかわらず、現在困っていることなどご質問いただいても大丈夫です。

持ち物

・ノートパソコン
・(必要に応じて)メモ、筆記用具、マウスなど

※OSはWindows、Macどちらでもかまいません。
※コンセントの数には限りがあるので、事前の充電をお勧めします。


会場について

〒160-0023
東京都新宿区西新宿8丁目11−10 星野ビル3階
株式会社エッグシステムオフィス

・東京メトロ丸ノ内線「西新宿駅」より徒歩2分
・JR、小田急、京王、都営地下鉄、東京メトロ「新宿駅」西口より徒歩10分

◆現地へのアクセス方法
・Googleマップへのリンク
https://goo.gl/maps/2TcUwdrDy8RnUj7T9



エッグシステムの仕事へジョイン!

本内容を受けられた方は、ぜひ株式会社エッグシステムと一緒に仕事をしましょう!
詳細は当日お伝えします。

【主催】
株式会社エッグシステム
https://eggsystem.co.jp/ ロゴ画像

勉強会の様子

勉強会1 勉強会2 勉強会3 勉強会4

参加者の声

満足度が高かったという感想を多数いただいています。
ありがとうございます!

感想
【A.Tさん/女性/参加した勉強会:ホームページ制作】
すぐにWordPressに取りかかることができそうです。大変役に立ちました。
【Y.Kさん/男性/参加した勉強会:ホームページ制作】
とても参考になることが多かったです。
【H.Hさん/女性/参加した勉強会:ホームページ制作】
想像以上に良かったです!!
【K.Oさん/男性/参加した勉強会:ホームページ制作】
画像のオススメサイトとSEO対策が特に参考になりました。
【A.Aさん/女性/参加した勉強会:ホームページ制作】
おすすめのテーマに関する説明が参考になりました。もう少し深い内容のお話も聞きたいと思いました。
【M.Kさん/女性/参加した勉強会:ホームページ制作】
短時間でポイントがまとまっていて、わかりやすかったです。
【K.Yさん/男性/参加した勉強会:ホームページ制作】
1時間半という短い時間の中でワードプレスの裏側の構造が網羅されていたので、非常に費用対効果が高いと感じました。
【S.Kさん/女性/参加した勉強会:ホームページ制作】
基本的なワードプレスの部分は本を見ても分からないことがあり、困っていましたが、質問もできる、こういった講習会の開催はありがたいです。
【K.Nさん/女性/参加した勉強会:ホームページ制作】
Wordpressの基本的な情報や、今後自分でためす際のヒントを教えていただくことができてよかったです。
【S.Sさん/男性/参加した勉強会:ホームページ制作】
最近wordpressをインストールしたばかりで、アーキテクチャ的な所を少しでも学べる機会があったのはありがたいです。
【Y.Sさん/男性/参加した勉強会:ホームページ制作】
仕組みが再確認できた。現場の話を聞くのが楽しい。
【S.Kさん/女性/参加した勉強会:ホームページ制作】
Wordpressの基本的な構造を詳しくご説明いただけて分かりやすかったです。なんとなくの理解でWordpressを触っていたので、基礎が分かって助かりました。ありがとうございました。
【M.Kさん/女性/参加した勉強会:ホームページ制作 】
Wordpressは初めてさわったので、知らないことも多かったので楽しかったです。
【H.Tさん/男性/参加した勉強会:ホームページ制作 】
初心者に対して分かりやすく例を用いて説明してくれて、ホームページの基礎知識から制作、公開までの流れも詳しく説明していただきました。口調も穏やかで質問しやすく、非常に満足できました。
【A.K.さん/女性/参加した勉強会:ホームページ制作】
こんなにお安いお値段でお勉強させていただき、ありがたかったです。ワードプレスは1度諦めていたのですが、またやってみたいと思いました。
【S.O.さん/男性/参加した勉強会:ホームページ制作】
説明がとても丁寧だったのでプログラミングをやったことがない人でもホームページ制作の考え方ややり方を感覚的に学べると思います。初心者にはとても良かったです。広い範囲をぎゅっと詰め込んだ内容でした。
【M.S.さん/男性/参加した勉強会:ホームページ制作】
説明がとても分かりやすかったです。これからも勉強していきたいと思いました。
【M.H.さん/男性/参加した勉強会:ホームページ制作】
ワードプレスの注意点で知らない部分を知れたので良かったです。
【M.S.さん/女性/参加した勉強会:ホームページ制作】
少人数で最適なペースで分かりやすいです。
【K.W.さん/女性/参加した勉強会:ホームページ制作】
参加前は心配でしたが、分かりやすく楽しめました。また参加したいと思います。
【N.O.さん/男性/参加した勉強会:ホームページ制作】
子テーマを作る理由やその方法は、なんとなくしか分かっていなかったので、明確になって良かったです。満足です。
【K.W.さん/男性/参加した勉強会:ホームページ制作】
勉強会には初めて参加したのですが、大変ためになりました。また次回も参加したいです。時間が足りないくらいでした。
【M.S.さん/女性/参加した勉強会:ホームページ制作】
基礎で飛ばしていたところを再確認できました。他の方と一緒に勉強できる機会もとても貴重なのでありがたいです。
【Y.N.さん/男性/参加した勉強会:ホームページ制作】
周囲に相談できる人がいないため、流れや用語、業界の実情を教えていただけるだけでありがたいです。
【H.M.さん/男性/参加した勉強会:ホームページ制作】
興味のある内容だったし、分かりやすかったのでとても勉強になった。分野を超えて教えていただいてありがたかった。
【S.Kさん/男性/参加した勉強会:Webマーケティング基礎】
テーマは"Webマーケティング"でしたが、初心者でも気軽に参加しやすい雰囲気が印象的でした。専門的な知識の部分も分かりやすく理解できました。
【J.Oさん/男性/参加した勉強会:Webマーケティング基礎 】
前半のマーケティングの基礎が普段関わるのことない分野だったので参考になりました。
【R.Kさん/男性/参加した勉強会:Webマーケティング基礎】
マーケティングの本質の理解ができました。具体的な事例を挙げて説明していただき、分かりやすかったです。
【T.Kさん/男性/参加した勉強会:Webマーケティング基礎】
普段触れない内容で大変参考になりました。より実践的な施策も聞いてみたかったです。
【O.Kさん/男性/参加した勉強会:Webマーケティング基礎 】
Webマーケの基礎が知れてよかったです。自分のブログで参考にします。
【Y.Oさん/男性/参加した勉強会:Webマーケティング基礎 】
何となく知っていたことが明確になりました。
【J.Tさん/男性/参加した勉強会:css実践編 】
大規模システムでのcss設計について聞けたのが良かった。毎回実務で活かせる内容が多く、助かっています。
【T.Iさん/男性/参加した勉強会:css実践編 】
他社で使われている、もしくは業界で一般的に使われているノウハウを学べ、とても勉強になりました。0からサイト構築をする際の参考にさせていただきます。
【T.Aさん/男性/参加した勉強会:css実践編 】
プロの目から見たコーディングが聞けて、大変参考になりました。
【S.Yさん/男性/参加した勉強会:css実践編 】
設計など色々話を聞けてよかった。また、現場の話を聞く機会がないので、環境の話も知れてよかった。
【S.Kさん/男性/参加した勉強会:Webデザイン入門 】
Webデザインに関する事が中心かと思ってましたが、デザインの基本的な考え方に関する事で、とても勉強になりました。また機会があれば来たいと思います。
【M.Hさん/男性/参加した勉強会:Webデザイン入門 】
実際にフリーでWebデザインを仕事としている方の話なので、説得力がありました。90分の勉強会なので情報量が多く感じましたが、分かりやすかったです。
【S.Sさん/男性/参加した勉強会:Webデザイン入門 】
デザインとは?から始まり、今まで考えてこなかった内容について知れたのが大変ありがたかったです。
【S.Uさん/男性/参加した勉強会:Webデザイン入門 】
今まで学んできたことを再確認できたこと、デザイナーさんの視点からみたデザイン、について学べたのは良かったです。
【H.Aさん/男性/参加した勉強会:Webデザイン入門 】
デザインについてはまったく知らなかったので、今日来てよかったです。
【Y.Tさん/男性/参加した勉強会:Webデザイン入門 】
0からデザインスキルをつけるための基本的な考え方がよく分かった。いずれ自分が教える側になった時も活かせる内容かなと思った。
【T.Tさん/男性/参加した勉強会:Webデザイン入門 】
デザインの基礎を教えて頂けた事が良かった。簡単に実践する事ができる例を教えて頂けた事がよかった。丁寧な対応が良かった。
【R.Uさん/男性/参加した勉強会:Webデザイン入門 】
15年エンジニアをやっていますがデザインは初めて教えてもらいました。大変参考になりました。



参加後のアンケートはこちらから

https://goo.gl/forms/ZxTgRWVytehVeH0j1

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

関連するイベント