React、Angular、Vue対応、高性能なテーブルを実装できるシンプルで軽量のJavaScriptライブラリ -Grid.js
高性能なテーブルを実装できる、シンプルで軽量のJavaScriptライブラリを紹介します。HTMLテーブル、ページネーション、検索機能、ソート機能、XMLやJSONからインポートなどに対応しています。 React、Angular、Preact、Vueなどの主要なフレームワークのプラグインとして動作するだけでなく、フレームワークなしのバニラJavaScriptでも使用できます。 Grid.js Grid.js -GitHub Grid.jsの特徴 Grid.jsのデモ Grid.jsの使い方 Grid.jsの特徴 Grid.jsは高性能なテーブルを実装できる12Kbの超軽量のJavaScriptです。 シンプルで軽量な実装。 人気が高いすべてのJavaScriptフレームワーク（React、Angular、Vueなど）で使用できます。 フレームワークなし（バニラJavaScript）でも使用
Internet Explorerが完全終了らしいので我が家最古のIEで阿部寛のHPを閲覧した「こんなに開くのが遅い阿部寛のHP見た事ない！！」
ふたなめ @futaname @Reo_inoko 富士通のロゴの下にある「一太郎」(Windowsが発売(1995年)される前からあるワープロ用ソフト)の文字が良い味出してるね Ver.8は1997年だけど、それでも25年前のレトロ機だから、よう動いとる 2022-06-16 08:22:56
Front-End Study #1「Cloud Native時代のフロントエンド」 - connpass の発表内容のテキスト版です。 発表に載せられなかった参考資料集 StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share The "Developer Experience" Bait-and-Switch - Infrequently Noted JavaScriptよ。文明を捨て、自然に還れ。 ::ハブろぐ Deno - A secure runtime for JavaScript and TypeScript Rome Toolchain Blitz.js - The Fullstack React Framework | Blitz.js ⚡️ Prisma - Da
2024年、現在の環境に適したリセットCSSのまとめ
CSSにおけるブラウザによる互換性の問題はWeb制作でモダンブラウザをターゲットにした場合、以前に比べるとはるかに少なくなりました。昔から使用している無理なリセットCSSやすべてをリセットする必要は全くありません。 IE11のサポート終了から2年が経ち、現在はモダンブラウザの時代です。Chromeをはじめ、chromiumベースのEdge、Safari、Firefoxはエバーグリーンブラウザ（最新版に自動アップデートするブラウザ）と呼ばれています。 現在の制作環境に合わせて制作された新しいリセットCSSの中から特に注目すべきリセットCSSを紹介します。CSSのテクニックや知見も満載です！ リセットCSSとは リセットCSSの使い方・書く順番 どのリセットCSSが適しているかの選び方・カスタマイズ方法 A (more) Modern CSS Reset -モダンブラウザに最適化された新しいリ
便利なツールが登場！ 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像（SVG, PNG, JPG, GIF）の最適化と圧縮、画像の新しいフォーマット（WebPやAVIF）への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の
人間の脳は量子計算をしているとの研究結果
脳を特殊な方法でスキャンする研究により、人の脳が量子的な機能を持っていることが判明したと報告されました。この発見は、なぜ人の脳が一部の分野でいまだにスーパーコンピューターをしのぐ能力をもっているのかの解明につながると期待されています。 Experimental indications of non-classical brain functions - IOPscience https://doi.org/10.1088/2399-6528/ac94be Our brains use quantum computation - News & Events | Trinity College Dublin https://www.tcd.ie/news_events/top-stories/featured/our-brains-use-quantum-computation/ 今回の発見は
筆者は起業家で、マンガ好きなのですが、起業を題材にしたマンガというのはあまりありません。 起業は、あらゆる困難がおき、それに対して仲間で立ち向かっていく・・・というもので、非常にマンガ向けだと思うのですが、日本ではまだ起業についての知識が、起業家以外には広がっていないせいか、数が多くありません。 あえていうなら、『マネーの拳』や『王様達のヴァイキング』くらいです。伝記を元にした『スティーブ・ジョブズ』などもありますが・・・。 というので、「起業を題材にするなら、こういう知識を知っておくといい」というのを、画像とともに説明していきたいと思います。 -- 😎ここでCM 😎-- この記事は、ヤングジャンプの漫画賞のための記事です。詳しくは、「漫画家必見！ヤンジャンが賞金総額1億円の漫画賞を実施しているぞ！」をご覧ください！ 起業とは？そもそも起業とは何でしょうか？起業とは文字通り、「事業を起
あひるさん🇺🇸 @5ducks5 2002年に渡米。アメリカの日常生活を面白おかしく切り取って、毎日が楽しくなるような小ネタをつぶやいてます。固定の連ツイもぜひ。アイコンは本人ではありません。 amazon.co.jp/b?ie=UTF8&node… あひるさん🇺🇸 @5ducks5 🇯🇵を離れる予定がある方はご自身の食に対するストレス耐性を知っておくとよいかも知れません。試しに合わせ調味料を使わない完全自炊生活+マクドナルドだけで2週間くらい生活してみて下さい。選択肢が多く便利で快適な🇯🇵の食文化でストレス発散してた人は、海外でわりと簡単に病みます。鬱は食事から。 2022-07-17 13:05:03 あひるさん🇺🇸 @5ducks5 🇺🇸生活で生き残りやすいタイプには「なんでも自炊できる人」「🍔🌮🍕🍩🥩が大好きな人」「お金の力で解決できる人」「食に執
芹沢文書 @DocSeri 無事IE逝去して社員が一斉にEdgeへ移行したことにより「ブラウザに保存してたのでパスワードがわかりません」問い合わせが大発生しており 2022-06-16 11:11:14 yumihiko @yumihiko2 @DocSeri 芹沢さん的にはイラアッとされてるかも知れないけど、申し訳ないですが草 ハード更新した時とかどうするつもりだったんだろう(同様に聞けばいいと思ってるんだろうなぁ) 2022-06-16 15:30:24
きんどう @zoknd 【重要】Amazonギフト券を転売サイトから購入しないでください → amazon.co.jp/b?ie=UTF8&node… 詐欺など不正取得の可能性のあるAmazonギフト券を利用したなどで、Amazonアカウントの停止が話題になっていますね。上記リンク先に名指しで転売サイトが載っているのでご確認ください。 pic.twitter.com/rDYWJffEhE 2021-08-23 13:11:41
全国の地名の「○本木」と「○本松」、○に入る数字を全部足したら一体何本になるの？→地図制作会社ゼンリンが本気出して調べてみた
株式会社ゼンリン🗾 @ZENRIN_official ＼ 〇本木 VS 〇本松 ／ どちらも「木」が由来で命名されていることが多い両地名、地名数を対決させてみた結果の勢力MAPがこちらです💪💪💪 〇本木は 東日本＞西日本 〇本松は 東日本＜西日本 #忘年会に使える地理ネタ pic.twitter.com/1tZQTta6Ie 2019-12-17 19:20:16
","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=\"
概要 先日ふと自分のPCのフィンガープリントを取ってみたところ「IPアドレス」など様々な項目が並ぶ中に「Math.tan」という変な項目を見つけました。 「なぜ三角関数が出てくるの？」と気になって調べてみたところ、**三角関数の値はブラウザやOSの実装により微妙に異なることがあり、特定の式をブラウザに計算させることで利用者を識別する手段になり得る1**という話でした。 面白そうだなと思ったので、本記事ではその手法で実際どの程度までブラウザ/OSを判別できるのか調査してみました。 検証方法 今回は様々な文献12の情報を参考に、以下の式を各OSの各ブラウザに計算させました。 tan(-1e300) cosh(10)（厳密には三角関数の類似ですが） これら以外も10数種類ほど試したのですが、判別に使えたのはこの2つのみでした。 試したOSとバージョン macOS Catalina (ver.10
NTT東日本と西日本が2000年から提供してきたADSLサービス「フレッツ・ADSL」の提供を1月31日に終了する。当初は通信速度が下り1.5Mbps／上り512Kbpsと当時としては高速で常時接続できる画期的なサービスだった。 21年1月31日までにフレッツ光の提供を始めていたエリアでサービス終了とする。22年2月1日から23年1月31日までにフレッツ光の提供を始めたエリアでは25年1月31日まで提供を続ける。NTT地域会社は、契約終了時にISP（インターネットサービスプロバイダー）の解約手続きもしないと料金を請求され続ける可能性があるとして注意を呼びかけている。 サービス終了は17年11月に告知済み。終了理由は、対応機器の部品の製造終了とユーザー減少としていた。 関連記事 「フレッツ・ADSL」申し込み受け付け終了 「フレッツ・ADSL」の新規申し込み受け付けが来年6月末に終了。関連部
あひるさん🇺🇸 @5ducks5 以前お呼ばれBBQでたい焼きの型を持ち込んで天然物のたい焼き職人と化したのですが、あの後たい焼きを作る私の写真が社内にばら撒かれてから何人もの🇺🇸人同僚達が私に「今度俺のところにも来いよ！」と誘ってくるのは構わないけどたい焼きをフィッシュケーキと呼ぶのだけはなんとかして止めさせたい。 2022-09-11 07:06:25 あひるさん🇺🇸 @5ducks5 2002年に渡米。アメリカの日常生活を面白おかしく切り取って、毎日が楽しくなるような小ネタをつぶやいてます。固定の連ツイもぜひ。アイコンは本人ではありません。 amazon.co.jp/b?ie=UTF8&node… あひるさん🇺🇸 @5ducks5 フィッシュケーキはすり身の揚げ物！もしくはかまぼこ！みたいなリプをよく貰いますが、すり身の揚げ物もかまぼこも辞書には載ってますけど、こちら
SVG形式のファビコンを設置しよう
2022年4月27日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません！やったね！少し工夫すればダークモードにも対応できますよ！さっそくみていきましょう！ ↑私が10年以上利用している会計ソフト！ SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと
【動画】ロッテ佐々木朗に球審・白井がキレて詰め寄る「何？俺の判定に文句あるの？」 1 名前：バザールでござーる(茸) [US]：2022/04/24(日) 14:27:21.07 ID:oF5aEmoe0 ロッテ・佐々木朗に球審が詰め寄る 不服な態度に注意か 捕手の松川が止めに入る ロッテ・佐々木朗希投手が今季５試合目の先発。二回、２死一塁、 打者安達の場面で２スイトライクからの外角直球がボールとなった直後、白井球審がマウンドの佐々木朗へ詰め寄る場面があった。 ２ストライクから投じたのは外角ぎりぎりの１５８キロ。この一球はボール判定となり、一走・杉本に盗塁を決められた。直後、佐々木朗は二塁から本塁方向をくるりと向き直って苦笑い。 この態度が不服にうつったのか、白井球審が何かを言いながら厳しい表情でマウンドへ歩いた。 捕手の松川が止めるようにして間に入り、その後、井口監督も球審のもとへ歩き、
画像を実装するには、以前はimg要素にsrcで画像を指定するだけで簡単でしたが、レスポンシブ対応、Retina対応、遅延読み込み、そしてさまざまな画像フォーマットの登場により、HTMLのコードが複雑になっています。 レスポンシブ対応のwebp画像を実装するHTMLのコードの完全版を紹介します。非サポート用のフォールバックにも対応しており、コピペで簡単に使用できます。 A picture element to load correctly resized webp images in HTML by Stefan Judis 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 2021年現在、画像の主要フォーマット 新しい画像フォーマットを読み込むための取り組み 最初のステップ: picture要素でwebp画像を読み込むには 完全版
","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=\"
使用できるウェブ閲覧ソフトの制約が政府のデジタル化の急所として浮上してきた。9月から始まるキャッシュレス決済のポイント還元策「マイナポイント」や、公共工事の入札システムをパソコンから手続きする場合、米マイクロソフトのインターネット・エクスプローラー（IE）以外は使えない。不便なだけでなく、サイバー攻撃への守りにも不安がある。「7月中にほかのソフトも対応できるよう改修を進めている」。還元を受ける
私が「Web制作にはMacが適している」と思う理由
先日 iMac 2019のレビュー記事 に「Web制作にMacが適していると思っている理由は別の記事に書きます」と書いたところ結構反応があったため、この記事にまとめることにしました。 先に、Web制作のためにWindows PCを買った方のために説明しておきますが、Windows PCでもWeb制作はできますのでご安心ください。 ただ、私はいくつかの理由でWeb制作にはMacの方がメリットが多いと感じています。 私がMacでWeb制作するようになったきっかけ 私はWindows 95の頃からWindows PCをずっと使用していました。 Windows 95や98の頃はMacでWeb制作するメリットを感じておらず、多くのWebサイトを問題なく閲覧できるWindows PCがベストだと思っていました。 その後Windows XPやWindows Vistaが搭載されたPCをメインで使用してい
3大クラウド(AWS,Azure,GCP)をそれぞれプロダクションで実運用した感想(その2 Azure固有の優位性について) - Qiita
3大クラウド(AWS,Azure,GCP)をそれぞれプロダクションで実運用した感想(その2 Azure固有の優位性について)Azure 3大クラウド(AWS,Azure,GCP)をそれぞれプロダクションで実運用した感想(その2 Azure固有の優位性について) はじめに 前回記事で3大クラウドに関して、各々のクラウドのシェアと将来性に関して感想を記述したところ、トレンド1位になったりと大変大きな反響をいただきました。 長い記事であったにも関わらず、目を通してくださった読者の皆様ありがとうございます！ しかしながら、予想外のバズり方をしてしまってだいぶハードルが上がってしまったのと、ちょうど弊社でインパクトの大きい経営施策(シリーズBの資金調達/事業譲渡)が立て続けに執行されたことが相まって、記事第二弾の投下が遅くなってしまいました。 楽しみにしてくださっていた方々、申し訳ございません。 今
GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かす - Qiita
GitHub Actions で Windows IE11 と Mac Safari を selenium-webdriver で動かすSeleniumselenium-webdriver 最近得た天啓で、 「GitHub Actions はコンテナを windows / mac / ubuntu から選べるということは、 本物の safari と ie11 を selenium-webdriver で動かすことができるのでは？」 と思ってガチャガチャやってみたら、なんとできてしまったので、紹介します。 今回は node で。 name: xbrowser on: [push] jobs: e2e-ie: runs-on: windows-latest steps: - uses: actions/checkout@v1 - uses: warrenbuckley/Setup-Nuget@
","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=\"
現場で使えるFlexboxレイアウト12選Update2023.05.12Release2021.06.24Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する 現場で使えるFlexboxレイアウトを12パターン紹介します。flexboxを紹介する記事はたくさんありますが、知識のみで実例付きで紹介されているページはあまり見かけなかったので、本記事にて詳しく紹介していきます。 flexboxに慣れていない方だけではなくコードを短縮化させたい方も対象の内容となっております。ぜひご一読ください。 flexboxを使った横並び1行レイアウトflexboxを使った横並び1行レイアウトカードUIでよくある横並び1行レイアウトのFlexbox実装。同じ横幅のカードを等間隔で配置するもので、間の余白ももちろん等間隔。これを使う機会は多いので確実
2022年3月17日 JavaScript Web Animations APIとは、他のライブラリーを使わずにアニメーションを実装できるJavaScriptの仕様です。CSSアニメーションと違い、様々な関数やイベントと組み合わせてより柔軟に、より豊かな表現が可能となります。今回はそんなWeb Animations APIを使ってみましょう！ ↑私が10年以上利用している会計ソフト！ Web Animations APIの基本の書き方 基本的な考え方や構造はCSSアニメーションと同じですが、アニメーションの内容やどう動かすかの指定は、配列やオブジェクトで記述していきます。基本形はこんな感じ： JavaScript 動かす要素.animate(動かす内容, 動きの詳細); 動かす内容（キーフレーム） animate() の第一引数には動かす内容、キーフレームを指定します。CSSと同じ形でプロ
","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=\"
div要素はひとつだけ、CSS Flexboxを使用してテキストの左右に水平線を引くスタイルシートのテクニックを紹介します。 HTMLは非常にシンプルで、テキストと水平線はレスポンシブ対応で、カラーやサイズや左右のマージンも簡単に変更できます。 div要素ひとつだけで実装する テキスト付きの区切り線 まずは、最終のデモをご覧ください。 テキストの左右に水平線を引いた区切り線は、div要素ひとつだけで実装されています。モダンブラウザはもちろん、EdgeでもIE11でも大丈夫です。 実装のポイント div要素ひとつだけ、spanなど余分な要素は必要なし。 divに限らずブロック要素、h1で見出しの装飾としても使えます。 画像やSVGなども必要なし。 水平線は、カラー・サイズ・マージンの変更ができる。 フォントのサイズを大きくしても自動で調整される。 水平線はレスポンシブ対応。 背景が画像でも水
","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=\"
なぜリモートでも完全にペアプロで開発するのか？ XPのプラクティスをどこまでも徹底するユーザベースの挑戦を恐れない開発文化 - はてなニュース
ステイホーム期間が続き、開発者がオフィスで顔を突き合わせることも少なくなっています。そんなリモートワークが既定となった状況下でも、ユーザベースのB2B SaaS事業では開発に関わる全てを徹底してペアプログラミングで行っています。 その根幹には、XP（eXtreme Programming）のプロセスを推進することで開発効率を向上させる意図があり、それが多種多様なプログラミング言語やマイクロフロントエンドといった目新しい技術を恐れることなく積極的に採用する開発文化を生み、ひいてはシェアドリーダーシップによる自己組織化されたチームのあり方につながっています。 わずか10人程度だったエンジニア組織を4年で10倍の規模に拡大し、さらに組織と事業の成長を目指すCTOの林尚之さん、スペシャリストとしてFellowの肩書を持つ板倉大輔さん、入社2年目のエンジニア片山景太さんの3人にお話をうかがいました。
Cookie2 とは何か | blog.jxck.io
Intro タイトルを見て「Cookie の新しい仕様か、キャッチアップしよう」と思って開いたのなら、以降を読む必要はない。 Cookie History 2000 年に発行された Cookie の仕様である RFC 2965 では、仕様中に Set-Cookie2/Cookie2 (以下 Cookie2) という 2 つのヘッダが定義されている。しかし 2011 年に改定された現行の RFC 6265 ではそれらヘッダは deprecate されており、実際の Web でこれらのヘッダが交換される場面を、少なくとも筆者は見たことがない。存在すら知らない開発者も多いだろう。 筆者はずっと、この仕様がどのように出てきて、どうして消えていったのかが気になっていた。 Web 上にも情報が少なく、「歴史上の理由で」とか分かったようなことを言ってる人がたまにいるくらいだ。四半世紀前のことなので経緯を
在日ベトナム人、ネコやらタヌキやら伊勢海老やらなんでも獲ってきて自宅で解体して食い尽くす 1 名前：ひかりちゃん(茸) [ﾆﾀﾞ]：2020/10/29(木) 18:14:16.39 ID:tcri/tnE0 無許可の場所で豚の解体容疑 ベトナム人4人逮捕 群馬 窃盗事件との関連捜査 北関東で家畜や果物が相次いで盗まれた事件に絡み、許可を受けていない場所で豚を解体したとして、群馬県警は28日、いずれもベトナム国籍で同県太田市由良町の技能実習生の男性4人を、と畜場法違反容疑で逮捕した。県警は4人の認否を明らかにしていない。県警は26日にも、別のベトナム人男女13人を入管法違反（不法残留）容疑などで逮捕しており、複数のベトナム人グループが盗難に関与していた可能性があるとみて、一連の事件の全容解明を急いでいる。 https://mainichi.jp/articles/20201028/k00/
元男性のトランス女子水泳選手(※性的指向はレズビアン)。更衣室で男性器を隠さずマッパでうろつく 1 名前：ぬこ(東京都) [US]：2022/01/28(金) 22:43:35.27 ID:47e1X3a00 女子水泳大会で次々と記録を塗り替えている米ペンシルベニア大学のリア・トーマス選手（22）。2年前まで男だった彼女は女子更衣室で男性器を隠さないとの告発を受けている。 リア・トーマス選手のとある問題行動が注目を集めている。 リア選手は女子更衣室で男性器を隠さないことがあるようだ。そのためチームメイトの間では「彼女はまだ体の一部が男性だし女性に惹かれる人なので気まずい」と不安が高まっているのだという。 あるチームメイトはリア選手を女子更衣室から追い出せないかコーチに相談したが願いは届かなかった。 「複数の女子選手が何度も声を上げていますが、リア選手をのけ者にすることはできないし、対処法は
","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=\"
IEをサポートから外すと、CSSの便利な新しいプロパティが使用できます。その中の1つ、いや3つがmin(), max(), clamp()です。 数学関数といえばcalc()が便利ですが、さらに便利なのがこの3つです。要素の幅指定、padding値の管理、font-sizeの定義など、レスポンシブ対応で大活躍します。min(), max(), clamp()の基本的な使い方を紹介します。 min(), max(), and clamp(): three logical CSS functions to use today by Una Kravets CSSの関数のさらにいろいろな使い方は、下記をご覧ください。 CSSの比較関数 min(), max(), clamp()の使い方を詳しく解説 CSSのcalc()関数を使うとスゴイ便利！ページのレイアウト、要素やフォントのサイズ指定など実装
Intro 筆者は、 Web のセマンティクスに対する実装の方針として、大きく Push 型の実装 と Pull 型の実装 があると考えている。 もっと言えば、それは実装方法という具体的な話よりも、開発者のセマンティクスに対する態度を表現することができる。 この話は「Push よりも Pull が良い」などと簡単に切り分けられる話ではない。 「自分は今 Push で実装しているのか、 Pull で実装しているのか」この観点を意識するかしないかによって、セマンティクスに対する視野が広くなり、その応用として、たとえば今自分が行っている実装が、将来の Web においてどのような互換性の問題を生じるかなどを想像できるようになるだろう。最近問題になる Ossification を、こうした視点の欠如の結果とみることもできる。 (本エントリでの Ossification は、一般に言われている Pro
現在、 JavaScript の MIME タイプは2006年4月に公開された RFC 4329(www.rfc-editor.org) にて text/javascript (OBSOLETE) application/javascript (COMMON) text/ecmascript (OBSOLETE) application/ecmascript (COMMON) の4つが定義されています。 この RFC 4329 では text/* の2つは OBSOLETE 扱いな一方で、 JavaScript を呼び出す HTML の仕様では HTML5 以降、 <script> 要素の type 属性を省略することが推奨 されたうえで、省略時の値は text/javascript である とされました。 このように RFC 側と HTML 側で矛盾が生じる事態が長い間続いています。 実
","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=\"
Modern web apps without JavaScript bundling or transpiling
August 12, 2021 Modern web apps without JavaScript bundling or transpiling I didn't much care for vanilla JavaScript prior to ES6. Through all of the 2000s, I chased different approaches to avoid writing too much of it. First there was RJS (Ruby-to-JavaScript). Then there was CoffeeScript. Both transpiling approaches that turned more enjoyable-to-write source code into the kind of JavaScript that
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Frontend Study #1: 基調講演 - Frontend 領域を再定義する
起業マンガを増やしたいので、起業について本気で説明する | アル
アメリカ生活で生き残りやすいタイプは英語や専門性が強い人ではなく『食生活の適応力が高い人』
IEがサ終してEdgeに移行したことにより絶対に答えられない問い合わせが大量発生→ユーザーが本当に欲しいものは…
安く購入したAmazonギフト券を使ったらアカウントを凍結された→「ギフト券を転売屋から購入しないで」公式からも注意喚起
「Internet Explorer 11」が無効化される前に知っておきたいこと／どのOSが対象？ IEでしか見られないページはどうすれば？ Windows 11ではどうなるの？【やじうまの杜】
二階氏、日中関係「誰が考えても春」 習氏訪日に期待感：朝日新聞デジタル
閲覧者のユーザーエージェントを三角関数で判定できるか？ - Qiita
「フレッツ・ADSL」、あした原則終了 22年の歴史に幕
アメリカでBBQの時、型を持参し「たい焼き」を焼いたら大人気→だけど困る事が…
【動画】ロッテ佐々木朗に球審・白井がキレて詰め寄る「何？俺の判定に文句あるの？」 : 痛いニュース(ﾉ∀`)
これが完全版！レスポンシブ対応のwebp画像を実装するHTMLのコード
ネットで広がるトランスジェンダー女性差別、背景に何が：朝日新聞デジタル
デジタル政府、「IE縛り」急所 情報漏洩の守りに不安 - 日本経済新聞
「自分ばかり負ける」客が通報 賭博場の開設容疑で逮捕：朝日新聞デジタル
現場で使えるFlexboxレイアウト12選 | BUILD Journal
素のJavaScriptだけでアニメーションを実装するWeb Animations API
山口県、2千万円の最高級車購入 来県予定のない皇族用：朝日新聞デジタル
CSSもこれで簡単に！テキストの左右に水平線を引くスタイルシートの新テクニック
愛知で自殺急増、8月119人 知事「抱え込まないで」：朝日新聞デジタル
在日ベトナム人、ネコやらタヌキやら伊勢海老やらなんでも獲ってきて自宅で解体して食い尽くす : 痛いニュース(ﾉ∀`)
元男性のトランス女子水泳選手(※性的指向はレズビアン)。更衣室で男性器を隠さずマッパでうろつく : 痛いニュース(ﾉ∀`)
菅氏、森友改ざん再調査を改めて否定「結果は出ている」：朝日新聞デジタル
CSSの数学関数min()、max()、clamp()の基本的な使い方
Web のセマンティクスにおける Push と Pull | blog.jxck.io
JavaScript の MIME タイプが `text/javascript` に統一されようとしている
研究の軍事利用、学術会議に検討促す 井上科技相が答弁：朝日新聞デジタル