1 of 8
Download to read offline
![メタデ`タ
¢ 鮫颪alt奉來を峰する
箭alt=￣表k念の孟湊隻顱
鮫颪グラフの栽などは、altにA鬚くとよいらしい
¢ titleタグは枠にペ`ジのをく
箭氏芙古勣 | 幄塀氏芙リゾ`ム
¢ リンクは嬾墾宀のことを深]して、h苧猟
を火しておく
＄ PDF<span class=￣content￣>でかれたプレスリリ`ス</span>
＄ HTML<span class=￣content￣>でかれたプレスリリ`ス</span>
＄ Word<span class=￣content￣>でかれたプレスリリ`ス</span>](https://image.slidesharecdn.com/random-140617223541-phpapp01/85/-3-320.jpg)
Ad
Recommended
Styleguide Driven Development x CMS - MTDDC Tokyo 2015
Styleguide Driven Development x CMS - MTDDC Tokyo 2015岑失 消隠
?
MTDDC Tokyo 2015でした坪否です。
MTのデモでは、モジュ`ルをダブルクリックするとHTMLやCSSのｼエリアが燕幣される。
HTML, CSSのｼエリアは、Emmetも旋喘できるようにしています。
隠贋すると、Data APを旋喘して並をｼ?隠贋し、壅Bまで佩うようになっています。
ただgHに聞うのはyしいかも。アクセシビリティを互める仝micro IA々
アクセシビリティを互める仝micro IA々Kazuhiko Tsuchiya
?
2021定1埖21晩に_岸された仝アクセシビリティ Tips LT氏々で、〆アクセシビリティを互める仝micro IA々〇というテ`マで鞠させていただきました。
https://rakus.connpass.com/event/199440/
スライドのオリジナル (Google スライド) は、參和の URL でごEいただけます。
https://bit.ly/3oem0q7安粥鴛-粥檎鴛粥て?g屬垢襯泪襯船?ハ?イス桟廠の安艶恢アフ?リケ`ション
安粥鴛-粥檎鴛粥て?g屬垢襯泪襯船?ハ?イス桟廠の安艶恢アフ?リケ`ション薦匆 卅圻
?
2015定5埖14晩に蝕岸された慕汐竃井芝廷イベント仝安艶恢サイト譜柴?雨鴛g廾?アクセシビリティのモダンアプロ`チ々のセッション2で聞喘した彿創です。雨掛デザインの蕕留粥(秤烏ア`キテクチャ)
雨掛デザインの蕕留粥(秤烏ア`キテクチャ)インタ`リンク幄塀氏芙
?
gは、lだってＵＸデザインは竃栖るんです
もくじ
1. UXの協x゛ユ`ザビリティUIとの珸v來゛
2. UXデザインの房深プロセス
3. IAって採宀
4. だったらしてみればいいだろインクル`シブなペルソナ嫖 (アクセシビリティの疾灸 2018)
インクル`シブなペルソナ嫖 (アクセシビリティの疾灸 2018)Kazuhiko Tsuchiya
?
2018定5埖17晩の仝Global Accessibility Awareness Day々に、舞で_岸された仝アクセシビリティの疾灸 2018々に鞠させていただき、仝インクル`シブなペルソナ嫖 (Inclusive Persona Extension)々というデザイン屶址ツ`ルをk燕しました。
しくは、參和の並をごEください。
https://website-usability.info/2018/05/entry_180517.html安艶恢アクセシビリティセミナ`2困覆執望は安艶恢アクセシビリティに函り怏むのか
安艶恢アクセシビリティセミナ`2困覆執望は安艶恢アクセシビリティに函り怏むのかWeb Accessibility Infrastructure Committee (WAIC)
?
2019定10埖17晩に鳥メッセ 忽H氏h1A 102氏h片で_岸したセミナ`仝アクセシビリティセミナ`2019々の、仝安艶恢アクセシビリティセミナ`2困覆執望は安艶恢アクセシビリティに函り怏むのか拭垢琶荒辰靴織好薀ぅ匹任后雨掛譜柴の及匯i-インテリジェントネット芙坪茶膿氏
雨掛譜柴の及匯i-インテリジェントネット芙坪茶膿氏鴛鰻鴛幄塀氏芙
?
インテリジェントネット芙坪茶氏で聞喘したセミナ`のスライドです。
UXOってなんなの燭辰討いθ墨鬚韻痢秘T議なスライドになっています。及7指 okayama-js g樹 WAI-ARIA
及7指 okayama-js g樹 WAI-ARIANozomi Sawada
?
☆ P.83に廣を弖紗しました。
2017-06-10輿に}兼麗Z^にて佩われた仝及7指 okayama-js々でのスライドです。ペルソナ & カスタマ`ジャ`ニ`マップ ワ`クショップ
ペルソナ & カスタマ`ジャ`ニ`マップ ワ`クショップKazuhiko Tsuchiya
?
蝶侭でg仏した、ペルソナおよびカスタマ`ジャ`ニ`マップづくりのワ`クショップです。
ユ`ザ`のニ`ズが謹瓷にわたるサ`ビスのため、謹N謹なユ`ザ`スト`リ` (As a [role], I want [goal/desire] so that [benefit].) を牢い竃し、そこからプラグマティックペルソナをMみ貧げてゆくアプロ`チを颪辰討澆泙靴拭及31指WebSig氏h‐セッション2／ タブレットが嚥える唹について深える
及31指WebSig氏h‐セッション2／ タブレットが嚥える唹について深えるHideto Ishibashi
?
2012定12埖1晩輿及31指WebSig氏h仝り返が吭Rすべきタブレットユ`ザが聞い兵めるタブレット々‐セッション2／タブレットが嚥える唹について深える゛墳鯰稟複┘璽蹈扎`ス幄塀氏芙旗燕函叨芙Lウェブ?ア`キテクト
http://websig247.jp/meeting/31/000254.htmlヤフ`幄塀氏芙はアクセシビリティ鬉?なぜ兵めたのか、どう序めているのか
ヤフ`幄塀氏芙はアクセシビリティ鬉?なぜ兵めたのか、どう序めているのか額温鞄看看!デベロッパ`ネットワ`ク
?
2015定11埖30晩、ヤフ`幄塀氏芙セミナ`ル`ムで_岸したイベント仝Web毅輝宀鬚吋札潺仏`砕郎φ濂e盾隈 仏佩朕念．▲セシビリティ鬄△覆縞爾瓩襭燭匹Mめる拭垢任琉k燕Y創です。コンテンツで個鋲する UI デザインのO吭
コンテンツで個鋲する UI デザインのO吭Yasuhisa Hasegawa
?
デザインは弌さなテキストから兵まります。コンテンツを湯寄に宇える寄ﾄなサイトでも、ユ`ザ`にコンテンツ恬撹を溜ねる弌さなアプリケ`ションでも弌さなテキストが佩咾篁に､る栽があります。 コンテンツがある彜Bでデザインするのと、採もないままスタ`トするのでは寄きな餓が伏まれます。
UI デザインのになると、ビジュアルやインタラクションが}の嶄伉になりがちですが、コンテンツも UI です。なぜコンテンツが UI デザインにおいて嶷勣なのかを盾hすると慌に、書セッションでは弌さなテキストの垢健からはじまるデザインについて、ﾗつかのケ`ススタディ`をみながらA鬚貨をB初します。More Related Content
Similar to ウェフ?アフ?リケ`ションのためのユニハ?`サルテ?サ?インをiんだので慌嗤する (19)
アクセシビリティを互める仝micro IA々
アクセシビリティを互める仝micro IA々Kazuhiko Tsuchiya
?
2021定1埖21晩に_岸された仝アクセシビリティ Tips LT氏々で、〆アクセシビリティを互める仝micro IA々〇というテ`マで鞠させていただきました。
https://rakus.connpass.com/event/199440/
スライドのオリジナル (Google スライド) は、參和の URL でごEいただけます。
https://bit.ly/3oem0q7安粥鴛-粥檎鴛粥て?g屬垢襯泪襯船?ハ?イス桟廠の安艶恢アフ?リケ`ション
安粥鴛-粥檎鴛粥て?g屬垢襯泪襯船?ハ?イス桟廠の安艶恢アフ?リケ`ション薦匆 卅圻
?
2015定5埖14晩に蝕岸された慕汐竃井芝廷イベント仝安艶恢サイト譜柴?雨鴛g廾?アクセシビリティのモダンアプロ`チ々のセッション2で聞喘した彿創です。雨掛デザインの蕕留粥(秤烏ア`キテクチャ)
雨掛デザインの蕕留粥(秤烏ア`キテクチャ)インタ`リンク幄塀氏芙
?
gは、lだってＵＸデザインは竃栖るんです
もくじ
1. UXの協x゛ユ`ザビリティUIとの珸v來゛
2. UXデザインの房深プロセス
3. IAって採宀
4. だったらしてみればいいだろインクル`シブなペルソナ嫖 (アクセシビリティの疾灸 2018)
インクル`シブなペルソナ嫖 (アクセシビリティの疾灸 2018)Kazuhiko Tsuchiya
?
2018定5埖17晩の仝Global Accessibility Awareness Day々に、舞で_岸された仝アクセシビリティの疾灸 2018々に鞠させていただき、仝インクル`シブなペルソナ嫖 (Inclusive Persona Extension)々というデザイン屶址ツ`ルをk燕しました。
しくは、參和の並をごEください。
https://website-usability.info/2018/05/entry_180517.html安艶恢アクセシビリティセミナ`2困覆執望は安艶恢アクセシビリティに函り怏むのか
安艶恢アクセシビリティセミナ`2困覆執望は安艶恢アクセシビリティに函り怏むのかWeb Accessibility Infrastructure Committee (WAIC)
?
2019定10埖17晩に鳥メッセ 忽H氏h1A 102氏h片で_岸したセミナ`仝アクセシビリティセミナ`2019々の、仝安艶恢アクセシビリティセミナ`2困覆執望は安艶恢アクセシビリティに函り怏むのか拭垢琶荒辰靴織好薀ぅ匹任后雨掛譜柴の及匯i-インテリジェントネット芙坪茶膿氏
雨掛譜柴の及匯i-インテリジェントネット芙坪茶膿氏鴛鰻鴛幄塀氏芙
?
インテリジェントネット芙坪茶氏で聞喘したセミナ`のスライドです。
UXOってなんなの燭辰討いθ墨鬚韻痢秘T議なスライドになっています。及7指 okayama-js g樹 WAI-ARIA
及7指 okayama-js g樹 WAI-ARIANozomi Sawada
?
☆ P.83に廣を弖紗しました。
2017-06-10輿に}兼麗Z^にて佩われた仝及7指 okayama-js々でのスライドです。ペルソナ & カスタマ`ジャ`ニ`マップ ワ`クショップ
ペルソナ & カスタマ`ジャ`ニ`マップ ワ`クショップKazuhiko Tsuchiya
?
蝶侭でg仏した、ペルソナおよびカスタマ`ジャ`ニ`マップづくりのワ`クショップです。
ユ`ザ`のニ`ズが謹瓷にわたるサ`ビスのため、謹N謹なユ`ザ`スト`リ` (As a [role], I want [goal/desire] so that [benefit].) を牢い竃し、そこからプラグマティックペルソナをMみ貧げてゆくアプロ`チを颪辰討澆泙靴拭及31指WebSig氏h‐セッション2／ タブレットが嚥える唹について深える
及31指WebSig氏h‐セッション2／ タブレットが嚥える唹について深えるHideto Ishibashi
?
2012定12埖1晩輿及31指WebSig氏h仝り返が吭Rすべきタブレットユ`ザが聞い兵めるタブレット々‐セッション2／タブレットが嚥える唹について深える゛墳鯰稟複┘璽蹈扎`ス幄塀氏芙旗燕函叨芙Lウェブ?ア`キテクト
http://websig247.jp/meeting/31/000254.htmlヤフ`幄塀氏芙はアクセシビリティ鬉?なぜ兵めたのか、どう序めているのか
ヤフ`幄塀氏芙はアクセシビリティ鬉?なぜ兵めたのか、どう序めているのか額温鞄看看!デベロッパ`ネットワ`ク
?
2015定11埖30晩、ヤフ`幄塀氏芙セミナ`ル`ムで_岸したイベント仝Web毅輝宀鬚吋札潺仏`砕郎φ濂e盾隈 仏佩朕念．▲セシビリティ鬄△覆縞爾瓩襭燭匹Mめる拭垢任琉k燕Y創です。コンテンツで個鋲する UI デザインのO吭
コンテンツで個鋲する UI デザインのO吭Yasuhisa Hasegawa
?
デザインは弌さなテキストから兵まります。コンテンツを湯寄に宇える寄ﾄなサイトでも、ユ`ザ`にコンテンツ恬撹を溜ねる弌さなアプリケ`ションでも弌さなテキストが佩咾篁に､る栽があります。 コンテンツがある彜Bでデザインするのと、採もないままスタ`トするのでは寄きな餓が伏まれます。
UI デザインのになると、ビジュアルやインタラクションが}の嶄伉になりがちですが、コンテンツも UI です。なぜコンテンツが UI デザインにおいて嶷勣なのかを盾hすると慌に、書セッションでは弌さなテキストの垢健からはじまるデザインについて、ﾗつかのケ`ススタディ`をみながらA鬚貨をB初します。More from N苧 硫硬 (18)
遺温鉛温恢温壊鞄で恢糸糸しようぜ
遺温鉛温恢温壊鞄で恢糸糸しようぜN苧 硫硬
?
Calabash-AndroidでBDDしようぜ
Calabash-AndroidはCucumberでAndroidのテストができるツ`ルです。
それをLTでB初しましたのでそのY創を巷_します。安艶恢デザイナ`のための温稼糸姻看庄糸喘レイアウト讐恙N苧 硫硬
?
Le document traite des aspects techniques du d└veloppement Android, en mettant l'accent sur les mises en page comme LinearLayout et RelativeLayout. Il aborde └galement des concepts de conception tels que les marges, le remplissage, et les unit└s de mesure (dp, sp, px) n└cessaires pour une interface utilisateur bien structur└e. Divers exemples pratiques sont fournis ┐ travers plusieurs chapitres illustrant les diff└rents types de vues disponibles dans Android.赫温艶蝕k秘壇
赫温艶蝕k秘壇N苧 硫硬
?
The document discusses Google App Engine (GAE) and the Slim3 microframework for Java web development on GAE. It provides an overview of GAE, describing that it supports Java, Python, JRuby and Scala and uses BigTable for data storage. It then compares GAE to the Slim3 framework, noting similarities like using BigTable but also differences in the APIs and technologies used like JSP/Servlet in GAE versus a templating engine in Slim3. The document walks through setting up a sample Slim3 application on GAE using Eclipse plugins and deploying the application.兜めての遺2禽珂
兜めての遺2禽珂N苧 硫硬
?
This document discusses Google's Cloud to Device Messaging (C2DM) service, which allows Android applications to send data from a server to applications on Android devices. C2DM uses App Engine to send notifications and messages from an application server to multiple Android devices. The document focuses on how C2DM and App Engine can be used together to send push notifications from a server to Android applications.Ad
ウェフ?アフ?リケ`ションのためのユニハ?`サルテ?サ?インをiんだので慌嗤する
- 3. メタデ`タ ¢ 鮫颪alt奉來を峰する 箭alt=￣表k念の孟湊隻顱 鮫颪グラフの栽などは、altにA鬚くとよいらしい ¢ titleタグは枠にペ`ジのをく 箭氏芙古勣 | 幄塀氏芙リゾ`ム ¢ リンクは嬾墾宀のことを深]して、h苧猟 を火しておく ＄ PDF<span class=￣content￣>でかれたプレスリリ`ス</span> ＄ HTML<span class=￣content￣>でかれたプレスリリ`ス</span> ＄ Word<span class=￣content￣>でかれたプレスリリ`ス</span>
- 4. フォ`ム ¢ ラベルを屎しく聞う ¢ accesskey奉來は聞わない ブラウザ阿累`いが謹いから ¢ tabindexを聞おう tabキ`で會よく卞咾任るのは嶷勣。‘嬪┐没ればO協しなくても寄嬋健 なことが謹いが、}jなフォ`ムの栽は聞おう。 ¢ 駅朕には、駅とく ¢ スパム貨にキャプチャは聞うな
- 5. テ`ブル ¢ captionにはタイトルを峰する ¢ scope奉來でvS來を燕Fする(row, col) th scope=￣row￣ ¢ テ`ブルレイアウトは~に聞わない シ`ガルさんがテ`ブルレイアウトの云を竃してしまったのが圻咀。 瘁に1997定に仝ウェブを岬oしにしてしまった々とx恟している。
- 6. スクリプティング ¢ 陣えめに聞う ¢ :hover} キ`ボ`ドの栽、hoverできないのでサブメニュ`が燕幣できない。 :focusだと卞咾靴燭薀汽屮瓮縫紿`がえる´。 そのため、onclickでサブメニュ`の俳り紋えにするとよい。 ¢ サブメニュ`を根んだ喘ペ`ジを喘吭するほ うがSな栽もある
- 7. Ajax, ARIA┘▲セシブル リッチ インタ` ネット アプリケ`ション ¢ アクセシビリティ喘の ¢ 麼勣なブラウザでサポ`トされているので芦伉 して聞える ¢ 叨護(role)や彜B(aria-*)を協xして崙囮 ¢ いっぱいあったのでB初しきれない ¢ Y中宜そうだけれど、ECサイトなど、 嬾墾宀の圭たちも聞うところでは勣りそう
- 8. プロセス ¢ 恷瘁のほうになってから櫃砲垢襪福Ｗ邀から 吭Rしろ。Oが嶷勣。 ¢ ツ`ルでチェックする。 W3Cバリデ`ションツ`ルなど ¢ 云の嶄にかれている20の|を吭Rする 箭えば???旗紋テキストはあるか織泪襯船瓮妊アコンテンツにa廁秤鵑鬚弔 ているかHTMLが吭龍のある夛になっているか織瓮縫紿`コンテンツをス キップできるか織`ボ`ドだけで荷恬できるか慎函