さっしー＠コーダー

フリーランス4年目 | 呉服屋店長からWeb制作コーダーとして独立 | 自社開発会社の開発チームでの活動がメイン、たまに制作会社様からの受託制作を受けたりしてます

[しょーご@しょーごログ運営 @samuraibrass]

WordPressセキュリティ本が出ていたので即買い👀セキュリティ知識なんてなんぼあってもいいですからね
https://t.co/KW6xBQ8AqT

[つぶ @tbshiki]

Ando(@Next_Season)さんの
WP-CLI Dashboard Plugin
https://t.co/XFsfi3Q2Kk
WordPressの管理画面上でWP-CLIコマンドを実行できるプラグインがPlayground で使えるようにアップデートしたお話。
#WMKansai #WMOsaka

[長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro @hiro_ghap1]

CSSだけでスクロール連動アニメーションを作れる
Scroll-driven Animations のジェネレーターを作りました。

設定を変えると、プレビューとCSSが一緒に変わります。

現在開いているブラウザが対応しているかもでます！

#CSS

[さっしー＠コーダー @luxeadd]

特にSass縛りがなければ、CSS + Vite・Lightning CSS使ってます。
ネスト・カスタムプロパティ・@scopeあたりが使えれば今のところあえてSassを使う必要はないなと思ってます。

[せきゆおう🇯🇵Web制作とAIのことを発信する人 @wurst_design]

エンジニアの方に質問です。

最近のWeb制作で、
Sassって使っていますか？

CSSでできることが増え、AIで実装補助もしやすくなった今、Sassの必要性がどう変わったのか気になっています。

#拡散希望

[TAK @tak_dcxi]

コンポーネントルートのclass名を.scopedなどにすることを強制して to (.scoped) でスコープリミットを設定すれば継承以外のスタイルがコンポーネント外に漏れることがないのでそれをやっている。

CSS Modulesとの差別点としてはWeb標準のため場所や環境を選ばないこと

[コリス🍡🍭 @colisscom]

CSSのこのプロパティを待っていた！
疑似要素やボーダーを使用せずに、コンテナ間に区切り線を装飾できるようになります

https://t.co/9f4UKOcQbd

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

Findyイベント「鹿野さんに聞く！『TypeScriptコードレシピ集』で磨く実践力」が来週6/30 12:00に開催します🌸
書籍の出版記念イベントとして、JavaScriptやTypeScriptを学んでいる人、これから学ぶ人向けの内容です。現在申し込みは160人。ぜひご参加ください！
https://t.co/qySdXnvCw1
#TS_findy

[さっしー＠コーダー @luxeadd]

https://t.co/ybD1byhs3Q

[Cursor @cursor_ai]

We're launching code storage and git hosting.

Origin gives teams and agents a place to host, review, and collaborate on code.

Available this fall. Join the waitlist.

https://t.co/uamaIarJXY

[しょうへい｜デイトラ代表 / AI経営顧問 @showheyohtaki]

https://t.co/GDRqURbcTX

[くーつ＠WordPressサイトの保守管理 @Koots2021]

WordPress 7.0からブロックに対して直接追加CSS書けるようになったんやで。

セレクタは不要で、プロパティと値だけ書けばOK。

[コリス🍡🍭 @colisscom]

CSSのpow()関数が便利！ フォントサイズをレスポンシブ対応にするCSSの新しいテクニック

https://t.co/VdaZZLe4Cy

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

6/3（水）21:00より、CSS Niteで『TypeScriptコードレシピ集』の書籍発売記念イベントを急遽行います💐
2026年に向けてTypeScript・JavaScriptで 押さえておきたい話をします。初学者〜中級者向けです。
・TypeScriptの基礎
・書籍の推しポイント
・640ページ書ききった執筆の生々しい裏話

当日視聴は無料ですのでぜひご参加ください！
https://t.co/qlsVTA2NHD
#TypeScriptコードレシピ集

[さっしー＠コーダー @luxeadd]

メモ

Claude Code での開発における認証情報管理: .env をやめて Bitwarden CLI を使うようにした https://t.co/n4XM26eK6X #Qiita @AllegroMoltoVより

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

🚨文字のコピーを禁止したり、パスワード欄へのペースを禁止しているウェブページへ🚨
Googleの「Modern Web Guideline」に、明確なアンチパターンとして記録されているので、今すぐ辞めてください😡😡😡

■ コピー禁止がなぜNGか？
翻訳ツールやスクリーンリーダーの「ここから読み上げ」まで無効化される

■ パスワード欄のペースト禁止がなぜNGか？
パスワードマネージャが使えなくなり、記憶しやすい弱いパスワードを助長して、むしろセキュリティが下がる。英国 NCSC（国家サイバーセキュリティセンター）も同じ立場
そういうアンチパターンを踏みたくない人は、Modern Web Guidelineスキルを今すぐ入れましょう。
は〜〜言いたいこと全部言ってくれてて嬉しい！

https://t.co/mw5SKI4GUb
https://t.co/cwI3zP8BoB
https://t.co/sesLLwd4mE

[Hide.Ishikawa@WordPress テーマ Lightning / X-T9 開発 @kurudrive]

[ 解説動画あり ]
WordPress 7.0 新機能紹介
PHPだけでブロックを作れるようになった機能を解説
- 同期パターンとの違い - https://t.co/mfwrTRK24g

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

CSSのDos / Don'tsを、Googleさんが言ってくれるの本当にありがたいですね。
→ https://t.co/Bb58weZSmQ
#イマドキCSS

[TAK @tak_dcxi]

昨日リリースされた Firefox 151 より全コアブラウザでコンテナスタイルクエリがサポートされました。
親・祖先のカスタムプロパティの値によって条件分岐できます。
今までメディアクエリ・コンテナクエリのブレイクポイントの変数管理がCSSのみでも可能になります。

※Safariは18から

[池田 泰延 @clockmaker]

キャッチアップしたい2026年のCSSをまとめました。

JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。

[池田 泰延 @clockmaker]

HTMLの<dialog>タグの開閉モーションは、CSSの@​starting-styleとallow-discreteでやるのがオススメ。

サポートブラウザ的にもBaseline 2024 Availableです。

従来の実装方法（JSを絡めて自前で開閉モーション）は複雑でしたので、CSSでやれば圧倒的に楽になります。