ブロック レイアウトの align-content プロパティが Baseline の一部になりました コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ブロック レイアウトとテーブル レイアウトで、CSS Box Alignment の align-content プロパティを使用できるようになりました。これにより、フレキシブル レイアウトやグリッド レイアウトを作成しなくても、ブロックの方向を揃えることができます。 アイテムを垂直方向に中央揃えする、以前は不可能だったタスクが、フレックスボックスとグリッドと align-content プロパティを使用することで簡単になりました。しかし、この位置揃えを行う以外の目的では、フレックスまたはグリッドのレイアウトを作成する必要がありました。このプロパティはブロック レイアウトに対して指定されており、ここ数か月で
JRの職員がマルスを操作する動画が話題になった。 この動画について、職人性を賞賛する立場と、UIとして問題があるという立場が対立していた。 nobkzさんのこの記事は、「熟練が必要なのはUIとして問題がある」という立場での記述だとおもう。 一連の話題に対して違和感を持ったが、違和感の源泉は明確で、「UIとしてよいかどうか」という立論自体に机上の論理以上のものにならないということもあるが、そもそも「マルスとはどういうシステムなのか」が議論されていないことがおおきい。 わたしもマルスについて名前は知ってはいたものの、具体的にはどういうシステムであるかは知らなかったので、少し調べてみることにした。 マルスについて Twitter(X)で話題になっていたもとの動画はこちらである。 ここだけ取り上げてみて、マルスの良し悪しを論じるのは鉛筆を取り上げて絵の良し悪しを論じるようなものだとおもう。 次の動
【読売新聞】 東京メトロの駅の多機能トイレ内で２０２１年、会社員男性（当時５２歳）がくも膜下出血を発症して死亡したのは、駅側の対処が遅れたことが原因だとして、和歌山市在住の遺族が同社に約１億７００万円の損害賠償を求め、和歌山地裁に提
2024.03.15 福岡フロントエンド勉強会 #1
はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。 基本構造 まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成として メイン（様々なエントリー一覧） フィード マイページ の3つからなっています。 それぞれの画面と親子関係、各画面を呼び出すための操作をまとめると以下のようになります。[ ]で囲まれた青文字がUI表現で、赤文字部分が最終操作画面とその説明です。★が初期画面です。 まとめたつもりなんですが読みにくいし主題とあまり関係がないので、面倒な人は下の画像まで読み飛ばしてください [フローティング操作ボタン] メイン（様々なエントリー一覧） [ツールバー横のナビゲーションドロワーボタンから左部ナビゲーション：タイトルは「話題を探す」] [仕切り線：カテゴリー] ホーム [タブ] 人気エントリー（いわゆるホッテントリ）★ 新着エントリー（
2023年の暮れも迫る12月16日、東京で 次世代 Web カンファレンス 2023 というイベントがありました。 セッションの動画もあがっているので、報告記事を書きます なお、この動画は Bar エリアで行われた全セッションが詰まっていますので、ピンポイントで見たい方は A11y セッションに再生開始時間をセットした 次世代 Web カンファレンス2023 Bar からご覧ください。 僕はこんなポジションで A11y セッションに参加しました。 次世代 Web カンファレンスの a11y セッションに出場します - ARTICLESセッションは1時間半という長丁場で、始まる前はこんなに時間があって話すことそんなにあるだろうかと不安でしたが、ふたを開けてみると話足りないくらいな状態で、話せなかったネタを一つ別記事で投稿したのでした。 静岡のやさしい日本語講座関連情報についてしらべてみる -
Melt UI みなさん、Melt UIというSvelteのヘッドレスUIライブラリをご存知でしょうか？ Melt Introductionページで使い方を見てみましょう〜！ 使い方 <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>
これ本当に「はてな」側の問題だと思う。 「はてな匿名ダイアリー」書きたいと思って、はてなのアカウントを取っても ずーと書き方わからないまま。 Myはてなにダイアリーでてこないしね？いや、出てるの？見つけられないだけなのか・・・・？ でもユーザーが見つけられない時点でUIの問題をかなり抱えている気がする。 はてな匿名ダイアリーの書き方・はてなのアカウントを作る ・http://anond.hatelabo.jp にアクセス ・右上のログインを押す。 ・すると（すでにログインしているのに）なぜかログイン画面がでるので、ログインする。 ・右上の日記を書くから・・・ はぁ・・・長かった・・・。 はてな匿名ダイアリーがもっと気軽に書けるサービスだったら書きたいこといっぱいあったのに。 さよなら。
English version of this article is available here はじめに こんにちは、CTO室 IDサービス開発部のyamato(@8ma10s)です。 マネーフォワード IDという、当社サービス向けのIdPを開発しています。 今回このマネーフォワード IDにおいて、パスワードを使わずに、生体認証などを利用してログインできる「パスワードレスログイン」という機能をリリースしました。 また、今回のリリースでは、既にいくつかの他社サービスで導入されているような通常のパスワードレスログインUIではなく、「Passkey autofill」という、ブラウザの自動補完を利用する新しいタイプのパスワードレスログインUI を（恐らく日本のサービスで初めて。エンドユーザーの目に触れるサービスという意味では、おそらく世界でも初めて）導入しています。 私達がどういった過程で、
年末年始にフロントエンド論みたいな記事をいくつか見たが、僕ら古の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 フレームワークを調べた 定期的にCSSフレームワークの動向調査し隊隊員です。 タイトルのとおり、React における CSSフレームワーク（UIライブラリ、ツールキット含む）の動向に変化があるかな？と思いざっくり調べてみたところ、以前から知っていたもの、そうでないものも合わせて3つほど気になるものがあったのでピックアップしてみます。 いずれも使い込んだわけではない個人のざっくり感想です。MUI と Chakura については僕のなかで既知だったので今回は取りあげていませんが、両者ともに依然として有力選択肢かと思います！ NextUI Next.js の Vercel チームがつくっている UI ライブラリ。GitHub リポジトリのスターは 8.6k を超えています。 Nex
こんにちは、SOMPO Digital Labデザインチームのデザイナーの金（https://twitter.com/seikei_kin）です。普段はUIデザイナー・ウェブデザイナーとしてサービスやプロダクトの開発・設計に携わっています。 突然ですが、みなさんは真面目で、協力的で、積極性があって、物覚えがよい方でしょうか？あるいは最新のアプリの動向に詳しく、それらを使いこなせるリテラシーを十分にお持ちでしょうか？ 果たして自分はどうかと振り返ってみると、少なくとも自信をもってそうであるとは言えないのが正直なところです。なまけものかつわがままで、物覚えや察しも良くなく、実際、馴染みのないウェブのサービスやアプリを利用する場合には、些細なことでつまづいたり悩んだりした結果、途中で嫌になり諦めてしまうこともしょっちゅうです。 そして、実は私のようなユーザーは決して少なくないのではないでしょうか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く