jQueryプラグインでオリジナルのダイアログを表示する方法 - Qiita
デフォルトで表示 特にカスタマイズせず、confirm()で表示すると下記のような表示になります。 OK/キャンセルの2択だけ選択させたい場合であれば、初期ダイアログで事足りますが、 ボタンや選択肢を追加したい場合、カスタマイズする必要があります。 あと、個人的に初期デフォルトだとIPが表示されてかっこ悪い印象を持ちます このあと、カスタマイズする方法を説明します。 準備 オリジナルのダイアログを表示するにはjQuery UIのDialogプラグインを用います。 jQuery UIに必要なファイルは下記3つになります。 jQueryのJavaScriptライブラリ jQuery UIのJavaScriptライブラリ jQuery UI用のCSSテーマファイル <!-- jQuery --> <script src="https://ajax.googleapis.com/ajax/libs
Dialog Widget | jQuery UI API Documentation
A dialog is a floating window that contains a title bar and a content area. The dialog window can be moved, resized and closed with the 'x' icon by default. If the content length exceeds the maximum height, a scrollbar will automatically appear. A bottom button bar and semi-transparent modal overlay layer are common options that can be added. Focus Upon opening a dialog, focus is automatically mov
リファクタリングをする際にソースコードの設計からはじめてはいけない - MonotaRO Tech Blog
どうも、レコメンド商品のシステム開発をしている野川と申します。 私は、2021年にモノタロウに新卒入社し、2022年5月からレコメンド商品の開発に関わり始めました。 モノタロウのレコメンド商品は、下の図の①～④の流れでクライアントサイドで表示しています。大部分の処理はJavaScriptで構成しており、UIもそのHTML部分をjQuery(JavaScript)で作成しています。 図：レコメンド商品表の流れ 入社当時私は、ソフトウェアエンジニアとして、「可読性の低いコードは駆逐するべきだ」「読みやすいコードだけが正義である」「理解しやすいシステムだけが皆を幸せにする」と心の底から考えていました。加えて、「なぜ先輩たちは可読性の低いコードを放置して平気なのか？」と疑問を持つこともしばしばありました。 レコメンド商品周りのコードはまさに可読性の低いコードベースとなっていたため、当事者となった私
デザインガイドライン | e-Govポータル
デザインガイドライン e-Govでは、「デジタル・ガバメント実行計画」（2019年12月20日 改定（閣議決定））に基づき、国民・企業等の利用者の方に対して質の高い行政サービスを提供するため、サービスデザイン思考を導入し、利用者、ソフトウェアベンダー等との共創によって、e-Govの提供サービス及びデザインについて段階的な見直しに取り組んでいます。 この一貫として、今般、e-Govが提供する情報・サービスに関する見つけやすさの向上を目的として、一部コンテンツについて情報アーキテクチャ及びサイトデザインの見直しを行いました。このガイドラインは、その結果をサイトデザインにおけるベストプラクティスの一つとして、「情報設計」「UIデザイン」「UIデザインパターン」の観点から整理したものです。 今後、e-Govにおける継続的なサービス改善の実施と並行して、このガイドラインについても改訂を図っていくこと
アプリ アーキテクチャ ガイド | Android Developers
始める 初めてのアプリを作成することから始めてみましょう。トレーニング コースを活用して理解を深めるほか、ご自身でアプリ開発を習得することもできます。
アップル - iPad
生まれつき万能です。 様々なタスクをこなすのに、iPadよりも楽しい方法はありません。Multi-Touchに対応しているので、シンプルなジェスチャーで流れるように操作できます。Apple Pencilを使ってアイデアをメモしたりスケッチしたり、キーボードを取りつけてEメールにどんどん返信したり。そのすべてを、Appleシリコンの革新的なパフォーマンスでどうぞ1。 どこでもサクサク。 外出先でも、家族、友だち、チームのメンバーとつながれます。高速のWi-Fiがあれば、必要な書類、フォルダ、ファイルをあらゆる場所でダウンロードしたり、アップロードしたり、転送することもできます。5Gに対応したモデルなら、Wi-Fiが使えない時でも接続が途切れません2。 重要なものを保存。軽々とアクセス。 ファイルの整理、共有、保存は、ファイルアプリで。iPadやiCloudはもちろん、Boxなどのクラウドサー
ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 - ICS MEDIA
HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、非アクティブな要素が操作されないように「画面には表示されているが、あらゆるユーザー操作を受け付けない状態」にしたい場合があります。具体的には、以下のユーザー操作を無効化します。 マウスやタッチ操作を無効化したい テキスト選択を無効化したい キーボードフォーカスをあえて無効化したい 音声読み上げをあえて無効化したい 必要なプロパティや属性を複数指定することが考えられますが、そのようなときに役立つのがinertイナートと呼ばれるHTMLのグローバル属性です。 inert
Xamarin のサポート終了と .NET 統合の話
コンテキスト Xamarin のサポート終了というアナウンスを見て、Xamarin として提供されていたものが終了するというような誤解と不安を煽るような流れがあったので日頃 .NET をウォッチしているものとしては少し補足しておきたいと思います。 Xamarinのサポートは2024年5月1日で終了。マイクロソフトが.NET MAUI関連のロードマップを示す － Publickey 前提 Xamarin といった場合には次の製品ファミリーを指していることが多いです。 Xamarin: .NET のネイティブプラットフォームバインディングのフレームワーク Mono を基盤としつつ各種プラットフォーム (iOS, Android, macOS, Tizen など) のバインディングを提供する一式 例えば Android の Activity や View を C# などの .NET 言語で取り扱
Figma: The Collaborative Interface Design Tool
Downloads Get the desktop, mobile, and font installer apps
これまでとは異なるCSSフレームワークが登場！ 一貫性のあるUIコンポーネントを簡単に実装できる -Open Props
これまでとは異なるCSSフレームワークが登場しました！ Tailwind CSSのようにユーティリティファーストで、すべての値がCSS変数（カスタムプロパティ）で記述されています。レスポンシブ対応で一貫性のあるUIコンポーネントを簡単に、素早く実装できます。 単独でも他のフレームワークとの併用も可能で、カラーのみグラデーションのみシャドウのみタイポグラフィのみメディアクエリのみといった使い方もできます。 Open Props Open Props -GitHub Open Propsとは Open Propの使い方 Open Propsのデモ Open Propsとは Open PropsはこれまでのCSSフレームワークとは一味も二味も異なる、CSS変数（カスタムプロパティ）ベースのCSSフレームワークです。巧妙に設計されたWebデザイントークンは、一貫性のあるUIコンポーネントを素早く実
ついに利用可能に！WEB「Gmail」統合UI
WEB 版「Gmail」の統合 UI がついに利用できるようになった 「メール（Gmail）」「チャット（Google Chat）」「スペース」「会議（Google Meet）」が統合された UI 現時点では任意で適用可能なオプトイン形式 Google が 2022 年 1 月 31 日に発表した、WEB 版メールサービス「Gmail」の新しい統合 UI が、2022 年 2 月 18 日前後についに利用できるようになりました。 WEB 版「Gmail」は昨年 2021 年中旬より、チャットサービス「Google Chat」とオンラインビデオ会議サービス「Google Meet」、そしてチャットルームサービス「スペース」が統合された、グループウェア統合サービス「Google Workspace」仕様の UI にまず刷新。 そして今回 WEB 版「Gmail」は、「メール（Gmail）」「チ
Windows 11にアップグレードしたらすぐに試して欲しい新機能8選
【1】大幅に変更された「スタートボタン」 Windows 11にアップグレードして、まず注目したいのは、タスクバー中央に配置された「スタートボタン（Windowsマーク）」だろう。 「スタートボタン」をクリックするとアプリ一覧が表示され、「設定」もここに含まれるが、「電源ボタン」も右下に配置されている。 「電源ボタン」についてはWindows 8でも変更され話題となったが、Windows 11でも、最初は電源ボタンの位置に戸惑う人も多いだろう。 また、「スタートボタン」を右クリックすると「タスクマネージャー」「ファイル名を指定して実行」「コンピューターの管理」などが表示されるようになっていることも覚えておきたい。
KotlinでAndroid/Web/DesktopアプリのUI開発を統一するフレームワーク「Compose Multiplatform」がアルファ版に
プログラミング言語のKotlinを開発するJetBrainsは、KotlinでAndroidアプリ、Webアプリ、Desktopアプリを統一的に記述できるフレームワークとなる「Compose Multiplatform」がアルファ版に到達したことを発表しました。 Compose Multiplatformは、Android用のUIフレームワークである「Jetpack Compose」をベースに、Webアプリ用の「Jetpack Compose for Web」、Windows/Mac/Linuxのデスクトップアプリケーション用の「Jetpack Compose for Desktop」の3つのフレームワークを統合するものです。 ベースとなるJetpack Composeが今月バージョン1.0となったのを契機に、Compose Multiplatformがアルファ版として登場することになりま
Gmailから乗り換えるならコレ！ 普段使いにぴったりなWebメールサービス3選
多くのユーザが使用しているGmailだが、その機能の豊富さと使い勝手のよさの一方、メールの内容を読み取って関連性の高い広告を表示するなど、機密性の低さがしばしば問題視される。著名なサービスゆえ攻撃の対象となったり、偽装に使われやすいのも事実で、フリーのメールアドレスで登録できないサービスの中には、Gmailを名指しでNGとしている場合もある。 こうした事情を背景に、もしGmailと同等以上の機能および使い勝手を備えたメールサービスがあれば、乗り換えたいと考えている人は少なくないはずだ。またGmail自体に特に抵抗がなくても、いま新たにGmailでメールアドレスを取得しようとすると、ドメインが一種類しかないため、気に入ったメールアドレスがなかなか取得できないといった理由もある。 今回は、そんなGmailの代替になりうる、Webメールサービスを3つ紹介する。なかには無料版では機能に制限があった
［速報］マイクロソフト、新UIフレームワーク「.NET Multi-platform App UI」（.NET MAUI）発表。単一コードでマルチプラットフォーム対応。Microsoft Build 2020
［速報］マイクロソフト、新UIフレームワーク「.NET Multi-platform App UI」（.NET MAUI）発表。単一コードでマルチプラットフォーム対応。Microsoft Build 2020 オンラインイベント「Microsoft Build 2020」を開催中のマイクロソフトは、単一のソースコードでiOSやAndroid、Windows、Macなど複数のプラットフォームのユーザーインターフェイスに対応できる新しいUIフレームワーク「.NET Multi-platform App UI」（.NET MAUI）を発表しました。 With .NET 5, we begin our journey of unifying the .NET platform, bringing .NET Core and Mono/Xamarin together in one base cla
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Storybook: Frontend workshop for UI development
UI（ユーザーインターフェース）デザインとは？ 見やすい画面設計のポイントや事例を解説 - 株式会社モンスターラボ
地味だけど歴史的英断？ Googleの検索結果ページ、連続して読み込まれる仕様に変更へ【やじうまWatch】
リボン廃止のWindows 11のエクスプローラー、7をほうふつさせる先祖返りの評価は
StringMatcher.java « misc « internal « ui « eclipse « org « Eclipse UI « org.eclipse.ui.workbench « bundles - eclipse.platform.ui.git - Platform UI Git repository