アリス @haiji13586 @mikuriEming ... 東京でも、江戸っ子は逆に全くそんなことはなし。私は俗に言う「東京の下町」に住んでましたが、江戸っ子は自分らの文化を誇りに思ってるのか、他の地方の文化も尊重してくれましたよ。- コピペ - 続く↓ アリス @haiji13586 @mikuriEming 自分がはぐくんだ文化を捨てるなんて情けねぇ。言っとくけど『東京に来たら方言捨てろ』なんて条例はないからねぇ笑」と竹を割ったような言葉で返されました。... - コピペ - ↑同感です🙋🏻♀️ 大抵の江戸っ子は、驚くほどハッキリものを言いいますが、他国の言葉や方言を笑う人はいない印象です。
こんなクラスをのぞむ人と、その追及者｜t.ueda
Twitterあらため、「X」で再び火柱が上がった。なんでも学校の先生が自分のクラスで張り出しているこの絵が気に食わないのだと言う 「こんなクラスがいいな」取り立てて怒り狂う要素がどこにあるのかわからないので、いくつか反論を紹介しよう。 学校の先生として「こんなクラスがいいな」「こんな子どもがいいな」なんて目標を掲げることはしない。ひたすらずっと「この子はどんな子？」を考えて、得意なことを増やし、苦手なことを減らしてくだけ。大人の都合は掲げない。押し付けない。 おはようございます。 ところであなたはどんな人？ — 平 熱 (@365_teacher) September 16, 2023
はじめに あなたは "擬似クラス" 何個言えますか？ 擬似クラスには、:hover や :active、:focusといったよく使うものから、 :is()や:where()、:has()といったこれからサポートされていくものまで たくさん種類があるのは、ご存知ではないでしょうか？ でも、"擬似クラス" 何個言えますか？と聞かれると数個くらいしか思い出せないと言う方は多いのではないでしょうか？ もしかしたら、15個以上言えたら、CSS玄人と言えるかも知れません。 この記事では、たくさん種類があるのは知っているけど、詳しくはわからない "擬似クラス" が、 何種類あるか、どんな擬似クラスがあるかをまとめました。 知らなかった "擬似クラス" の数を数えながら、読んでいただけると嬉しいです。 擬似クラス 擬似クラスとは？ 擬似クラスとは、セレクタのあとにつけることで、 指定した要素の状態に応じて
「私、“クラスで面白い”止まりだ」…清水ミチコが語る、伝説の番組『夢で逢えたら』での“挫折” | 女芸人の今 | 文春オンライン
今、女性芸人の世界が揺れている。女性芸人といえば、当たり前のように「ブス」「デブ」「非モテ」をいじられ、そこで強烈なインパクトを残すことが成功への足がかりとされてきた。 しかし、持って生まれた容姿や未婚か既婚かどうかの社会属性などを「笑う」ことに対して、今世間は「NO」という意思表示をし始めている。「個人としての感覚」と「テレビが求めるもの」、そして「社会の流れ」。3つの評価軸の中に揉まれながら、女性芸人たちは新たな「面白さ」を探し始めている。 ◆ 「全国のモノマネ女子の頂点に立つ女」とは、「2億4千万のものまねメドレー選手権」に出場した時のキャッチフレーズ。休み時間に加藤茶のモノマネではしゃぐ男子たち、それを教室の片隅で「私ならもっと上手にできるのに」とほぞを噛む思いで見つめていた少女は、今武道館でその積年の思いを成就させる。 誰も気づかなかった視点、モノマネに「意地悪」の概念を持ち込ん
激しさ増す教員奪い合い、副校長が土日返上で４００人以上に電話…担任４人交代のクラスも（読売新聞オンライン） - Yahoo!ニュース
［疲弊する教員］＜中＞ 新学期が始まってまもない４月中旬、東京都内の公立小学校に勤める男性副校長（４７）は、職員室でパソコン画面上のリストを見ながら、電話をかけていた。 【イラスト】中学教員はこんなにブラック 「うちに来てくれませんか」。相手は、採用試験で不合格となった「待機組」と呼ばれる教員免許を持つ人や結婚、出産で退職した元教員たち。１週間ほど前にあった始業式の直後、体調不良で休職したクラス担任の代わりを探していた。 副校長が兼務 全校児童約８００人、約３５人の教員が配置されているこの学校では、もともと４月から女性教員２人が育休を取得することが決まっていた。副校長は昨年１１月以降、待機組を中心に電話をかけ続けた。多くは他に仕事を持っており、つながるのは夜がもっぱらだった。遅くまで残り、土日にも出勤して４００人以上に連絡したが、今年３月までに面接までこぎ着けたのは４人だけ。だが、「自宅に
水が飲めない子どもが増えている衝撃「味がしないから苦手」クラスに2、3人もいる（CHANTO WEB） - Yahoo!ニュース
夏の暑さが厳しくなっていくなか、「水が苦手で飲めない」子どもが増えていると言います。なぜこうした現象が起きているのか、アクアスフィア・水教育研究所代表で武蔵野大客員教授の橋本淳司さんに聞きました。 【画像あり】「緊張するとき」なぜか必ずトイレに行きたくなる原因と対策【医師が解説】 ■水が飲めない小学生「各クラスに2～3人も」 ── 水が苦手、水が飲めない子どもが増えているという話を聞きました。これはどういう状況なんでしょうか？ 橋本さん：都内の小学校の教員などから「水が飲めない子どもが増えている」といった話を聞きました。熱中症の疑いで保健室を利用した児童の様子を見ていると、水が飲めない子どもが目につくという観察結果があったそうです。熱中症の症状が出ている子どもに水を渡しても、「水が嫌い」と、唇を濡らす程度にしか口に含まない場合もあるとのことです。その話を聞き、いくつかの学校にヒアリング調査
子供のクラスの7歳「俺は東京卍リベンジャーズを読んでるから暴力を振るう！」→「ママはベルばら100回読んだけど革命した事ないよ」
珠洲 @Angelina_Suzu @shouwarame 鋼の錬金術師をバイブルに生きてるけど、未だに錬金術は使えません。修行が足りんのかな？それとも真理くんがいないだけ…ご飯作りが錬金術だと言われたら、それまでですがね… 2022-06-22 20:04:02
自作の、地道で普通の内容のベンチマークを走らせてみたら、M1 Mac miniがMacBook Pro（M3 Pro、RAM 36GB）に勝ってしまった。どうしよう。 「頭がおかしい」と言う人がいるかもしれないので説明まず、Apple Siliconの第1世代である「M1」とは何か？ それは、コンピュータの拡張性とか可能性を全部投げ捨てて、「コンピュータをワンチップですべて構成したい」というAppleの野望が、ストレートに実現し過ぎてしまった謎SoC（System on Chip）です。 そして、その最小単位のコンピュータは、RAM 16GBでGPUは速いものの外付けGPUと同じか、最上位のGPUには勝てないぐらい。バッテリー寿命はやたらともつ、無駄のない世界。 それだとRAMが少なすぎるとかムービー書き出し処理速度が不十分だというユーザーに向けて、複数のチップを貼り合わせて拡張（M1 M
AWSのSIer世界一に日本の「クラスメソッド」が選出、アジア太平洋では「アイレット」が選出。クラウド専門のSIerがリードするクラウドのSIビジネス
AWSのSIer世界一に日本の「クラスメソッド」が選出、アジア太平洋では「アイレット」が選出。クラウド専門のSIerがリードするクラウドのSIビジネス Amazon Web Servicesは、米ラスベガスで開催した年次イベント「AWS re:Invent 2022」で同社の優れたパートナーを表彰する「2022 AWS Partner of the Year」を発表しました。 各部門はグローバルから選出される「Global」と、地域ごと、例えばアジア太平洋・日本（APJ）、アメリカ・カナダ・中南米（NAMER）、ヨーロッパ・中東及びアフリカ（EMEA）などからの選出があります。 主要な各部門を見てみると、「Innovation Partners of the Year」のグローバル選出は「IBM」、「Design Partners of the Year」のグローバル選出は「Informa
米国でミドルクラス（中間所得者層）とされる市民のほぼ３分の２が、経済的苦境に直面しており、これからの人生に変化は期待できないと考えている。全米トゥルー・コスト・オブ・リビング連合が委託した世論調査で分かった。 多くの米指標では、米経済の力強さが示されている。労働・住宅・株式市場が堅調で、国内総生産（ＧＤＰ）も着実に伸びている。だが、こうしたデータは、将来を心配し、貯蓄をすることができない何百万もの世帯の経済的不安を捉えていない。 シンクタンクのアーバン・インスティテュートが成人2500人を対象に行った世論調査によると、４人家族で少なくとも年収６万ドル（約935万円）と、しばしばミドルクラスと見なされる人々の65％が、経済的に苦しいと回答した。 高所得の米国人でものかなりの割合が、経済的不安を感じている。連邦政府が定める貧困水準（ＦＬＰ）の５倍以上、つまり４人家族で15万ドル余りの年収を得て
【保存版】東京リージョンの AWS 障害発生時にクラスメソッドのテクニカルサポートチームがやっていること | DevelopersIO
どのような事前準備をしているか 有事の際は想定外のことが発生しやすく、事前準備をしていないと冷静な対応が難しくなります。 いきなりしっかりした事前準備をすることは難しいので、徐々に成熟度を上げていきます。 本章では以下の観点で、事前準備についてご紹介します。 手順書 自動化 訓練 手順書 フローやチェックリストを含む手順書を準備しています。 手順書の内容は後述します。 分かりやすい手順書を準備することも重要ですが、その手順書への導線づくりも大切にしています。 運用周りのドキュメントは数が多く、目的のドキュメントが埋もれてしまい他のメンバーが見つけられない場合があるからです。 周知に加えて、ドキュメントの階層を見直したり、特定チャンネルに手順書の URL をピン留めしておくなど、手順書に辿り着きやすくする工夫をしています。 分かりやすい手順書の書き方については、以下のブログが参考になります。
明生チナミ @akio173 ◆連載→別マ「りぼんの縁結び」／LINEマンガ「ラブミーテンダーにさようなら」／めちゃコミック「かげひなたの恋」◆YouTubeアニメ配信中→「目の付けどころがディープでしょ」
複数のセレクタを1つにまとめられる:is()、セレクタの詳細度を0にする:where()、CSSの新しい疑似クラスが、SafariとFirefoxで利用できるようになりました。 そんな:is()と:where()の便利な使い方を紹介します。 CSS :is() and :where() are coming to browsers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しい疑似クラス「:is()」「:where()」がブラウザに登場 :is()を使用すると、繰り返しを減らせる :where()を使用すると、詳細度を低くキープできる CSSの新しい疑似クラス「:is()」「:where()」がブラウザに登場 CSSの新しい疑似クラス「:is()」「:where()」が、Safari（Tech Preview 1
高校生に「最近クラスで何が流行ってる？」と聞いたら「特にない」と返ってきた話→現在は選択肢が多く、好きなものに自由にアクセスでき、仲間も学校にいるとは限らない
ワンライ @verytanoshii バイト先の高校生に今学校で何が流行ってるんですか？と聞いたらマジで全然知らない答えが返ってきて改めて自分ってもうおじさんなんだと悲しくなりながら来週クラス会があるというのでそれはどこでやるんですか？と尋ねたら焼き肉の食べ放題ですと言われそれは別に変わらないんだと思って嬉しかった
ちきりん氏「私が望んでいるのは森喜朗氏の辞任ではなく、このクラスの男性たちの再教育。中国共産党やってたみたいに再教育キャンプとかに入れたほうがいいんじゃないか」 - Togetter
ちきりん @InsideCHIKIRIN 社会派ブロガー & 紀行文筆家 人生の旅＆リアルな旅を通じて学んだことを「12歳の時の私」に向けて呟きます。 詳しい活動履歴はこちら→ chikirin.hatenablog.com/about コンテンツクリエーター向け音声配信はこちら→ voicy.jp/channel/1295/a… chikirin.hatenablog.com ちきりん @InsideCHIKIRIN そもそも日本のおじさんは、女性の地位が低すぎることで日本は国際的に非難されてる国だって理解してない。あと、去年のBLM以降、世界が差別に極めて敏感になってることにも気づいてない。 五輪放映権を持つ米NBCが森会長の辞任を要求する記事 「彼は去らねばならない」 news.yahoo.co.jp/articles/a989f… 2021-02-11 16:37:25
heartland @heartland_jp 高1担任の話では、生徒の多くは「センター試験なんて簡単(だから勉強しなくていい)」という認識らしい。本校はセンターの校内平均点が全国平均点に満たないくらいの学校なのに、どこからその自信がくるのか聞くと「YouTubeでそう言っていたから」と。新時代の幕開けを感じる。 heartland @heartland_jp 好意的な見方をすれば、学習系YouTubeを見るのは学力上げたいという気持ちの表れ。うまく活用してほしい。一方で、ダメな自分を肯定するコンテンツや、◯◯以下はFラン的な方向に行ってしまうと目も当てられない。
CSSの疑似クラス「:focus-within」を使用して、フォームの入力時にハイライト表示させるテクニックを紹介します。 :focus-withinは適用した要素の子孫要素にフォーカスに当たった時に起動するセレクタで、効果的に使用すると非常に便利です。 Why CSS :focus-within is amazing by Chris Bongers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLの構造 CSSの疑似クラス「:focus-within」 :focus-withinの効果をより素晴らしいものにする :focus-withinのサポートブラウザ はじめに ここでお話するのは、フォーカスされた要素にスタイルする:focusセレクタのことではありません。:focus-withinは、その中の子孫要素
「パパ専用」にしたら驚きの結果に ロンドン北郊の街セント・オールバンズに暮らすアニス・ウォーが、小学生の親向けに三つ編みクラスを開講したのは約1年前のこと。「ママのための」と宣伝した覚えはないが、ふと気づくとなぜかクラスに父親が一人もいない。 そこでウォーは思い切って、1クラスだけ「パパ専用」にすることに決めた。それまでの人気のなさを考えると、受講希望者は数人ほどしか現れないと思っていたが、驚いたことにクラスはすぐ満員に。さらに10人以上の父親が順番待ちリストに名を連ねたのだった。 父親専用クラスでウォーが目指すのは「同じ悩みをもつパパたちみんなが初級レベルを習得できる」環境をつくることだと話す。彼女は一度も子供の髪を編んだことがない男性に尻込みしてほしくなかった。そして父親専用のクラスがあれば、そういう人たちでも参加をためらわないかもしれないと思ったのだ。
ビジネスクラスの料金を払ったのに、エコノミークラスになっていた――格闘家の平本蓮さんが、SNSに怒りのコメントを投稿し、旅行会社のExpediaが謝罪しています。 平本さんのXアカウント 平本さんは、欧州で開催されたラッパー、トラヴィス・スコットさんのコンサートを鑑賞し、その後のフライトでトラブルに遭遇しました。Expediaで70万円を支払い、ビジネスクラスを予約したにもかかわらず、スイスの空港に着いたらエコノミークラスになっていたというのです。電話もつながらないそうで、「ゴミすぎる」とX（Twitter）で怒りをあらわにしました。 その後平本さんは、エコノミークラスの座席の写真とともに、Expediaのチャットボットとのやりとりを投稿。チャットボットは、航空券の日程を変更した際にエコノミーに下がったと説明し、お詫びに3万5749円分のポイントを付与すると申し出ていました。「70万の支払
CSSの:has()疑似クラスの便利な使い方のまとめ
CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。 たとえば、子に画像がある場合とない場合、子の数が奇数の場合と偶数の場合、セレクタを追加したり変更することなく指定できます。また、コンテンツやフォームなどにも便利な使い方がたくさんあります。 :has(): the family selector by Jhey Tompkins 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 先日リリースされたChrome 105, Edge 105で:has()疑似クラスはサポートされ、コンテナクエリ（@containe
クラスをイミュータブルに設計するパターンの紹介 ・閉じた操作 ・withメソッド ・イベントリポジトリ＆集約ファクトリ
CSSのユーティリティクラスと「関心の分離」——いかにしてユーティリティファーストにたどり着いたか（翻訳） - yuhei blog
Tailwind CSS作者のAdam Wathan氏による「CSS Utility Classes and "Separation of Concerns"」の日本語訳です。翻訳に当たって原著者の許諾を得ています。 2021年10月29日に全文再翻訳しました。 この数年の間で、私のCSSの書き方は、非常に「セマンティック」なアプローチから「ファクショナルCSS」と呼ばれるものに変わりました。 この書き方でCSSを書くと、多くの開発者からかなりの反感を買うことがあります。そのため、私がいかにしてここまでたどり着いたかを説明することで、その過程で得た教訓や洞察について共有したいと思います。 第1段階 「セマンティック」なCSS よいCSSのためのベストプラクティスとして、耳にするであろうことのひとつは「関心の分離」です。 考え方としては、HTMLにはコンテンツについての知識のみを含めるべきで
高校のときに映画のタイタニックが大ブームになっていて、クラスでは映画館にデートで見に行った、が高ステータスとして扱われていて。 お前普段映画とか興味ないだろ！ってやつまで2回見に行ったとか言い出して。 おれは普段からタランティーノくらいレンタルしとかなきゃなんて言ってる自称映画通拗らせの帰宅部だから、内心はディカプリオ〜？もっと面白い映画に出てから言えよ、みたいな斜に構えていたんだけど、女の子と見に行くことになった。 相手は同じクラスで、そんなに仲が良い感じではなかったんだけど、掃除当番が一緒でまじめに掃除をするタイプだったし、何よりタランティーノの話が通じたから、学校帰りに近くの蔦屋に一緒に行ったりしていた。 それでなんとなく最近流行ってるよね、どうなんだろうね、いうほど良い映画なのかな？確かめてみる？厳し目に採点しようよ！とインキャ的な盛り上がりでその週末に見に行った。 タイタニックは
こんにちは、delyコマース事業部エンジニアの小川です。 先月11月に入社し、エキサイティングな毎日を過ごしています。 この記事はdely Advent Calendar 2019 - Qiitaの24日目の記事です。 昨日はSREの松嶋さんが「AWS RunCommandを使ってEC2上に監視ダッシュボードをサクッと作る（Ansible+Terraform+Grafana編）」という記事を書いてくれましたので是非そちらも読んでみてください！ tech.dely.jp コマース事業部では、現在「事業開発」と「ソフトウェア開発」がほぼ同時に進行しており、プロジェクトにおける確定要素と不確定要素が複雑に絡み合っています。 スピード重視でゴリゴリ実装していくのも興奮しますが、変化に耐えづらい実装をしてしまうと、その後の開発スピードに影響していまい、事業のスピードが落ちるなんて事にもなりかねません
2014年から10倍に拡大したクラスメソッド。私達は急成長する中でいくつもの悩みや課題を抱えてきました。本記事では私達が抱えていた組織の悩みをお伝えし、またその解決策として私達が開発しているProfllyというサービスをご紹介します。 はじめに 私がクラスメソッドに入社したのは2014年1月。当時は社員数も50人程度で、オフィスは東京にしか無く、和気あいあいと仕事していました。しかしその後組織は急成長。2017年末には100人、2019年頭には200人と急増しました。現在では日本本社だけで350人、グループ全体で500人弱と、2014年から比べて10倍に成長しています。 多くの企業が経験することだと思いますが、クラスメソッドも急成長する中でいくつもの悩みや課題を抱えてきました。本記事では私達が抱えていた組織の悩みをお伝えし、またその解決策として私達が開発しているProfllyというサービス
33歳平凡女 @giragiraonna 聞いて！幼稚園の入園式で！！！ クラスのママのグループラインは禁止しますって言われたwwwトラブル防止ですって 全体の懇親会や、担任へのプレゼントなど他の保護者に強要する事も禁じますとの事！！ 信頼できる幼稚園だ！！！！これは！！！！
東京アクアティクスセンターで練習する米国のジェシカ・ロング（2021年8月23日撮影）。(c)Charly TRIBALLEAU / AFP 【9月2日 AFP】パラリンピックなどの障害者スポーツでは、障害の種類や程度に応じて選手を分類し、公平な競争を実現する「クラス分け」が大きな役割を果たすが、このところ批判の声が高まっている。 子どもの頃に髄膜炎を発症して両膝から下と両肘から先を切断したフランスの競泳選手テオ・クラン（Theo Curin）は、クラス分けのシステムと評価方法に納得できず、東京パラリンピック参加を見送った。 21歳のクランは「急に両手がある選手2人が、自分と同じS5のカテゴリーに登場した。水泳で両手があることのメリットがいかに大きいかは賢くなくても分かる」と述べ、「目に余る不公平がたくさんあって腹が立つし、本当にばかげている」と批判した。 パラリンピックでは肢体不自由、視
高1の最初の面談で担任に「お前は東大行ける」と言われて死ぬ気で勉強して東大に合格した そしてクラス一番のアホだったことが発覚した
大山祐亮(Yūsuke ŌYAMA) @Yusuke_OYAMA_ わたしは地方公立から東大に行った人間ですが、志望のきっかけは高1の最初の面談で担任に「お前東大行ける」と言われたことです。真に受けて3年間死ぬ気で勉強しました。 卒業後発覚したのは、同じことを全員が言われていたらしいことです。わたしがクラスで一番アホだったことが発覚した瞬間でした。 大山祐亮(Yūsuke ŌYAMA) @Yusuke_OYAMA_ ちなみにこの先生、3年間担任だったのですが、合格発表の時「そういえば高校も入試期間で休みだよなあ...報告は休み明けでいいか！」と連絡を後回しにしていたら夕方に先生の方から電話がかかってきて、「焦らせるな！」と言われました。修学旅行の時は「お前は旅行中勉強禁止な」と言われていました。 x.com/Yusuke_OYAMA_/… 大山祐亮(Yūsuke ŌYAMA) @Yusuk
教員いじめの女性教員「（被害教員の）クラスを潰したれ」と指示【東須磨小校長会見】 2枚 神戸市須磨区の市立東須磨小学校の２０代教員が、同僚の先輩教員４人から目に激辛カレーをこすりつけられるなどのいじめを受けた問題で、同校の仁王美貴（におう・みき）校長が９日、神戸市役所で会見を開いた。 仁王校長は「教員間のハラスメント事案について、児童や保護者、関係者の皆様に多大なご迷惑や心配をおかけしましたことをお詫び致します。大変、申し訳ございませんでした」と謝罪。いじめについて「絶対に許されるものではない」と話し、涙をぬぐった。 男性教員３人、女性教員１人による同僚いじめ。会見の中では、女性教員Ｄが児童に「反抗しまくって（被害教員の）クラスをつぶしたれ」などとあおるよう指示したり、「誰やねんそんなヤツ知らんで」などと無視するよう呼びかけていたことを明かした。 同校の聴き取りに対し、男性教員Ａは「自分が
これでもうCSSのクラス名は迷わない！BEMの命名規則をまとめたチートシート -BEM Naming Cheat Sheet
これでもうCSSのクラス名は迷わない！BEMの命名規則をまとめたチートシート -BEM Naming Cheat Sheet
クラスメソッドのAWS総合支援 コスト最適化からセキュリティ、構築支援、運用保守まで、AWS活用を支援します。
のりお @hoshimaru01 2 T君の写真はT君が学校に来るルートを避けるように、電信柱や自動販売機の側面に貼り付けてありました。 それを僕のクラスの人が剥がして教室に持ってきていたみたいで、一つの机を囲むように人集りができていました。 T君の写真は背景が青く証明写真のようで、引きつった笑顔がシュールでした。 のりお @hoshimaru01 3 そもそもT君がどんな人かというと、隣のクラスでいつも一人で、誰かと話している場面を見たことありませんでした。 あとクラス合同の授業で、彼が発言をする場面があったのですが吃音症？なのか殆どマトモに話せず笑われていた事も少し覚えています。
お店で店長クラスが出てきて『本日のところはお引き取りください』と言われたらそれはこういう意味の接客用語だから気をつけて欲しい
アーノルド卿と愉快な業務用マヨネーズ(公式) @wellkin1945 知らない人がいるみたいなのでアレだけど お店で店長クラスが出てきて 『うちの商品は買わなくて結構です。本日のところはお引き取りください』 と言われたら、それは口語訳すると 『今すぐ立ち去らなければ警察呼ぶぞ』 というくらいの意味の接客用語だから気をつけてね（）
レスポンシブの実装が今までと変わる！ CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説
CSSの新機能コンテナクエリ（@container）と:has()疑似クラスが、いよいよChrome 105（8月末、来週リリース予定）でサポートされます。 コンテナクエリとは今までのメディアクエリがビューポートに依存していたのとは異なり、親要素（コンテナ）のサイズに対してスタイルを適用できます。:has()疑似クラスは指定した要素を含んでいる場合にスタイルを適用できます。 レスポンシブの実装この2つの新機能は単独でも強力ですが、組み合わせるとさらにすごいパワーを発揮します。この2つの新機能の最初に理解しておきたい基礎知識を紹介します。 container and :has(): two powerful new responsive APIs landing in Chromium 105 by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもと
クラスメソッドがエンジニアの技術情報発信サービスである「Zenn（ゼン）」を買収する。自らもエンジニア向けの技術情報発信メディア「Developers.IO」を運営するクラスメソッドが、なぜZennの運営に乗り出したのか？ 数十社による争奪戦の舞台裏とは？ そして今後目指す情報発信の姿とは？ Zenn開発者のcatnose氏とクラスメソッドの横田聡CEOに聞いた。（以下、敬称略 インタビュアー アスキー編集部 大谷イビサ） 既存のブログサービスでは満足できなかった オオタニ：まずはcatnoseさんからZennの開発経緯を聞かせてください。エンジニアの技術情報発信って、それこそ個人ブログもあるし、最近ではQiitaがメジャーだったりして、決して真新しくはないですよね。あえて、この分野にチャレンジした背景を教えてください。 catnose：もともと私は個人でWebメディアをやっていて、十分食
大量のメソッドを保有し、数千、数万行単位にぶくぶく膨れ上がった巨大クラス。別名「神クラス」とも「大きな泥団子」とも呼ばれる、長大で複雑で、様々なクラスと密結合で極めて変更が困難なアイツ。 そんな巨大クラスの退治に有効な、命名に関する考え方を紹介致します。 解決したい課題、狙う効果 数千、数万行単位の巨大クラスの登場を抑止する。 巨大クラスを爆砕し、小さなクラス群に分割する。 クラス結合度を下げ、影響範囲を小さくすることで保守コストや変更コストを下げる。 ダメな例 例えばECサイトの「商品」を考えてみます。 よくありがちなのは、商品をそのまま「商品クラス」と設計してしまうこと。 単純な商品クラスは、往々にして出品、予約、注文、発送など、様々なユースケースのクラスと結合してしまいがちです。 商品クラス自体も、結合したクラスに関連する知識(ロジック)を持ち始め、どんどん巨大化複雑化していきます。
朗報！ CSSの:has()疑似クラスがすべてのブラウザにサポートされました、:has()疑似クラスの便利な使い方のまとめ
CSSの:has()疑似クラスは便利そうだけどブラウザのサポートがまだ、と見送っていた人に朗報です。12/19にリリースされたFirefox 121（リリース情報）でサポートされ、これで:has()疑似クラスがすべてのブラウザにサポートされました。 そんな:has()疑似クラスの便利な使い方を紹介します。 :has()疑似クラスのサポート状況 ※まだFirefox 121の分がアップデートされていないようです。 Chrome, Edgeは105から、Safariは15.4からサポートされているので、来年は:has()疑似クラスを使用する機会も増えるでしょう。 また、12/20にアップデートされたTailwind CSS v3.4（リリース情報）でも:has()疑似クラスがサポートされました。 :has()疑似クラスの基礎知識 CSSの:has()疑似クラスとは、指定した要素がある場合にのみ
クラスで一番小さくナヨナヨなのに、面倒なタイプの陽キャ達から虐められていなかった男子に秘訣を聞いたら、恐ろしい答えが返ってきた
灰色お茶碗 @haiiro9999 【高校生の時に体験した怖い話】 カースト上位の面倒くさいタイプの陽キャ達、大人しそうな生徒達にちょっかいかけては笑ってるんだけどクラスで一番小さくナヨナヨしてる○○君には決して手を出さなかった、何か秘訣でもあるかと聞いたら 『あいつらの住所と家族構成と最寄り駅を知ってる』 2022-08-27 22:39:55
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「帰国子女が日本嫌いになるのはこういうところ」中国から帰国した転校初日のある出来事でクラス全員から大爆笑された話
【CSS】きみは "擬似クラス" 何個言えるかな？？ - Qiita
M3 Proに勝利。いまだに最強クラスのM1 Mac mini｜Piyomaru
米国のミドルクラス、３分の２が経済的に苦しい－民間調査
【漫画】中学デビューをクラスのイケメンに台無しにされた話→「予想の斜め上過ぎて好き」「不憫すぎて笑った」
CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる！
理由は”Youtubeで言ってたから”非進学校のあるクラスで「センター試験は勉強しなくていい」という認識が大半という話
CSSの疑似クラス「:focus-within」が素晴らしい理由
父親の「三つ編み」クラスが大人気─パパだって娘の髪をきれいにしたい！ | 子供の髪を結うのは「ママの仕事」じゃない
70万円でビジネスクラス予約→なぜかエコノミーに…… 人気格闘家が怒り心頭「本当にこの旅行会社大丈夫か？」
ドメイン駆動設計とイミュータブルなクラス設計
高校のときに映画のタイタニックが大ブームになっていて、クラスでは映画..
~OSSから学ぶ~ MVCフレームワークの保守性がモリモリ上がるクラス設計 - dely Tech Blog
クラスメソッドが抱えていた組織の悩みを解決したProflly | DevelopersIO
「iPad mini」と「Fire HD 8 Plus」はどっちのコスパが高い？ 同じ8型クラスで価格は約4倍【山口真弘のおすすめ読書タブレット比較】
「クラスのグループLINE禁止」 幼稚園のトラブル防止策が話題→まさにこれでトラブった過去があるのでいい幼稚園です
パラリンピックの「クラス分け」に批判 不公平で不正の温床とも
教員いじめの女性教員「（被害教員の）クラスを潰したれ」と指示【東須磨小校長会見】/デイリースポーツ online
円安だけどSSDやフラッシュメモリ価格は下落傾向、480GB SSDは過去最安クラスの3,499円に
【訃報】シニアシステムアーキテクト 都元ダイスケの逝去に関するお知らせ | クラスメソッド株式会社
高3の時に起きた【隣のクラスのT君の顔写真が到る所に貼られる】という事件
次の技術ブログを狙う「Zenn」がクラスメソッドへ 改めてエンジニアの情報発信を問う (1/3)
関心の分離を意識した名前設計で巨大クラスを爆殺する - Qiita