CSS Niteビギナーズにやってきました。

今日はCSS Niteビギナーズにやってきました。
基本的には、CSSレイアウトをこれからやっていく方向け、という位置づけのセミナーなのですが、名村も最近全然コードを書かなくなってきているので、参加させていただきました。

あと今回、以前ここでご紹介をさせていただきました名村にとってのCSSレイアウトの先生な「千貫りこ」さんがセッションをされる、と言うこともあっての参加だったりしています。

名村がディレクションを名乗っていながら、これからコードを書く時間が増えたりするのか?と言われると、それは結構怪しいのは正直なところで、その時間があったら、マーケティングとかの情報でも仕入れておけ!という声が聞こえてきそうなのですが(謎)、やっぱり昔から見よう見真似でHTMLやデザインから始めた人間としては、技術実装への興味というのは尽きないわけだったりしています。

出ている方や基本的にはCSS Niteビギナーズのサイトをご覧いただくとして、現在三限目で、益子さん、鷹野さんだったのですが、ここまでは基本的なHTMLとCSSの説明でした。

内容的には、HTMLで言えば、ブロック要素とインライン要素とは具体的にどういったタグなのか?、CSSの書き方で、セレクターとプロパティとはどれを指すのか?といった内容で、まず会場の「言葉レベル」の統一をおこなうような内容でした。

とはいえ、名村自身、HTMLを書くことが減ってきたいので忘れてしまっていた内容があったので、それだけでも有益でした。
という事で、取りあえず三限目を受けています。


(13:39追記)
三限目の山田あかねさんのセッションのまとめ

  • ロゴのマークアップ
  • ul要素の使いどころ
  • 迷いそうなマークアップを解決
  • a要素の使い方
  • img要素のalt属性の使い方
  • 表の列グループと表グループ
  • フォームのマークアップ

マークアップは気配り作業の連続
仕様の内容だけではくあれこれ配慮する事が大事


14:02追記
会場で、知っている方に沢山あっていますw
中には全然ビギナーじゃない方も多かったり、監修を直前にがーっとやったらしいM田さんもいました(謎)


14:10追記
四現目は株式会社まぼろしの小林君。

小林君は、以前から懇意にしていただいていて、若くてとても有能な方なんですが、セミナーを受けたのは今回が初めて。

内容は実演をしているのですが、一番驚いたというか、凄いなーと思えたのが、自分への自戒も込めて言っているのですが、

演者が「ここは少なくとも大丈夫でしょ?」って思ってしまっていてスルーしているけど、聞いているユーザー側が「えぇ?えっ?」って思ってしまう部分をちゃんと説明している

ってことです。
もちろん人によってはそれでも「なんでそうなってるの?」的なモノはあると思うのですけど、今まで受けたセミナーの中で、一番自然にその「ここはフォローしておかなければ」って事を説明しながらしているセミナーと思いました!!

内容のキモは、positionプロパティの説明だったのですが、position:absoluteの説明で今まで聞いた中で一番分かりやすかったです。
恐らく今まで何となく理解していたのがすっきり理解出来ました!

あと、小林君の声、マイク乗りがとてもいいので、聞いていて、聞きやすいのも含めてとても分かりやすかった。

CSS Nite以外でも小林君はHTMLやCSSの実践系のセミナーをしているので、小林君のセミナーはお勧めですよ!


15:50追記
千貫さんのセッションですが、ライブコーディングでした。
鷹野さんと益子さんの間に挟まれて千貫さんが会場でコーディングをしてらっしゃいました。

あのライブコーディングって、さっき小林君もちょっとやっていましたが、ものすごい緊張すると思うんでですよ。

その中でやっていたのと、鷹野さんは会場の空気とかユーザーの知りたいなぁ・・・と思っている所をくみ取るのがとても上手なんですが、その感覚が千貫さんとずれているのがあったのか、ちょっとぎこち無かった感じがしました。

ただ、実際にやっていたのは、プレーンテキストにマークアップをしていって、大枠のレイアウト用のCSSを書いていく、ってことをしていました。
全体像は、今回のセミナー全体で使っているものっぽいので、

  • なぜheadingでマークアップしたのか。
  • divでマークアップするのはどこをどういう概念でやったのか

っていう文書構造に対してのマークアップの考え方の方がよかったのかも知れませんね。

CSSの記述やレイアウトへの反映のさせ方もそうですが、HTML+CSSレイアウトの最初ってどうしても、「困った時にはdiv要素で囲む」ってなりがちなので、文書構造って考え方を身につければ、かなりのレイアウトのためのコードが減らせるってことに繋がっていきますから。

そういう意味では千貫さんの持ち味はあまり見られなかったかなぁ・・・と思ってちょっと残念でした。(←ファン的な見方がかなり含まれています(笑))


16:20追記
Macbook Proの電池が無くなったので後は、帰ってから書きますw

著者写真
この記事を書いた人
名村晋治 / 株式会社サービシンク

都内のWeb制作会社のWebディレクター兼代表取締役。 1994年にインターネットに出会い、1996年、学生4名でのWeb制作事業をはじめ、Web黎明期から多くの大手企業のサイト制作・開発に携わる。 2000年から2005年までは不動産検索サイト「LIFULL HOME"S」を運営する株式会社LIFULL、2005年から2009年までは都内のWeb制作会社の取締役として参画し、2010年に株式会社サービシンクを立ち上げ、代表を務める。 現在もWebディレクターとして現場でのPMを行う。 経験案件規模は直請けで10万円〜3億円。 過去900人以上が受講している「Webディレクター育成講座」は2000年より開催し今年で25年目。 2020年よりWebクリエイターへの情報提供のためのPodcast「Webディレクションやってますラジオ」を毎週金曜23時に配信中。 不動産テック協会 理事 2023年慶應義塾大学大学院経営管理研究科(MBA)取得

@yakumo

関連記事

この記事のハッシュタグ #セミナー#CSS Nite から関連する記事を表示しています。

関連記事

同じカテゴリー「セミナー」の新着記事を表示しています。

BacklogとAI、どこから手をつけるか ─ JBUG Creative #4 に登壇しました

2026年08月27日

BacklogとAI、どこから手をつけるか ─ JBUG Creative #4 に登壇しました

2026年8月21日「AI活用ファイトクラブ in 沖縄」で登壇しました。

2026年08月24日

2026年8月21日「AI活用ファイトクラブ in 沖縄」で登壇しました。

「JBUG東京#26 Web制作会社向け Backlog活用ナレッジ共有会〜Wiki・ドキュメント編〜」に登壇しました。

2025年03月08日

「JBUG東京#26 Web制作会社向け Backlog活用ナレッジ共有会〜Wiki・ドキュメント編〜」に登壇しました。

Backlog World2024に出演させていただきました。

2024年12月16日

Backlog World2024に出演させていただきました。

登壇情報:Life Hack Camp Vol.10「つながる、はじめる、かんがえる - チャレンジを楽しもう!」

2024年11月29日

登壇情報:Life Hack Camp Vol.10「つながる、はじめる、かんがえる - チャレンジを楽しもう!」

「JBUG東京#24 Web制作会社向け Backlog活用ナレッジ共有会〜課題設定・管理編〜」に登壇しました。

2024年10月05日

「JBUG東京#24 Web制作会社向け Backlog活用ナレッジ共有会〜課題設定・管理編〜」に登壇しました。