2022年に注目しておきたいCSSの新機能を紹介します。いくつかの機能はすでに1つ以上のブラウザでサポートされており、他のブラウザもそれに続く予定です。 ビューポートではなく親コンテナに応じてスタイルを定義できる「コンテナクエリ」、詳細度とスタイルの順序を明示できる「カスケードレイヤー」、相対色構文が追加された「カラー関数」、Safariの100vhを解決する新しいビューポート単位「svh」など、今すぐにでも使用したい機能ばかりです。 Photo by Jr Korpa on Unsplash CSS in 2022 by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 注目の新機能（クロスブラウザでサポート） まだ先の新機能（実験的/シングルブラウザでサポート） 停滞している新機能 Safariは「新し

ネット上で「気持ち悪い」と炎上しがちな「おじさん構文」。中高年男性が使いがちなメール・LINEの文章を指すものとして、2017年頃から広まった言葉だ。やたらと多い句読点、乱用される絵文字と顔文字、下心を感じさせる文章。これらがおじさん構文の特徴とされている。 何故おじさんはおじさん構文を書いてしまうのか？ その謎を探るべく、横浜国立大学非常勤講師で日本語学者である松浦光氏に解説を求めてみた。松浦氏いわく、「おじさん構文の裏にあるのは、おじさんたちの自信の無さ」なのだとか……。 取材に応じてくれたのは、横浜国立大学非常勤講師の松浦光氏。日本語学者として若者言葉や比喩表現などについて研究している。 おじさん構文の発祥について、松浦氏は「週刊誌などの夜遊びレポートが起源では」と仮説を立てる。 「昭和から平成にかけて週刊誌によく掲載されていた、“夜の街レポート”の文体がベースとなっているのではない

年収800万円、35歳独身男性。婚活では「ハイスペック」と言われる、トップ数％の年収を持つグループだ。ところが、この男性は婚活に悩みを抱えていた。というのも、男性は恋愛経験が少なく、デートの作法を知らなかったからだ。 男性は年収さえあれば、結婚できる。そんな夢は、婚活市場から消えようとしている。 バカにされる女性、音信不通で振られる男性 「これって、私バカにされてますよね！？」 ある女性から、恋愛相談をいただいた。彼女は婚活中の30代女性。マッチングアプリで知り合った男性に、大衆系居酒屋へ連れて行かれたことに激怒していた。 ところが、相談を受けた地域はちょっとした地方都市。こじゃれた個人店は数が少なく、友達同士でもチェーン系居酒屋に行くのは当たり前だ。その状況を踏まえると、大衆系居酒屋での初デートは不思議でも何でもない。 しかし、彼女の前提には「デートたるもの、こじゃれたお店へ行くべし」と

Scientists confirm that the first black hole ever imaged is actually spinning

筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS（Ruby-to-JavaScript）、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを、ブラウザが実行できるバージョンのJavaScriptへトランスパイルするものです。ある程度は、うまくいっていました。 とはいえ、これは明らかにその場しのぎの手段に過ぎず、ブラウザがより洗練されたJavaScriptを理解できる日を待ちわびていたのです。ただ、そんな日が来ることはなく、永久にその場しのぎでやり過ごすのかと思われる時期がしばらく続きました。 しかし、幸いなことにJavaScriptは改善を続け、2015年にはES6

iPhone 3Gでスマホデビューして以来何年かに一度機種変更しつつずっとiPhoneユーザーで今はXS maxで止まってるんだけど、最近仕事の関係でGalaxy Z fold3 5Gという端末が今手元にある。 みんなも一度くらいはヨドバシとかで触ったことがあるかもしれないが、スマホなのにパカパカと折りたたみが出来る近未来的かつ俺くらいの世代には懐かしさもあるやつ。 普通のスマホが横にパカっと開いてkindleとかiPad miniくらいの小さめタブレットくらいになるモデルで、俺としては慣れないAndroidのUIに戸惑いつつも大画面ってなんか楽しいなと思いながら、ここ数日使ってたわけよ。 そして昨晩、ベッドに入ってGalaxyをパカっと開けてはてブでも見るか、と思ったらさ、横から妻が「なんかそのパカっと開くのおじさんみたいだね」と。 その時はハハっと愛想笑いで話を膨らませずに終わらせたん

border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。 メディアクエリで簡単に実装できると思うかもしれません。しかし、ビューポートのサイズが小さく、マージンがある場合に8pxの角丸になりません。 この難しい条件をCSSの関数で実装するテクニックを紹介します。 Conditional Border Radius In CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに border-radiusの値をスマホとデスクトップで変えるテクニック 実装方法の解説 なぜ、9999を使用するのか 終わりに はじめに 私はデベロッパーがどのようなCSSを書いている

We are a creative production team that embraces all the people we have met / ヒョーゲンはご縁を大切にするクリエイティブプロダクションです /

フロントエンドエンジニアの嶌田です。今回が LIFULL Creators Blog への初めての投稿です。 「サービス共通ヘッダ・フッタ」は、ただのヘッダ・フッタではありません。ソースコードはいくつものサイトやサービスで使いまわされます。組込み先が持っている CSS によっては表示が崩れてしまうかもしれません。ブレークポイントやコンテンツの幅がそろわないかもしれません。サービス共通で使えるヘッダ・フッタには相応の強さや柔軟さが求められます。 この記事では、LIFULL HOME'S のサービス共通のレスポンシブ版ヘッダ・フッタを実装するために動員した「強く・堅牢に実装するためのノウハウ」を紹介します。 どこにでも組み込めるように実装する 重複しないクラス名ルールを設定する 詳細度や継承とうまく付き合う プレーンな技術を使う ブレークポイントや z-index 等をカスタマイズ可能にする

英語の文章に触れる機会が増えると目につくのが英語の括弧。「英語で括弧はなんと呼ぶんだろう？」「使い方は日本の括弧と違うのかな？」など、気になっている人も多いのではないでしょうか。実は、日本語で何気なく使っている括弧が英語では使われないなど、両者には違いが見られます。 こちらの記事では、英語での括弧の使い方を徹底解説！よく使われる4つの括弧をはじめ、コロンやセミコロンなどの記号についても紹介します。例文も掲載しているので、括弧がどのように使われるのかしっかりと理解できるでしょう。 English Labは、オンライン英会話「レアジョブ英会話」が運営。英語を「話せる」ようになるには、繰り返しアウトプットする機会が必要です。1レッスン142円のレアジョブ英会話で每日外国人講師と話してみませんか。レアジョブ英会話を見る 英語の括弧は大きく分けて4種類！ 日本語と同様に、英語でも様々な括弧が使われま

育児、介護、自分の病気が重なった時に助かるもの、やっておけば良かったことは？経験者に聞きました #親とのコミュニケーション#親の介護#ダブルケア 公開日 | 2021/09/17 更新日 | 2021/09/17 ダブルケアに備える 桑村 美奈子 親の介護に、子育て、配偶者の病気療養、そして自分の病気の発覚。あっと言う間にケアは積み重なり、いわゆる「ダブルケア」に陥ります。 特に子育て中の方は、子ども以外の家族の誰かがケアを必要とすれば、ダブルケアになることは不思議ではありません。その備えはできていますか？また、今からできることはあるのでしょうか？ この連載では、ダブルケアの実例となるエピソードから、どんな風にケアが重なるのか、どのようにダブルケアに寄り添って生活しているのかなど、ダブルケアラーから学びます。 今回のtayoriniなる人 えみこさん（仮名） 今回ご紹介するえみこさん（仮名

KUMASEA @fish_bear90 恐怖...あおり運転 一部始終　「あおられている」女性悲鳴(フジテレビ系（FNN）) 煽り運転は悪い！ ただ女性は、煽られる要因を作ってることに気づいてないのが恐ろしい 降雨で車線変更前に65キロ以上出してるし、前車(煽り運転)が先にゼブラゾーン入ってなかったら事故ってる可能性すらあると思う pic.twitter.com/FzfusVabYa 2021-09-11 05:02:24 リンク FNNプライムオンライン 恐怖...あおり運転 一部始終 「あおられている」女性悲鳴 ドライブレコーダーがまたしても危険な“あおり運転”の一部始終をとらえていた。9月3日午後4時ごろ、岐阜・大垣市内を車で走っていた20代女性は、走行中に異変を感じたという。あおり運転を受けた女性「何かさ、私あおられとるよ。真後ろにおる。警察電話して、警察。警察電話して。無理やっ

新しい技術が出てきたとき、大多数の若い人よりも圧倒的にスピーディーに使いこなすおっさんは珍しくない。 新技術を習得する能力は、年齢よりも、「スキルを獲得するために必要なスキル」、すなわち「メタスキル」に大きく依存するからだ。 たとえば、ある開発ツールを導入すべきかどうか若い人に相談されたので、「まず、ドキュメントを読もう」と言ったら、「ドキュメントを読んでもよくわからなくて。。」と言う。ググったらすぐに公式サイトの至れり尽くせりのドキュメントが出てきたので、「これ読めばいいじゃん」と言ったら、こんなに大量の英語のドキュメントを読むのは無理だと言う。 あるいは、AIを導入するという話になったとき、「AIがよく分からないので教えて欲しい」と言ってきた若い人に、良質の入門書を勧めたら、数式が分からないので読めないのだという。数式の読み方を教えてみたら、数式以前に、そこで使われている数学概念自体を

紙幣のデザインが、どんどん安っぽくなっていく。 全体のバランスとか、何も考えずに適当に配列したかのような素人臭さ。 国力とは、こういう仕事をきちんとできる能力のことでもある。国力の衰退を感じる。 https://t.co/rI7gDTiQwM

発足初日にサーバーダウンを経験するなど、話題に事欠かない「デジタル庁」。 事務方トップとなる「デジタル監」に、WordPressやPythonにチャレンジした経験もある石倉洋子一橋大名誉教授（72歳）が起用されましたが、公式サイトがおかしなことになっています。詳細は以下から。 まず見てもらいたいのが、石倉洋子さんの公式ページ。見出しに使われている画像に素材サイトの透かしが入っており、商用画像の無断転載が行われていることが分かります。 ものすごーい一日！ - 石倉洋子の公式ウェブサイト（魚拓） 他の記事でも状況は同じ。いずれも素材サイトの透かしやURLの一部が埋め込まれており、サンプル画像をそのまま使っているようです。 書類の山と格闘中 - 石倉洋子の公式ウェブサイト（魚拓） 複数の素材サイトから無断転載が行われていることが分かります。 隣人と話す。。。国際女性デー - 石倉洋子の公式ウェブ

客の立場でタメ口を使われると不快感を覚えます。私見ですが特にタメ口が多い以下の職業の人は意識を改めて欲しいです。 警察職務質問をされた経験がありますが、言葉遣いが稚拙で乱暴なため驚きました。日々国民の安全のために働いて下さっているのは有り難いですが、威張らないで欲しいです。 床屋常連なら分かりますが、初来店した客に対してタメ口は勘弁して下さい。そんな失礼な人に自分の頭を預けたくありません。 医者医者になるには大変な努力が必要でしょう。それは良いですが、だからといって患者を馬鹿にして良いわけではありません。敬語を使っていても態度に表れている人が多いです。 食堂のおばさん私は貴方の息子ではない。 以上です。 皆さんが思い浮かべる、タメ口が多い職業について興味があるので、ぜひ教えて下さい。 それでは。

アメトーーク！（テレビ朝日公式） @ame__talk 今夜20時から配信 『アメトーーク特別編 雨上がり決死隊 解散報告会』 雨上がり決死隊の２人が揃って、アメトーーク！のセットで皆様にご報告。 ゲスト…東野幸治、出川哲朗、ケンドーコバヤシ、狩野英孝、FUJIWARA ▼ABEMA abe.ma/3iUo8nA 2021-08-17 15:15:06

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

text：Kumiko Kato（加藤久美子） editor：Taro Ueno（上野太朗） 【写真】追い越し車線を走るクルマたち/内閣府が発行「交通安全白書」にみる実態【資料】 (7枚) あおり運転が社会問題として問題視されるようになったのは、2017年6月に発生した「東名高速夫婦死亡事故」が始まりと考えていいだろう。 直前のパーキングエリアで被害者に注意されたことを根に持った加害者が、東名高速本線上で被害者のクルマに嫌がらせをおこない、追い越し車線で停車させて口論を始めたところにトラックが追突。乗っていた夫婦が死亡した悲惨な事故（事件）である。 また、2019年8月にはあおり行為の一部始終を記録した動画が拡散され日本中を騒がせた事件があった。 加害者は「追越車線で自分のクルマの前に割り込まれたこと」に腹を立てて「やり返す」つもりで嫌がらせし、高速道路本線上でクルマを停めさせて車外から暴