視点の違いを楽しみたい けど有害デマは対象外に決まってるだろ @high_non_sense 予想通り、特定の層がリプ欄と引用でブチ切れてる。 毎回 かわいそう。 “コロナ禍で初めてワクチン反対派になった人の特徴を分析し、陰謀論やスピリチュアリティに傾倒している人がワクチン反対派になりやすく、さらに参政党への支持を高めた可能性を示した。” pic.twitter.com/PIIL4hNe1J twitter.com/rjp_news/statu… 2024-02-05 22:21:20
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
及川 @oikawa_finance 『東京勤務したいです』という就活生へ。毎日満員電車で通勤し、昼は大して美味しくないランチに1,000円払うかコンビニ飯。休日も年収、パートナーの属性などでマウントを取り合う”都会の”生活が待っている。本当に東京勤務がしたいのか『東京勤務である自分』に酔いたいのかよく考えるべきですね 2023-10-01 19:02:40 及川 @oikawa_finance これ『地方僻地勤務よりはマシ』というご意見多いですが、そもそも他の候補として想定しているのが大阪、名古屋、福岡とかの地方中枢都市。僻地勤務に比べれば東京の方がはるかに恵まれてるのは理解しております。 2023-10-02 17:57:42
ChromeでCookieのSameParty属性の開発が進められている (コミット)。 現在のところ「SameParty cookie attribute explainer」に説明が書かれている。 今回は、CookieのSameParty属性について簡単にメモしていく。 背景 トラッキング対策、プライバシーの観点でサードパーティクッキーは制限する方向に進んでいる。その制限をSame Partyの場合に緩和する仕組みを提供するのがSameParty属性の話である。 例えば、同一主体により運営されているドメインの異なるサイト (例えば、google.co.jp, google.co.uk) 間においては、いわゆる(cross-site contextsで送られる)サードパーティクッキーを許可しようという話です。 もともとは、First-Party Setsを活用しSameSite属性にFi
記事の中で映画、ゲーム、漫画などのネタバレが含まれているかもしれません。気になるかたは注意してお読みください。 とんでもないことが起きた。推しができたのだ。急に四人も。 オタクになって二十年ほど。時代ごとに好きな作品はあり、中でも一番好きなキャラというのは作品ごとにいた。しかしストライクど真ん中を完璧に取られたという経験は、実はなかった。 なかなか見かけないので、理想のキャラは自分で書くしかなかった。昔からの知り合いならご存知だろう。俺が何かというと全力疾走するヒロインを書きまくっていたことを。 しかし昨年のことだ。立て続けに3人くらい「理想」としていた女主人公が現れた。世の中のどこかにはいたかもしれないが、こんなに流行ることはなかった。急に時代が変わった感覚だった。しかもこの流れは2025年になってなお続き、今クールでも赤い髪の女がブチ切れて警官の股間を蹴り飛ばしている。 彼女らの共通点
<title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 75.5935M75.3037 3.98207L76.0435 43.3021M75.3037 3.98207L35.951 3.59351" stroke="#F22F46" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> "> 2025 Gartner® Magic Quadrant™ for CPaaS <title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 7
先日リリースされたChrome 114でPopover APIがサポートされ、HTMLのpopover属性が使用できるようになりました。 今まではポップオーバーを実装するのにはJavaScriptを使用し、ポップオーバーの開閉・フォーカス・アクセスフックなど面倒でしたが、popover属性で実装すると驚くほど簡単で、さまざまなUIコンポーネントに利用できます。 Introducing the popover API by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに HTMLのpopover属性とは ポップオーバーのデフォルト、オーバーライド 自動ポップオーバーと手動ポップオーバー popover属性とdialog要素の違い 近日公開予定の便利な2つの機
ハイジロー @phnoch 5歳児があまりにも悪属性で口答えもひどくてもうマジで暴力しか躾の方法がない…と週5で頭をよぎるんだけど、今日「炭治郎が禰󠄀豆子にそれをやったらどう思うか」というふうに話したら今までで一番効いた 竈門少年には教育効果が本当にあったんだ…… 2022-02-18 19:29:35 ハイジロー @phnoch これ、今まで「自分がやられたらどう思うか」という一般的な説諭で「嫌だ、しかし相手が嫌かどうかは私には関係ないので私のやりたいようにやる」という純粋悪の解答しか引き出せずに詰んでたんだけど、「炭治郎が禰󠄀豆子にやったらどう思うか」だと「やめて!そんな話しないで!」になったんですね 2022-02-19 11:13:25 ハイジロー @phnoch 「そんな話しないでって思うのは、本当は悪いことだと分かってるからだよね?」「うん…」になって何か良い感じにお話しす
画像やiframeの遅延読み込みに使用するloading属性と非サポートブラウザ用にJavaScriptを併用した現代的なアプローチで、最大限のパフォーマンスを発揮させる実装方法を紹介します。 Best way to lazy load images for maximum performance by Adrian Bece 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 遅延読み込みのloading属性とは 遅延読み込みの現代的なアプローチ パフォーマンスとLighthouseスコアの向上 最大のパフォーマンスを得るための画像最適化テクニック はじめに 画像の遅延読み込みは比較的簡単に実装でき、パフォーマンスを大幅に向上させることができるため、Webサイトを最適化するために使用される選択肢の1つです。遅延読み込みで
無能准教授BOT🐧 @far_west9 研究者。専門は国際政治学。所属機関は地球です。なにも代表してません!一部Botです。アイコン画像はGrok。 BSKY bsky.app/profile/far-we… お仕事依頼はメールでお願いします ir.stadio@gmail.com note.com/far_west 無能准教授🐧 @far_west9 昔文科省の偉い人と飲んでた時になるほど~と思った話。 事務次官になるような人は「2勝0敗8回休み」くらいの人。その心は、 ①負けないこと(明確な失敗をしないこと)が大事 ②負けると思ったら勝負しない。休場する。 ③勝ち数は少なくてもそれがいかに重要な業績であるかアピールする事が大事。 2024-12-08 06:35:18
今まであまり使用されていなかったけど、現在の環境では有用であるHTML5の便利な機能、要素や属性を紹介します。 10 useful HTML5 features, you may not be using by Tapas Adhikary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに details要素 contenteditable属性 map要素 mark要素 data属性 output要素 datalist要素 値range meter要素 input要素 次に学ぶべきこと はじめに HTML5は、新しいものではありません。すでにわたし達は最初のリリース(2008年1月)からいくつかの機能を使用してきました。#100DaysOfCodeの取り組みの一環として、HTML5の機能リストを詳しく調べました。私が見つ
米国のジョー・バイデン大統領の就任式で詩を朗読するアマンダ・ゴーマンさん(2021年1月20日撮影)。(c)Patrick Semansky / POOL / AFP 【3月11日 AFP】米国のジョー・バイデン(Joe Biden)大統領の就任式で詩を朗読したアマンダ・ゴーマン(Amanda Gorman)さん(23)の作品をめぐり、カタルーニャ語版の翻訳者が10日、性別、年齢、人種などの「属性」が合致していないとして契約を解除されたと明らかにした。 この翻訳者は、スペイン北東部カタルーニャ(Catalonia)自治州の州都バルセロナ(Barcelona)出身のビクトル・オビオルス(Victor Obiols)さん。英劇作家ウィリアム・シェークスピア(William Shakespeare)や英作家オスカー・ワイルド(Oscar Wilde)らの作品の翻訳実績がある。 オビオルスさんによ
Webページやアプリの実装に役立つ、知っておくと便利なHTMLの属性を紹介します。すでに使用されているものあると思いますが、いくつはこんな属性もあったのか、と発見があるかもしれません。 24 Lesser-Known HTML Attributes You May Want to Use ✨📚 by Madza (@madzadev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 私は少し前に、HTMLのタグについての記事を公開しました。今回はその続編として、知っておくと便利なHTMLの属性を紹介したいと思います。 この記事で紹介する属性はすべて簡単に使用でき、外部ライブラリを使用しなければできないようなタスクを実現するのに役立ちます。 HTMLで特に便利な各属性の使用例と構文を理解しやすいように、コードスニペット
結婚するまで友達や(元)カレと遊びに行ったり、グループでBBQとかテーマパークとかレジャーとか行っても何一つ楽しくなかった。ただただ疲れただけ。 花火大会に浴衣着て異性と出かけても何が良いのかさっっっぱりわからず、ただ人混みと熱気に揉まれて脂ぎった顔とうねった髪型になっただけだった。 それより小説や漫画やゲームの方が数百倍楽しかった。一人でいたいと思ってた。 なので自分はオタクだと思っていた。 結婚後、某テーマパークに行ったらすごく楽しかった。 花火大会に浴衣着て闊歩するのも楽しかった。 旅行もレジャーも準備から楽しかった。 小説や漫画やゲームの面白さよりこっちの方が面白いな?と気づいてしまった。 みんながデートしたがる理由が分かった。 義務感ではなく楽しいからしてたのか。 今の私は1日ゲームするよりかは二人で出かける方を選ぶと思う。 あんなにアイデンティティだと思ってたオタク趣味が、現実
オタク差別に関してははてなではもう何年も前に行われた議論で当時ははてな村の村長ですらこの「差別とは変更不可能な属性に対して行われるもの」という謎概念で規定してつっこまれていた。 基本的には左派・リベラル系の人たちが過去にオタクを差別をしていたことを誤魔化すために使用していたんだけど、どこからこの概念誕生したんだろう。 職業差別、赤狩り、ユダヤ人差別などこの概念に当てはまらない差別は歴史を見るといくらでも存在するんだけど、オタク差別をしたことをなかった/正当化したいせいか左派ほどこの落とし穴にすっぽり落ちる。 今回も藤田氏が弱者男性を論じる連載でオタク差別をなかったことにしようとして軽い炎上をした。* これのせいでオタク差別などなかったと言う人がぞろぞろわいてきて、その反論で一時期Twitterで"オタク差別”がトレンドになった。 正直あの人たちは弱者男性、オタク差別の文脈を全然追いきれてな
SPAのアプリケーションで、外部のIdPを使ってOpenID Connect によるログイン機能を開発しようと考えています。IDトークンの保存先として、ブラウザのCookieかサーバーのDBに保存するかの2つの案があると思っています。調べた限り、サーバーサイドで持つべきという意見が多いように見えますが、以下のような背景がある中で開発しても、ブラウザのCookieでは持つべきなのではないのでしょうか? - IDトークン自体にも、個人の属性(氏名等)情報は無いことを確認している - サーバーサイドでIDトークンの署名検証をして、IDトークンの改ざんが無いか確認する - Http Only属性:JSによるCookieへのアクセスを防ぐため - Secure属性:流出防止のため - SameSite=strict:CSRF対策のため 結論から言えば、「どちらでもよい」となります。しかし、恐らく話は
.. @s_lll_l_ll_llll 同僚?じゃなくてお客さんの話だけど、本屋でバイトしてた子が「客層が他と比べていい。少なくとも活字が読めるやつしか来ないから」と言っててたしかにってなった。 あとお花屋さんとかケーキ屋さんも「機嫌の良い人しかお花やケーキなんか買いに来ないからいいよ」っていうよね x.com/oko_onna_chan/… 2025-05-12 16:23:06 お好み焼き女ちゃん @oko_onna_chan バイト初日にあいさつをしたら口調を真似して挨拶を返されたりとか、近くにいる人にこういうちゃんとしたあいさつ苦手なんだよね!!って言われ始めたりとかすることがあって、ノリだけが全てだと思ってるタチの悪い光属性が本当に苦手なんだけど、図書館にはそんな人が誰もいなくて本当にうれしい 2025-05-11 23:51:48 .. @s_lll_l_ll_llll なんか
HTMLだけでスマホやタブレットのカメラにアクセスできる、HTMLのcapture属性を紹介します。 私はこの属性を知らなかったのですが、実際にiPhoneとiPadで試してみたところ、前面カメラにも背面カメラにもアクセスできました。JavaScriptなどは必要なく、簡単なHTMLでできます。 You Can Access A User’s Camera with Just HTML by Austin Gil (@heyAustinGil) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに HTMLのcapture属性とは capture属性のサポート状況 終わりに はじめに 私は先日、今までに見たことがないHTMLの属性、captureに出会いました。capture属性は非常にクールなので、動画と記事を書くことにし
こんにちは、 @okazu_dm です。 この記事は、CookieのSameSite属性についての解説と、その中でも例外的な挙動についての解説記事です。 サードパーティCookieやCSRF対策の文脈でCookieのSameSite属性に関してはご存知の方も多いと思います。本記事でCookieの基礎から最近のブラウザ上でのSameSite属性の扱いについて触れつつ、最終的にHSTS(HTTP Strict Transport Security)のような注意点を含めて振り返るのに役立てていただければと思います。 前提条件 Cookieについて Cookieの属性について SameSite属性について SameSite属性に関する落とし穴 SameSite属性を指定しなかった場合の挙動 SameSite: Strictでも攻撃が成功するケース 例1: スキームだけ違うケース 例2: サブドメイ
HTMLやCSSには、ユーザーインタラクション(ユーザー操作)を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス(UI)では、非アクティブな要素が操作されないように「画面には表示されているが、あらゆるユーザー操作を受け付けない状態」にしたい場合があります。具体的には、以下のユーザー操作を無効化します。 マウスやタッチ操作を無効化したい テキスト選択を無効化したい キーボードフォーカスをあえて無効化したい 音声読み上げをあえて無効化したい 必要なプロパティや属性を複数指定することが考えられますが、そのようなときに役立つのがinertイナートと呼ばれるHTMLのグローバル属性です。 inert
あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。 Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロードできるファイルのタイプを指定できるaccept属性など、HTMLだけで実装できるのかという便利な属性ばかりです。 7 useful HTML attributes you may not know by Mariana 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに multiple属性 accept属性 contenteditable属性 spellcheck属性 translate属性 poster属性 download属性 終わりに はじめに HTMLは、Web制作の要です。しかし、多くのプロ
九曜@navagraha_@mastodon.juggler.jp @navagraha_ 話は盛大にズレていくんだが私のいた某百貨店だと、お客様の発言からそれとはっきり分かるまでは連れの異性を「ご主人様」「奥様」「お嬢様」等と属性で呼ぶな、と言われていた。娘のような妻、妻のような上司、旦那のような愛人、息子のような部下、何もかも有り得るから、と。 九曜@navagraha_@mastodon.juggler.jp @navagraha_ 奥様と呼ばれて喜ぶ愛人もいるかもしれないしご主人様と呼ばれて喜ぶ父もいるかもしれないが、逆に地雷踏み抜いて不機嫌にさせてしまうかもしれない。何しろ客同士の空気が悪くなると本当に購買に結び付かないし、この種の「嫌な出来事」を記憶させてしまうとまずリピーターにならない。という話だった 九曜@navagraha_@mastodon.juggler.jp @na
それはアニメ漫画ゲームなどのオタク趣味全般が「記号化の文化」であることに起因している 例えば萌えキャラを考えてみよう 一般的に「可愛いとされる」要素を強調して描かれているのが分かる 丸顔、大きい目、甲高い声などがそうだ 少年漫画やなろう系なら、デザインだけでなく展開、ストーリーラインもテンプレ化する 「主人公の血統」「トーナメント展開」「ざまぁ」「パーティを追放された復讐」などがそうだ 逆に、昨今の映画やドキュメンタリーなどは このステロタイプ化を嫌ったり、お決まりの展開するよりも 煮え切らないエンディングで終わるものも多い (それはある意味意外性につながり、アニメ漫画のようなお決まりとは違う楽しみ方となる) 「強調」「ステロタイプ化」する文化は奇しくもお笑いなどと似てる面もある お笑いは人間の生活を強調して面白おかしく描写するのが得意で、それがそのまま笑いとして提供される アニメ漫画など
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、いくつかの場面でWebアクセシビリティについて、コーディングに関する技術的な説明をする機会がありました。そのなかで、そもそもWAI-ARIAというものが、どういう立ち位置のものなのかがわかりづらい状態にあるということに気付きました。その結果として、WAI-ARIAの活用を含めたWebアクセシビリティ向上に取り組むことへのネガティブな印象が生まれてしまったり、理解が足りないままWAI-ARIAの属性を使うことでかえって問題が発生しやすくなってしまったりしている現状があるのではないかと思うようになりました。 そこでこの記事では、なるべ
<details>要素でアコーディオンを簡単に実装できますが、懸念点は複数のウィジェットが個別に開閉してしまうことです。1つ目を開いて、2つ目を開くと、1つ目は開いたままです。1つ目を閉じるには、1つ目をクリックして閉じる必要がありました。 しかし、<details>要素にname属性を与えると、すべてのウィジェットを連動して開閉させることができます。1つのウィジェットだけを開くことができる排他的アコーディオンをHTMLとCSSだけで実装する方法を紹介します。 Exclusive Accordion by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 アコーディオンの実装 1つのウィジェットだけを開くことができる排他的アコーディオン 排他的アコーディオンのポリフィル アコー
例えば、スマホ端末に対して1920×1080の画像を表示するのはムダです。 もっと小さいサイズでいいですからね。 逆にデスクトップPCだと画面が大きいので、1920×1080の画像を表示しても良いですよね。 このように デスクトップPC →1024×682の画像を表示する ノートパソコンPC →640×426の画像を表示する スマホ →400×266の画像を表示する という風に、大きさの異なる画像を出し分けたいときに使うのがsrcset属性です。 srcset属性のデモページ(ソース) ※後述していますが、ChromeやSafariの場合はスーパーリロードしないと画像が切り替わりません 例えば、以下のように書くと <img srcset="small.png 400w, medium.png 640w, large.png 1024w" src="large.png" /> imgタグは、
ポップオーバーのネスト 複数のポップオーバーが同時に表示されることはないルールには例外があります。ポップオーバーがネストされている場合です。 <button popovertarget="popover1">Show Parent</button> <div id="popover1" popover> <p>This is Parent</p> <button popovertarget="popover2">Show Child</button> <div id="popover2" popover> <p>This is Child</p> </div> </div> 子のポップオーバーは親のポップオーバーの子孫要素として存在しているため、子のポップオーバーが表示されている間に親のポップオーバーを閉じることはありません。 ポップオーバーのネストは popover=hint 属性を使用
最近、この説明を複数回したので記事にする。 要約 普段は 今北産業 派なのだが、3行考えるのが面倒なため、今後は大人の表現を使う。 「今北産業」をスタートアップ語にすると「マジ価値サマリー」になるらしい ちなみにここだけの話ですが、大人語にすると「要約」になります pic.twitter.com/Q8SflvBX7c— ところてん (@tokoroten) 2022年1月24日 画面に表示したい順(以下、表示順)は振る舞いの属性なので分ける 似たような振る舞いに関わる属性は別テーブルにわけると良い 普通に正規化しましょうって話。 表示順をカラムを追加して表現する よくあるテーブルは画面情報と合わせて表示順カラムがあるパターン。 こういうテーブルを作って SELECT * FROM items ORDER BY display_order_number; で表示順に取り出すパターン。 表示順
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く