期待の新星 Expo UI を触ってみる
はじめに 2025年4月にExpo SDK53がリリースされたのですが、公式が発表したChangelogに興味深い記述がありました。 Improved Swift UI and Jetpack Compose integration, powering a prototype of a new Expo UI package どうやら、Expoが Swift UI と Jetpac Compose を統合することでネイティブに近いUIコンポーネントを開発者が簡単に使える新たなパッケージ、 Expo UI のプロトタイプを公開したようです。 この Expo UI ですが、Expoでのフロントエンド開発を加速させる期待の新星なのではと注目しています！ Expo UIが期待の新星である理由 なぜ Expo UI に期待を寄せているのかと言うと、現在のExpoでのフロントエンド開発において必須であ
イカれた万博チケット購入システムを紹介するぜ！ - 人生万事こじらせるべからず
万博のチケットの売れ行きが芳しくない原因が、万博のチケット購入の難しさにあると指摘されている。 自分の分のチケットを購入し、友人や家族の予約の手伝いもして複数回このシステムを触った上で言うが、万博のチケット購入・パビリオン予約の難易度はイカれている。サイトを使用している全てのタイミングで不快を感じるという凄まじいシステムだ。 もちろん、真っ当な知能のある大人であれば、チケットを購入することが不可能であるとまでは言わない。例えるならば、役所に行く用事の手間に近い。Webサイト上の不親切な説明を読みつつ、諸々の書類をどうにか揃え、役所に書類を持って行ったあとに不備でつっかえされる、あの感じだ。 「万博のチケットって複雑なんでしょ」とニュースでだけ見聞きした人はぜひとも触ってみてほしい。本当に。感動するから、あまりのクソ具合に。 金を払ってまでクソを体験したい人は少ないと思うので、金を払ってこの
ブロック レイアウトの align-content プロパティが Baseline の一部になりました | Blog | web.dev
ブロック レイアウトとテーブル レイアウトで、CSS Box Alignment の align-content プロパティを使用できるようになりました。これにより、フレキシブル レイアウトやグリッド レイアウトを作成しなくても、ブロックの方向を揃えることができます。 アイテムを垂直方向に中央揃えする、以前は不可能だったタスクが、フレックスボックスとグリッドと align-content プロパティを使用することで簡単になりました。しかし、この位置揃えを行う以外の目的では、フレックスまたはグリッドのレイアウトを作成する必要がありました。このプロパティはブロック レイアウトに対して指定されており、ここ数か月で 3 つの主要エンジンすべてにこの機能がリリースされています。 ブロック レイアウトで align-content を使用すると、プロパティを機能させるためにフレックス レイアウトまたは
マルスと「熟練が必要なUI」についての議論
JRの職員がマルスを操作する動画が話題になった。 この動画について、職人性を賞賛する立場と、UIとして問題があるという立場が対立していた。 nobkzさんのこの記事は、「熟練が必要なのはUIとして問題がある」という立場での記述だとおもう。 一連の話題に対して違和感を持ったが、違和感の源泉は明確で、「UIとしてよいかどうか」という立論自体に机上の論理以上のものにならないということもあるが、そもそも「マルスとはどういうシステムなのか」が議論されていないことがおおきい。 わたしもマルスについて名前は知ってはいたものの、具体的にはどういうシステムであるかは知らなかったので、少し調べてみることにした。 マルスについて Twitter(X)で話題になっていたもとの動画はこちらである。 ここだけ取り上げてみて、マルスの良し悪しを論じるのは鉛筆を取り上げて絵の良し悪しを論じるようなものだとおもう。 次の動
東京メトロの駅トイレでくも膜下出血を発症、７時間後に発見され死亡確認…遺族が１億円超の賠償求め提訴
【読売新聞】 東京メトロの駅の多機能トイレ内で２０２１年、会社員男性（当時５２歳）がくも膜下出血を発症して死亡したのは、駅側の対処が遅れたことが原因だとして、和歌山市在住の遺族が同社に約１億７００万円の損害賠償を求め、和歌山地裁に提
ここ1~2年くらいで 使えるようになった(主要ブラウザーの最新版 がすべて対応した ) ウェブの新機能について ランダムに喋る!
2024.03.15 福岡フロントエンド勉強会 #1
はてなブックマークiOSアプリはマテリアルデザインの悪い見本 - UXエンジニアになりたい人のブログ
はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。 基本構造 まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成として メイン（様々なエントリー一覧） フィード マイページ の3つからなっています。 それぞれの画面と親子関係、各画面を呼び出すための操作をまとめると以下のようになります。[ ]で囲まれた青文字がUI表現で、赤文字部分が最終操作画面とその説明です。★が初期画面です。 まとめたつもりなんですが読みにくいし主題とあまり関係がないので、面倒な人は下の画像まで読み飛ばしてください [フローティング操作ボタン] メイン（様々なエントリー一覧） [ツールバー横のナビゲーションドロワーボタンから左部ナビゲーション：タイトルは「話題を探す」] [仕切り線：カテゴリー] ホーム [タブ] 人気エントリー（いわゆるホッテントリ）★ 新着エントリー（
Melt UIの設計をみてみる - Qiita
<script> import { createCollapsible, melt } from '@melt-ui/svelte' const { elements: { root, content, trigger }, states: { open } } = createCollapsible() </script> <div use:melt={$root}> <button use:melt={$trigger}>{$open ? 'Close' : 'Open'}</button> <div use:melt={$content}>Obi-Wan says: Hello there!</div> </div> こんな感じで使うみたいです。シンプルですね。 createCollapsibleとuse:melt={$xxx}を見たところ、どうやらelementsとstatesから
はてな匿名ダイアリーの書き方
これ本当に「はてな」側の問題だと思う。 「はてな匿名ダイアリー」書きたいと思って、はてなのアカウントを取っても ずーと書き方わからないまま。 Myはてなにダイアリーでてこないしね？いや、出てるの？見つけられないだけなのか・・・・？ でもユーザーが見つけられない時点でUIの問題をかなり抱えている気がする。 はてな匿名ダイアリーの書き方・はてなのアカウントを作る ・http://anond.hatelabo.jp にアクセス ・右上のログインを押す。 ・すると（すでにログインしているのに）なぜかログイン画面がでるので、ログインする。 ・右上の日記を書くから・・・ はぁ・・・長かった・・・。 はてな匿名ダイアリーがもっと気軽に書けるサービスだったら書きたいこといっぱいあったのに。 さよなら。
Passkey autofillを利用したパスワードレスログイン導入で得たものと、得られなかったもの - Money Forward Developers Blog
English version of this article is available here はじめに こんにちは、CTO室 IDサービス開発部のyamato(@8ma10s)です。 マネーフォワード IDという、当社サービス向けのIdPを開発しています。 今回このマネーフォワード IDにおいて、パスワードを使わずに、生体認証などを利用してログインできる「パスワードレスログイン」という機能をリリースしました。 また、今回のリリースでは、既にいくつかの他社サービスで導入されているような通常のパスワードレスログインUIではなく、「Passkey autofill」という、ブラウザの自動補完を利用する新しいタイプのパスワードレスログインUI を（恐らく日本のサービスで初めて。エンドユーザーの目に触れるサービスという意味では、おそらく世界でも初めて）導入しています。 私達がどういった過程で、
フロントエンドとSPA職人の目指したものの歴史と概略
年末年始にフロントエンド論みたいな記事をいくつか見たが、僕ら古のSPA職人がやってきたフロントエンドという職域と目指していたものが失伝しかけている気がするので、ここに時代ごとに何を考えていたか、雑に書き殴る。 注意点として、 2004から始まるが、自分がプログラミングを始めたのが2010, 業務としてコードを書き始めたのが 2012 なので、解像度が高いのはそれ以降になる。 tl;dr 2004: 動き出す HTML 2011: 構造化のはじまり 2015: 贅沢品としてのSPAとコミュニティ分化 2017: 貧者のSPA 2019: 守破離としてのパフォーマンス 2004: 動きだす HTML AJAX の時代。要は XMLHTTPRequest で取得したコンテンツに応じて、動的書き換えをDOM書き換えを行うこと。今では名付けるほどでもない操作だが、HTMLが静的なものをやめたことは、
NextUI / Mantine / react-daisyUI - 2022年12月時点で React の UI フレームワークを調べた
NextUI / Mantine / react-daisyUI - 2022年12月時点で React の UI フレームワークを調べた 定期的にCSSフレームワークの動向調査し隊隊員です。 タイトルのとおり、React における CSSフレームワーク（UIライブラリ、ツールキット含む）の動向に変化があるかな？と思いざっくり調べてみたところ、以前から知っていたもの、そうでないものも合わせて3つほど気になるものがあったのでピックアップしてみます。 いずれも使い込んだわけではない個人のざっくり感想です。MUI と Chakura については僕のなかで既知だったので今回は取りあげていませんが、両者ともに依然として有力選択肢かと思います！ NextUI Next.js の Vercel チームがつくっている UI ライブラリ。GitHub リポジトリのスターは 8.6k を超えています。 Nex
都合の良いUIデザイン〜わがままで怠惰で理不尽なユーザーのニーズに応える10のポイント〜｜SOMPO Digital Lab デザインチーム
こんにちは、SOMPO Digital Labデザインチームのデザイナーの金（https://twitter.com/seikei_kin）です。普段はUIデザイナー・ウェブデザイナーとしてサービスやプロダクトの開発・設計に携わっています。 突然ですが、みなさんは真面目で、協力的で、積極性があって、物覚えがよい方でしょうか？あるいは最新のアプリの動向に詳しく、それらを使いこなせるリテラシーを十分にお持ちでしょうか？ 果たして自分はどうかと振り返ってみると、少なくとも自信をもってそうであるとは言えないのが正直なところです。なまけものかつわがままで、物覚えや察しも良くなく、実際、馴染みのないウェブのサービスやアプリを利用する場合には、些細なことでつまづいたり悩んだりした結果、途中で嫌になり諦めてしまうこともしょっちゅうです。 そして、実は私のようなユーザーは決して少なくないのではないでしょうか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デジタル庁デザインシステムβ版
Svelte Snippets - Say Goodbye To Slots
https://support.discord.com/hc/en-us/community/posts/360030253991-Discord-for-Business
XR やクローラーについて話した次世代 Web カンファレンス A11y セッションが無事終了しました - ARTICLES
https://twitter.com/y_matsuwitter/status/1634545107117678594
GitHub - skeletonlabs/skeleton: Skeleton is an adaptive design system powered by Tailwind CSS.
Component patterns | Patterns | web.dev