Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

タグ

関連タグで絞り込む (35)

タグの絞り込みを解除

*UIに関するpmintのブックマーク (303)

  • @media - CSS | MDN

    This feature is well established and works across many devices and browser versions.It’s been available across browsers since ⁨2015年7月⁩. * Some parts of this feature may have varying levels of support. Learn more See full compatibilityReport feedback @media はCSS のアットルールで、1 つまたは複数のメディアクエリーの結果に基づいて、スタイルシートの一部を適用するために使用することができます。これによってメディアクエリーを指定し、そのメディアクエリーがコンテンツの使用される端末に一致する場合にのみ、文書にCSS のブロックを適

    pmint
    pmint2025/11/03非公開
    端末に合わせたスタイルを作るために
    • any-pointer - CSS: カスケーディングスタイルシート | MDN

      This feature is well established and works across many devices and browser versions.It’s been available across browsers since ⁨2018年12月⁩. Learn more See full compatibilityReport feedback

      pmint
      pmint2025/11/03非公開
      画面幅によらない、端末やブラウザーの申告によるスマホ対応
      • フロントエンドエンジニアが完全にオワコンになった件

        もうUIはいらない。 この一言に尽きる。ChatGPTの新機能「Apps inChatGPT」が登場した瞬間、フロントエンドという職種の地盤は音を立てて崩れた。 これまでは、Webアプリやサービスは「フロントエンドUIを作り、バックエンドでデータを返す」 という分業構造の上に成り立っていた。 だがApps inChatGPTは、その構造をぶち壊す。 ユーザーはもうWebサイトを開かない。ChatGPTのチャット画面内でSpotifyを操作し、Zillowで物件を探しEtsyで買い物をする。 つまりUIChatGPT内に統合される。 あなたが書いてきたReactコンポーネントもボタンもフォームもすべてAIに吸収される。 「UI」はAIが自動生成する時代に入った もはやユーザーはブラウザを必要としない。URLをコピペすることも無くなるだろう。 「このホテル予約して」と言うだけでAI

        フロントエンドエンジニアが完全にオワコンになった件
        pmint
        pmint2025/10/15非公開
        UIは消えたほうがいいもの。で、その時が来るってこと。残るのはユーザーが個性を発揮するためのUIと、あとは「確認」が残るだけか。わかりやすい確認画面を作るエンジニアになればいいじゃない。
        • 【事前予告】投稿方法がシンプルに、より使いやすくなります!|note公式

          noteへの投稿をよりカンタンに、もっとスムーズな使い心地にするために、投稿形式をひとつにまとめます。noteではこれまで、投稿のスタイルに合わせて、画像・つぶやき・音声・動画・テキストの5つの形式を用意してきました。しかし、「どれを選べばいいのかわかりにくい」と感じた方も多かったと思います。 そこで今回、投稿の入り口をひとつに統一します。クリエイターのみなさんは、これまで以上に使い勝手のいい投稿画面で、さまざまな表現をしていただきやすくなります。また、note側の開発や運営もシンプルになるので、みなさんの創作のためのお手伝いにより集中することができます。 これまでの文章、写真、マンガ、イラスト、映像、音声などをひとつの投稿形式で表現できるようにするために、順次開発をすすめています。くわしくは以下のスケジュールをご覧ください。ご要望等がありましたら、ぜひお寄せいただければ幸いです。 ひと

          【事前予告】投稿方法がシンプルに、より使いやすくなります!|note公式
          pmint
          pmint2025/05/14非公開
          note流のUI変更方法。まず関係ない人に使わせる。
          • モードレスはどこから来たか – オブジェクト指向UIの起源 – | Backdrop

            いや、「モードレスはどこから来たか」ではなく、来の疑問は「モードはどこから来たか」なのだ。なぜなら自然界にモードはないから。 モードは何もないところに生まれる形だ。混沌に生じた秩序だ。例えばファッションがそう。一般的にモードという言葉は、新しい流行や様式を指す。そして文化的な多様性と進化を促す力として肯定的に受け取られている。つまりモードはデザイン性の証なのだ。 しかしユーザーインターフェースデザインの分野、特にコンピュータソフトウェアの操作性に関するテーマにおいては、モードはほとんどすべてのシステムが宿している原罪として、解決すべき問題として扱われる。 なぜ原罪なのかと言えば、コンピュータというものの発想自体の中に、用途によって役割を変える道具 = 無数のモードを持つ多目的な存在としての性質が込められているからだ。そしてコンピュータは、その宿命であるモードによって、生得的に使いにくいと

            モードレスはどこから来たか – オブジェクト指向UIの起源 – | Backdrop
            pmint
            pmint2024/09/14非公開
            例えば、Shiftキーはモード。手にハンマーを持つのもモード。目的語・動詞のどちらからでも選べるのが理想で、目的語を選んで動詞を選んで、また追加の目的語を選ぶ手順もあるといいよね。
            • スマートなデザインには人間が追いつけない? ステートフルなコンポーネントの問題点

              デザイナーの皆さんは、MacでUSキーボードと日語キーボードのどちらを使っていますか?USキーボードには、ひらがなの印字がなく見た目がシンプルなのでそちらを使っているという人も多いかもしれません。ただこのUSキーボードで日本語入力を使うと直面するのが、「入力言語切り替えが使いにくい」という問題です。 日語キーボードでは、スペースキーの両隣に「英数」と「かな」キーがあり、ユーザーは「左が英語で右は日語」として記憶することができます。一方、USキーボードで入力言語を切り替えようとすると『command + space』で英語と日語を順番に切り替える必要があり、多くの人がこの操作に慣れることができず「日語キーボードにしておけば良かった」と後悔するのです。 では、なぜ私たちはUSキーボードの入力切り替えに慣れることができないのでしょうか?

              スマートなデザインには人間が追いつけない? ステートフルなコンポーネントの問題点
              pmint
              pmint2024/05/16非公開
              AIはステートフルなほう。でもステートレスにもできる。話し方次第。
              • UIは閲覧画面からつくろう。|Shino(しの) | Software Designer

                ユーザー体験的なものをストーリーで整理し次にUIを作成するとき、閲覧・参照系より先に新規作成のUIから考える、というケースをときどき見かけます。 これ、すごい違和感あります。 ストーリーにおいてユーザーはまず新規作成するので、そのまま新規作成から着手してしまう、といったところでしょうか。 その場合、新規作成の目当てたるオブジェクトの姿が曖昧になりがちです。 そうすると、新規作成画面にしか存在しない特殊なレイアウトやコンポーネントや、特に意図がない冗長なモーダルができあがることが多いと感じています。 目当てが定まっていないうちから、それをどう作るか、どう編集するかを考えるのって難しくないですか? 考える順番閲覧・参照系のUIを先に作ることで、それが新規作成や編集の目当てとなり、効率よく良いデザインしやすいと感じています。 例えば、私の場合、以下のように考えを進めることが多いです。 まずは「R

                UIは閲覧画面からつくろう。|Shino(しの) | Software Designer
                pmint
                pmint2023/06/28非公開
                ユースケースに沿うなら閲覧からになる。初回利用時から考えるのはテストケースか。画面設計の前にやることあるでしょ。"Software Designer"って肩書きは造語?
                • MetaザッカーバーグCEO、Vision Proは「求めているものではない」 - iPhone Mania

                  Metaの最高経営者(CEO)であるマーク・ザッカーバーグ氏がAppleのヘッドセットVision Proについて、「自分が求めているものではない」と発言しました。 ■3行で分かる、この記事のポイント 1. MetaのザッカーバーグCEOAppleのVision Proについてコメントした。 2.AppleとMetaではヘッドセットにおいて目指すものが違う、とザッカーバーグCEO。 3. Vision Proは「欲しいものではない」と発言。Appleは「魔法のようなソリューション」は提示していない ザッカーバーグCEOは現地時間6月8日、Metaの全従業員を集めた会議において、Appleが発表したばかりのVision Proは、Metaが開発していない、想像を超える「魔法のようなソリューション」はまったく提示していないとコメント。さらに高解像度のディスプレイやその他の最新技術を注いで

                  MetaザッカーバーグCEO、Vision Proは「求めているものではない」 - iPhone Mania
                  pmint
                  pmint2023/06/10非公開
                  魔法は現実世界で起こすものなので、現実との融合に目を向けないと。「ウィンドウを出しときゃいい」って発想のVRはダメだろう。
                  • 『ワーフリ』1周年!開発チームが振り返る、ユーザー目線で走り続けた1年 | Cygames Magazine(サイマガ)

                    ピンボールをモチーフに、ドットアニメーションの世界を旅する『ワールドフリッパー(以下、ワーフリ)』は、2020年11月で1周年を迎えました。この1年でメインストーリーの第1部が完結した他、さまざまなアップデートやイベントストーリーを実施してきた『ワーフリ』。アニバーサリーを迎えた節目に、1年間の振り返りや第2部の展開について開発チームに聞きました。 予想以上の注目度! ユーザーファーストで取り組み続けた1年 この1年を振り返って、どんな1年でしたか? あっという間でしたね。一言で言うと、ユーザーの方々の期待に応えるべく走り続けた1年でした。というのも、開発時は緩やかに認知度を上げていくつもりで準備していたのですが、ありがたいことにリリース当初から大きく注目していただいたんです。ユーザーのみなさんがコンテンツをプレイするスピードも想像以上で、初めは供給が追い付かず、期待されたものをご提供する

                    『ワーフリ』1周年!開発チームが振り返る、ユーザー目線で走り続けた1年 | Cygames Magazine(サイマガ)
                    pmint
                    pmint2022/11/25非公開
                    ゲームアプリのUI/UX改善事例
                    • Chrome仕事術 - 詩と創作・思索のひろば

                      いろいろ工夫した結果、最近Chrome さばきが良くなってきた気がするので、やっていることを書いておく。 タブが必要になる時刻でグループ化しておく 忙しい一日の予定を立てる際に、あらかじめ必要な資料・会場をタブで開いて時刻を打っておくと便利。終わったらまとめて閉じることもできる。Chromeのタブを必要になる時刻でグループ化しておくライフハック pic.twitter.com/P8RQLy7h9K— 美顔器 (@motemen)2022年8月22日 ページのブックマークタイトルを自分用に変更する ブラウザのブックマークはあまり有効活用してなかったけど、タイトルを自分用につけておくとロケーションバーからの検索に便利なことを体感している。<プレフィクス> | <検索用ワード>, ... という感じでタイトルを設定していて、プレフィクスは ミーティングの議事録など会場:mtg1on1

                      Chrome仕事術 - 詩と創作・思索のひろば
                      pmint
                      pmint2022/11/12非公開
                      履歴とブックマークは統合されたほうがいいだろうな。なぜかIE・ネスケ時代からそのまま引き継がれてる。それと非アクティブタブも。
                      • 快適なUXを実現するOptimistic Updates(楽観的更新)とは何か

                        先日、とあるJavaScript関連の記事を読んでいたところ、"Optimistic Updates" という技術が紹介されていました。 日語に直すと "楽観的更新" といったところでしょうか。 はじめて聞いた言葉で、日語の記事も見当たらなかったため記事にしてみます。 Optimistic Updatesとは Optimistic Updatesというのは、ネイティブアプリやSPA(Single Page Application)などで使われる技術で、非同期の通信処理が成功するという前提(楽観)のもとに、通信のレスポンスを待たずに次の処理を行うというものです。 最も多いOptimistic Updatesの使い方は、UIへの反映をリクエストの結果を待たずに行うというものでしょう。 Optimistic Updatesの例 例えば、よくある「いいね」ボタンのようなものにOptimisti

                        快適なUXを実現するOptimistic Updates(楽観的更新)とは何か
                        pmint
                        pmint2022/05/09非公開
                        難しく考えてはいけない。ボタンがへこんで戻るのと同じ処理(あるいはスピナー)の見た目違い。だけなので用語は不要。UX視点なら更新よりもフィードバックと呼ぶべき。通信が不安定なら何やっても無駄。
                        • pmint
                          pmint2022/04/04非公開
                          チャットボットは問い合わせフォーム。「お問い合わせの前に、ヘルプを必ず読みましょう」の進化形。その言葉の下にはヘルプ専用の検索欄があったはず。なのでヘルプとは競合しない。両者を戦わせてはいけない。
                          • ユーザが対象物を認知していないときはチャットUIが有効 - 西尾泰和の外部脳

                            tkgshn: オブジェクト指向は「ユーザーが何をしたいか、(ユーザー自身が)知っている」場合に有効だが、『そもそもオブジェクトを知覚できない・ただ並べてもそれらがどう動作するか認知していない』場合では、”手続き型”の方が有効なのでは?という仮説からチャットUIであるCivichatの構想は始まりました。

                            ユーザが対象物を認知していないときはチャットUIが有効 - 西尾泰和の外部脳
                            pmint
                            pmint2022/04/03非公開
                            正しい用語を知ってれば大体解決。「選択的認知格差」なんて造語を使われたらコンシェルジュでも正しく導けないし、チャットが有効なのは一例。最初の手がかりは非定型の知識なので、有効なUIなんて特定できない。
                            • 駅のタッチパネル券売機で、一般の人が躓くところはどこにあるのかという疑問に対して様々な意見 - Togetter

                              リンク レイルラボ(RailLab)JR東、みどりの窓口7割廃止 「話せる指定席券売機」導入拡大 | RailLab ニュース [配信:2021/05/11 15:41]JR東日は2021年5月11日(火)、2025年までに管内のみどりの窓口を現在の7割程度まで削減すると発表しました。また... 388

                              駅のタッチパネル券売機で、一般の人が躓くところはどこにあるのかという疑問に対して様々な意見 - Togetter
                              pmint
                              pmint2022/03/07非公開
                              "@onsendenki"…この人の意見がすべて。「券売機とは何か」「券売機を限りなく発達させたらどうなるか」を考えないと、仕様変更に強い設計思想にはならないだろ。自作のUIデザイン見せてる人は「ボタンデザイナー」かな。
                              • UIが嘘をつく? ユーザ体験における「楽観的な更新」とSPAでの作り方

                                こんにちは、株式会社カミナシでデザインエンジニアをしているショウです。 突然ですが、UI/UX デザインにおいて、「楽観的な更新」という言葉を聞いたことがありますか?あまり聞いたことがなくても、実は日常にたくさん存在しています。 例えば、twitter や facebook のいいねボタン。いいねをタップした直後に色がつくのですが、実はサーバーへのリクエスト送信とUI 上のいいねの色付きが同時に発生しています。つまりサーバーからの通信結果を待たずにUI を更新しています。 他に、trello でタスクカードを隣の列に移動したり、iMessage や Facebook メッセンジャーでのメッセージの送信、Kindle アプリで途中までしかダウンロード出来てないが読めることなども楽観的な更新です。 図:楽観的な更新を採用しない時と採用した時のメッセージ送信のUI (引用元) 楽観的な更

                                UIが嘘をつく? ユーザ体験における「楽観的な更新」とSPAでの作り方
                                pmint
                                pmint2022/01/24非公開
                                分けなくていい。「ローディング」と「UIに反映」の外観が同じで区別できないだけ。エラー時のフィードバックは「楽観的」もそうでないのも同じ。
                                • これなら払う気になれるはてなブックマークプレミアムプランを考えて

                                  非表示ユーザーがつけたスターを非表示にする 連打対策はされてるが、スター稼ぎっぽい複垢とかは素通りするの消し去りたい お気に入りユーザーのタグで分類できるリスト この人はどういう傾向の記事をブクマしているのか、どういう経緯でお気に入り登録したか知りたい時がある 後で読むの日時付きスヌーズ 〇〇は何日何時に放送とか受付開始、後々結果を知りたい〇〇を予想みたいな記事は後で読むタグをつけても忘れる この辺の機能が付けば月600円ぐらいなら払える ついでにカラースターも毎月十個ぐらいおまけにつけて、緑でいいから 君はどういう機能なら課金する気が起きる?

                                  これなら払う気になれるはてなブックマークプレミアムプランを考えて
                                  pmint
                                  pmint2022/01/04非公開
                                  "連打対策はされてるが"…思い込みだけでこの手の厄介ユーザーは黙るということ。必要なのは実装ではなく、思い込みを誘う情報。こういうとき集まる人は、はてブはトップページが全てだと思ってそうな新参が多いし。
                                  • Craft — Docs and Notes Editor

                                    Your space fornotes, tasks, and big ideasTry Craft Free

                                    Craft — Docs and Notes Editor
                                    pmint
                                    pmint2020/11/14非公開
                                    ノートアプリ
                                    • pmint
                                      pmint2020/04/24非公開
                                      画面更新もアンドゥも操作に伴うもの。操作に伴わせなければならない。
                                      • より良い体験を共にデザインしていくために、オブジェクトベースUIデザインを学んだ話|鈴木 健一 / PLAID & Ex.STANDARD

                                        プレイドのデザイン・エンジニアリングチームにて、ソシオメディア上野さん、藤井さんを講師に招き、オブジェクトベースUIデザインのワークショップを実施いただきました。 内容について詳しくは触れられませんが、参加する前の課題意識と参加後の気付きを残しておきたいと思います。 なぜやったのかプレイドが提供している「KARTE」では、機能として提供していることが多岐にわたり、いわゆる「タスクベース」になっているのではと感じることが増えていました。 具体的には、画面名や操作手順、操作の起点となるナビゲーションやボタンのラベリングなどで、タスクベースとオブジェクトベースが混在しているように感じていました。 オブジェクトベースUIは、そうした状況に対し一定の秩序を与えながらも、道具としての自由度、ユーザーが学んでいくことによる創造性を発揮できる環境を設計できる可能性があるように思いました。 また、プレイドは

                                        より良い体験を共にデザインしていくために、オブジェクトベースUIデザインを学んだ話|鈴木 健一 / PLAID & Ex.STANDARD
                                        pmint
                                        pmint2019/11/26非公開
                                        ようするに右クリックや長押し。Webだとカートやフォームか。やることが分かってる人向けというか、「見ただけでやることが分かりそうなUI」を作った後の話。
                                        • 今まで文字を読めなかった子がある書体に変えたら読めるようになった!その書体への感想や今後への期待の声が集まる

                                          リンクWikipedia ディスレクシア ディスレクシア(英語: dyslexia、ディスレキシアとも)は、学習障害の一種で、知的能力及び一般的な理解能力などに特に異常がないにもかかわらず、文字の読み書き学習に著しい困難を抱える障害である。失読症、難読症、識字障害、(特異的)読字障害、読み書き障害、とも訳される。発達性読字障害(DRD; Developmental reading disorder)とも呼ばれる。1884年にドイツの眼科医ルドルフ・ベルリンによって報告され命名された。 2013年に改定された米国精神医学会の診断基準(DSM-IV) 22 users 206

                                          今まで文字を読めなかった子がある書体に変えたら読めるようになった!その書体への感想や今後への期待の声が集まる
                                          pmint
                                          pmint2019/04/04非公開
                                          手書き用書体で、「令和」の令が「マ」になってるフォント。Windowsユーザーの勝利。iOSのキーボードが常に大文字だったことや、小文字のキートップを使わない設定が「アクセシビリティ」に入っているのもこれか。

                                          お知らせ

                                          公式Twitter

                                          • @HatenaBookmark

                                            リリース、障害情報などのサービスのお知らせ

                                          • @hatebu

                                            最新の人気エントリーの配信

                                          処理を実行中です

                                          キーボードショートカット一覧

                                          j次のブックマーク

                                          k前のブックマーク

                                          lあとで読む

                                          eコメント一覧を開く

                                          oページを開く

                                          はてなブックマーク

                                          公式Twitter

                                          はてなのサービス

                                          • App Storeからダウンロード
                                          • Google Playで手に入れよう
                                          Copyright © 2005-2025Hatena. All Rights Reserved.
                                          設定を変更しましたx

                                          [8]ページ先頭

                                          ©2009-2025 Movatter.jp