デザインの引き出しを増やすためには、トレンドを押さえておくことは大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2023 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2023年、ロゴデザインのトレンドの傾向 花々を新しい解釈でデザイン「Wildflowers: ワイルドフラワー」 存在感のある流体の形状「Bloblend: ブロブレンド」 焦点の合った要素と合っていない要素をブレンド「Fades: フェード」 三次元の形を表現する「Foreshort: フォアショート」 上昇を表現する新しいデザイン「Thrust: スラスト」 自然界の神聖な数式から生まれた形「Spirals
Gboard チームからの新しい日本語入力方法のご提案 2023
Gboard は、優れた変換性能にくわえて、お好きな写真を背景にできるテーマ機能、音声入力や外国語への翻訳機能などの便利な機能をそなえたキーボード アプリです。 Android と iOS のどちらでもご利用いただけます。 Gboard を開発するチームは、いつでもどこでも思いどおりの文字入力を提供すべく、日々努力を重ねています。私たちは、ユニークな文字入力環境を実現するために、これまでにもさまざまなキーボードやデバイスを提案してきました。 そして今年もこれまでのキーボードと同様に、実際にみなさまに作っていただける DIY キーボードをご紹介します。 手に馴染んだキーボードを持ち歩きたいのに手が塞がってしまっていて持ち歩けない。そのような問題を解決しようと、今回は肌身離さずに持ち運びやすいキーボードのために頭を使いました。持ち運びやすさだけではなく、機能性や造形も頭に入れて開発しました。
とある道の駅に設置されている食堂の券売機『UIってこういうのでいいんだよこういうので』って感じですごく良かった「おお！解りやすい！」
sgm @g_stand 先日、たまたま立ち寄った道の駅で見かけた食堂の券売機。このシステムを考えた人は天才だと思った。 券売機の各ボタンの中に、料理名だけでなく写真が入っているので、直感的に選ぶことができる（ここまではよくある話）。 pic.twitter.com/ek6cmFracM 2023-08-17 14:22:43 sgm @g_stand 感心したのはここから。そのすぐ右隣（券売機の待ち行列ができる方向）に、券売機のボタン配列通りにそのまま約1.5倍に拡大したパネルがあり、券を買う前に何を食べるか、どの券を買うか、一度シミュレーションができる。つまり自分の番になってもほとんどまごつくことなく、券売機のボタンが押せる。 pic.twitter.com/tPeBNZmv7U 2023-08-17 14:24:00
すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を
こんにちは、Saldraです。普段はPictoriaという会社でAIの美少女の錬成に励んでいるエンジニアです。この記事はローカルLLMの概要をつかむことを目的とします。対象読者は以下です。 なんとなく ChatGPT は使ったことある人 ローカル LLM を聞いたことあるけどやったことない人 ローカル LLM とは OpenAIがAPIを公開してから、大規模言語モデル（以降LLMとします）は大きく進化していきました。この進化はOpenAIのAPIだけでなく、ローカルLLMも進化をしています。 ローカルLLMとは「一般向けにファイルとして公開されたモデル」で推論させる遊びです。APIは便利ですが、インターネットの接続が必要であったり、API提供側に依存する問題があります。ローカルLLMは自前で運用ができるため、APIにはないメリットや魅力があります。一方で、環境構築やマシンスペック等、少し始
Galileo AI
App Router への移行は「改善」となり得るのか？/ Can migration to App Router be an improvement
「UIの良さ」ってのはユーザビリティだけじゃないんだよ〜UNDERTALEのUI｜Yamashita Angelica
この記事には、ゲーム「UNDERTALE」のネタバレが含まれます。 ネタバレによってゲーム体験を致命的に損なう可能性が高い作品です。今後プレイする予定のある方は、ぜひプレイ後にお読みください。 UNDERTALE（アンダーテール）とは、「知る人ぞ知る」と言うにしてはあまりにも有名になりすぎたインディーゲームです。2015年にPC向けに開発され、現在はSteam、XBOX、PSVITA、PS4、Nintendo Switch…と、多くのプラットフォームで遊ぶことができます。 ほぼToby Fox氏個人で開発した作品でありながら、各メディアのGOTY（ゲーム・オブ・ザ・イヤー）に多数ノミネートされており、「メタルギアやマリオが出てくる受賞ランキングに個人開発ゲームが入ってるってどういうことだよ！！！！！？？？？！！！！！」と当時せっせとゲームスタジオで働いていた私は卒倒しそうになりました。 こ
漢字にもっとふりがな振って マネックス松本氏が活動 ｜ 共同通信
Published 2023/08/12 16:22 (JST) Updated 2023/08/12 16:29 (JST) 漢字にもっとふりがなを振って―。子どもや外国人が漢字を読みやすくするために、ウェブサイトや出版物、案内板の漢字にふりがなを振るよう出版社や自治体などに働きかける活動を、オンライン証券大手マネックスグループの松本大代表執行役会長が始めた。活動を担う「ルビ財団」を5月下旬に立ち上げ、2年間をめどに1億円の私財を投じて集中的に活動する。 財団は、ふりがなを意味する「ルビ」から名付けた。ウェブサイト上でボタンをクリックすれば、文脈に応じて漢字に自動でルビを付けたり消したりできるソフトを開発し、年内に自治体などへの無償配布を始めることも計画している。
ChatGPTを利用して画面モックを爆速で作成する - Taste of Tech Topics
こんにちは、最近スマホのChatGPTアプリで、音声入出力機能を使って会話を楽しんでいる安部です。 皆さんWebアプリ開発などで、画面モックを作成しなければいけない場面は多いですよね？ 適当なHTMLを作ったり、ツールで図示したりしますが、正直面倒です。 そこで今回は、ChatGPTに最初から画面モックを作ってもらいます。 最近はChatGPTに画像を添付できるようになったので手書き画像からHTMLを出力することもできますが、 この記事では画面要素を言葉で指定し、HTMLを出力してもらいます（配置などのデザインは、ひとまずChatGPTにお任せしてみます）。 では早速始めましょう。使用モデルはGPT-4です。 簡単な入力フォームを出力させる まずは、よく使いそうな簡単な入力フォームを出力してもらいます。 ここでは、「書籍を登録する画面」という設定で指示を出します。 次の画面構成の案を、HT
日本語の文字入力に使用されるキーボードには、大きく分けて日本語配列の「JISキーボード」と英語配列の「USキーボード」があります。 漢字変換をはじめとした日本語入力のしやすさから、日本ではJISキーボードのニーズが高いですが、USキーボードと比べてどのような違いがあるのでしょうか。 本記事では、日本語配列と英語配列の違いやJISキーボードならではの独自キーとその役割、入力効率アップに役立つ小技もあわせてご紹介します。 JISキーボード（日本語配列キーボード）とは JISキーボードとは日本語配列キーボードともよばれ、JIS規格に準拠して作られた日本語配列のキーボードです。 「JIS」とは日本産業規格を指します。規格がないと多様化・複雑化・無秩序化してしまうモノやコトについて、この「規格」を設けることで、互換性の確保や生産効率化などを実現しています。 JISキーボードはQWERTY配列（英字最
v0とは v0は自然言語で作りたいUIをAIに指示するとそのUIをTailwind (shadcn/ui)ベースで作ってくれるサービスです。 shadcn/uiとは shadcn/uiはRadix UIというUIをもたないヘッドレスUIに対してスタイルを当てたコンポーネント集で、TailwindというCSSライブラリを使ってRadix UIに対してスタイルを当てています。 shadcn/ui本体のライブラリがあるわけではなく、自身のプロジェクトにコンポーネントを直接コピーして使うことが特徴です！ Tailwindが好きな人にはたまらないコンポーネント集ですね！ shadcn/uiに最適に作られていますが、Tailwindユーザーであれば作られたUIをほぼそのまま使うことができます。 下の画像のようなチャット風のUIが特徴なサービスになっていて、このチャットに指示を出すことでUIを作ってくれ
はじめに 最近、ビジネスダッシュボードの設計・実装ガイドブックという書籍が出版された。今まであまりなかった視点から書かれたデータに関する本で面白く読んだ。 ビジネスダッシュボード 設計・実装ガイドブック 成果を生み出すデータと分析のデザイン 作者:トレジャーデータ,池田 俊介,藤井 温子,櫻井 将允,花岡 明翔泳社Amazon 作ったダッシュボードの利用が進まず、虚しさを覚えた経験がある人は多いと思う。どうしてそうなってしまうのか、自分の経験を元にまとめたいなと思ったのでまとめる。 なぜ使われないダッシュボードが作られるか なぜ作られたダッシュボードが使われないかと言うと、基本的にはそのダッシュボードがそんなに必要なものではないからだ（社内周知がうまくない、ツールの使い方がわからない人が多いなどの理由もあったりするがここでは無視する）。 必要のないダッシュボードが作られてしまう状況に関して
久しぶりに記事を書く。最近マルス端末のUIについてツイートがあった。 この件に関して、UIについてやUXに対して日々やってきている人間は「ダメなUI」という認識の人が多いように思う。一方で、システムの開発者にとってはこれは、その認識でない人間が多いようだ。なので、この辺を私なりに意見を書いておこうと思う。 まぁ、これはいつもなのだが、書いていることが散らかってる。基本的に音声入力のメモなので、読みにくいかもしれないが読んでくれ参考になれば幸いだ。 熟練が必要なUIは基本的によくない まず、基本的に熟練が必要なUIはそもそも良くないって話をしていく。順番に話していこう、まず、熟練が必要なUIが支持される理由を考え、それに対して、批判していき、なぜ熟練が必要なUIはダメかを語ってみよう。 熟練が必要なUIが支持される理由 その前に、こういった熟練のUIが支持される理由についてかいておこう。それ
永山久徳 @h_nagayama 羽田で京急乗った人からヘルプメッセージ。これでは日本人でも地方民にはどこに行くのか分からん。せめて東京・千葉方面か横浜方面かだけでも車内表示できないのか。 pic.twitter.com/ccozg9jRU8 2024-02-20 22:23:38
コントローラーの“右側4ボタンややこしい”問題について議論白熱。「東西南北にすればいい」説に注目集まる - AUTOMATON
コントローラーの形状はメーカーやゲーム機によって異なり、中でも「右側にあるボタン」はゲーム機ごとにボタンの種類や配置が異なっている。そうした仕様についてややこしいとの指摘が投じられ、議論を巻き起こしている。そうした中で “東西南北”基準のボタン配置のアイデアが投じられ、分かりやすさからか大きな支持を受けているようだ。 今回、「コントローラーの右側にあるボタン」を巡る議論が白熱している。発端となったのは、PlayStationとXboxのどちらのボタンレイアウトの方が“正しい”のか、と疑問を投げかける投稿だ。それに反応する形で別のユーザーが、Nintendo SwitchとXboxとでコントローラー右側にあるABXYボタンの配置は“議論の余地がある”と指摘。Nintendo SwitchもXboxもABは右・下の2つ、XYは左・上の2つに配置されている。しかしAとB、XとYの配置がそれぞれ逆
Droomから一生退去できなくて困っている【ほぼ解決】
【TL,DR】 ダイワリビング（大和ハウス）の賃貸住宅Droomを解約する際、解約専用サイトから申請できないトラブルが発生過去に別のアパートを借りていたことによって、2件分のIDが発行されており、無効な方でログインしていたのが原因（←これ結構混乱する） 正しいIDでログインし申請していたが、修正箇所を直そうとしたら申請前なのに受付を拒否されてしまう 仕方なく営業所に電話するも、そこは既に賃貸業をしていないので中央オペレーターにつなぐよういわれたオペレーターに電話するも全然繋がらないオペレーターから解約申請が終了していると告げられた。日程の変更は別途営業所から連絡があるらしい。たぶん解決 とりあえず解約までは終わったらしいので、表現がおかしかったり間違っている部分は後で訂正します 【注意】 一部に不適切な表現があります 必ずしもダイワリビングが悪いとは限りません自身の落ち度や勘違いもあります
Kazuya Gokita @kazoo04 タッチパネルのこういうUI (銀行ATMのようなもんだと思ってください) で、暗証番号忘れ以外の理由で詰まってしまう人が多くてサポートする人が必要になってる…という話を聞いたんだけど「どういう要因でうまくいかないのか？」が面白かった pic.twitter.com/DL2XrCDDcp 2023-08-30 11:44:14
Google Fontsには日本語フォントや英語フォントをはじめ、さまざまな言語のフォントをすべて無料で使用できます。いやー、いい時代ですね。 そんなGoogle Fontsの中からリーダビリティ、レジビリティに優れた、テキストを読みやすくするためにデザインされたアクセシブルなフォントを紹介します。教育機関で教材に使用されていたり、指導用として承認されているフォントをあります。
Xがまもなく「いいね」などの指標を非表示に、マスクが宣言 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
イーロン・マスクは3月6日、X（旧ツイッター）はまもなく、リポストやいいね、返信の件数をタイムラインで非表示にし、見た目をすっきりさせることになると発言した。 彼は6日のモルガン・スタンレーのイベントで、Xがこの仕様変更を検討していると述べ、これらの指標の表示がコンテンツの見え方を乱雑なものにしていると付け加えた。マスクはその後、Xのプラットフォーム上で、ユーザーからの問いかけに反応し「この件は確かに起こっている」と投稿した。 マスクは、新たなタイムラインには彼がXに追加した指標である「表示回数」が、他の指標の代わりに表示されると投稿した。彼はまた、非表示になった指標（リポストやいいね、返信の数）は、その投稿をクリックした際に表示されるようになることを示唆している。 マスクがこれらの指標の削除について語ったのは、今回が初めてではない。彼は昨年10月のサブスクライバー限定の投稿で「メインのタ
マルスと「熟練が必要なUI」についての議論
JRの職員がマルスを操作する動画が話題になった。 この動画について、職人性を賞賛する立場と、UIとして問題があるという立場が対立していた。 nobkzさんのこの記事は、「熟練が必要なのはUIとして問題がある」という立場での記述だとおもう。 一連の話題に対して違和感を持ったが、違和感の源泉は明確で、「UIとしてよいかどうか」という立論自体に机上の論理以上のものにならないということもあるが、そもそも「マルスとはどういうシステムなのか」が議論されていないことがおおきい。 わたしもマルスについて名前は知ってはいたものの、具体的にはどういうシステムであるかは知らなかったので、少し調べてみることにした。 マルスについて Twitter(X)で話題になっていたもとの動画はこちらである。 ここだけ取り上げてみて、マルスの良し悪しを論じるのは鉛筆を取り上げて絵の良し悪しを論じるようなものだとおもう。 次の動
聴覚障害者が便利になったなと思うこと
なんか世の中便利になったなーと思うことが多いので 書き出してみる。 自分のスペックは重度の聴覚障害者で補聴器を外すと何も聞こえない。けどなんとか喋れるレベル（発音は不明瞭だけど）。 聴覚障害者みんなが同じように感じてるかは知らないけど自分の感想。 テレビの字幕これはだいぶ前からだけど、なんの番組でも大抵は字幕がついてるようになった。一昔前はこの番組は字幕ないかぁ…って事が多かったけど今はもうあんまりそんなことはない。深夜帯はついてないことも多いかな？ 最近はCMにもつくようになった。すごい。 自動文字起こし（web会議）コロナ禍以降web会議オンリーになったんだけど、コンピューターの方がよく聞き取れてる。聴覚障害にも色々あると思うけど自分は補聴器をつけても、聞こえても聞き取れない事が多い。音として認識はしてるけど言葉として認識できないんだよね。でもパソコンはかなりの精度で認識してくれる。
ゲーム開発者ら、ロード画面の“進捗バー”を「わざとガクガクさせている」と明かす。進捗バーは、プレイヤーのために嘘をつく - AUTOMATON
ゲームのロード画面においては、ロードの進行を表す“進捗バー”が用意されていることもある。この進捗バーは、わざと不規則な速さで進むように設計されていることが多いという。開発者たちがSNS上で明かしている。 開発者の口からロード進捗バーについての意外な“真実”が明かされる発端となったのは、コメディアンのAlasdair Beckett-King氏のツイートだ。同氏はゲームのロード画面の進捗バーは均等な速度で動くべきであり、ロードにかかる時間を適切に反映する必要があると問題提起。そうした仕組みを用意してからほかの部分の開発を進めるべきである、との願望を伝えている。ゲームにおいてロード進捗バーが止まったり急に進んだりしがちという、いわば「あるあるネタ」を述べているのだろう。 Game developers need to invent a loading bar that moves at an
認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介
認知負荷および認知負荷理論 (Cognitive Load Theory) をもう少し正確に理解するための心理学研究・知見の紹介 この記事の目的 ここ数年で、ソフトウェア開発やプログラミングの文脈で、「認知負荷」 および 「認知負荷理論」 という用語をよく見聞きするようになりました。私が今思い出せるだけでも、以下のような書籍や Podcast で重要なキーワードとして取り上げられています。 A Philosophy of Software Design, 2nd Edition チームトポロジー 価値あるソフトウェアをすばやく届ける適応型組織設計 プログラマー脳 ～優れたプログラマーになるための認知科学に基づくアプローチ fukabori.fm 102. A Philosophy of Software Design (3/3) w/ twada この「認知負荷」ですが、少なくとも近年見聞
概要 Windows11のコンテキストメニューをWindows10までの従来仕様に戻すスクリプトをまとめた話です。 ググれば同じ話はいくつも出てくるのでn番煎じ感が強いですが、PowerShellだけで行ってる例は少なかったので、そこは新規性があるかも？ コンテキストメニューって？ エクスプローラやデスクトップ上などでファイルとか何もない場所を右クリックしたときに表示されるメニューのことです。 このコンテキストメニュー、Windows10までとWindows11で仕様が大きく異なります。 Windows11では表示をすっきりさせるためなのか、従来のほとんどの操作は非表示になっています。 なので、例えば7zipでの解凍・VSCodeで開く・送るなどの操作をしたい場合は「その他のオプションを確認」をクリックして従来のコンテキストメニューを表示してから対象操作を選択する必要があります。とてもつら
AIUI.me - Screenshot to code
Transform any screenshot into a fully functional, reusable component with just a single click.
「タンスを漁ってアイテムを獲得」→「ジャンプして隠しブロックを発見」への変換もうマジでこれが究極的には全てなんだよ。 マリオRPGの何が面白いってここ。 マジでここ。 ここに全てが詰まっている。 ユーザーが能動的に世界に対して働きかけることで世界の謎を解き明かす機会が与えられていることが素晴らしいわけ。 RPGってのは冒険のロールプレイだけど、冒険ってのは探索なわけだよ。 フリーレンが「クエストアイテム一直線なら５分で終わるスカイリムの洞窟を３時間かけて探索する。勇者ヒンメルならそうした」と語っていたように、探索の楽しみとは一直線に正解に至ることではなく、寄り道してでも世界を隅々まで知りつくそうとする好奇心によって生み出されるわけだ。 ドラクエが出た当時であれば人類はまだまだRPGについて詳しくなかったから「民家のタンスも調べられるんだ！スゲー！なんか強い防具みつけた！」で感動できた。 で
ここ1~2年くらいで 使えるようになった(主要ブラウザーの最新版 がすべて対応した ) ウェブの新機能について ランダムに喋る!
2024.03.15 福岡フロントエンド勉強会 #1
JSON Canvas
An open file format for infinite canvas data. Infinite canvas tools are a way to view and organize information spatially, like a digital whiteboard. Infinite canvases encourage freedom and exploration, and have become a popular interface pattern across many apps. The JSON Canvas format was created to provide longevity, readability, interoperability, and extensibility to data created with infinite
こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。 本日は「生成AI」はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。 まずは基本的な使い方の習得を目指しましょう！ 今回は主にChatGPTを使った業務の効率化方法をお伝えします。 私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね！ 1. 生成AIを使うリスクとは？はじめに、生成AIを使う上での注意点をお伝えします。 漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。 主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの
この記事はNuco Advent Calendar 2023の1日目の記事です。 はじめに 2023年最新のフロントエンド開発環境についての紹介記事です。 分野別に、おすすめツール群と、その特徴などを紹介していきます。 デファクトスタンダードとみなせるようなツールや、最近盛り上がりを見せているものなどをラインナップしました。 これからフロントエンド開発を始めたい人はもちろん、長くご経験のある人にもプラスになる情報がきっとあるため、ぜひ参考にしてもらえると嬉しいです。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 フロントエンド開発おすすめツール集 エディタ エディタやIDEは好みの問題も大きいので、メジャーなものを簡単
🍋 @sksi_ink_2015 メルカリの他の人の商品画面で「商品の内容をコピーして出品する」ってボタン何？？？ 他人の商品説明文コピー出品は禁止行為じゃなかったの... #メルカリ pic.twitter.com/n9VSBTmDZR 2024-03-08 02:45:22
ユーザー体験的なものをストーリーで整理し次にUIを作成するとき、閲覧・参照系より先に新規作成のUIから考える、というケースをときどき見かけます。 これ、すごい違和感あります。 ストーリーにおいてユーザーはまず新規作成するので、そのまま新規作成から着手してしまう、といったところでしょうか。 その場合、新規作成の目当てたるオブジェクトの姿が曖昧になりがちです。 そうすると、新規作成画面にしか存在しない特殊なレイアウトやコンポーネントや、特に意図がない冗長なモーダルができあがることが多いと感じています。 目当てが定まっていないうちから、それをどう作るか、どう編集するかを考えるのって難しくないですか？ 考える順番閲覧・参照系のUIを先に作ることで、それが新規作成や編集の目当てとなり、効率よく良いデザインしやすいと感じています。 例えば、私の場合、以下のように考えを進めることが多いです。 まずは「R
『こういうのでいいんだよこういうので』ホテルで見かけたハイテク技術がこちらです「何でもかんでもデジタルにする事を“アイデア”とは言わない」
Takashi Okumura @tweeting_drtaka こういうのを、サイネージとかスマホアプリとかWeb 5.0とかNFCとかにしないと気が済まない人がいるんですよね。twitter.com/tweeting_drtak… 2023-10-19 22:07:15
UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator
AIによる便利ツールが増えてきましたね！ WebサイトやスマホアプリのUIデザイン用に、入力されたプロンプトを元に色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツールを紹介します。 AI Color Co...記事の続きを読む
「もうWN03と書く日々は終わったのだ…」サイゼリヤから注文用紙が消えQRコードになっていてたがUIが直感的かつ誘導もスムーズだった
kaoruww @kaoruww サイゼリヤの新オーダーシステムの話｜井登友一 note.com/corobutika/n/n… 画面遷移の様子。自分は卓上の説明をほぼ読まずに入力したが迷うポイントはなかった。最後まで読まなかったから、会計時にテーブルの紙の伝票をそのままレジに持っていき支払ったので会計ボタン押さなかったな。問題なかった。 2023-11-23 12:18:20 リンク note（ノート） [UX小話]サイゼリヤの新オーダーシステムの話｜井登友一（YuichiInobori) あたしは自他ともに認めるサイゼリヤエンスージアストなんですが、昨夕、出先でWiFiが使いたくなって近くにあったサイゼリヤに立ち寄った際、なんとオーダーシステムが顧客自身のスマホを使ったセルフオーダーシステムに変わっていました。 （店員さんにお聞きしたところ、現時点では全国で数店舗だけの試験導入段階との
これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザインが、ここを見ればコピペで簡単に実装できます。 CSS Tooltips & Speech Bubbles CSS Tooltips & Speech Bubblesを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回は100種類のツールチップとスピーチバブルです。
PC-8001を買ったほどの父が「松屋の食券機が分からなかった」というので「とうとう…」と思ったら自分も松屋で注文できなくて一度逃げてしまった
MSX研究所長 @yoshimatsuTUQ うちの父が松屋の食券機が分からなくて店員を呼んだ、という話を聞いて「PC-8001を1979年に買ったほどの父もとうとう…」とか思ったが、その後自分も松屋の食券機で目当ての物が買えなくて一度逃げたので父を責められなくなりました。 2023-08-02 12:57:09
増えるタッチパネルに困ってます 視覚障害者には何も伝わらず 「世の中は便利になるけど」増す生きづらさ：東京新聞 TOKYO Web
荒川区町屋の職場近くのスーパーでは、支払い方法をタッチパネルで選ばなければいけない。全盲の長島さんは店員に操作してもらっている。カードの暗証番号は知られたくないので、スマートフォンのバーコード決済を使う。混雑時は店員に申し訳ないと、買い物には行かないようにしている。 銀行のATMは、一部の操作がタッチパネルでないとできない。行員に暗証番号を口頭で伝えて入力してもらう必要がある。視覚障害のある仲間も、マイナ保険証の利用時にタッチパネルで暗証番号の入力を求められ困っている。「信用はしているが、個人情報が守られているだろうかという不安は消えない」
Next.js、Remix、SvelteKit といった近年のフレームワークは、JavaScript がなくても動作することを一つの価値として提供しています。 例えばSvelteKit のフォームではプログレッシブエンハンスメントとして、JavaScript が利用できる環境ではリッチなユーザー体験を提供しつつ、JavaScript が使えない環境においては HTML のフォームとして振る舞うことでアプリケーションの機能を変わらず提供できます。 React Server Component はサーバー側で HTML に変換されるため、クライアントに JavaScript のコードが配信されることはありません。React Server Component では useState() を使用できないといった制約がありますので、我々開発者は React Server Component の利点を
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2023年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
2024年版 HTMLで作るフォームバリデーション - ICS MEDIA
【令和最新版】何もわからない人向けのローカル LLM 入門
UIテストはもうMaestroでいいのかもしれない話
JISキーボード（日本語配列キーボード）の基礎知識と入力効率アップの小技を解説 | PFU
指示したUIをAIがTailwindベースで実装してくれるv0が凄い
なぜ使われないダッシュボードが作られるかという話 - satoshihirose.log
熟練が必要なUIについて、それがよくない理由と、UIの慣性について
羽田で電車に乗った人が送ってきたヘルプ、関東の電車の分かりづらさが示されていた
ATMなどのこういう画面で詰まってしまう人が多いらしい→その意外な原因に「信じられない」「気持わかる」の声
全部、商用利用も無料！ Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適
Windows11のコンテキストメニューを旧仕様に戻す方法 - Qiita
スーパーマリオRPGの面白さが未だに分からない人間に教えて上げる
WEBデザイナー向け！はじめての「ChatGPT」で業務効率化をするヒント｜toto｜Rabee.inc
2023年度版フロントエンド開発環境構築徹底解説 - Qiita
メルカリ「コピー出品」実装。 他人の出品から説明文をパクるクソ機能。
UIは閲覧画面からつくろう。｜Shino | Software Designer
JavaScript なしで動作するモダンなコードの書き方