Dialog と Popover #1 | blog.jxck.io
Intro HTML の <dialog> 要素と、 popover 属性、および関連する様々な仕様が標準化され、実装が進められている。 Open UI を中心に進められているこれらの改善は、多くのサイトで共通したユースケースがありながら、長らくミッシングピースとなっていた重要な機能だ。 もし今、同等のユースケースを自前で実装しているのであれば、適切な仕様を用いた実装に刷新することで、従来はほぼ不可能だった UX を提供できるようになる。 今回から、数回の連載形式で、これらの仕様がどのように標準化され、我々開発者はこれをどのように使っていくべきなのかについて解説する。 showModalDialog Modal や Dialog と言われる UI の歴史は Web においても古く、ブラウザでは IE4 くらいのころに独自実装された window.showModalDialog() が最初に
北海道泊村問題
背景 総務省の管理している「全国地方公共団体コード」をご存じでしょうか。 一般には「都道府県コード」や「市区町村コード」などとも呼ばれている番号のことで、 各都道府県・各市区町村を一意に示す番号として、総務省が採番しています。 例えば、北海道札幌市は、都道府県コードが「01」、市区町村コードが「100」となり、合わせて「01100」と表記します。 このコードは何に使うかというと、様々なシステムの申請やデータ取得で使用することがあります。 日本の住所は曖昧な表記が多いため、住所情報を一元的に管理するために活用されています。 詳細はこちらを読んでください。 問題点 さて、このコード、一つ問題点があります。 使いにくいからPDFやExcelではなくCSVで公開して欲しいと言いたいのもあります。 しかし、その程度の話ではありません。 このコード、なんと同じ名前の市区町村に別々のコードが割り当てられ
formタグは入れ子にできない＆その対処法 - Qiita
<!DOCTYPE html> <head></head> <body> <form> <p> <input type='text'> </p> <form> <p> <input type='text'> </p> </form> </form> </body> 開いたら開発者ツールでDOMをインスペクトしてみましょう。 なんと内側のformタグがいなくなってしまっています。 実はHTMLの仕様として、入れ子のformタグは許可されていません。(詳細な話はこちらにのっています→ html - formタグの入れ子とブラウザーの解釈 - スタック・オーバーフロー) この仕様を知らなかったため、業務で開発しているWEBアプリにバグを入れてしまいました…。 なぜformがなくなってしまうのかわからずフロントエンドで使っているライブラリを疑ってみたり、ダミーのフォームを入れてみたり、いろいろと試
Omakub
Turn a fresh Ubuntu installation into a fully-configured, beautiful, and modern web development system by running a single command. That’s the one-line pitch for Omakub. No need to write bespoke configs for every essential tool just to get started or to be up on all the latest command-line tools. Omakub is an opinionated take on what Linux can be at its best. Omakub includes a curated set of appli
日経平均が34年ぶりに節目の3万8000円台。こういう時にやるべきことは？
今日2月13日は「NISAの日」。2024年からはじまった新NISAで投資をはじめた方も多いと思います。そして、ニュースを見れば日経平均が34年ぶりに節目の3万8000円台に一時乗せたそうです。 誰がどう見ても上げ相場です。日本株に投資していた皆さま、おめでとうございます。バブル最高値更新まであと少しです。株価上昇は、とても良いことだと思います。 しかし、何度でも、何度でも、何度でも、繰り返し伝えていきますが、予想外の大きな損失をくらって市場から一発退場にならないためには、今のような上げ相場の時こそ「保有資産のリスクを数字で確認」することが重要です。 リスクは数字で把握すること。無料のツールで自動計算できます。私が利用しているのは「ファンドの海 アセットアロケーション分析」です。資産クラスごとに金額を入力すれば、保有資産全体の期待リターンとリスクが数字で表示されます。 たとえば、オルカンの
AIで商品名をクレンジングする、Llama2や、Google Cloud Gemini-proとVertex AIを活用した商品名の最適化
ECサイト上の商品名は、「送料無料」や「ポイント5倍」、「母の日」といった宣伝文句が付加され、本来の商品名が分かりづらくなっています。 これらの不要なキーワードは、自然言語モデルを作成する際の妨げとなり、精度を上がりづらくしている一つの要因となっています。 そこで、本記事では、これら不要なキーワードを効率的に除去する方法について、具体的な手法と事例を紹介します。 データクレンジングの例、LLMオープンモデルを活用したアプローチ、さらにはGoogle Cloud PlatformのVertex AIやGemini-proを用いた解決策について触れます。 3行まとめ ・商品名から頻出単語のリストを作成し、商品名から不要なキーワードを検索して除去する ・オープンモデルでプロンプトを実行し除去する ・Google Cloud Platform のVertex AI、Gemini-proで除去する
Val Town
Val Town is a social website to write and deploy TypeScript. Build APIs and schedule functions from your browser. Explore Val Town’s features…Get started
docker buildx buildを使ってdockerイメージをローカルに書き出したい - Qiita
docker buildx build を以前のdocker buildのようにして互換性あるように使いたい場合、 $ docker buildx build --output=type=docker -t ユーザー名/イメージ名:タグ名 # 省略形 $ docker buildx build --load -t ユーザー名/イメージ名:タグ名 でいけるようです。 つまずいたので、投稿しておきます。 [公式]単一プラットフォームの構築結果を docker images に読み込む（--load） 構築結果の出力方法を指定（-o, --output） -o, --output=[PATH,-,type=TYPE[,KEY=VALUE] build 結果の出力処理を設定します。 docker build で全ての構築が終わると、コンテナのイメージを作成し、それを docker images に
DNSリバインディング攻撃: 悪意のあるWebサイトがプライベートネットワークを悪用する方法
This post is also available in: English (英語) 概要 Webベースのコンソールが管理用のソフトウェアやスマートデバイスに広く使われるようになったおかげで、データをインタラクティブに可視化したり、設定をユーザーフレンドリーに行えるようになりました。こうした流れは企業コンピュータシステムの複雑化や家庭用最新IoTデバイス（Internet of Things モノのインターネット）の利用数増加につれて勢いを増しています。こうしたWebアプリケーションはふつう、ファイアウォールで保護された環境の内側やプライベートネットワーク内に設置されていますから、その利用者に対しては高い信頼度が設定される傾向があります。また、それらの製品は利用者がすべて認証済みであることを前提としているので、機微な情報の開示や管理者権限の付与にさいしても、アプリケーションレベルでは強
ガチでnoshを2年間食い続けた俺の夕食戦争｜ジスロマック
「nosh」というサービスがある。 いわゆる「宅配弁当」のサービスであり、冷凍された弁当が定期的に届く今流行りのシステムである。 ネット上の広告ではこれでもかと「定期的にご飯が届くなんて素晴らしい！」「チンするだけで美味しいお弁当が食べられて最高！」などというプロモーションが打たれているので、誰でも一度は見たことがあるのではないだろうか。だが、個人的にあのPR漫画はほぼ嘘じゃないかと思っている。 私はnoshを2年使い続ける中で、もはや「戦争」とも言えるほどの食で食を洗う戦いを繰り広げてきた。チンするだけで美味しい弁当が食べられる。まぁ、嘘ではない。健康にいい食事が定期的に届く。あながち嘘ではない。ただしこれは、「noshを使いこなすことができれば」の話である。 人は、noshで失敗すると心が死ぬ。 これは、私がnoshと繰り広げた「戦い」の歴史。PRでもなんでもなく、2年間に渡ってひたす
Google AdSense シンガポール税務情報の提出方法を徹底解説
Google AdSense（アドセンス）でシンガポールの税務情報を提出するように警告が表示されたり、メールで通知を受け取る方が出てきました。YouTube で収益化されている方であれば、米国税務情報を提出されていると思います。そのシンガポール版だとお考えください。 社員にも確認しましたが、シンガポールの税務情報を求められているのは一部のユーザーのみとのことです。今後、すべてのユーザーが提出しなければならなくなるかは現時点で分かりませんが、多くの方が求められるようになってきています。 米国税務情報の時も、本格的に導入される1年ほど前から提出を求めれるユーザーもいたので、もしかしたらシンガポールの税務情報も対象が広がる可能性も考えられますし、シンガポール以外の国も提出しなければならなくなる可能性もあります。 また、米国税務情報と異なり YouTube で収益化しているユーザーだけでなく、 W
【2024年版】YouTube & AdSense 米国税務情報の入力方法！収益が源泉徴収の対象に
YouTube チャンネルを運営し動画を収益化されている YouTuber の方は避けて通れない重大な作業があります。それは、日本に住んでいて日本人向けに動画を投稿している場合であっても、米国の税務情報の入力＆提出が必要であることです。税金という難しいお話ですが、かなり重要な内容です。 1. 米国外のクリエイターも源泉徴収されるまず Google はアメリカの法律（米国内国歳入法第 3 章）に基づいて、アメリカ以外で収益化を行っているすべてのクリエイターに対しても税務情報を収集し、アメリカ在住の視聴者から収益を上げている場合には源泉徴収を行うことが義務付けられています。 つまり日本に住んでいて YouTube に動画を投稿し収益化している場合であっても、アメリカ在住の視聴者による広告収入やスーパーチャットなどの収益が発生している場合に税金が差し引かれるようになります。 おそらく多くの方は「
【法人編】YouTube 米国税務情報（W-8BEN-E）の入力手順
先日からお伝えしている YouTube で収益化している場合に提出の必要性がある米国税務情報ですが、法人として YouTube の収益を受け取っている方が想像以上に多く「法人の場合はどうしたら良いのか」ご質問をたくさんいただいております。 私自身も法人を所有しているため、法人としても米国税務情報を提出しなければなりませんが、確かに個人の場合と比較すると悩むポイントがいくつかありました。今回は法人での入力手順についてご紹介していきます。個人の場合は下記をご覧ください。 なお、米国税務情報に関しては法人によって・状況によって提出内容が異なります。今回ご紹介していく内容についても、一例であり全ての法人に当てはまるとは限りません。もしご不安な点やご不明な点があれば税理士等の専門家へご相談ください。 なお、事前に AdSense 管理画面［お支払い］＞［設定］のカードの中の［設定を管理する］＞お支払
ActiveSupport::Testing::TimeHelpers を rspec-rails をロードする前に include すると travel_back が動かない - 暇人じゃない
ActiveSupport::Testing::TimeHelpers の travel_to を使って日時を固定するテストで、 それ以降に実行する他のテストでも日時が固定されたままになっている現象に遭遇した。 # foo_spec.rb describe 'foo' do before { travel_to(Time.zone.now) } # ... end # bar_spec.rb describe 'bar' do # 日時が固定されたまま end
君は真に理解しているか？z-indexとスタッキングコンテキストの関係 - ICS MEDIA
CSSで要素の重なりを表現する時はスタッキングコンテキストによって決められています。スタッキングコンテキスト（Stacking Context）はウェブページ上の仮想的な奥・手前方向の概念であり、「重ね合わせコンテキスト」、あるいは「スタック文脈」とも言います。 z-indexによる重なり位置の指定もこのスタッキングコンテキストのうちの一つです。今回はz-indexより広い概念のスタッキングコンテキストの深淵を覗いてみます。 z-index:5がz-index:53万に勝つ方法 重なりといえば、z-indexです。z-indexはWeb初心者キラーなプロパティで、その値が必ずしも重なりの順序になりません。例えば次のようなz-indexが53万と5の要素があったとします。この場合、53万の要素が上にきます。 <div class="wrapper wrapper-freeza"> <div
CloudWatch Logs でのログ検索方法を調べてみた | DevelopersIO
検索その1 マネジメントコンソール それでは、ここから検索方法を紹介します。 ログイベント検索 マネジメントコンソールで CloudWatch Logs を開きます。 検索したい任意のロググループをクリックします。 「すべてのログストリームを検索」をクリックします。 ログイベントが表示されました。 検索してみましょう。主な検索構文は以下の通りです。 Using filter patterns to match terms in log events 単語検索 単語が含まれるログイベントを返します。 例 ERROR AND 検索 指定した複数の単語が含まれるログイベントを返します。 半角スペースで区切ってください。 例 ERROR ARGUMENTS OR 検索 指定した複数の単語のうち何れかが含まれるログイベントを返します。 単語の前に疑問符 ("?") を置きます。 例 ?ERROR ?
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tag Parrot: Auto Index Pages on Google
GPUなサービスをそこそこな費用で運営する | Kai INUI
How do I reset my sidekiq counters?
CleanShot X for Mac
