CSS Nite

CSS Niteはウェブ制作に関わる方のためのセミナーイベント。 2005年から都内を中心に全国各地で開催。 2025年10月で丸20年。現在はオンラインイベントに移行。 #朝までマークアップ #朝までディレクション

CSS NiteとDTP Transitのオンラインセミナーは、CeeBeeDeeとして統合します。

[CSS Nite @cssnite]

2026年6月19日（金）に「朝までディレクション 3」を開催します！
今回は「朝まで」といいつつ、13:00 - 18:00の午後開催で、次の13セッションをお届けします！

・ディレクションワークにおける作業時短＆品質向上のAI活用／田口 真行（エンタミナ） @webdirection
・クライアントワークは二次創作！？オタク用語で学ぶ一歩進んだ顧客理解／川端 ふみ（キマルス） @fumi_kawabata
・AI時代のコンテンツマーケティングで意識したい「4R（4Real）」／松尾 茂起（ウェブライダー） @seokyoto
・コンディレの筋トレ！〜コンテンツディレクションを楽しく実践するためのポイント〜／野澤 美子（コンセント）、中岡 慎介（コンセント）
・会議を回す人から、案件を動かす人へ。案件の主導権を握るファシリテーション／山縣 里咲（プロクモ） @yamari_web
・受け身を捨てる。チームの最大出力を引き出す『攻め』のディレクション／やみー（トゥモローゲート） @yammyh_tg
・チームがうまく回るために、ディレクターが整えていること／金子 洋介（5ive Inc.） @kaneko_design
・なぜ私はWebリニューアル提案でふぐを復活させようとしたのか／谷口 正樹（ジーピーオンライン） @masaki_tanig
・ディレクターを成長させるヒヤリハット記録のススメ／女屋 貴幸（マインズ） @TakayukiOnaya
・ふんわり案件はもう終わり！上流と現場を束ねてつなぐ、フリーランスディレクターの立ち回り／UNO（Uno Design（フリーランス）） @uno_design_info
・人を巻き込む技術の9割は、声をかける前に決まっている？若手ディレクターに捧ぐ巻き込みコミュニケーション術／りこぴん（LIG） @rikoweb_
・リニューアル・リプレイスを炎上させないFit&Gap整理術／金子 大地（JBN） @daichikanekoda
・1つの依頼から複数の「仕事をつくる」ディレクション - シャーメゾンの実例／阿部 文人（necco） @abefumito

参加登録はDoorkeeperからお願いします。
https://t.co/tOiuzRzEvB

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

ご清聴ありがとうございました！
質疑応答が一番楽しかったです。一緒にJavaScript・TypeScriptを楽しく学びましょう🚀
https://t.co/ipAy9Zs2TY
https://t.co/gCzHq1sVMz

#TypeScriptコードレシピ集

[CSS Nite @cssnite]

鹿野 壮さんの書籍『TypeScriptコードレシピ集』
https://t.co/EjocY2RKxd

[CSS Nite @cssnite]

【CeeBeeDee】『TypeScriptコードレシピ集』で始める、2026年のTypeScript・JavaScript／鹿野 壮 https://t.co/KpkLRyI2pW

[CSS Nite @cssnite]

【CeeBeeDee】『TypeScriptコードレシピ集』で始める、2026年のTypeScript・JavaScript／鹿野 壮 https://t.co/KpkLRyI2pW

[CONCENT @ConcentInc]

6月19日(金)に開催される @cssnite「 #朝までディレクション3 」にプロデューサー 野澤美子とウェブディレクター 中岡慎介が3年連続で登壇します🗣️💬

今回の発表テーマは「コンディレの筋トレ！」。コンテンツのディレクションを「どう感じられるか」まで考え続ける習慣として捉え、日常業務に応用できる視点や工夫をご紹介します。

[村田俊英 / Designer @kookaking]

https://t.co/pzNNHnyw4t

[川端ふみ@KIMALLUS @fumi_kawabata]

フォロワーのみんなたち〜！絶対楽しく学びになるので申し込みしてね！
今回は昼間だよ〜！寝落ちの心配もないよ〜！☺️

[ロックオン柳田 @rockonyanagida]

激アツ13セッション！
6/19（金）は朝までディレクション3を回しながら仕事がんばろー✏️
ちなみにリール動画のセッション紹介以降は、朝までディレクションテーマソング
「エスパーディレクター」
になっています！こちらもお楽しみください〜
映像編集はいとくにさんです⚡️ @itokuniapp

[DTP Transit @DTP_Transit]

Default Folder Xを使うと、次のフォルダーにアクセスしやすくなり、保存先を間違えることが少なくなります。

・最近使ったフォルダ：直近に使ったフォルダーに保存することが多い（macOSに標準機能としてあるがキーボードショートカット対応）
・Finder ウインドウ：作業中のフォルダーは、Finderで開いていることが多い（キーボードショートカットほか、このあたり〜をクリック）
・よく使う項目：進行中のプロジェクトや、素材置き場などをサイドバーの「よく使う項目」とは別途管理

[DTP Transit @DTP_Transit]

7月25日（土）、Geek Creators 2026 GUNMAが群馬県庁（群馬県前橋市）で開催されます。

・樋口泰行さん @higuchidesign
・フロップデザイン 加藤雅士さん @flopdesign
・濱野 将さん @2yan2yan2yanko

ほか多数のAdobe Community Expertなどが出演予定
https://t.co/vwbcFlEv2Z
#ギークリ

[DTP Transit @DTP_Transit]

ライブ配信中：
ケイセンのデザイン 2〜センスはセンからっす！
https://t.co/fIAl6TZ5Ql

[村田俊英 / Designer @kookaking]

「センスは知識からはじまる」は、
本当にデザイナーもデザイナーじゃなくても
読んだほうがいいです！

それと「すべての仕事はクリエイティブディレクションである」もオススメ！
https://t.co/ngGlGxgrPC

[鷹野 雅弘 Masahiro Takano @swwwitch]

昨日開催のmacOS環境の効率化について話し合う会 #14 で取り上げた「ファイル名の命名に関して考えたいこと」に関するフォローアップ記事です。#mac効率化
https://t.co/LI5jhPSYqI

[komori, masaaki @cipher]

@cssnite で開催したここ2回のセミナーの特典として解説用のファイルをいくつか配布しましたが、実はその中には「AIエージェント用のスキル」を忍ばせていました。

今回、その内容にさらに便利なスキルをいくつか追加＆日本語化しまして、「これらのスキルの解説と実際どういう感じで使うのか」を販売中の動画講座の付録パートとして、新版の添付ファイル付き（React版／HTML版）で追加しました。リンク先にYouTubeのプレビューも埋め込んでおきました（24分もあります 笑）

セミナーの受講者の方、既に二つの講座を購入いただいていた皆様、是非ご覧ください。きっと皆さんのお仕事の役に立つと思います。

https://t.co/tkrH45fG9O

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

📚プレゼント企画
技術評論社様に許可をいただいたので、自著『TypeScriptコードレシピ集』（5/28発売）を抽選で5名にプレゼント🎁 JavaScript・TypeScriptの新機能を逆引きできる640ページの書籍で、入門者から中級者まで楽しめます。

▼応募方法
本ツイートをRT。引用してもしなくてもOK、フォローも不要です。

▼締切
5/27（水）19時
Claude Codeに抽選してもらい、当選者の方にはDMします。

書籍内容の詳細はこちら
https://t.co/Q0vxBp8BqG

#TypeScriptコードレシピ集

[komori, masaaki @cipher]

Tailwind CSS のコードを5つの観点でまとめてレビュー・自動修正してくれる Claude Code スキルを公開しました。

- クラスの冗長・競合検出（flex + block など）
- Tailwind v3 → v4 移行チェック
- デザイントークン置き換え提案
- アクセシビリティチェック
- HTML 構造チェック

HTML / React / Vue / Svelte など何でも対応。Cursor や Windsurf などのエージェントは SKILL.md の中身をそのままルールファイルに貼れば使えます（たぶん）。

使う前に念のためバックアップ的なことはしてくださいね

https://t.co/OiUBewVEfm

[UNO🎴𓁉 @uno_design_info]

ツールの使い方、作品の仕上げ方が身に付いてきたところで、、

「案件の進め方」の準備は出来てますか？🤔

優れたクリエイティブが作れたとして、「承認が得られない」「良さが分かってもらえない」なども、、🥹

そんな時に役立つのがディレクションスキルじゃい！！😉

#朝までディレクション3

[CSS Nite @cssnite]

【CeeBeeDee】これから覚えるTailwind CSS／こもりまさあき https://t.co/F2mEBS90pD

[komori, masaaki @cipher]

Antigravity CLIが褒めてくれている以下の構成を含んだ「React＋Tailwind＋TanStack」なスターターキットは既にパブリックで公開済ですが、今夜はTailwindのセミナーなのでこれの「HTML＋Tailwind」版を特典で提供します。添付画像のスターターキットには入れてないFigmaとの超連携スキルを組込済です