Intro showModalDialog() は今から考えれば、確かにひどい API だった。 しかし、何か Modal を開き、ユーザにインタラクションをさせ、閉じたらそこで入力された値や選択された結果を取得し、処理を進めたいユースケース自体は、規約への同意取得や、 Cookie バナー、ログインなど多々ある。 そういった場面では、ライブラリなどを用いて実装する必要があったが、 Modal を実装するのは実際にはそんなに簡単ではなかった。 Modal, Dialog, Modal Dialog 最初に、用語を少し整理しておこう。 Modal Dialog Modal Dialog non-Modal Dialog Dialog とは、そもそも「対話」という意味であり、 UI の文脈では入力や選択を求める「対話的な UI」のことを指す。 既に実装されている alert(), confir
WebKit Features in Safari 18.0
Safari 18.0 is here. Along with iOS 18, iPadOS 18, macOS Sequoia and visionOS 2, today is the day another 53 web platform features, as well as 25 deprecations and 209 resolved issues land in WebKit, the rendering engine driving Safari. New in Safari 18 Distraction Control Distraction Control lets you hide distracting items as you browse the web, such as sign-in banners, cookie preference popups, n
Linux/4004 Slowly booting full Linux on the intel 4004 for fun, art, and absolutely no profit TL;DR I booted Debian Linux on a 4-bit intel microprocessor from 1971 - the first microprocessor in the world - the 4004. It is not fast, but it is a real Linux kernel with a Debian rootfs on a real board whose only CPU is a real intel 4004 from the 1970s. The video is sped up at variable rates to demonst
JSer.info #707 - Biome v1.9がリリースされました。 Biome v1.9 Anniversary Release | Biome CSSのFormatter/LinterがStableに、GraphQLのFormatter/Linterを追加されています。 GritQLを使ったbiome searchコマンドを追加、.editorconfigをサポートなども追加されています。 ESLint v8.xのサポートが2024年10月5日に終了することが発表されました。 Version support policy and ESLint v8.x end of life - ESLint - Pluggable JavaScript Linter ESLintの現在の最新バージョンはv9.xです。 マイグレーションガイドは次のページに公開されています。 Configura
2024年4月25日にタイムラインチャートが登場したときには、「Looker StudioのタイムライングラフでCVユーザーのセッションを可視化してみた」という記事を書きました。それから約半年、2024年9月26日にファネルチャートがローンチされました。グラフ種類は出尽くした感もあり、まあ、今後そうは増えないんじゃないかと思います。 こちらがファネルチャートの公式ヘルプですが、9月28日現在、まだ英語版しかありません。ですが、グラフの設定自体は直感的で難しくはないと思います。それよりは適切にグラフを作成するためのデータ準備の方がどちらかというと手間がかかりそうです。 いずれにしても、どのようなデータがあれば、どのようなグラフが描けるのか？について見ていきましょう。」 Looker Studioでファネルチャートを描くためのデータ Looekr Studioでファネルチャートを描くために設定
非エンジニアが一年間Neovimを使った感想
はじめに これは、非エンジニアの学生が一年間Neovimを使ってみて感じたことを気ままに書いた記事です。 エディタ遍歴 まず最初に自己紹介がてらこれまでのエディタ遍歴を紹介します。 Eclipse(2022/4 ~ 2023/7) 最初に使ったエディタ(IDE)は、Eclipseです。 学校の授業で半年間だけc言語をやる機会があったので、その時に入れました。 本当はVS Codeを入れたかったのですが、当時のわたしはVisual StudioとVisual Studio Codeの違いすら分からないエディタ弱者だったので断念しました。 しかし、ここでVS Codeを使っていたらおそらくNeovimには出会えなかったと思うので、結果的には幸運だったと思います。 Eclipseは、c言語を書く以外にも学校のレポートをTeXで書くために使っていました。 エディタ内で編集やコンパイルやPDFのプレ
デザインのワクワクが止まらない—そんな瞬間を感じたことはありませんか？ デザインの世界では、最新のツールやリソースを手に入れることが、他のクリエイターと一歩差をつけるカギです。 今回は、日々進化するオンラインツールや無料のデザイン素材をまとめ、クリエイティブなプロジェクトにすぐに活かせるツール30個を厳選しました。 最新のオンラインツールとフリー素材を駆使して、誰よりもクリエイティブに、自由に作品を生み出しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次デザインツールWeb便利ツールユニーク・面白ツール デザインツール coolshapes 100を超えるモノグラムなどの抽象的な図形シェイプを、美しいグラデーションと一緒に描いたライブラリ。PNGとSVGファイルの他、React用JSXファイルもダウンロード可能。 Rainbow Chrom
What's new in DevTools, Chrome 129 | Blog | Chrome for Developers
Recorder supports export to Puppeteer for Firefox As part of WebDriver BiDi support, the Recorder panel can now export recordings to Puppeteer for Firefox. With Puppeteer's support of Firefox, you can now record user flows using the Chrome DevTools Recorder panel, export them, and run them against both Firefox and Chrome. For more information, see WebDriver BiDi - The future of cross-browser autom
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dialog と Popover #2 | blog.jxck.io
Linux/4004 - Dmitry.GR
2024-09-16のJS: Biome v1.9、ESLint 8.xのEOL、TypeScript 5.6、ES5の現状
Looker Studioのファネルチャートでスクロール率を可視化してみた
いきなり差がつく、クリエイティブな人におすすめ最新デザインツール30選