並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 43件

新着順 人気順

階層の検索結果1 - 40 件 / 43件

階層に関するエントリは43件あります。 社会css教育 などが関連タグです。 人気エントリには 『東京の「中流」家庭で育った東大生が享受する恩恵』などがあります。
  • 東京の「中流」家庭で育った東大生が享受する恩恵

    LussaPedersen @LussaPedersen 東大国語の第一問、やばいわー。こんな尖った文章を出しちゃったの?! 出自が人生を決定する。上流家庭に生まれた者は良質な環境で素養を身につけ、自由競争という建前の学校教育を勝ち進み、エリートが再生産される。この帰結は個人の能力に裏付けされる形を取るので、古き身分制度よりも残酷なのだ pic.twitter.com/wCoBa6yjZ5 2020-02-26 01:52:14

      東京の「中流」家庭で育った東大生が享受する恩恵
    • 貧しい家の子でも、金持ちの子と友達になれば、将来は稼げる大人になれる | 最新研究で「階級を越えた友情」の恩恵が示される

      最新研究で「階級を越えた友情」の恩恵が示される 貧しい家の子でも、金持ちの子と友達になれば、将来は稼げる大人になれる 高校時代に裕福な家庭の子と友人になったことが助けになったと語るマリ・ボウイ  Photo by Marissa Leshnov/The New York Times 貧しい家庭に生まれた子供は大人になってからも経済的に苦しむ可能性が高い──。いわゆる貧困の連鎖であり、そこから抜け出すのは簡単ではないと言われてきた。 だが8月1日に科学誌「ネイチャー」に掲載された最新の研究で、その貧困のループから脱却するカギが示された。貧しい家に生まれても、裕福な家の子と友達になることだ。 研究対象となったのは25~44歳のアメリカ人の84%にあたる7200万人で、この手の研究では最大規模。彼らのフェイスブック上の交友関係を分析したところ、貧しい家に生まれた子供でも、貧困層と富裕層のつながり

        貧しい家の子でも、金持ちの子と友達になれば、将来は稼げる大人になれる | 最新研究で「階級を越えた友情」の恩恵が示される
      • みなさんご存じだろうか。 ジョブ型における「底辺」が、どんな生き方をしているのかを。

        ここ数年、「ジョブ型雇用」という言葉が急速に広まっている。 みなさんも、ニュースでよく耳にするんじゃないだろうか。 ジョブ型は各仕事に対し、適したスキルを持った人を割り振っていく。 日本のメンバーシップ型はその逆で、まず人を採用し、その後割り当てる仕事を決めていく。 メンバーシップ型を成立させていた年功序列や終身雇用といった前提が崩れたいま、世界と戦っていくためにも、日本はジョブ型に切り替えるべきだーーという主張は、少し前からのトレンドだ。 ただこのジョブ型採用、どうにも誤解されているというか、「上澄み」を基準に議論しているような気がしてしょうがない。 みなさん、ご存じだろうか。 ジョブ型における「底辺」が、どんな生き方をしているのかを。 ジョブ型=生産性&競争力が高い専門家集団? 『2040年 「仕事とキャリア」年表』という本で、ジョブ型はこのように書かれている。 メンバーシップ型雇用を

          みなさんご存じだろうか。 ジョブ型における「底辺」が、どんな生き方をしているのかを。
        • この地方ビジネスホテルの朝食がすごい!年間に270泊する評論家おすすめのホテル7つ|KINTO

          公開日:2022.02.24 更新日:2022.07.07 この地方ビジネスホテルの朝食がすごい!年間に270泊する評論家おすすめのホテル7つ 比較的安く泊まることができ、出張や旅行でも利用しやすいビジネスホテル。近年、ビジネスホテルの数は都市部だけでなく地方にも急速に増えており、差別化のためさまざまなサービスに力を入れる施設が増えています。なかでも、多くのホテルが注力するのが「朝食」です。ホテル評論家で旅行作家の瀧澤信秋さんによると、クオリティーの高い「朝食」を提供するビジネスホテルが多数誕生しており、現在は「朝食合戦」の様相を呈してるそう。 私たち宿泊者からするとなんともうれしい合戦ですが、なぜ、いまビジネスホテルは朝食に注力するのでしょうか。本記事では年間270日以上ホテルに宿泊しているホテル評論家の瀧澤さんに、ビジネスホテルの定義や朝食合戦へといたった流れ、そして、とっておきの「朝

            この地方ビジネスホテルの朝食がすごい!年間に270泊する評論家おすすめのホテル7つ|KINTO
          • “高学歴な人”ほど左派政党を支持する「先進国の現実」

            フランスでの燃料税増税への反対デモ「黄色いベスト運動」のように、いま世界中で政治への不満が高まっている。その背景として、世界の政党の大きな変容が挙げられる。 かつて左派といえば、労働者の権利を守る集団だった。だが現在の左派政党は労働者の味方であることをやめ、エリートのための政党に変容しつつあると、金融アナリストの吉松崇氏は指摘する。 吉松氏の著書『労働者の味方をやめた世界の左派政党』では、『21世紀の資本』の著者トマ・ピケティの政治分析をヒントに、21世紀の労働者を救う道を探っている。 本稿では同書より、ピケティの分析から左派政党の支持基盤が知的エリートに変容し、ブルーカラーの味方がいなくなりつつある現状を指摘した一節を紹介する。 ※本稿は吉松崇著『労働者の味方をやめた世界の左派政党』(PHP新書)より一部抜粋・編集したものです。 トマ・ピケティが発見した左派政党の支持者の「新法則」 ピケ

              “高学歴な人”ほど左派政党を支持する「先進国の現実」
            • パワポのスライドと箇条書きが人間を駄目にする - Qiita

              パワポのスライドと箇条書きが人間を駄目にする 今から20年前の2003年、データの可視化やインフォメーションデザインの先駆者として有名なイエール大学の教授エドワード・タフティが「パワーポイントの認知スタイル」というエッセイを発表しました。 彼はこのエッセイの中で、パワーポイントのようなスライド形式はプレゼンテーション自体の質を低下させ、余計な誤解や混乱を招き、さらに言葉の使い方、論理的な説明、そして統計的な分析といったものが犠牲になるため、スライドをつくる人の思考回路にダメージを与えると主張します。 こうした主張に賛同する人は現在でも多くいて、その典型的な例がアマゾンです。アマゾンではミーティングの前に文章形式の資料が配られ、ミーティングの最初の5分はそれぞれがこの配られたレポートを黙って読むことから始まるという話は多くの方も聞いたことがあるのではないでしょうか。(リンク) 実は、アマゾン

                パワポのスライドと箇条書きが人間を駄目にする - Qiita
              • 「見るだけで発狂しそうになる高級レストランの1品」と紹介された料理が滅茶苦茶な事を言われてしまう→実はミシュラン二つ星で食べログ4.5点の凄い店だった

                恋愛のドグマ🦁マッチングアプリ恋活婚活で幸福を掴ませる @dogmapua666 小洒落た少し高いイタリアンに行って、顔よりデカい皿に小鳥の餌のように少量盛り付けれたパスタをみて喜ぶのが女、発狂しそうになるのが男 pic.twitter.com/mZt9dpCV6I 2023-12-14 21:53:14

                  「見るだけで発狂しそうになる高級レストランの1品」と紹介された料理が滅茶苦茶な事を言われてしまう→実はミシュラン二つ星で食べログ4.5点の凄い店だった
                • 【ヨーロッパ化している日本】私立中の説明会に参加したら周りのパパママから""社会階層””の浄化を感じた

                  リンク search.rakuten.co.jp 【楽天市場】ポロシャツの通販 楽天市場-「ポロシャツ」408,064件 人気の商品を価格比較・ランキング・レビュー・口コミで検討できます。ご購入でポイント取得がお得。セール商品・送料無料商品も多数。「あす楽」なら翌日お届けも可能です。

                    【ヨーロッパ化している日本】私立中の説明会に参加したら周りのパパママから""社会階層””の浄化を感じた
                  • 気づいていますか? 現在の格差が「世界恐慌なみ」だということに(宮台 真司,白井 聡,斎藤 幸平) @gendai_biz

                    コロナ禍でかつてなく「格差」の問題がクローズアップされている。テレワークできる人、できない人。高給取りのブルシット・ワーカーと社会を支えるエッセンシャル・ワーカー。健康に不安をもつ人や高齢者と、感染を気にしない若年層。ワクチンが潤沢に行き渡る国とそうでない国――。 分断と対立を生み出す構造の奥には、何があるのか。宮台真司、白井聡、斎藤幸平の三氏が徹底討議する。 資本主義が牙を剥いた 斎藤 この1月に国際慈善団体のオックスファムが発表した調査は衝撃的でした。マイクロソフト創業者のビル・ゲイツやテスラ創業者のイーロン・マスクら世界の富豪トップ10人が、コロナ禍のこの1年で、保有株の価格上昇などによって計56兆6000億円もの利益を得た。これは、全人類76億人に必要なコロナワクチンをすべて賄える金額だそうです。 白井 そのオックスファムの別の調査によれば、'16年時点では「世界のトップ62人の富

                      気づいていますか? 現在の格差が「世界恐慌なみ」だということに(宮台 真司,白井 聡,斎藤 幸平) @gendai_biz
                    • 慶應に入り幼稚舎組という存在を認知して、自分が今まで見てた世界は労働者階級用で、有産階級は別のゲームしてるのだと思い知った

                      Prism. @CuteCreatureCli 慶應に入って幼稚舎組という存在を認知するまでは、 まさか自分が今まで見てた世界が労働者階級用の資本主義2部リーグで、 資本主義1部リーグでは有産階級が別のゲームしてるとは思わんかった 2024-05-19 23:58:07 Prism. @CuteCreatureCli 大学入るまで気づかなかったの?と頂くが 俺の地元(娯楽は空き地でサッカーorカラオケまでチャリで10キロorイオンモールまでチャリ12キロ、電車は1両編成 で2時間に1本、全員庭付き一軒家で大人の人数分車がある)で階級の非連続性に気付けたら相当賢いか鬱病 x.com/cutecreaturecl… 2024-05-20 17:43:55

                        慶應に入り幼稚舎組という存在を認知して、自分が今まで見てた世界は労働者階級用で、有産階級は別のゲームしてるのだと思い知った
                      • 令和ロマンとやらの漫才を見てみたけど「こいつ実家激太なんだよなあ」っ..

                        令和ロマンとやらの漫才を見てみたけど「こいつ実家激太なんだよなあ」って先入観のせいで何一つ笑えなかった 実家太いやつはなにしてもおもんない

                          令和ロマンとやらの漫才を見てみたけど「こいつ実家激太なんだよなあ」っ..
                        • 出生率反転、波乗れぬ日本 先進国の8割上昇、夫在宅でも妻に負担偏重 - 日本経済新聞

                          先進国の8割で2021年の出生率が前年に比べて上昇した。新型コロナウイルス禍で出産を取り巻く状況がまだ厳しい中で反転した。ただ国の間の差も鮮明に現れた。男女が平等に子育てをする環境を整えてきた北欧などで回復の兆しが見えた一方、後れを取る日本や韓国は流れを変えられていない。経済協力開発機構(OECD)に加盟する高所得国のうち、直近のデータが取得可能な23カ国の21年の合計特殊出生率を調べると、1

                            出生率反転、波乗れぬ日本 先進国の8割上昇、夫在宅でも妻に負担偏重 - 日本経済新聞
                          • 誤解されそうなことをツイートする時はこうするとクソリプが減った「今年一番有益なツイート」

                            一色伸幸 @nobuyukiisshiki 噺家さんが「時そば」を語ると、ずる賢い機転に笑うのではなく、「騙されたおそば屋さんが可哀想」というリアクションが来たりする「いま」。本寸法に拘泥したい気持ちは分かるけど、時代と寝るのが芸能。脚本におけるNGも、その禁忌とどう遊ぶかと楽しんでいくしかないのです。 2023-12-27 10:56:26

                              誤解されそうなことをツイートする時はこうするとクソリプが減った「今年一番有益なツイート」
                            • CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説

                              CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化(階層化)でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー(@layerC

                                CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説
                              • “非富裕層”が進学断念の要因は「親が子どもに望む学歴の低さ」。新社会人が問う格差問題の解決策 ニュースイッチ by 日刊工業新聞社

                                「フレッシャーズ産業論文コンクール」(日刊工業新聞社主催、経済産業省・日本商工会議所など後援)は、次世代の産業界を担う人材の育成を目的に、1978年に創設された新社会人対象の論文コンテストです。第43回(20年度)のテーマは、「あすの社会、あすの企業、あすの私を考える」で、I部(大手企業)とII部(中堅・中小企業)併せて計94社・759編の応募がありました。今回、多くの応募の中からⅠ部第一席、経済産業大臣賞を受賞した、富士通九州システムズ(福岡市博多区)吉村純弥さんの論文「非富裕層が進学を諦めない社会を目指して」を紹介します。社会的な格差が深刻化しつつある中、新社会人はどのような解決策を示したのでしょうか。 私の家庭は母子家庭。奨学金で大学へ進学 私の家庭は母子家庭で、昔から決して裕福ではなかった。いわゆる母子寮で生活していた私は、同じ母子家庭の幼なじみが多くいた。彼らは全員大学へ進学して

                                  “非富裕層”が進学断念の要因は「親が子どもに望む学歴の低さ」。新社会人が問う格差問題の解決策 ニュースイッチ by 日刊工業新聞社
                                • 「学歴中心の履歴書から経験中心の履歴書へ」女性起業家の発言が10か月経って“炎上”

                                  「学歴中心の履歴書から経験中心の履歴書へ」女性起業家の炎上騒動の経緯 昨年の選挙特番で「学歴社会が経済格差の原因」との思いから発言 ネット民がどのように反発しているのか?成田悠輔氏ら著名人の反応は… 半年以上前のテレビ番組でのある発言がこのところ、ネット上で“炎上”している。“炎上”している発言は、TBS「サンデーモーニング」のコメンテーターとしてもおなじみの、起業家の平原依文氏の発言だ。 昨年10月31日に行われた衆院選に合わせて放送されたテレビ番組『若者100人と衆院選挙の夜に考える「格差を解決する方法」【選挙ステーション2021】』の中で、平原氏は若者の格差をなくすための解決策として「学歴中心の履歴書から経験中心の履歴書へ」と回答したが、これが今回10か月近く経って“炎上”しているのだ。

                                    「学歴中心の履歴書から経験中心の履歴書へ」女性起業家の発言が10か月経って“炎上”
                                  • 「米粒を集めるのは貧乏くさい」奨学金で医学部に入った苦学生が他の医学生(裕福)とランチした時、真顔で言われた「悪意のない一言」が金持ちマウントよりキツかった

                                    なぎ @nagiQOML 私立医学部を奨学金地獄になりながら卒業した身なんだけど、金持ちマウントよりも悪意のない一言がキツかった。 ポリクリメンバーと学生担当の先生でランチする機会があり、私が自分の茶碗の米粒を集めていたら貧乏くさいからやめた方がいいと皆から真顔で言われました。 一生忘れられないシーンです。 2024-06-16 17:39:50

                                      「米粒を集めるのは貧乏くさい」奨学金で医学部に入った苦学生が他の医学生(裕福)とランチした時、真顔で言われた「悪意のない一言」が金持ちマウントよりキツかった
                                    • レスポンシブの実装が今までと変わる! 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 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもと

                                        レスポンシブの実装が今までと変わる! CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説
                                      • CSSの進化が早い! スタイルクエリ(@container style())の基礎知識と便利な使い方を解説

                                        コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、これからはメディアクエリからコンテナクエリを使用する機会が増えてくると思います。 コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ(スタイルクエリ)も可能です。スタイルクエリの基礎知識と便利な使い方を紹介します。 スタイルクエリを使用すると、複数のバリエーションを持つ再利用可能なコンポーネントが簡単に実装できます。 Getting Started with Style Queries by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています CSSのスタイルクエリとは スタイルクエリの使い方 スタイルクエリで実装したUIコンポーネント 1 スタイルクエリで実装したUIコンポーネント

                                          CSSの進化が早い! スタイルクエリ(@container style())の基礎知識と便利な使い方を解説
                                        • カスケードレイヤー「@layer」でCSSの実装がどう変わるのか、仕組みと基礎知識、さまざまな使用例を徹底解説

                                          CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。Firefox 97(先月リリース)とChrome 99(3/1リリース)でサポートされ、そしてSafariでは次期バージョンでサポートされる予定です。 カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化(階層化)でき、これまでのCSSの実装方法が大きく変わります。 カスケードレイヤーの仕組みと基礎知識、さまざまな使用例を紹介します。 Hello, CSS Cascade Layers by Ahmad Shadeed CSSのカスケードレイヤーについて知識を得たい人は、下記の記事もお勧めします。 CSSの新機能カスケードレイヤー「@layer」CSSをレイヤー化して扱え、今までの実装方法が大きく変わる! CSSの新機能カスケードレイヤーが主要ブラウ

                                            カスケードレイヤー「@layer」でCSSの実装がどう変わるのか、仕組みと基礎知識、さまざまな使用例を徹底解説
                                          • 他の先進国とは違う日本の少子化の特色は ・高学歴高収入層では全く少子化..

                                            他の先進国とは違う日本の少子化の特色は ・高学歴高収入層では全く少子化していない(だから保育園や学童に入れないがバズーカったりしている) ・底辺はそもそもセックスする機会がないので避妊や中絶とは無縁、結婚も出産もしない …という点にあると思うんだけど これって後先考えずに繁殖に励む、他の先進国なら底辺に落ちるような人間性終わってるような奴等こそが高い収入を得られて上層階級にいられて 自分自身の遺伝子の劣等さを恥じて子供を望まない、先見の明と思いやりのある人間は底辺に落ちざるを得ないっていう 日本社会の勝ち組負け組基準のおかしさの表れのような気がする

                                              他の先進国とは違う日本の少子化の特色は ・高学歴高収入層では全く少子化..
                                            • 10分でわかる日本のメリトクラシー(≒学歴社会)研究史 - 清く正しく小賢しく

                                              誰もが教育や学歴について語りたがるが、教育や学歴の研究が参照されることは少ない。そして参照軸を失った教育語り、学歴語りは、まるっきり同じ論点について堂々巡りを繰り返す。あらゆる領域に当てはまることだが、教育においては特に、とっくの昔に解決した論点や、提唱されていた主張が、ゾンビのように(さも新しいものかのような顔をして)よみがえってしまうことが多い。 とはいえ、ここで時間も能力も有限な普通の人間に、「最低でも新書3冊読んでから喋れ」とか、「この論文くらい読んどけ」とかと言うのは、ほとんど「黙れ」と言っているのと同じだ(新書ぐらい誰でも楽に読めるだろと思ってるなら、認識を改めるべきだろう)。 ということで、この記事ではメリトクラシーに関する教育社会学の超有名な(記念碑的)研究を乱暴に要約し、ダイジェスト式に紹介していく。筆者は素人なので、研究の妥当性を判断する(できる)立場にないし、要約の仕

                                                10分でわかる日本のメリトクラシー(≒学歴社会)研究史 - 清く正しく小賢しく
                                              • 君は真に理解しているか?z-indexとスタッキングコンテキストの関係 - ICS MEDIA

                                                CSSで要素の重なりを表現する時はスタッキングコンテキストによって決められています。スタッキングコンテキスト(Stacking Context)はウェブページ上の仮想的な奥・手前方向の概念であり、「重ね合わせコンテキスト」、あるいは「スタック文脈」とも言います。 z-indexによる重なり位置の指定もこのスタッキングコンテキストのうちの一つです。今回はz-indexより広い概念のスタッキングコンテキストの深淵を覗いてみます。 z-index:5がz-index:53万に勝つ方法 重なりといえば、z-indexです。z-indexはWeb初心者キラーなプロパティで、その値が必ずしも重なりの順序になりません。例えば次のようなz-indexが53万と5の要素があったとします。この場合、53万の要素が上にきます。 <div class="wrapper wrapper-freeza"> <div

                                                  君は真に理解しているか?z-indexとスタッキングコンテキストの関係 - ICS MEDIA
                                                • CSSのz-index: 10000;はいらなくなる、要素を最上位に表示する「最上位レイヤー(top layer)」の基礎知識と使い方

                                                  ポップアップやダイアログやフルスクリーンモードを実装する時などによく使用されるCSSのz-index: 10000;が必要なくなります。 Chrome 105のデベロッパーツールで「最上位レイヤー(top layer)」がサポートされました。この最上位レイヤー要素は、z-indexが最も高い要素の上に表示され、かならずドキュメントの最上位に表示されます。 最上位に表示したいコンポーネントをHTMLの最下部や最上部に記述したり、CSSのz-index: 10000;で最上位に昇格させる必要はありません。 Meet the top layer: a solution to z-index:10000 by Jhey Tompkins 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 CSSの最上位レイヤー(top layer)とは デベロッパーツールで最

                                                    CSSのz-index: 10000;はいらなくなる、要素を最上位に表示する「最上位レイヤー(top layer)」の基礎知識と使い方
                                                  • CSS @scopeの基礎知識と使い方を解説、セレクタの適用範囲を設定できる

                                                    CSSのセレクタで深い階層の要素を記述するとき、たとえば.card > .content > img.heroのように長いセレクタになってしまうことがあります。 Chrome 118からサポートされたCSSの@scopeを使用すると、セレクタの適用範囲を設定できるので、簡単になります。上記のセレクタは、.card内のimgと記述できます。CSSの@scopeの基礎知識と使い方を紹介します。 Limit the reach of your selectors with the CSS @scope at-rule by Bramus! 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 CSSのセレクタを記述するきめ細やかな技術 CSSの@scopeとは :scope疑似クラスとは @scope

                                                      CSS @scopeの基礎知識と使い方を解説、セレクタの適用範囲を設定できる
                                                    • CSSのネストがついにブラウザで使用できるようになった! 基礎知識、便利な使い方を詳しく解説

                                                      CSSのネストがついに、Chrome 112, Edge 112にサポートされました。 追記: 2023/8/29リリース予定のFirefox 117でもサポート予定。 ネストはSassなどのCSSプリプロセッサですでに使用している人も多いと思いますが、CSSのネストは仕様が少し異なります。とは言え、CSSでネストが使用できるようになるのは、嬉しいことですね。 CSSのネストの基礎知識、便利な使い方を紹介します。ネストの使い方を学べるデモページもあるので、勉強するのにぴったりです。 CSS Nesting by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 CSSのネストとは CSSのネストの基礎知識 CSSのネストのパーサーについて CSSのネストを検出する方法 デベロッパーツールでCSSのネストをデバッグする方法 CS

                                                        CSSのネストがついにブラウザで使用できるようになった! 基礎知識、便利な使い方を詳しく解説
                                                      • 労働者のエートスとエリートのエートス(読書メモ:『アメリカを動かす「ホワイト・ワーキング・クラス」という人々①』) - 道徳的動物日記

                                                        アメリカを動かす「ホワイト・ワーキング・クラス」という人々 世界に吹き荒れるポピュリズムを支える“真・中間層”の実体 (集英社学芸単行本) 作者:ジョーン・C・ウィリアムズ 発売日: 2017/10/27 メディア: Kindle版 2016年の大統領選では多くの人がヒラリー・クリントンの勝利を確信していたが、実際にはドナルド・トランプが勝利することとなった。それをきっかけに、「リベラルなエリートは世の中を読み違えていたぞ」とか「メディアや知識人は人種的マイノリティや性的マイノリティにばかり注目して、マジョリティである労働者に目を向けていなかったのだ」という問題意識がにわかに湧き上がり、それについて語る様々な記事や本が矢継ぎ早に登場することになったものだ*1。そのなかでも『ヒルビリー・エレジー:アメリカの繁栄から取り残された白人』や『壁の向こうの住人たち:アメリカの右派を覆う怒りと嘆き』は

                                                          労働者のエートスとエリートのエートス(読書メモ:『アメリカを動かす「ホワイト・ワーキング・クラス」という人々①』) - 道徳的動物日記
                                                        • CSSって難しい! セレクタ「.a .b .c」と「.a :is (.b . c)」は同じに見えるけど実は違う、ブラウザはセレクタを右から左に読む

                                                          CSSの:is()疑似クラスが各ブラウザにサポート(参考: Can I use)されるようになって、1年が過ぎました。使用率も97%を超え、通常の案件に使用している人も多いと思います。 :is()疑似クラスは複数のセレクタを1つにまとめられて便利ですが、セレクタの末尾に使用すると、予想よりも多くの一致が発生するかもしれません。どんな場合にそうなるのかを紹介します。 たとえば、下記の.a .b .cと.a :is (.b . c)は同じように見えるかもしれませんが、実は異なります。 Using :is() in complex selectors selects more than you might initially think by Bramus CSSの:is()疑似クラスやセレクタの読む順番について詳しくは、以前の記事をご覧ください。 CSSの新しい疑似クラス:is()と:wher

                                                            CSSって難しい! セレクタ「.a .b .c」と「.a :is (.b . c)」は同じに見えるけど実は違う、ブラウザはセレクタを右から左に読む
                                                          • 日本の貧困層は飢えずに太る。糖尿病患者の半数以上が年収200万円未満の衝撃=鈴木傾城 | マネーボイス

                                                            現代は、貧困が増えれば増えるほど「飢える」のではなく、「炭水化物漬け」になっていき、結果的に糖尿病を引き寄せる時代になっているのだ。認識を改めなければならない。「貧困=栄養失調」ではなく「貧困=糖尿病」なのである。 全日本民主医療機関連合会は、全国の医療機関96施設で40歳以下の「2型糖尿病患者」の実態調査をした結果として、患者世帯の年収分布から年収200万円未満が57.4%を占めていると報告している。(『鈴木傾城の「ダークネス」メルマガ編』) 【関連】這ってでも選挙へ行け。クーデターや暴動より「一票」で国は変わる、間違った政党・議員が当選すれば亡国一直線=鈴木傾城 ※有料メルマガ『鈴木傾城の「ダークネス」メルマガ編』好評配信中。ご興味をお持ちの方はぜひこの機会にバックナンバー含め今月分すべて無料のお試し購読をどうぞ。 プロフィール:鈴木傾城(すずき けいせい) 作家、アルファブロガー。政

                                                              日本の貧困層は飢えずに太る。糖尿病患者の半数以上が年収200万円未満の衝撃=鈴木傾城 | マネーボイス
                                                            • 知っておくと便利なCSSのセレクタ! :has()疑似クラスを使用すると、子の数に基づいて親要素のスタイルを定義できる

                                                              CSSはどんどん便利になってますね! :has()もその一つで、指定した要素がある場合にのみスタイルを適用できます。その機能を利用して、子の数に基づいて親要素のスタイルを定義することができます。たとえば、子要素が3個以下の場合、ちょうど5個の場合、7~9個の場合などに親要素に異なるスタイルを設定するのが簡単です。 Style a parent element based on its number of children using CSS :has() by Bramus :has()について詳しく知りたい人は、以前の記事をご覧ください。 CSSの:has()疑似クラスの便利な使い方を徹底解説 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに :has()を使用して、子の数に基づいて親要素のスタイルを設定 :has()

                                                                知っておくと便利なCSSのセレクタ! :has()疑似クラスを使用すると、子の数に基づいて親要素のスタイルを定義できる
                                                              • 父方の集まり、ガチで俺以外全員賢くて「IQが20違うと話が通じない」の下側を担当させられるの最悪→それはつれぇ…

                                                                ひるくる @ramen3856 話し通じないの、瞬発的なIQというよりは教養と知識量に差が開きすぎてて会話の基礎部分が共有できてない感じだ 2024-01-02 16:02:38

                                                                  父方の集まり、ガチで俺以外全員賢くて「IQが20違うと話が通じない」の下側を担当させられるの最悪→それはつれぇ…
                                                                • CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack

                                                                  flexboxで実装したレイアウトはもちろん、floatでもgridでもCSSで実装したレイアウトの構造や階層を確認できるスタイルシートを紹介します。 ページ上の各要素のサイズ・マージン・パディングなどに不整合がないか簡単に確認でき、スニペットやブックマークレットに登録しておくと便利です。 My favorite CSS hack by Gajus Kuizinas 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 5年もの間、私がコピペして利用してきたCSSのスニペットを紹介します。 * {background-color: rgba(255,0,0,.2)} * * {background-color:rgba(0,255,0、.2)} * * * {background-color:rgba(0,0,255、.2)} * *

                                                                    CSSで実装したレイアウトの構造や階層を簡単に確認できる、私のお気に入りのCSSハック -My favorite CSS hack
                                                                  • 「僕のパパは東大!」サピックス帰りの小学生がバスに乗って楽しそうに話していた内容がお父さんの学歴だった話

                                                                    チェロ子🎻 @celloko2021 サピ帰りの男の子数名(推定5年生)がバスに乗ってきて、すごく楽しそうに話してた内容が「ぼくのお父さんは筑駒から東大!」「俺のパパは暁星で一橋!」「ぼくのパパは慶應!」とお父さんたちの学歴を盛大に披露していたので思わずお顔拝見してしまったわー。私以外にも何人か後ろ振り返ってたわ。 2022-08-02 19:19:40 ぬれ煎餅/ 松戸軽工場@С104参加予定 @Generalmajor_ST これですね……さらに恐ろしいことを言うと、サピックス出身者ならわかると思うんですがベット上部~アルファ下位ぐらいの中の上層だとこれが普通の会話なんですよね。そしてこの層には私立小が異様に多くて排他的コミュニティを作っている訳です twitter.com/celloko2021/st… 2022-08-03 21:48:28 ıɥsnɯoʇnqɐʞ @kabuka

                                                                      「僕のパパは東大!」サピックス帰りの小学生がバスに乗って楽しそうに話していた内容がお父さんの学歴だった話
                                                                    • 「子育ては富裕層のぜいたくに」日本の"少子化対策"は超少子化を加速させている 稼ぐほど支援から切り捨てられる

                                                                      子ども・家族への少なすぎる政府投資 (前編から続く) 「子育て罰の厳罰化」を行う菅政権のままで、日本は大丈夫なのでしょうか。図表1は、財務省の研究機関である財務総合政策研究所で、東京大学の山口慎太郎教授が報告した資料から引用したデータです。政府による家族関係支出が増えれば、出生率が増えることをあらわしています。 日本政府の家族関係支出の対GDP比は国際的に見て非常に少なく、少子化も深刻な状況であることが確認できます。この状況を鑑みるに、日本政府が取るべきなのは児童手当の特例給付の廃止ではなく、所得にかかわりなく子育て支援全般を手厚くする政策ではないでしょうか。あらゆる子どもに基礎的な児童手当を支給しつつ、児童手当と教育の無償化を低所得世帯に手厚く加算し、高校無償化や大学無償化の所得制限緩和をしていくことが必要なのです。 児童手当の特例給付廃止に否定的なのは、私だけではありません。財務省・財

                                                                        「子育ては富裕層のぜいたくに」日本の"少子化対策"は超少子化を加速させている 稼ぐほど支援から切り捨てられる
                                                                      • 【CSS】displayプロパティに2つ値が入るってマジ!? どゆこと!? - Qiita

                                                                        はじめに みなさんは、CSSのdisplayプロパティを知っていますか? CSSを扱う上で、一番使うのがdisplayプロパティではないのでしょうか? 最近では、display: flex; や display: grid; が追加され、いろいろなレイアウトが作りやすくなったのは、記憶に新しいかと思います。 そんな中で、CSS Display Module Level 3で、displayプロパティに2つの値を入れることができるようになることがわかりました。 ※ まだ、Firefox 70以上・Safari 15以上でのみ再現できます。(2022年1月20日) そのため、この記事では、displayプロパティに2つの値を入れられることについて解説しようと思います。 背景 まずは、displayプロパティに2つの値を入れられるようにした背景について解説します。 最近displayプロパティに

                                                                          【CSS】displayプロパティに2つ値が入るってマジ!? どゆこと!? - Qiita
                                                                        • 「正社員を引きずり下ろしたい」"みんなで豊かになる"物語を失った日本の末路 年収400万が高級取りの時代

                                                                          日本郵政が「格差を縮めるため」に選んだ方法 フェアなことは、いいことだ――と、だれもが考える時代だ。 フェアネスが尊重されることに、だれも異論を挿まず、賛意を示す。そんな時代だからこそ、こんな結論が導かれた。 日本郵政グループが、2020年10月の最高裁判決で「正社員と非正社員の待遇に不合理な格差がある」と認定された労働条件について、格差を縮める見直しを労働組合に提案したことがわかった。正社員の休暇を減らす内容が含まれており、労組側には反対意見がある。 会社側が見直しを提案したのは、夏期・冬期の有給休暇、年始(1月2~3日)の祝日給、有給の病気休暇の3点。夏冬の有休は現在、郵便業務につく正社員で夏と冬に3日ずつ、アソシエイト社員(期間雇用から無期雇用に切り替えられた社員)で1日ずつだが、期間雇用社員はゼロ。会社提案は、期間雇用社員に夏冬1日ずつ与える一方、正社員は2日ずつに減らす内容で、正

                                                                            「正社員を引きずり下ろしたい」"みんなで豊かになる"物語を失った日本の末路 年収400万が高級取りの時代
                                                                          • WebサイトのUIに役立つ、CSSの:has()疑似クラスの便利な使い方

                                                                            CSSの:has()疑似クラスは2023年暮れにFirefoxでもサポートされ、すべての主要ブラウザでサポートされました。今までのCSSでは、要素の存在のあり・なしによって特定の親や要素にスタイルを設定することは不可能でしたが、:has()疑似クラスのおかげで、指定した要素がある場合にのみスタイルを適用できるようになりました。 WebサイトのUIでよく見かけるCSSの:has()疑似クラスの便利な使い方を紹介します。今までは少し面倒なCSS、もしくはJavaScriptが必要でしたが、:has()疑似クラスを用いると簡単に実装できます。 Some little ways I’m using CSS :has() in the real world by Andy Bell 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに

                                                                              WebサイトのUIに役立つ、CSSの:has()疑似クラスの便利な使い方
                                                                            • 誤解しているかも! CSSの詳細度について、よくある誤解を解説

                                                                              CSSの詳細度とは、(0,0,2)や(1,0,0)など3つの数字でスタイルを適用する際の優先度を決めるブラウザのアルゴリズムです。要素に対して複数のCSS宣言があり、そのプロパティや値が競合している場合、詳細度が高いものが優先されます。 このCSSの詳細度について、よくある誤解を紹介します。 Misconceptions about CSS Specificity by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 詳細度の誤解 1: 詳細度は10進数である 詳細度の誤解 2: style属性で詳細度が高くなる 詳細度の誤解 3:!importantで詳細度が高くなる 終わりに はじめに CSSの詳細度(Specificity)、ひいてはカスケード(Cascade)に関する記事が公開される度に、私はと

                                                                                誤解しているかも! CSSの詳細度について、よくある誤解を解説
                                                                              • SEOを意識したブログのカテゴリ―名の付け方と階層化【後編】 - 書く、走る。

                                                                                こんにちは、カワルンです。 今日は前回「SEOを意識したブログのカテゴリ―名の付け方と階層化【前編】 - 書く、走る。」の続き、後編です。 カテゴリーの階層化について調べたことや分類方法などをまとめます。 これからカテゴリーの階層化を考えている方の参考になれば幸いです。 カテゴリー名の付け方 カテゴリーの分類とカテゴリー名 雑記ブログのカテゴリー名の付け方 1.サイトテーマから親カテゴリーを作成 2.他サイトのカテゴリー覧を参考に はてなブログのカテゴリー階層化方法 パンくずリストの設置 カテゴリーの階層化 カテゴリーの割り当てと孫カテゴリー まとめ <スポンサーリンク> カテゴリー名の付け方 はじめにカテゴリー名について考えます。 前回のおさらいです。 カテゴリーを階層化するポイントについて再確認しましょう。 ✔ ポイント ・1記事1カテゴリー ・親、子、孫、それぞれのカテゴリー名が重複

                                                                                  SEOを意識したブログのカテゴリ―名の付け方と階層化【後編】 - 書く、走る。
                                                                                • Caninclude

                                                                                  'Caninclude' tool to help determine if one HTML tag can be included in another HTML tag

                                                                                    Caninclude

                                                                                  新着記事