この記事は、knockout.js Advent Calendar 2015の４日目の記事です。 先に３日目に目を通すことを推奨しています。 knockout , knockout-es5 , knockout.punches環境を想定しています。 knockoutのbindingは、HTMLテンプレートにdata-bind="attr:properties"の形式で書きます。 これまでのサンプルでも、data-bind="submit:handler"や、data-bind="value:model"といった具合で使ってきました。 その他にもさまざまなbindingがあるので、それらの一部を紹介します。（ただし詳しいリファレンスは外部リンクです） value data-bind="value:property": 解説（公式、日本語） フォーム要素からの入力(View)　と　ViewMo

How to build accessibility semantics into web patterns and widgets ARIA Authoring Practices Guide (APG) Home Learn to use the accessibility semantics defined by the Accessible Rich Internet Application (ARIA) specification to create accessible web experiences. This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional

Macのメニューバーにイコライザーを表示してくれるアプリ「eqMac」がリリースされています。詳細は以下から。 eqMacはイギリスのRoman Kisilさんが昨年9月に公開したMac用オーディオユーティリティで、Macのメニューバーにイコライザーボリュームを表示してくれる機能があります。 イコライザー機能はiTunesなどのアプリにも備わっていますが、eqMacはシステムオーディオ全体に反映されるようになっており、デフォルト値に戻したり、ユーザーのセッティングを保存したりする機能があるので、興味のある方は利用してみてください。 関連リンク System wide Equalizer for OSX – eqMac

Google ChromeのデベロッパーツールでWebサイトのリダイレクト時の挙動を確認するには、デフォルトから設定を変更する必要がある。その方法は？　注意点は？

無地Tシャツの考察と所見 無地Tシャツ綿100%のボディのメーカーごとの比較です。 無地Tシャツの知識が無くても分かりやすく写真で比較して載せています。 Tシャツの生地や形など、Tシャツブランドごとに特長があり、着てみるとブランドごとのカラーがあります。 実際に自分が着ていますので、Tシャツの種類や特徴を抑えていますので、どうぞお役にたてればうれしいです。 無地Tシャツは何にでも服装に合いやすく、おしゃれにコーディネートできて、年齢関係なく幅広い層に着ることとが出来るのでおすすめのアイテムです。 形や風合いでメーカーごとで違います。 体の形が出やすい細い物から、耐久性があって洗っても首元が伸びにくいものまで様々です。 私のTシャツの考えなのですが、着やすい、生活の中で支障が無い（服には保護があり、ひっかけたり、ぶつかったりしても服のお陰で助かることもあるので）、いい耐久性、ぐらいですかねー

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Webアクセシビリティに関連する各種ガイドラインを紹介。各ガイドラインに関する詳細な解説ページを順次追加していきます。 Webコンテンツ全般 日本工業規格『JIS X 8341-3』 2004年6月に初めて制定。その後、2010年8月、2016年3月に改正。正式名称は『高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ』。 最新版は『JIS X 8341-3:2016』で、W3C勧告の『WCAG 2.0』をそのまま採用した国際規格『ISO/IEC 40500:2012』の一致規格。つまり、JIS規格と国際規格は、いずれもW3Cのガイドラインと同じ内容になっている。 『JIS X 8341-3:2016』規格票の購入｜JSA Web Store（日本規格協会） 規格票の閲覧（「X8341-3」で検索）｜日本工業標準調査会（JISC） ウェブ

令和6年度「公的機関向けウェブアクセシビリティ対応講習会」の申込みを開始しました。 みんなの公共サイト運用ガイドライン（2024年版）を公開しました。 令和5年度「公的機関のウェブアクセシビリティ対応の促進に関する調査報告書」及び「公的機関のウェブアクセシビリティ対応の促進に関する調査報告書概要版」公開しました。 令和5年度公的機関向けウェブアクセシビリティ対応講習会の模様を公開しました。 ウェブアクセシビリティに関する啓発資料を公開しました。 「みんなの公共サイト運用ガイドライン」（以下、「運用ガイドライン」という。）は、国及び地方公共団体等の公的機関（以下、「公的機関」という。）のホームページ等が、高齢者や障害者を含む誰もが利用しやすいものとなるように、公的機関がウェブアクセシビリティの確保・維持・向上に取り組む際の取組の支援を目的として作成された手順書です。 なお、総務省では、JIS

haiku.ai - this domain is for sale Submit Inquiry

Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile and on the web

捉え方と考えの整理 Web アプリケーション開発屋として Web アクセシビリティをどのように捉え、どのように付き合っていくべきかの考えを書いてみます。昨今の Web サービスにおいてアクセシビリティは Web の領域だけで果たされるものではなくアプリとかも含めてだよね、という向きはありますが話が広がりすぎるので今回は Web の中に留めます。 自分が Web におけるアクセシビリティとは何なのか？と考えるときは「多様なクライアント環境に対する配慮」と「制限をもつユーザーに対する配慮」の2面で捉えています。前者はあくまで Web に関する技術的な配慮であり、後者は Web に限らず包括的なアクセシビリティとしての配慮またはその社会的要請です。 多様なクライアント環境や Web に対するニーズへの配慮 Web ページを参照できるユーザーエージェントやデバイスの数が多いのは言うまでもなく、これ

アクセシビリティを担保するプロセス作り この記事は Web Accessibility Advent Calendar 2016 - Adventar の 12 日目の記事です。 UI 実装の再考と a11y - Frontrend Vol.8 LT でも述べましたが、Accessibility is a Process, Not a Project ということでアクセシビリティ対応するプロジェクトではなく、アクセシビリティを担保するプロセスを作りましょうということで、チェックツールをいくつか並べて俯瞰してみます。対象読者は自分と同じようなクライアントサイドの Web アプリケーション屋さんということにしておきます。 ちなみにアクセシビリティ評価ツールについては 3 日目のアクセシビリティ方針、報告書、試験支援ツールa11ycのご紹介 (Web Accessibility Advent C

アクセシビリティ方針、報告書、試験支援ツールA11ycのご紹介 (Web Accessibility Advent Calendar 2016) 2016年12月03日 更新 | タグ: アクセシビリティ まくら Web Accessibility Advent Calendar 2016の12月3日を担当させていただきます、有限会社時代工房の柴田です。 初めてのアドベントカレンダーだし、余裕を持って原稿を完成させておきたかったのですが、気がついたら、目前に迫っていました。けっきょく、isee! Working Awardsの授賞式に向かう新幹線の中で記事を書いています。 でも、けっして遊んでいたわけでなく、アドベントカレンダーで紹介する予定だったウェブアクセシビリティ確保支援ツールのデバッグとリファクタリングに時間をかけていました。 それでもまだ、いじり足らないところはあるのですが、Go

この標準で利用できるパラメーターは、wp-includes/class-wp.php の最初に記述されている、WP クラスのメンバー変数、$public_query_vars として定義されています。 var $public_query_vars = array('m', 'p', 'posts', 'w', 'cat', 'withcomments', 'withoutcomments', 's', 'search', 'exact', 'sentence', 'calendar', 'page', 'paged', 'more', 'tb', 'pb', 'author', 'order', 'orderby', 'year', 'monthnum', 'day', 'hour', 'minute', 'second', 'name', 'category_name', 'tag',

世界の全人口70億人のうち、 英語を実用的に使う人口は約18億人 英語ができれば世界のこんなにも多くの人と意思疎通ができるようになります。 自身の英語読書速度(wpm)を知ることは、グローバル力を知ること。18億分の１になる一歩になるかもしれません。 「英語総合読解力測定メジャーさん」で、あなたの今の力を測ってみましょう。 ※wpmとはwords per minuteの略で、１分間に読めるワード（単語）数のことです。

CSS for the <Component> AgeStyling your way with speed, strong typing, and flexibility. const Button = styled.a<{ $primary?: boolean; }>` --accent-color: white; /* This renders the buttons above... Edit me! */ background: transparent; border-radius: 3px; border: 1px solid var(--accent-color); color: var(--accent-color); display: inline-block; margin: 0.5rem 1rem; padding: 0.5rem 0; transition: all