まもなくリリースされるChrome 115で実装されるScroll-driven Animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。 スクロールすると要素がアニメーションで表示されたり、スクロール量で変化するインジケーター、背景が変化するパララックスなど、実装がそれなりに手間がかかりましたが、数行のコードで実装できるようになります。スクロールをトリガーにしたアニメーションを実装するこれからの方法を紹介します。 Animate elements on scroll with Scroll-driven animations by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分が同ライセンスも含みます。 はじめに Webのアニメーション、ちょっとだけおさらい アニ

Webの将来はサーバサイドレンダリング（SSR）に回帰していく。Denoが主張するIsomorphic JavaScript（もしくはUniversal JavaScript）とは何か？ 静的なHTMLファイルをWebサーバが配信する仕組みから始まったWebは、サーバ側で動的にHTMLを生成するCGIの仕組みや、Webブラウザ上でJavaScriptを実行してインタラクティブな操作を実現するなどの仕組みを得たことでWebアプリケーション基盤へと発展しています。 現在、Webアプリケーションの仕組みとして代表的なものがSPA（Single Page Application）でしょう。 SPAはWebブラウザ上で多くの処理が行われるためユーザーの操作に対する反応が速く、インタラクティブ性の高い快適なWebアプリケーションを実現できる利点があります。 しかし、これからのWebはサーバサイドレンダ

","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=\"

ウクライナのセルギー・コルスンスキー駐日大使が2023年7月10日に東京・丸の内の日本外国特派員協会で開いた記者会見で、「何度も繰り返したくはないが...」と会場からの質問に不快感を示す場面があった。 ロシアによるウクライナ侵攻は22年2月24日に始まり、23年7月9日で500日が経過。この節目を受けて開かれた記者会見で、コルスンスキー氏は冒頭発言で所感を述べた。その上で中盤に飛び出したのが「500日間をどう表現しますか」という質問だ。記者会見では、すでに発言した内容であっても、端的な発言を収録するために「改めて...」と、同様の答えを求める質問がテレビ局から出ることがある。この独特の慣例が問題になったと言えそうだ。 「冒頭発言を繰り返すように言っているのか？」 コルスンスキー氏は冒頭、13分間にわたって500日の間に世界がどのように変化したかを説明。日本からの支援に感謝した上で、 「我々

へぃ @shirouhirasaka2 @kawachi_dog A「事務所まで来いやゴルァ！」 B「伺いますぅ！住所はどちらでしょうか…？(オドオド)」 A「◯◯町△丁目マンション“たのし荘”じゃ！早よこいや！」 B「マンション名をもう一度…すいません！聞き取れなかったんです！」 A「“たのし荘”じゃゴルァ！」 B「草」 2023-07-10 10:52:06

noemi @_L_Abeille 4月に転校した次男に新しい学校の良い所を聞いたら「スナックタイム」。お菓子が食べられる事が嬉しいのかと思いきや「違う。前の学校（公立）で暴れる理由はお腹すいているんだろうな、という子が多かった」「今の学校はスナックタイムがあるから冷静に戻れる子が多い」すごく意外だった。 twitter.com/nyanboss/statu… 2023-07-09 21:32:33 スナックタイム(Nutrition Break)とは "「おやつ」とは、英語で “Snack” ですが、アメリカの学校ではこの「おやつ休憩」は “Nutrition Break (略してNB)” と呼ばれ、毎日の時間割に組み込まれている正式な学校のスケジュールです。 "だいたい朝の10時頃に、15分くらいのちょっと長めの休み時間で、子ども達は家から持ってきた小さなクラッカーやら、プロテインバー

先日、東京大学中退を標榜するホリプロ所属の村木風海さんが、文部科学省の原子力関連での有識者会議のメンバーに選ばれて、ただでさえ風当たりの強かった原子力学術界隈では大しけの空模様となりました。 たまに原子力学会に寄稿したりする私も、まさか足元で「なんだこの人選」と思うようなネタが到来するとは思ってもおりませんでした。 嬉しいお知らせです！ 実は先日、文部科学省の核融合に関する有識者会議の委員に就任しました！！🎉😆… pic.twitter.com/mHX25uUS0x — 村木風海｜Kazumi Muraki (@Kazumi_Muraki) June 29, 2023 まだ「ひやっしー」推しを自分でやってるの超ウケる、それって何のギャグ？　村木風海さんに関しては、概況を記した別の記事も書いてあって、委員の選考の際にご参照いただいたのですが、バイネームをしっかり書かなかったのが敗因だった

特に何か作る系 部屋に物を増やしたくないけど作ったもの捨てたくもないから困る

サンフランシスコではゼネラルモーターズ傘下のCruiseやGoogleのグループ会社であるWaymoが、運転手なしで走行する自動運転車を用いたロボタクシーを運用しています。しかし、ロボタクシーは街の交通に大混乱を引き起こしているとして地元住民からは反発を招いており、中には三角コーンを用いてロボタクシーの妨害をするグループが出てきています。 Grumpy Locals Are Sabotaging Cruise and Waymo Robotaxis With Traffic Cones https://www.thedrive.com/news/rebels-are-disabling-waymo-cruise-robotaxis-with-traffic-cones ロボタクシーはこれまでに複数の問題を引き起こしたことが報告されています。一例として、2023年5月には消火活動中の火災現場

ウクライナがＴＰＰ加入申請　１６日の閣僚会合で扱い協議 2023年07月07日16時15分配信 ウクライナ国旗 【シドニー時事】ウクライナは環太平洋連携協定（ＴＰＰ）への加入を申請した。閣僚級のＴＰＰ委員会の議長国を務めるニュージーランド（ＮＺ）政府が７日、申請書を受け取ったことを明らかにした。ＴＰＰ委員会は１６日にＮＺのオークランドで開く会合で、中国や台湾などの加入申請と並んで取り扱いを協議する。 「しっかり見極め」　ウクライナＴＰＰ加入申請で―後藤再生相 ＴＰＰは現在、日本を含む１１カ国で構成され、１６日に英国の加入が承認されて１２カ国に増える予定。ロシアの侵攻を受け紛争下にあるウクライナには、ＴＰＰ参加国との経済的な結び付きを強めることで、より支援を得やすくする狙いがあるとみられる。 先進７カ国（Ｇ７）の一角、カナダは既にウクライナの加入に支持を表明。Ｇ７の日英、北大西洋条約機構（Ｎ

全衆院議員464人を直撃「マイナカード、持ってる？」大物は回答拒否、推進派が“自分は紐づけせず”の卑怯 社会・政治　投稿日：2023.07.06 06:00FLASH編集部 「マイナ保険証」に別人の情報が登録されていた、証明書交付サービスで他人の住民票が発行された……マイナンバーカードのトラブルが相次いでいる。 岸田文雄首相は6月30日、現在、進めているマイナカードに紐づけられた情報の「総点検」について、河野太郎デジタル相ら関係閣僚と協議し、8月上旬に前倒しして中間報告を出すように指示した。政権を揺るがしかねない問題だけに、あせっているようだ。 最大2万円分のポイント付与まで掲げて、政府は普及に躍起だが、はたして旗振り役の議員自身はマイナカードを取得しているのか。本誌は6月末、全衆院議員464人にアンケートを実施した。尋ねたのは「取得したか否か」、「健康保険証や公金受取口座と紐づけているか

会計の順番待ちしてたら店員にセルフレジでどうぞと誘導された せっせと商品のバーコード読み取らせて精算操作してる間に自分より後の客が空きになった非セルフレジのほうに案内されてちゃっちゃとやって貰っていた そこで思ったんだけど、 俺が望まずに商品のバーコード読み取りとか袋詰めとか支払い操作とかのコストを負わされてるのおかしくね？ 自分の意思で「いや、待つのは面倒だからセルフレジに行こ」って決めたとしたら筋通ってるけど。 これTwitterに書いたら炎上するかな？

今、中国のSNSで、大学を卒業した人たちによる“死んだふり”をした写真の投稿、通称「死亡卒業写真」が流行っているといいます。 【画像】めでたいことのハズなのに…大学卒業で“死んだふり”をする写真をもっと見る 投稿された写真を見ると、2人の人物が階段の手すり部分に力なく もたれかかる写真とともに、「学校を離れたら死んだ方がいい」という一文が。 別の投稿では、木に力なくもたれかかる3人の姿や、「卒業したら失業するよ」という言葉を添えて投稿する人も。 なぜ、こうした写真の投稿が相次いでいるのでしょうか? そのヒントは、6月に北京で行われた就活フェアにありました。 就職フェア参加者: 私の知っているクラスメートで、内定をもらった人はほとんどいません。 実は今、中国の大学生たちは史上最悪の就職難に直面しているのです。 中国メディアによると、5月の16～24歳の失業率は20.8％。5人に1人が職に就け

出会い系アプリで知り合った小学生を脅して、わいせつ目的で連れ回した疑いで、大成建設社員の男が逮捕された。 （「イット！」3月18日放送より） この記事の画像（6枚） 逮捕された大成建設の社員・山口祥悟容疑者(43)は2023年1月、出会い系アプリで知り合った小学生の女子児童を、東京・江戸川区の公園に呼び出し、わいせつする目的で連れ回した疑いが持たれている。 警視庁によると、山口容疑者は「顔や住んでいる場所をさらすぞ」と脅して女子児童を呼びつけて、1時間ほど連れ回し、体を触るなどしていたが、その際に、女子児童の知人と鉢合わせしたため、驚いて逃走していた。 調べに対して、山口容疑者は容疑を認めている。 知りたかったことが分かれば、きっと明日が楽しくなる。 知らなかったことが分かれば、きっと誰かに話したくなる。 「明日も頑張ろう」と思えるそのささやかな力になれればと今日もニュースをお届けします。

日本生命の営業部長だった被告の男（37）=詐欺罪で公判中=に、架空の保険商品で約1億円超をだまし取られたとする被害者の男性が26日、神戸市内で会見を開いた。日本生命から謝罪など適切な対応がなされていないといい、「強い憤りを感じる」と述べた。 詐欺罪に問われているのは、住所不定で元日本生命阪神支社・西宮北営業部長の林泰之被告。 起訴状などによると、被告は2017～21年、男性に「日本生命の職員から推薦を受けた人が加入できる、元本保証で高利回りの運用益が得られる積み立て型保険商品がある」などとうそをつき、計約1億4千万円を詐取したとされる。 男性によると、被告と知り合ったのは2014年。正規の保険契約をする中で「自分は社内の成績優秀者で、あなたを特別に積立制度へ推薦できる」「業界最大手の日本生命が保険引き受け会社なので安心です」などと勧めてきたという。 被告が示したチラシにも保険引き受け会社は

いや、けしかけたの俺なんだけどね。 前住職が生涯独身を貫いて突然死んだ。 しばらく近隣のお寺がカバーしていたんだが、限界と言う事で、三十歳半ばの若い僧侶が赴任してきた お寺は優良物件だそう。観光寺ではないんだけど、廃仏毀釈の流れからの戦後で、歴史的経緯で複数のお寺が合併しており、檀家数が無茶苦茶多い。その結果、無茶苦茶経営が安定している。 そのためか、赴任してきた僧侶は、10歳で仏門に入り、本山から観光寺まで巡ってきたという無茶苦茶エリートがやってきた。 その住職さんとLINE交換した。 檀家の世話人会に年寄りばかり出ていたところで、同世代の俺が出ていったところ、若くて住職と年齢が近いからと言う理由で大量の仕事を振られた結果である。 その連絡のためにLINEを交換したところ、何故か一日一度「今日の拙僧」みたいなLINEが届くようになった。 例えば、檀家さんが野菜を持ってきてくれたけれど食べ

安倍晋三元首相の一周忌が迫る中、なんと故人を祭った「神社」が早くも建立されるという話が飛び込んできた。どういうことなのか、計画を進める宮司に経緯を尋ねてみた。 ＊＊＊ 【写真を見る】神社を造ろうとしている佐藤素心宮司　建設中の神社の写真も！ 徳川家康を祭った日光東照宮や菅原道真を祭った太宰府天満宮など、日本では歴史上の人物が祭神となることが少なくない。しかし、死後1年未満という“スピード神格化”は史上でもまれなのではないだろうか。昨年の銃撃事件に斃（たお）れた安倍元首相（享年67）を祭る神社がいま、なぜか所縁（ゆかり）のある山口県から遠く離れた長野県に建設中だという。 この“建立計画”を主導するのは、奈良県吉野にある「吉水神社」宮司の佐藤素心（そしん）氏（82）だ。 「安倍さんとは山口県の同郷で、拉致被害者を支援する活動を通じて出会ったんや。僕が自費出版した本に巻頭言を寄せてくれるほど親身

元〝環境少女〟で環境活動家グレタ・トゥンベリさん（２０）が５日間の抗議活動後、逮捕された。英紙エクスプレスが１９日、報じた。 スウェーデン南部の都市マルメにある港の入り口を５日連続で封鎖した気候活動家団体「タ・ティルバカ・フラムタイデン（未来を取り戻せ）」の抗議活動に参加したグレタさんは１９日午後、他の気候変動活動家らとともに警察に逮捕された。５日間も石油タンカーを阻止できたためか、連行された時にグレタさんは笑顔だったという。 グレタさんは１８日、自らのツイッターで「今日、３日連続でマルメ石油港の石油タンカーを阻止しました。気候危機は人々にとって生死に関わる問題です。私たちは化石燃料インフラを物理的に停止することを選択します。私たちは未来を取り戻しています」とつづり、抗議活動の写真をアップしていた。

Kanji @kanjinagay 氷河期世代にとっては、政府の支援が薄かったことより親世代の無理解の方がきつかったんじゃないかな 高度経済成長時代には、社会人として「一人前」とされた規範（正社員、結婚して子供、家を建てる、親より金かせいで親孝行等々）に手が届かないダメ人間扱いされるのがいちばん応える 2023-06-17 12:10:01 Kanji @kanjinagay 幸福の要素を次の3つだとして、 1.そこそこの収入 2.社会的尊厳 3.幸福感 政府がなんとかできるのは1.だけなんだよね 従来とは違う価値観で育った氷河期世代は、気持ちの切り替えだけで、3.については得られたりするんだけど、それに水をぶっかけ続けるのが他世代の無理解 2023-06-17 15:56:20 Kanji @kanjinagay 非正規労働者やニートのことに限って書いたつもりはなくて、大企業社員や、収入

はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか？ borderを使って作っていませんか？ この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね！ この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と