The inert attribute Stay organized with collections Save and categorize content based on your preferences. The inert attribute is a global HTML attribute that simplifies how to remove and restore user input events for an element, including focus events and events from assistive technologies. Inert is a default behavior in dialog elements, such as when you use showModal to open a dialog for users t
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
Introducing the Dialog Element
Although the alert, confirm and prompt JavaScript methods are convenient, they aren’t recommended due to their script-blocking behavior. That’s why we worked with other browser vendors to drive improvements to the <dialog> specification over the last few years. The most important conversations involved accessibility. You can find more complex use-cases, like payment dialogs, on the web. They are c
PCオーディオライフのすすめ(3) イヤホンという沼 - ハマったら抜け出せない美音のワナ💦 - - 時の化石
どうも、ShinShaです。 PCオーディオライフ関連3回目の記事です。 今回のテーマはイヤホン㊗️ やっと、ここまできましたね（涙） ということなんですが、イヤホンって、いろんなパーツからできていて、なかなか厄介なんですね ^^; いやあ、記事書くの結構大変で、時間がかかってしまいました。 まずは、ワイヤレスイヤホンから書いてみました。 ワイヤレス・イヤホン 〜 外で音楽を聞くためのイヤフォン JBL Live Free2 Beats Studio Bids イヤホンについて学ぼう ハウジング ドライバーユニット イヤホンプラグと接続方式 ケーブル イヤーピース 有線イヤホンのおすすめ A 5,000円クラス ASHIDAVOX EA-HF1 u10,000円クラス initime 碧−２ イヤーピースのオススメ おわりに ワイヤレス・イヤホン 〜 外で音楽を聞くためのイヤフォン 外出時
プロダクトエンジニアリング部の千葉です。 LIFULL HOME'S不動産査定とホームズマンション売却の開発に携わっています。 この記事では、売却査定サービスにおけるアクセシビリティ対応の取り組みについて紹介していきます。 マンション査定シミュレーション input要素 コンボボックス 所在地選択ダイアログ キーボードフォーカス リストボックス 最後に マンション査定シミュレーション マンション査定シミュレーションは、インターネット上でマンションの価格を調べることができる簡易査定の機能です。 売却計画を立てる際や、不動産一括査定サービス利用時の参考として使用することができます。 LIFULL HOME'Sのマンション査定シミュレーションではマンション名、所在階、専有面積、間取りを入力すると参考価格を算出することができます。 まずは、ここの入力欄要素での取り組みについて紹介します。 inpu
本連載は『Webアプリケーションアクセシビリティ──今日から始める現場からの改善』を補うものです。紙幅の都合で同書に収められなかった原稿を再構成しました。 同書の第7章「アクセシビリティの組織導入」の続編にあたります。同書第7章は、会社内でたった一人でアクセシビリティの取り組みを始めてから、正式なチームを立ち上げるまでのノウハウを紹介しました。本連載はそこからさらに取り組みを広げていくためのノウハウをまとめます。 アクセシビリティに取り組む人を一定以上に増やすためには、開発プロジェクトでコツコツと取り組むだけでなく、「その組織においてアクセシビリティが重視されている」ことが伝わるしくみを整えていくことが必要です。以下のように整えていくと「その組織においてアクセシビリティは当たり前のこと」、つまりカルチャーとして定着していきます。 従業員採用の募集要項にアクセシビリティを入れる 入社
ブログの構築システムとして、またはサイトのCMSとしても多大なシェアを誇るWordpressでは、記事投稿時にURLを貼り付けるだけで記事本文中へリンクボックスなどを設置できる「埋め込み」という機能があります。 この埋め込みを使って設置されたリンクボックスは、URLの提供元が用意したリッチな見た目のものが掲載されることになります。 「埋め込み」に対応したURLだと、貼り付けるだけでブログカード的なものを設置できます。 この埋め込みでリンクボックスを設置するには、上図で挙げたTwitterのように埋め込もうとしたURLが対応している必要があります。 Wordpressの「埋め込み」にサイトを対応させたいのであれば、サイトがそもそも（古くない）WordPressで構築されていれば、デフォルトで記事ページなどの埋め込み対応は有効化されています。また、テーマのカスタマイズなどで無効化している場合で
Railsのテンプレートエンジンを、slimやhamlから、erbに戻して乗り換えた話 - ITANDI Engineer Blog
はじめに OHEYAGOの開発をしている田渕です！ Railsのテンプレートエンジンには、デフォルトのerbや、代替のslimやhamlなどがあります。 OHEYAGOではslimを採用していましたが、先日、テンプレートエンジンをslimからデフォルトのerbに変更しました。 細かい理由は後述しますが、OHEYAGOチーム内ではslimが技術的負債になっているという結論が出たからです。 また、自分が以前開発していた別のシステムでも、テンプレートエンジンをhamlからerbに変更したことがあります。 こちらも同様にhamlを負債だと考えたからです。 slimやhamlで開発しにくいという話はたまに聞きますが、実際にslimやhamlを削除するという話はネット上の記事でも殆ど見たことがないため、修正した方法を紹介します！ 技術選定の理由 slimやhamlのメリットとデメリットを考えます。まず
Tailwind CSS のテンプレートサイトを使えば Web サイトを効率よく作成できます。簡単ではありますが個人的に素敵だと思った Tailwind CSS のテンプレートサイトをまとめてみました。 Tailwind CSS テンプレート＆ UI キットサイト Tailwind UI（有料） https://tailwindui.com/ すべてのテンプレートを使用するにはライセンス購入が必要 シンプルなデザインはとても汎用的 React や Vue を使用したテンプレートも有 Headless UI https://headlessui.com/ ドロップダウンやダイアログ等の「機能」をメインとした UI コンポーネント集 サンプルコードは React か Vue.js の2種類から選択できる。 MIT ライセンス Preline UI https://preline.co/ 無料で
【2024年の運勢】ARIA SPS-2000STAMP レビュー！占いが出来るスタンプ柄ギターストラップ！？【日本製】 | ギターいじリストのおうち
生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け！
React Server Components bring server-exclusive capabilities to React. I've been using this new paradigm within Next.js 13 and 14, and what follows is my honest assessment of it[1]. I debated not publishing this post because of the way the React community has historically handled criticism. It is only recently that I decided it is important to share my thoughts, especially after seeing that much of
TypeScript support in Svelte - Learn web development | MDN
Complete beginners start here!Getting started with the webGetting started with the webInstalling basic softwareWhat will your website look like?Dealing with filesHTML basicsCSS basicsJavaScript basicsPublishing your websiteHow the web worksHTML — Structuring the webIntroduction to HTMLIntroduction to HTMLGetting started with HTMLWhat's in the head? Metadata in HTMLHTML text fundamentalsCreating hy
Markuplint - An HTML linter for all markup developers. | Markuplint
Conformance checkingThe markup needs to written valid code. This is important to keep the promise of the standards that do not break webpages through each user agent. Markuplint can conformance checking given the specs that are HTML Standard, WAI-ARIA, and more. On Your House RulesYou may have the house rules on your project or your organization. You can check based on your policy or your manageme
初心者向けの単純なルールを作る
■ yokosawa.shop ■https://yokosawa.shop/大人気！世界のヨコサワオリジナルグッズ - World Wide Yokosawa -が絶賛発売中です！！すぐにポーカーで遊べるオリジナルチップセットや、ポーカーやギャンブルをテーマにしたCOOLなアパレルがたくさん！僕たちと一緒にポー... これらのルールはポーカーを数学的に考えたときに導き出せる基礎的な戦術です。しかし、初心者に対していきなり複雑な理屈を含めて教えようとすると、自分が参入するには過度に困難なゲームだと思われてその場でリタイアされてしまう可能性が高いでしょう。 そこで、機械的に守っていれば勝てるようになるルールを伝授することが大切なのです。まずは初心者に勝つ喜びを与えることが重要だからです。この戦術は非常にシンプルに考えられているため、当然大きく勝つことはできないと思います。ですが、初心者同士の
お兄ちゃんはおしまい！ 9話 サブタイ「まひろと年末年始」 まず始めに今回の評価は……… お兄ちゃんはおしまい! コミック 1-7巻セット 作者:ねことうふ 一迅社＿ Amazon 星5.0(満点)です。尊さを越えて浄化されました…。劇伴、サイレント演出で大きく拍がつきました。 [あらすじ(公式より引用)] 緒山みはりが、クリスマスにデートの約束があると出掛ける。動揺を隠せない緒山まひろは、穂月もみじを連れ出して、こっそり後を追いかける。まひろは、みはりのデート相手を緊張しながら見張る。 その後、新年の初詣に出掛けるまひろ、みはりは、穂月かえで、穂月もみじと会う。桜花あさひ、室崎みよにも会い、みんなで穂月家に行くことになる。 [感想] みはりとかえで、まひろともみじのWデート回。まひろともみじのペアに関してはルックスだけ見たら本当にカップルにしか見えません笑 ずっとまひろと一緒に居たいと思
microCMSでプロダクトエンジニアをしています。りゅーそうです。 microCMSでは、UIコンポーネントを作成するのにRadix UIを採用しています。 Radix UIはいわゆるヘッドレスUIと呼ばれるUIライブラリで、UIの機能のみを提供します。 ChakraUIやMUIのようなUIライブラリの場合、既成のコンポーネントセットをそのままインポートして使うだけで良いケースも多いのですが、 Radix UIの場合、「Radix UIの機能」に加えて「自社サービスにあったデザイン」などを付与してコンポーネントを作成し使うことがほとんどです。 最近、私はSlider(Range)コンポーネントをRadix UIを使用して作成しました。 その際に意識したことなどをまとめました。 要約 Radix UIを最大限に活用するが、Radix UIの仕様を「なるべく意識しない」で使えるコンポーネント
JSer.info #497 - Chrome 84がリリースされました。 New in Chrome 84 | Web | Google Developers Chromium Blog: Chrome 84 Beta: Web OTP, Web Animations, New Origin Trials and More Chrome Platform Status: milestone=84 Web animations APIの対応改善、Content Indexing API、Wake lock API、WeakRefのサポートなどが含まれています。 また、Origin trialsとしてIdle detection、Web Assembly SIMDのサポートされています。 Fast, parallel applications with WebAssembly SIM
トグルスイッチとは状態のON/OFFを切り替えるためのUIパーツです。選択肢が明確にわかり直感的に操作できるトグルスイッチは、ユーザビリティを高めるための重要な要素です。しかしそのシンプルさゆえに、不適切な使われ方をしているケースを見かけます。トグルスイッチの機能と適切な使用方法を理解し、ポイントをおさえて設計することが大切です。 トグルスイッチの定義 トグルスイッチはウェブページやアプリケーションのコンポーネントです。同時に選択できない2つのオプションからいずれかを選択し、現在の状態を視覚的に表します。ユーザーがトグルスイッチのON/OFFを切り替えれば、ボタンの操作結果やオプションの変更設定がすぐにシステムに反映されます。 一般的に「トグルボタン」や「トグルスイッチ」と呼ばれることが多く、Material Design（※1）では「スイッチ」、Human Interface Guide
クライアントサイドの JavaScript フレームワークを理解する - ウェブ開発を学ぶ | MDN
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
（２０２０年８月３１日アルツハイマー型認知症の診断から約１３年６ヶ月） ＊ジジの痔… もう１年も経ってしまったのですね。 ちょうど去年の１０月中旬から１１月にかけて、ジジは散々な目にあっていました。 発端は転倒による右手の怪我。しかし、利き手の怪我は思わぬところに影響が出てきました。 ジジは長年、内痔と付き合ってきました。 排泄の度に肛門からに飛び出すので、それを納めなければならなかったのです。 それが、右手の怪我で自ら内痔を肛門に納める事が困難になり、悪化してしまいました。排便の時だけでなく、立ち上がったり歩いたりするだけで出てきてしまう。 それは地獄ですわ…。 にっちもさっち行かなくなり…。私も関わり，父娘で流血の惨事に至りました…。 （↓）読み返すと、懐かしさより凄惨さが蘇る…。ぶるぶるぶる。(°_°) harienikki.hatenablog.com 昨年時点で、ジジは９０歳を過
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH
先日「Google Meet Chat to Clipboard」というChrome拡張機能を公開しました。Google Meetから退出する時に、チャットが残っていれば自動でクリップボードに保存するというものです。 このアイデアは、社内のSlackでたびたび見かけた「Google Meetのチャットを保存し忘れた」という問題から生まれました。 個人のプロジェクトとして作成・公開しましたが、きっかけは社内にありました。そして、ChatGPTに併走してもらいながら制作した過程について少し話したところ、思った以上に興味をもってもらい、ここで紹介することになりました。 こういった弊社での小ネタ的ChatGPTの活用事例は、ChatGPTと大規模言語モデルのLT会を開きました - Classi開発者ブログでも紹介されていますので、興味があるかたはご覧ください。 制作過程 冒頭にもあるとおり、最初か
［ ＋ expand ］DevTools とはElementsStylesComputedEvent ListenersDOM BreakpointsPropertiesAccessibilityConsoleメッセージスタッキングコンソールの履歴実行コンテキストの選択コンソール出力のフィルタリングコンソールの設定Sourcesコード行ブレークポイント条件付きコード行ブレークポイントコード行ブレークポイントの管理DOM 変更ブレークポイントXHR ブレークポイントイベントリスナーブレークポイント例外ブレークポイント関数ブレークポイントNetworkネットワークリクエストの記録読み込み動作の変更リクエストのフィルタリングリクエストの並び替えリクエストの分析リクエストデータのファイル出力Performance概要ペインフレームチャートペイン詳細ペインMemoryHeap snapshotAll
デザインシステムとは？ 簡単にいうと、デザインシステムは、デザインに関することを体系化・構造化したものです。 具体的には、デザインの目的・原則やデザインの基準を定めるVIガイドライン、UIパターンやコンポーネント、ライブラリなどの再利用できるものが含まれます。 そのため、デザインシステムを導入することで、 1つのプロダクトで、200色の白が存在すること や 見た目、機能が同じものを何個も存在することがなくなるため、 大規模なプロダクトやサービスをチームで開発・運用していくのが効率的になります。 また、デザインとコードの両方で一貫性のある見た目にもできるため、 デザインの苦手なエンジニアでも、簡単に、デザインの意図に沿ったUIやクオリティの担保されたUIを作成することができます。 知っておきたいデザインシステム ○ 国内のデザインシステム 国内の企業・組織が公開しているデザインシステムを10
そもそもアクセシブルなサービスとは、どのようなサービス、実装を指すのでしょうか。 端的に表現するならば、「伝えたい情報が正しい文書構造によって実装されているサービス」だと考えます。 例えば以下のようなボタンの実装があったとします。 こちらがレンダリングされた結果です。 こちらがスクリーンリーダーの結果です。 (Macの場合command+F5でVoiceOverを使用することができます。) この例の場合、視覚的な情報と、支援技術を介して得られる情報とで差異が産まれてしまっています。これはアクセシブルではありません。（例外[1]もあります。） この例の場合、ボタンの働きが編集であれば、スクリーンリーダーにより取得した削除という情報は誤りになります。 スクリーンリーダーのような支援技術は、アクセシビリティツリーを元に情報の処理・出力を行います。 このアクセシビリティツリーは、DOMツリーという
WordPress受託業界では、HTML+CSS+JSが完全に組まれたモックアップを渡されてそれをWordPressテーマにするということが多くある。最近ではKunoichi MarketというWordPressのマーケットプレースを作ってもいるので、汎用テーマを作る機会も多い。 そんな中、CSSフレームワークを利用したモックアップがWordPressのマークアップに適さないというケースが多々ある。今回はBootstrapを例に挙げ、CSSフレームワークを採用する際のティップスを紹介しよう。 秘訣1. コンパイルしよう Boostrapのみならず、多くのCSSフレームワーク・ライブラリではCDN版が用意されているため、URLを書くだけで簡単に導入できる。 <?php // Bootstrapを読み込み wp_enqueue_style( 'bootstrap', 'https://stac
今日からはじめる！ WEBアクセシビリティ対応｜リクルート Air ビジネスツールズ プロダクトデザイン
こんにちは、リクルートでプロダクトデザイナーをやっているmunazoです。 私はWebアクセシビリティの対応が強く求められるプロジェクトに参加したのですが、WCAGなどの規格は初学者からすると難しく、正直何から始めていいかわかりませんでした。 Webアクセシビリティ難しすぎる問題という記事に書かれているように、私も同じようにアクセシビリティは難しいと言う印象が強かったのですが、実際にやり始めてみると、簡単に始められる事も多くあると言うことに気付きました。 この記事では、アクセシビリティに対応したいけど始められていない・・ と言う方向けに、具体例を交えて対応のポイントをご紹介します！ こう言う人向け ・必要性は分かっているけど、何から始めたらいいかわからない ・WCAGなど、難しそうな印象で手をつけられていない・・ ・自分は知らなくても、他の人がやってくれると思ってしまっているはじめにWCA
XP.css
A design system for building faithful recreations of old UIs. Intro XP.css is an extention of 98.css. A CSS library for building interfaces that look like old UIs. See XP.css on GitHub See 98.css on GitHub This library relies on the usage of semantic HTML. To make a button, you'll need to use a <button>. Input elements require labels. Icon buttons rely on aria-label. This page will guide you throu
Proアカウント
<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
長期休みに読みたい完結済漫画 まとめはコチラ 長期休みに読みたい漫画紹介 はコチラ 紹介した漫画の記事を、タイトル毎(あいうえお順)にまとめております。 ※. 記事の更新に合わせて本記事も適宜更新していきます。 暁のヨナ 青のオーケストラ 新しい上司はど天然 悪役令嬢転生おじさん 兄友 あまんちゅ！ ARIA アンデッドアンラック イジらないで、長瀞さん 異世界居酒屋「のぶ」 異世界賢者の転生無双～ゲームの知識で異世界最強～ 異世界でカフェを開店しました。 異世界でスローライフを(願望) 異世界薬局 異世界でもふもふなでなでするためにがんばってます。 異世界の主役は我々だ！ 異世界のんびり農家 異世界美少女受肉おじさんと 痛いのは嫌なので防御力に極振りしたいと思います。 今どきの若いモンは 今際の国のアリス 妹に婚約者を譲れと言われました 最強の竜に気に入られてまさかの王国乗っ取り？ WI
2023年のオープンソース活動の振り返り記事です。 2023年のオープンソース活動の振り返り記事を書きました！ - textlint/secretlint: 継続的にアップデート - jsprimer: 第二版の改訂出した、Open Collectiveやっていきたい - Notionに色々集約するツール書いてた "今年のオープンソース活動振り返り @ 2023 | Web Scratch"https://t.co/iwUCQfFWiu pic.twitter.com/7qgDjitpQm — azu (@azu_re) December 31, 2023 今までの振り返りの一覧です。 今年のオープンソース活動振り返り @ 2022 | Web Scratch 今年のオープンソース活動振り返り @ 2021 | Web Scratch 今年のオープンソース活動振り返り @ 2020 | W
1Password X 1.17: New brain, new menu, and even more accessible | 1Password
1Password X harnesses the power of your 1Password account to fill and save passwords, view and edit items, and more – all in your browser. And with today’s release, 1Password X gets even better! Here’s what’s new in 1Password X 1.17. New filling brain written in Rust 1Password’s filling brain is the technology responsible for autofilling your information. The brain analyzes webpages in the backgro
Version 1.78 is now available! Read about the new features and fixes from April. April 2023 (version 1.78) Update 1.78.1: The update addresses this security issue. Downloads: Windows: User System Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the April 2023 release of Visual Studio Code. There are many updates in this version that we hope you'll like, some of the
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Microsoftが、「Windows Update」のポリシーを使ってシングルユーザーデバイスからキオスク、デジタルサイネージ、ジェットコースターまで、さまざまなデバイスを最新かつ安全な状態に保つ方法を詳しく説明している。 Windowsのグループポリシーを使って「Windows 10」や「Windows 11」を管理している管理者に対するMicrosoftの最初のアドバイスは、デフォルト設定をあまりいじってはいけないというものだ。 Microsoftによると、デフォルト設定は「多くのケースで最良のもの」であるため、管理者はデバイスへのセキュリティおよび機能更新プログラムの適用を過剰にカスタマイズしようとするべきではないという。デフォ
【お手頃】ARIA ギターストラップ SPS-2000JF クラゲ柄 は日本製勝ち確演出💪【個性的ギターストラップレビュー】 | ギターいじリストのおうち
生涯5000本以上のギターをいじり続けたきた管理人が実測データを交え世界一詳しいギターレビューやギターパーツ情報をお届け！
Most inputs have something in common — they are happiest with a companion label! And the happiness doesn’t stop there. Forms with proper inputs and labels are much easier for people to use and that makes people happy too. A happy label and input pair In this post, I want to focus on situations where the lack of a semantic label and input combination makes it much harder for all sorts of people to
どうも、ShinSha です。 なんだか最近、イヤホンの記事ばっかり書いてる気がするなぁ。 まあ、気にせずに書いていきます。 割とアクセスも良いみたいなので。 皆んなもイヤホン好きだということが分かりました。 今回はイヤホンのスペックに見方について。 そして、新しいイヤホン買ったのです 😀 イヤホンのスペックについて イヤホンのスペックについて、もう少し説明しなければならないことがあったのです。 厄介な数字ばかりですが、良いイヤホンを手にいれるためには、覚えておかなればならない項目です。 再生周波数帯域 人間の可聴周波数は20〰︎20,000Hzといわれています。 SENHHEISER、SHUREなんかの老舗メーカのイヤホンの再生周波数はほとんど19,000Hz以下となっています。 日本オーディオ協会では40,000Hzまで再生できる機器をハイレゾ対応と定義しています。 原音に近い音を再
SWRを使おうぜという話
書き直しました。 たくさんの方にリアクション頂き、感謝しております。 当記事掲載当時より、ライブラリのAPIに多数の変更がありましたので、最新のAPIに沿って書き直しました。 これからSWRを検証される際は、上記URLより新しい記事をご参照くださいませ。 本文 vercelといえばNext.jsが有名です。 Reactを使う人にとって、そして特にフロントエンド専門のエンジニアにとっては悩みの種だったサーバー側との連携の仕方について 「ちょうどよい」規模と多角アプローチで解決してくれる、言わずと知れた小さなフレームワークです。 また、同社が提供するvercelを使用することで、AWSを使用した簡易的なAPIを抽象的に実装できることで、小さなアプリならNext.js一つで完結させることもできるようになっています。 ですが今回はこのNext.jsではなく、私の周りのプログラマでも意外と知らない人
はい。ロゴが文字として可読かどうかは関係ないかと思います。結局グラフィックとしてのロゴもテキストとしての名称も、ブランドという抽象概念への別メディアにおけるポインタに過ぎないからです。だからこそこれらは代替可能と言えると思います。 — Kotaro Kokubo (@kotarok) March 24, 2020 つまり、それが例えばTwitterのロゴだったとして、そのシェイプ（鳥のカタチ）を見た人は「Twitterという不特定多数の140字以内のつぶやきを読んだり、つぶやいたりできるSNS」のような概念を認識している。それは「Twitter」というテキストを識字したときや、「ついったー」と音で聞いたときと最終的に同じ概念を認識できるので代替可能というわけだ。 で、ここまでは自分も理解できていたのだけど、問題はここからだ。トップページへのリンクが貼られている場合「トップページへ戻る」とい
どうもShinShaです。 今回は2022年春から使ってきたイヤホンの遍歴について書きました。 ブログに書いていない製品もいくつかあります。 既に多くは手放しているので、そろそろ書いておかないと自分でも何を持っていたか忘れてしまう。 理想の音を求めて1年と少し、いろんなイヤホンを購入して音を聴いてきました。 また、技術情報を調べ、様々なブランドのフラグシップ機等も試聴してきました。 今回は、良いイヤホンを購入するためのコツ、より高く下取りに出すコツについても紹介します。 いろんな製品を買ったり売ったり、そして音を楽しむ。 値段に関わらず新しいイヤホンを聴く時のワクワク感と喜び。 この趣味はしばらく続きそうです😃 わがイヤホン遍歴 イヤホンの購入と下取り イヤホンを選ぶための情報収集 イヤホン製品ブランド雑感 イヤホンを高く下取りに出すために お気に入りのイヤホンの紹介です U3,000円
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The inert attribute | Articles | web.dev
COVID-19 - X Transparency Center
売却査定サービスにおけるアクセシビリティ対応の取り組み - LIFULL Creators Blog
第6回 アクセシビリティを必須スキルとし、採用・研修・スキルアップをする | gihyo.jp
Wordpressの「埋め込み」に非Wordpressサイトで対応するための方法 | アユダンテ株式会社
Tailwind CSS のテンプレート & UI キット集【まとめ】 - Qiita
React Server Components: the Good, the Bad, and the Ugly
【お兄ちゃんはおしまい！ 9話感想,評価】"尊い"のその先へ - アニ徹
Radix UIでコンポーネントを作成する時に意識したこと
2020-07-21のJS: Chrome 84(SameSite Cookie)、Vue 3 RC、React Spectrum
ユーザーが迷わないトグルスイッチの使い方 | ベイジのUIラボ
ジジと「痔核ゴム輪結紮術」 - アルツハイマーとともに〜おママの貼り絵日記〜
React を始める - ウェブ開発を学ぶ | MDN
ブラウザ拡張機能をChatGPTと作成した記録 - Classi開発者ブログ
Chrome DevTools の使い方 | murashun.jp
【デザインシステム】エンジニアが知っておきたいデザインシステム - Qiita
aria-labelで始める、アクセシビリティ改善活動
Bootstrapを利用したWordPressテーマ設計の秘訣 – Capital P – WordPressメディア
紹介した漫画リスト - コミックマッチング
今年のオープンソース活動振り返り @ 2023
Visual Studio Code April 2023
「Windows Update」のポリシー、どう設定する？--マイクロソフトが用途に応じた対応説明
HTML Inputs and Labels: A Love Story | CSS-Tricks
イヤホンのスペックについて知ろう - KZ ZSTXで実習しよう！- - 時の化石
ヘッダにあるブランドロゴの代替テキスト、みなさんならどうする？｜平尾ゆうてん
わがイヤホンの遍歴、イヤホンの購入と下取りについて - 時の化石