階層メニューやトーストUIが簡単に作れる新技術！ JavaScriptで利用するポップオーバーAPI 2023年5月〜6月にリリースされたChrome 114とEdge 114には、「ポップオーバーAPI」というAPIが搭載されました。 ポップオーバーとはコンテンツの1番上に重ねて表示するUIで、ユーザーにアクションを促したり、補足の情報などを伝えるために画面に表示します。ポップオーバーAPIのMDNのドキュメントではオーバーレイ、ポップアップ、ポップオーバー、ダイアログなどを総称して「ポップオーバー」と呼んでいます。 ウェブサイトでよく見かけるポップオーバーですが、実装するには意外と調整や考慮の多いUIです。たとえば、画面の1番上に重ねるためにはz-indexで他の要素との重なり順を調整する必要があります。Escキーを押した時や要素外をクリックした時にポップオーバーを閉じるには、Java
HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、非アクティブな要素が操作されないように「画面には表示されているが、あらゆるユーザー操作を受け付けない状態」にしたい場合があります。具体的には、以下のユーザー操作を無効化します。 マウスやタッチ操作を無効化したい テキスト選択を無効化したい キーボードフォーカスをあえて無効化したい 音声読み上げをあえて無効化したい 必要なプロパティや属性を複数指定することが考えられますが、そのようなときに役立つのがinertイナートと呼ばれるHTMLのグローバル属性です。 inert
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケート結果を紹介します。 floatプロパティーは現役？ floatプロパティーは、CSSレイアウトのために2000年代中頃からテーブルレイアウトに代わって使われてきました。FlexboxやCSS Gridなど、他にレイアウト手法が存在する現在において、floatプロパティーはどれほど使われているのでしょうか。 1829票の回答があり「とてもよく使う」が5.7%、「たまに使う」が19.8%、「ほとんど使わない」が69%、「floatを知らない」が5.5%でした。 現在はfloatプロパティーを使う
ウェブのフロントエンド開発に役立つライブラリとして、VueとReact、Angularがよく取り上げられます。これらのライブラリは、SPA（シングルページアプリケーション）の開発に役立つ多くの機能を持っています。 フレームワークを選定するには、「人気だから使う」という短絡的な理由で選択をするのは望ましくありません。設計思想や機能の種類、学習コストなどの観点で、プロダクト・プロジェクトチームへの適性を検討するのがセオリーです。幸いにも、それぞれを比較した記事がウェブに数多くあり、選定のヒントを簡単に得ることができます。 一方、機能面の比較ばかりが取り上げられ、性能面で紹介されている記事が少ないように見受けられます。記事『サービスにおいて速さこそが神である｜深津 貴之』でも紹介されているように、昨今のウェブはスピードが求められる時代でもあり、ライブラリの性能評価の記事があってもよいのではないで
私は明治大正時代の物語を好き勝手に調べてるんですけど、このあいだ真田一族に関する娯楽物語についてのお話の上編が掲載されました。 cocolog-nifty.hatenablog.com 今回は下編が掲載されるはずでしたが、予定が変りました。 なぜ予定が変ったのかというと、なんか知らないうちに下編の文章がジャンジャン長くなっていって、朝日新聞デジタル編集部によって常人では最後までスクロールできないから分けろという判断が下されたからです。 というわけで中編が掲載されています。 www.asahi.com 今回は真田一族で最強の男が出てくるし、桂市兵衛も無理矢理埋め込んである。他の記事はきちんとしたことが書いてあるのに、俺のだけ八歳児が虎殺す物語が大正時代にあるとか幼稚な自慢している上に、とにかく長いしちょっとヤリすぎたかなと思っている。これでアクセス異常に少ないとか評判が圧倒的に悪いとかになる
ブラック企業など若者の労働問題に取り組むＮＰＯ法人「ＰＯＳＳＥ」の代表らを中傷するメールを繰り返し送ったとして、名誉毀損（きそん）の疑いで男が書類送検された。これらのメールにたびたび引用されていたのが、ＮＰＯや代表を中傷する書き込みを取り上げたインターネットの「まとめサイト」だ。真偽不明の情報ながら、広まることでいつの間にか“事実”と誤信されることがあるネット社会。広まった情報を回収するのは不可能で、失った名誉を取り戻すのは容易ではない。２年以上にわたりネット中傷を受け続けてきたＰＯＳＳＥの今野晴貴代表は「こうした被害は誰にでも起こりうる」と警告する。 著名人の書籍を利用するなどの仕掛け ＰＯＳＳＥによると、最初にネットの中傷が確認されたのは、平成２４年末ごろ。ツイッターの書き込みをまとめるサイトに「【新左翼】ＮＰＯ法人ＰＯＳＳＥ（ポッセ）に注意！【京大政経研】」など複数のタイトルで公開さ
ある若手記者によって書かれた、科学報道に関する産経ニュースの記事が叩かれている。 科学取材…専門用語飛び交い理解不能の世界、頭が真っ白に: 産経ニュース 内容は、文系出身の若手記者が記事作成のために研究者の取材をするものの、研究者が話す専門用語や研究意義が理解できずに悪戦奮闘するというものだ。 この記者に対して、理系の教養に欠けること、そして、取材前に予習をしないという姿勢に、多くの批判が寄せられている。記事中の「わかりやすい記事を書くために凡人こそ記者になればいい」という一文も、多くの科学好きの神経を逆撫でしている。 ちなみに、この記者がその時の取材で書いたのが以下の記事だ。 「筋力の衰え測ります」 屈伸でＯＫ 立命大が開発: 産経ニュースwest この記事に対しても、「科学的な説明が不十分」などの批判が寄せられている。同じ研究成果を報告しているマイナビニュースの記事と比べて論じている人
これは嘘ニュースです 突然このような記事を書くと驚かれるであろうことを覚悟した上で告白いたします。 私はこのブログのライターである一方で、嘘ニュースサイト『虚構新聞』を運営しておりました。 今回は残念なお知らせをしなければなりません。 『虚構新聞』における記事の更新を無期限に休止します。 私がWebサイト『虚構新聞』を立ち上げたのは2003年7月のことです。 開始当時は非常に細々としたサイトでして、コメント数も多くて2,3件ほどでした。 過去ログ(http://kyoko-np.net/national.html)を確認していただければわかると思いますが、初めての記事は 『"踊る大捜査線 THE MOVIE2"上映記念でファン殺到→レインボーブリッジ封鎖』 というタイトルです。良くも悪くも、今と芸風が変わっていないというか、なんというか。。 サービス開始当初は、いただける多くのコメントは、
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
前の記事 「70年前のクラシックカーレース」再現、BMWが勝利 「iPadは使いにくい」：米のUI専門家が批判 次の記事 ネットは「偏った意見」を強化するか：研究結果 2010年5月13日 社会メディア コメント： トラックバック (0) フィード社会メディア Nate Anderson 『PC房』と呼ばれる韓国のインターネットカフェ。画像はWikimedia 私は先頃、「リベラルな人間として生きるには」という本を紹介するリリースを見た。それによると、「Fox NewsでなくMSNBCを見て」「ソーラー発電ができるバックパックでノートパソコンを充電し」「社会に役立つような投資」をすることが大切なようだ。「同じような志向性を持つ人にはどこで会えるか」というアドバイスも書いてあった。 私が関心を持ったのは、メディアとのつき合い方に関する意見だ。別の意見を持つ人々が作りだすニュースを見ない、とい
日本経済新聞がWebサイトを刷新、新サイト「日本経済新聞 電子版」を始動した。新サイトは「紙と違う魅力満載」として紹介され、「新聞では表現できない」「これまでにない読み方を提案」「ネット時代にふさわしい情報発信の新しいプラットフォームを目指す」とされていた。しかし、始動した新サイトのフッタには「リンクポリシー」というページが用意されており、次のように書かれている。 リンクポリシー 「日本経済新聞 電子版」のフロントページや専門サイトのトップページへのリンクは原則として自由ですが、リンクを張る場合は、リンク先のページとURL、リンク元のホームページの内容とURL、リンクの目的などを記載してお問い合わせページでご連絡ください。リンクの仕方やページの内容によっては、お断りする場合があります。リンクをお断りするのは次の場合です。 営利目的や勧誘を目的とするなど、「日本経済新聞 電子版」の趣旨に合わ
先日、「Yahoo!リサーチ」を運営するヤフーバリューインサイトが行った「情報メディア」に関する調査で、「新聞」「ラジオ」に次ぐ信用度とされた「利用者が編集可能なフリー百科事典」。でも、同カテゴリで圧倒的な規模を誇る「Wikipedia」にはある種の“違和感”を感じるユーザーが多く、その信用度について疑わしいという声もネットの各所から挙がっている。 当サイトにも「Wikipedia」については「信用はしないほうが良いと思う」「信頼性に幅がある」「書き手が多い分、英語版のほうが正確」「“参考資料Wikipedia”はやめて欲しい」との声が寄せられており、そこそこネットに詳しい人からすれば、「『Wikipedia』を信用しすぎるのは危険」というのは半ば“常識”だ。では、具体的にどのようなところが「信用できない」ところなのだろうか。 例えば著名人の項目。最近1か月に限っても、複数の著名人が自身の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
