投稿時間:2021-05-03 17:41:40 RSSフィード2021-05-03 17:00 分まとめ(46件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	MOONGIFT	Vim Motion - macOSでマウス操作を減らすユーティリティ	http://feedproxy.google.com/~r/moongift/~3/o3GCJSXr1AM/	macos	2021-05-03 17:00:00
python	Pythonタグが付けられた新着投稿 - Qiita	Python備忘録(1) 環境構築	https://qiita.com/pzdc/items/5edbf723e54912f4f886	condaupdatenbasecdefaultsconda手順の番「仮想環境にパッケージをインストール」について、必要なパッケージをpipコマンドの代わりにcondaコマンドを使用してインストールする。	2021-05-03 16:05:09
js	JavaScriptタグが付けられた新着投稿 - Qiita	Javascript 　繰り返し処理　何回も書くのがめんどくさい！　繰り返しの文　　私初心者なので　復習	https://qiita.com/Hoshi10Lighthouse/items/f3da8dd0fdf7cde72f0b	Javascript繰り返し処理何回も書くのがめんどくさい繰り返しの文私初心者なので復習for文繰り返し処理を行う方法として、while以外にもfor文がある。	2021-05-03 16:30:36
js	JavaScriptタグが付けられた新着投稿 - Qiita	HerokuにNodeJsアプリをデプロイする際に確認すべき4つのポイント	https://qiita.com/HikaMaru3/items/8e080a9aced608ed9d16	HerokuにNodeJsアプリをデプロイする際に確認すべきつのポイントはじめに自分の学習過程で学んだ事をこの記事に載せています。	2021-05-03 16:04:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Webサーバー/外から見れない（Apache・Linux）	https://teratail.com/questions/336411?rss=all	Webサーバー外から見れないApache・Linux前提・実現したいこと現在、ラズパイBと、Uubuntu・Apacheの組み合わせでWebサーバーを作ろうとしています。	2021-05-03 16:56:50
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Serializeで複数のオブジェクトを保存したい。	https://teratail.com/questions/336410?rss=all	Serializeで複数のオブジェクトを保存したい。	2021-05-03 16:56:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Node.js 非同期関数をラッピングして同期関数にしたい	https://teratail.com/questions/336409?rss=all	Nodejs非同期関数をラッピングして同期関数にしたい前提・実現したいことNodejsにおいてpgを使いPostgreSQLでサーバーにレコードを投げています。	2021-05-03 16:55:35
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	作成したいゲームの考え方を教えていただきたいです。	https://teratail.com/questions/336408?rss=all	知りたいことは、役の判定方法です。	2021-05-03 16:52:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CSS表示の仕方について	https://teratail.com/questions/336407?rss=all		2021-05-03 16:51:33
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	CSSのjustify-contentが適用されない	https://teratail.com/questions/336406?rss=all	CSSのjustifycontentが適用されないCSSが適用されるようにしたいdisplayflexは適用されているのにjustifycontentnbspflexendが適用されない。	2021-05-03 16:49:41
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Wordpressの管理者ログイン画面が表示されない	https://teratail.com/questions/336405?rss=all		2021-05-03 16:47:15
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	疑似要素で右向き三角矢印の高さを変更できない	https://teratail.com/questions/336404?rss=all	上向き、下向き矢印なら三角矢印になります。	2021-05-03 16:36:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ログアウト時にNo route matches [GET] "/logout" エラーが出る	https://teratail.com/questions/336403?rss=all	ログアウト時にNoroutematchesGETquotlogoutquotエラーが出る前提・実現したいことRailsチュートリアル章に取り組んでいます。	2021-05-03 16:31:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Javascriptでの配列の重複ソートの仕方	https://teratail.com/questions/336402?rss=all		2021-05-03 16:23:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	DirectXTK：キーを押すとマウスカーソルの方向に弾が飛んでいくやり方がわかりません。	https://teratail.com/questions/336401?rss=all	DirectXTKキーを押すとマウスカーソルの方向に弾が飛んでいくやり方がわかりません。	2021-05-03 16:08:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	cssでトリミングした画像を真ん中に配置する方法について	https://teratail.com/questions/336400?rss=all	cssでトリミングした画像を真ん中に配置する方法について分からないことCSSでトリミングした画像を親要素の中央に配置したいのですが上手くいきません。	2021-05-03 16:07:41
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Ajaxでいいね機能が実装できない	https://teratail.com/questions/336399?rss=all	Ajaxでいいね機能が実装できない前提・実現したいことPHPでいいね機能をajax通信で実装させ、画面遷移させることなくいいねの切り替えを行いたい。	2021-05-03 16:06:00
Ruby	Rubyタグが付けられた新着投稿 - Qiita	セッターとゲッターの使い方	https://qiita.com/nyanko-meshi/items/513f6db7b0cfbdc1e772	セッターとゲッターの使い方セッターとゲッターの役割セッタークラス外からインスタンス変数の値を変更できるインスタンスメソッドゲッタークラス外からインスタンス変数の値を出力できるインスタンスメソッド使用例classPeopleセッターnameまでがメソッド名defnamenamenamenameメソッドの引数をnameに入れるendゲッターdefnamenamenameを出力するendゲッターの応用defintroductionputs私の名前はnameです。	2021-05-03 16:43:43
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	UbuntuでC#のアプリを開発する	https://qiita.com/akira_kawahara/items/6c57ad7d07e65fdcdb85	この状態で、インストールすると拡張機能がUbuntu側にインストールされます。	2021-05-03 16:09:04
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Route 53のHosted Zoneの機能 ①ドメインの基本	https://qiita.com/kuma_matsu/items/3b4e2957be66bd6f7ee0	名前解決ドメイン名とIPアドレスの対応表を管理し、利用者からの要求に応じてドメイン名に対応するIPアドレスを答えることを名前解決と言います。	2021-05-03 16:05:32
Docker	dockerタグが付けられた新着投稿 - Qiita	テストサーバ立ててサブドメイン割り当ててBasic――ではなくSAML認証でSSO(Keycloak)に組み込む	https://qiita.com/macropygia/items/d497300d16bb035f0faa	MellonCondltSAMLATTRgtltVALUEgtltOPTIONgtMellonCondは複数記述することができるオプションは大括弧で囲う詳しくはモジュール公式リポジトリのReadmeを参照のことVALUEで展開できる変数nnum正規表現使用時のマッチ結果の参照、桁はn、桁以上はnumENVenvnameApache環境変数の展開をエスケープしたい場合はとするオプションORそのMellonCondの評価結果がfalseだった場合、次のMellonCondを評価するNOT評価結果を反転する値と一致しない場合にtrueを返すSUB一致条件を部分一致にするREGVALUEを正規表現として扱い評価する正規表現はApacheのLocationMatch互換NC大文字・小文字を区別しないMAPMellonSetEnvによってリマップされた属性名を探して判定する詳細不明REFREGと同時に使用し、次のMellonCondにおけるマッチ結果の参照に今回のマッチ結果を利用する詳細不明例手順の例で設定したカンマ区切りテキストを格納しているSAML属性subdomainに、asdfpreviewに一致するフィールドが含まれていたらアクセスを許可する。	2021-05-03 16:23:11
Git	Gitタグが付けられた新着投稿 - Qiita	Git コミット名を書き換える	https://qiita.com/hirokun0204/items/4a74690196007c217974	gitpushforiginリポジトリ名これで、pushしたコミット名を編集することができます。	2021-05-03 16:54:32
Ruby	Railsタグが付けられた新着投稿 - Qiita	Reactとの連携　７　完成	https://qiita.com/takuo_maeda/items/ac83f4e65cb2e89bea3d		2021-05-03 16:44:44
Ruby	Railsタグが付けられた新着投稿 - Qiita	No template for interactive requestエラーの解消法	https://qiita.com/nr1005rn/items/677481c0bb0b48fbf053	Notemplateforinteractiverequestエラーの解消法Notemplateforinteractiverequestが発生しエラーの解消がわからなくなった『購入画面へ進む』を押すと上記のエラーが発生しcontrollershowindex関係を見直したが不明。	2021-05-03 16:22:27
Ruby	Railsタグが付けられた新着投稿 - Qiita	エラーメッセージを表示させるためには？	https://qiita.com/nr1005rn/items/9c6e34b1cc260134f7b3	errormessageshtmlerb	2021-05-03 16:20:14
Ruby	Railsタグが付けられた新着投稿 - Qiita	ログイン状態でも他のユーザーの編集をできないようにする	https://qiita.com/nr1005rn/items/560e2777ed4ec97194fa	ログイン状態でも他のユーザーの編集をできないようにするログイン状態でも他のユーザーの編集が出来てしまう状態をログインしていてユーザーIDが一致していないと編集出来ない状態にする。	2021-05-03 16:19:14
Ruby	Railsタグが付けられた新着投稿 - Qiita	プルリクエストのコンフリクト解消方法	https://qiita.com/nr1005rn/items/423c0454433c0914c497	gitmergemaster	2021-05-03 16:16:32
Ruby	Railsタグが付けられた新着投稿 - Qiita	単体テストコードエラー	https://qiita.com/nr1005rn/items/8b0a034557e771a5053b	editemmustexisttoinclude	2021-05-03 16:14:57
Ruby	Railsタグが付けられた新着投稿 - Qiita	新規投稿、ログイン、ログアウト実装時　pathの書き方注意点	https://qiita.com/nr1005rn/items/ce99bcb4b8b24536b471	新規投稿、ログイン、ログアウト実装時pathの書き方注意点新規投稿、ログイン、ログアウト等ルートパスを記載する際の注意点を記載しますめっちゃ初歩ですappviewssharedheaderhtmlerbltCSS・・・assetsstylesheetssharedheadercssgtltheaderclasstoppageheadergtltdivclasssearchbarcontentsgtltlinktoimagetagfurimalogocolorpngclassfurimaicongtltformclasssearchformactiongtltinputclassinputboxplaceholderキーワードから探すgtltbuttonclasssearchbuttongtltimagetagsearchpngclasssearchicongtltbuttongtltformgtltdivgtltdivclassnavgtltulclasslistsleftgtltligtltlinktoカテゴリーclasscategorylistgtltligtltligtltlinktoブランドclassbrandlistgtltligtltulgtltulclasslistsrightgtltdeviseを導入できたら、ログインの有無で表示が変わるように分岐しましょうgtltifusersignedingtltlinktocurrentusernicknameusernameclassusernicknamegtltlinktoログアウトdestroyusersessionpathmethoddeleteclasslogoutgtltelsegtltlinktoログインusersessionpathclasslogingtltlinkto新規登録newuserregistrationpathclasssignupgtltendgtltdeviseを導入できたら、ログインの有無で表示が変わるように分岐しましょうgtltulgtltdivgtltheadergt上記だとpathにそのままアクセスしてしまう。	2021-05-03 16:13:12
Ruby	Railsタグが付けられた新着投稿 - Qiita	単体テストコードエラー解消 Failure/Error: expect(@user.errors.full_messages).to include("First name can't be blank")	https://qiita.com/nr1005rn/items/01f20a334ca1c35f6bd1	単体テストコードエラー解消FailureErrorexpectusererrorsfullmessagestoincludequotFirstnamecanxtbeblankquot単体テストコード発生FailureErrorexpectusererrorsfullmessagestoincludeFirstnamecantbeblankfurimaアプリ実装中に単体テストコードを実装エラーメッセージが発生したのでその時の対処と共にアウトプットspecmodelsuserspecrbrequirerailshelperRSpecdescribeUsertypemodeldodescribecreatedobeforedouserFactoryBotbuilduserenditpasswordとpasswordconfirmationが文字以下では登録できないdouserpassworduserpasswordconfirmationuservalidexpectusererrorsfullmessagestoincludePasswordistooshortminimumischaractersenditnicknameが空では登録できないdousernicknameuservalidexpectusererrorsfullmessagestoincludeNicknamecantbeblankenditemailが空では登録できないdouseremailuservalidexpectusererrorsfullmessagestoincludeEmailcantbeblankenditemailはが含まれていなければ登録できないdouseremailsamplecomuservalidexpectusererrorsfullmessagestoincludeEmailisinvalidenditpasswordが空では登録できないdouserpassworduservalidexpectusererrorsfullmessagestoincludePasswordcantbeblankenditfirstnameが空では登録できないdouserfirstnameuservalidexpectusererrorsfullmessagestoincludeFirstnamecantbeblankここでエラーが発生したendエラーメッセージは↓Usercreatefirstnameが空では登録できないFailureErrorexpectusererrorsfullmessagestoincludeFirstnamecantbeblankexpectedtoincludeFirstnamecantbeblankspecmodelsuserspecrbinblocklevelsinlttoprequiredgtよく見ていくとtoinclude後のFirstnamecantbeblankとエラーが記載されている。	2021-05-03 16:10:52
Ruby	Railsタグが付けられた新着投稿 - Qiita	単体テストコードエラー解消方法	https://qiita.com/nr1005rn/items/3f0f33a45b94633e4e79		2021-05-03 16:09:39
Ruby	Railsタグが付けられた新着投稿 - Qiita	Unknown validator: '~' (ArgumentError)	https://qiita.com/takayukinm7/items/22d9385e4e7fb39e4a64		2021-05-03 16:03:37
海外TECH	DEV Community	How to convert markdown to HTML in Laravel and Voyager?	https://dev.to/bobbyiliev/how-to-convert-markdown-to-html-in-laravel-and-voyager-1g0m	How to convert markdown to HTML in Laravel and Voyager IntroductionMarkdown was created by John Gruber and Aaron Swartz who contributed on the syntax Nowadays Markdown is everywhere from readme files and writing messages in online discussion forums I m even writing this very article in Markdown as well Markdown widely used as it offers an easy to write and read plain text format which then gets converted to HTML In this tutorial I will show you how to use Markdown with your Voyager Admin panel for your Laravel website and how to render the output to HTML on your views PrerequisitesBefore you start you would need to have a composer and Laravel application up and running along with Voyager installed I will be using a DigitalOcean Ubuntu Droplet for this demo if you wish you can use my affiliate code to get free DigitalOcean credit to spin up your own servers If you do not have that yet you can follow the steps from this tutorial on how to do that Install Laravel on Ubuntu ServerOr you could use this awesome script to do the installation LaraSailOnce you have Laravel and Voyager installed you are ready to follow along Install the Laravel Markdown PackageFor this example we will use the following Laravel Markdown package developed by Graham Campbell In order to install the package first cd into the directory of your Laravel application and run the following command composer require graham campbell markdownThis might take a minute or so to complete After that as stated in the GitHub Readme file in case that you are not using automatic package discovery you have to register the GrahamCampbell Markdown MarkdownServiceProvider service provider in your config app php You can also optionally alias our facade Markdown gt GrahamCampbell Markdown Facades Markdown class The package also supports different configurations which you could learn more about here To keep things simple we will stick with the default settings Configure your ControllerOnce you have the package installed we are ready to change our Post controller and include the MArkdown facade To do so edit your PostController and add the following line at the top use GrahamCampbell Markdown Facades Markdown As an example my single post method looks like this public function single slug post Post where slug slug status published gt firstOrFail return view blog single compact post In order to incorporate the Markdown changes you just need to add the following line post gt body Markdown convertToHtml post gt body So your method would look something like this public function single slug post Post where slug slug status published gt firstOrFail post gt body Markdown convertToHtml post body return view blog single compact post All that we had to do was to first include the Markdown facade and then use the convertToHtml static method to parse our Markdown to HTML and return this to our Post view Change the Input type in VoyagerNow that we have our controller configured to parse markdown to HTML we need to make sure that we actually store our posts as markdown in our database Luckily Voyager makes that super easy All you need to do is First go to your Voyager admin panelThen go to Tools gt BREADFind your Posts table and click editThen search for body and from the dropdown change input type from Rick text box to Markdown Editor and then save the changesOnce this has been done go to Posts and edit or add a new post That way you will be able to write in Markdown via your Voyager control panel and have your markdown parsed to HTML on your frontend ConclusionNow you know how to use Voyager s Markdown Editor and write your posts in Markdown directly via Voyager Hope that you find this helpful Bobby	2021-05-03 07:53:45
海外TECH	DEV Community	Developer's Resume Template - made with Tailwind, Vite and Ionicons	https://dev.to/christiankozalla/developer-s-resume-template-made-with-tailwind-vite-and-ionicons-3ai2	Developer x s Resume Template made with Tailwind Vite and IoniconsThis is a template for you if you want to put your resume online to share it easily with future employers or clients I ve made the resume template withTailwindCSS A utility first CSS frameworkVite Next Generation of Frontend ToolingIonicons Open source icons Lovingly hand crafted Resources to startInstructions on how to get the template working for your can be found along with the Code on GitHubLive Resume Example Story behindI ve redesigned my resume from the ground up lately I was tired of keeping a Word PDF document always up to date In addition I enjoyed the simplicity of updating websites just by pushing new code to a repository Plus a website offers a lot more freedom to style and design according to your likes I thought of several advantages of building my resume as a website instead of a PDF Responsive A website looks great on all screen sizesEvery design is possible CSS offers an abundant varietyEasily share the link with friends employers or clientsAnother nice side effect I was waiting for an opportunity to try some tools and libraries like Tailwind and Vite So my need for a new resume was a perfect match in this case FeedbackIf you d like try out the template or if you have any feedback about the idea whatsoever I ll be glad to receive your feedback Hope you like the template and it can help you on your developer career Thanks for your attention ️	2021-05-03 07:43:28
海外TECH	DEV Community	Acessibilidade na Internet	https://dev.to/portugues/acessibilidade-na-internet-4oll	Acessibilidade na InternetAcessibilidade na Internet significa que pessoas com deficiência dificuldades motoras ou cognitivas também possam com autonomia e segurança utilizar a web tendo acesso àinformação e àinteração podendo entender navegar interagir e contribuir para a web Visa tornar acessível qualquer conteúdo disponível nos sites para pessoas com variadas deficiências tais como vídeo áudio formulário imagem dentre outros Objetivando a universalidade o acesso a todos independentemente de deficiência a World Wide Web ou simplesmente Web desde quando foi criada por Tim Berners Lee também criador do WC vem sendo utilizada nas mais diversas áreas como educação saúde comércio serviços públicos e privados etc WC BRASIL O poder da web estáem sua universalidade Ser acessada por todos independente de deficiência éum aspecto essencial ーTim Berners LeeA WC World Wide Web Consortium consórcio internacional em que organizações filiadas uma equipe tempo integral e o público trabalham em parceria para desenvolverem padrões para a web disponibilizando os de forma aberta e gratuita visa garantir a evolução da web e o crescimento de interfaces interoperáveis WC BRASIL Éessencial que a web seja acessível de modo a prover igualdade de acesso e de oportunidades para pessoas com diferentes capacidades A acessibilidade sustenta a inclusão social de pessoas com deficiência idosas residentes em áreas rurais em países em desenvolvimento entre outras WC BRASIL Diante desta necessidade de acessibilidade na Internet o presente artigo busca apresentar como a população brasileira estádistribuída no tocante às deficiências quais são as diretrizes da WC órgão de prestígio internacional o quanto essa temática éabordada de uma maneira geral em determinado nicho do meio acadêmico e em livros e as práticas e diretrizes em evidências adotadas nos setores público e privado Lista de conteúdo Deficiências mais comunsCenso Pessoas com DeficiênciaDiretrizes de Acessibilidade para Conteúdo Web WCAG e­MAG Modelo de Acessibilidade em Governo Eletrônico GAIA Sites inclusivos a pessoas com autismoProjetando para acessibilidadeAvaliadores automáticos de acessibilidade na webCrescimento da temática acessibilidadeConsideraçõesReferências Lista de vídeos Acessibilidade na Web para Deficientes Visuais REIS Acessibilidade Web Cognitiva PAGANI Entendendo o WCAG Recomendação Alternativas Textuais SALES a Acessibilidade Toolkit WCAG de forma simples SALES Palestra Acessibilidade Toolkit Entendendo de uma vez por todas a WCAG SALES Deficiências mais comunsAbaixo são apresentadas as deficiências mais presentes e algumas formas de remover as barreiras encontradas pelos usuários que as possuem Visão cegueira de cores baixa visão etc Evitar usar texto em imagem pois dificultaráa visualização do conteúdo em ampliadores de tela e caso utilize o texto deve ser replicado dentro de tag html para que leitores de tela interpretem corretamente Utilizar escala de cores corretas Não sobrescrever fontes e cores de fundos permitindo que o usuário possa alterá las caso deseje Evitar o uso de tag style e utilizar o código css em folhas de estilo facilitando a captura de informações pelos leitores de tela Audição surdez ou audição debilitada Adicionar legenda e transcrições para conteúdo multimídia Linguagem de sinais exemplo vlibras Deficiência Motora incapacidade de utilizar mouse tempo de reposta lento etc Possibilitar navegação pelas funcionalidades por meio do teclado Páginas toleráveis a erros com solicitação de confirmação para que não sejam executadas operações acionadas acidentalmente Adição de atalhos Permitir uso de tecnologias assistivas Cognitivo dislexia déficit de atenção incapacidade de se concentrar em grandes quantidades de informações etc Deixar as operações simples e breves evitando operações longas Informar onde o usuário estáe para onde estáindo na navegação Evitar elementos que causem distração Voltar para lista de conteúdo Censo Pessoas com DeficiênciaDe acordo com último Censo realizado em pelo Instituto Brasileiro de Geografia e Estatística IBGE estima se que pessoas tenham algum tipo de deficiência seja visual auditiva motora mental ou intelectual no qual corresponde a uma parcela de da população brasileira àépoca da amostra E dentre esse percentual a deficiência visual apresentou a maior ocorrência da população seguido por deficiência motora com da população terceiro a deficiência auditiva com e com menor ocorrência deficiência mental e intelectual somando as duas MEZZAROBA et al IBGE IdadeVisualAuditivaMotoraMental ou Intelectual a anos a anos Acima de anos Voltar para lista de conteúdo Diretrizes de Acessibilidade para Conteúdo Web WCAG Objetivando tornar a Web acessível o WC criou em o Web Accessibility Initiative WAI Iniciativa para a Acessibilidade na Web formado por grupos de trabalho voltados para o desenvolvimento de diretrizes ligadas àgarantia da acessibilidade do conteúdo Web às pessoas com deficiência e às que acessam a rede em condições especiais Assim surgiram as diretrizes de acessibilidade para conteúdo Web denominada Web Content Accessibility Guidelines WCAG sendo atéhoje a principal referência em acessibilidade Web SOUSA LAZZARIN A WCAG reconhecida pela ISO International Organization for Standardization Organização Internacional para Padronização como um padrão internacional para acessibilidade Web define um conjunto de orientações para estrutura conteúdo e apresentação das páginas Web WC BRASIL A versão inicial do WCAG foi disponibilizada em e a segunda em a terceira e apresentada nesse documento éa de no qual teve melhorias e adequações incluindo acessibilidade para conteúdos em dispositivos móveis Recentemente foi lançada a mas ainda não foi traduzida para o Português O WCAG estásubdividido em princípios recomendações diretrizes e critérios de sucesso TOOLKIT e para esses critérios associados às diretrizes háuma coleção de técnicas de sucesso Camadas de OrientaçãoFonte SAMPAIO Princípios com as respectivas RecomendaçõesOs princípios constituem a base da acessibilidade na Web e abaixo dos princípios estão as diretrizes recomendações no qual são objetivos básicos que devem ser alcançados para tornar o conteúdo mais acessível aos usuários Percebível As informações e os componentes da interface do usuário devem ser apresentados em formas que possam ser percebidas pelo usuário WC BRASIL Alternativas em texto Mídias com base em tempo Adaptável DiscernívelOperável Os componentes de interface de usuário e a navegação devem ser operáveis WC BRASIL Acessível por teclado Tempo suficiente Convulsões e reações físicas Navegável Modalidades de entradaCompreensível A informação e a operação da interface de usuário devem ser compreensíveis WC BRASIL Legível Previsível Assistência de entradaRobusto O conteúdo deve ser robusto o suficiente para poder ser interpretado de forma confiável por uma ampla variedade de agentes de usuário incluindo tecnologias assistivas WC BRASIL Compatível Critérios de sucessoCada diretriz vai ter um ou mais critério de sucesso testável e cada critério teráum nível de conformidade associado no qual pode ser A o mais baixo AA intermediário ou AAA o mais elevado A Solução mais simples com pouco esforço AA Solução intermediária AAA Solução mais complexa exigindo mais esforço Note se que atémesmo o conteúdo que estáem conformidade com o nível mais elevado AAA não estaráacessível a pessoas com todos os tipos graus ou combinações de deficiências particularmente nas áreas da linguagem cognitiva e da aprendizagem Os autores são encorajados a considerar a totalidade das técnicas incluindo as técnicas de tipo sugerida assim como a procurar orientação relevante sobre as atuais boas práticas de forma a garantir que o conteúdo da Web seja acessível tanto quanto possível a esta comunidade WC BRASIL TécnicasPara cada uma das diretrizes e critérios de sucesso existentes no WCAG háuma grande variedade de técnicas constituídas de descrição exemplos código fonte e testes Elas têm caráter informativo e enquadram se em duas categorias WC BRASIL Necessária Satisfazem os critérios de sucesso éfundamental Sugerida Vão além do que éexigido pelos critérios de sucesso individuais e permitem aos autores um melhor cumprimento das diretrizes Acessibilidade ToolkitO WCAG éum guia completo bem definido e documentado repleto de exemplos e casos de sucesso de como aplicar as soluções mas não étão simples de entender e se aprofundar Isto pois apresenta textos rebuscados e maçantes SALES Diante disso Sales após vários anos trabalhando com acessibilidade percebeu que as pessoas tinham dificuldades de entender tanto as explicações das diretrizes como também entender a fundo os critérios de sucesso O objetivo foi criar um material fácil de usar e simples de compreender para a maioria dos usuários independente de suas habilidades A ideia era que quaisquer pessoas batessem o olho no cartão e conseguissem identificar o que deveria ser feito SALES Foi aíque surgiu Acessibilidade Toolkit em formato de cartões para facilitar o entendimento do WCAG O material pode ser usado de formas distintas Inicialmente foi idealizado utilizá lo em exercícios de card sorting onde as pessoas envolvidas no desenvolvimento de projetos digitais poderiam facilmente identificar gaps e atividades que precisariam contemplar mas na prática a ferramenta que possui formato de cartões pode ser utilizada como fonte rápida de consulta de diretrizes WCAG disseminação de conhecimento facilitador de discussões identificador de funcionalidades ou atémesmo como um checklist SALES E caso não queira imprimir os cartões tem o Guia de Consulta Rápida WCAG Abaixo segue um comparativo entre um texto original dos critérios de sucesso do WCAG e suas respectivas adaptações Os critérios apresentados são Nível de leitura e Várias formas Fonte SALES Voltar para lista de conteúdo e­MAG Modelo de Acessibilidade em Governo Eletrônico Cada vez mais órgãos dos governos federais estaduais e municipais têm utilizado a web para prover diversas categorias de serviços para os cidadãos ARNAUT apud REZENDE Diante disso O governo brasileiro comprometido com a inclusão buscou através da elaboração do Modelo de acessibilidade do governo eletrônico facilitar o acesso para todas as pessoas às informações e serviços disponibilizados nos sítios e portais do governo BRASIL O eMAG ou e MAG foi inicialmente desenvolvido em e atualmente se encontra na versão de O modelo atual estáem conformidade com os padrões internacionais e éuma versão especializada do documento internacional WCAG Web Content Accessibility Guidelines Recomendações de Acessibilidade para Conteúdo Web no qual não exclui quaisquer boas práticas de acessibilidade do WCAG BRASIL O modelo possui quarenta e cinco recomendações de fácil entendimento no qual mantém correlação com os Critérios de Sucesso do WCAG ARNAUT distribuídas em seis seções Marcação recomendações específicas com foco na marcação no conjunto de tags aplicadas nos textos inseridos nas páginas HTML Comportamento Document Object Model DOM recomendações relacionadas com o comportamento das páginas atualização redirecionamento automático scripts conteúdos dinâmicos dentre outros Conteúdo Informação recomendações voltadas para o conteúdo das páginas HTML e das informações contidas como títulos e links com textos claros curtos e significativos dentre outros Apresentação Design recomendações de design de páginas como layout redimensionamento de textos contraste entre outros Multimídia recomendações para inserção de elementos multimídia áudio e vídeo nas páginas dos sites como controles de áudio e de animação audiodescrição legenda dentre outros Formulário recomendações para formulários HTML tais como instruções para a entrada de dados CAPTCHA acessível alternativas textuais para botões em formato de imagens ordem lógica de navegação tabulação dentre outros Voltar para lista de conteúdo GAIA Sites inclusivos a pessoas com autismoEm razão das recomendações gerais de acessibilidade nem sempre atender às necessidades específicas das pessoas com Transtorno do Espectro do Autismo devido àdiversidade de características entre eles e também com o objetivo de equalizar aspectos psicopedagógicos sobre o autismo com requisitos tecnológicos para desenvolver soluções acessíveis Talita Pagani durante sua dissertação de Mestrado desenvolveu um conjunto de recomendações de acessibilidade web embasadas em princípios com foco nos aspectos do autismo abordando desde a escrita de conteúdo atérecursos de programação denominando o GAIA Guia de Acessibilidade de Interfaces Web com foco em aspectos do Autismo PAGANI Este conjunto de recomendações acerca de design digital inclusivo que estádisponível de forma aberta e colaborativa traz uma abordagem multidisciplinar de como desenvolver websites e aplicativos mais acessíveis PrincípiosVocabulário Visual e Textual G Cores G Textos G Legibilidade G Compatibilidade com mundo real Customização G Customização visual G Customização informacional G Interfaces flexíveis G Modo de leitura Engajamento G Eliminar distrações G Interface minimalista G Organização visual G Forneça instruções Representações Redundantes G Múltiplos formatos G Equivalentes textuais G Legendas Multimídia G Múltiplas mídias G Ampliação de imagens G Evite sons perturbadores Visibilidade do Estado do Sistema G Instruções de interação G Reverter ações G Número de tentativas Reconhecimento e Previsibilidade G Consistência G Aparência clicável G Feedback de interação Navegabilidade G Navegação simples G Evitar redirecionamentos Resposta às Ações G Confirmação de ações Interação com Tela Sensível ao Toque G Sensibilidade adequada Talita também émembro do grupo de especialistas em Acessibilidade Web do WC Brasil Voltar para lista de conteúdo Projetando para acessibilidadeKarwai Pun designer de interação juntamente com sua equipe de acessibilidade do Home Office Digital empresa governal do Reino Unido criou cartazes do que fazer e não fazer com o propósito de abordar a acessibilidade digital do ponto de vista do design Os pôsteres que estão disponibilizados de forma aberta e colaborativa por meio da licença Creative Commons BY NC SA são boas práticas de design para acessibilidade uma orientação geral diretrizes gerais sem a presença de textos excessivamente prescritivos abordando os usuários das áreas baixa visão surdez com deficiência auditiva dislexia deficiência física ou motora espectro do autismo e de leitores de tela Em cada pôster são informadas dicas divididas equalitariamente em o que fazer e o que não fazer KARWAI SALES b Projetando para Usuário com transtorno do espectro autista FazerNão fazeruse cores simplesuse cores contrastantes brilhantesescreva de forma clara e simplesusar figuras de linguagem ou expressões idiomáticasusar frases e marcadores simplesusar grandes blocos de textoscriar botões descritivos ーpor exemplo “anexar arquivos criar botões vagos ou imprevisíveis ーpor exemplo clique aqui construir layouts simples e consistentesconstruir layouts complexos e desordenadosVisualizar pôster Usuário de leitor de tela FazerNão fazerdescrever imagens e fornecer transcrições para vídeomostrar informações apenas em imagem ou vídeoconstruir um layout linear e lógicoespalhar conteúdo por toda a páginaestrutura de código baseado em HTMLestrutura dependente do tamanho do texto e do posicionamentoconstruir para uso apenas do tecladoforçar uso do mouse ou da telaescrever links e títulos autodescritivosescrever links e títulos não informativos ーpor exemplo clique aqui Visualizar pôster Usuário com baixa visão FazerNão fazerusar bons contrastes e um tamanho de fonte legíveluse baixo contraste e tamanho de fonte pequenopublicar todas as informações diretamente em páginas HTML esconder informações em arquivos para downloadusar combinação de cores formas e textousar apenas cor para transmitir significadoconstruir layout linear e lógico garantindo boa leitura em ampliaçõesespalhar conteúdo por toda a página e forçar usuário a rolar a tela em ampliaçõesconstruir botões e notificações dentro de um contextoseparar ações do seu contextoVisualizar pôster Usuário com deficiência física FazerNão fazercriar grandes áreas clicáveisnecessidade de precisãoespaçamento entre campos de formuláriosagrupamento de interações próximasprojetar para usar apenas teclado ou vozconteúdo dinâmico que requer muito movimento do mouseprojetar para telas móveis e tocáveis em menteexibir mensagens em um curto período de tempofornecer atalhoscansar usuários com muita digitação e rolagemVisualizar pôster Usuário com deficiência auditiva ou surdez FazerNão fazerescreva de forma clara e simplesusar figuras de linguagem ou expressões idiomáticasusar legendas e ou fornecer transcrições para vídeosusar conteúdo apenas em áudio ou vídeoconstruir layouts simples e consistentesconstruir layouts complexos e desordenadosdividir o conteúdo com subtítulos imagens e vídeosconstruir longos blocos de conteúdopermitir que o usuário escolha o seu melhor meio e comunicaçãonão permita que o telefone seja o único meio de comunicação para usuáriosVisualizar pôster Usuário com dislexia FazerNão fazerUsar imagens e diagramas para acompanhar textouse grandes blocos de textoalinhe textos a esquerda e manter a consistência do layoutsublinhar palavras usar itálico e escrever em maiúsculasconsidere produzir materiais em outros formatos ーpor exemplo áudio e vídeoforçar usuários a lembrar coisas de páginas anteriores ーforneça lembretes e avisosmantenha o conteúdo curto claro e simplesdepender de ortografia correta e precisa ーforneça autocorreção ou sugestõespermitir que os usuários alterem o contraste entre plano de fundo e textocolocar muita informação em um sólugarVisualizar pôster Tradução dos cartazes para o Português realizada por Marcelo Sales Voltar para lista de conteúdo Avaliadores automáticos de acessibilidade na webAvaliar manualmente todas as páginas de um site ou portal éuma tarefa cansativa demorada dependendo dos casos chegando a ser inviável Por isso a existência dos avaliadores automáticos São inúmeros os existentes em Web Accessibility Evaluation Tools List a w org apresenta uma lista com inúmeras ferramentas de avaliação de acessibilidade A avaliação de acessibilidade na web éum processo que verifica o quão bem as aplicações podem ser acessadas de forma satisfatória por pessoas com diferentes deficiências Essa avaliação busca indicar o quanto acessível éuma aplicação web além de apontar os problemas para a aplicação de correções ARNAUT Abaixo são apresentadas algumas ferramentas automáticas gratuitas para avaliação de acessibilidade na WEB FerramentaCritérioASESeMAGTAWWCAGWEB accessibilityWCAGDentre estas ferramentas o ASES Avaliador e Simulador de Acessibilidade em Sítios disponibilizada para WEB e também Desktop permite avaliar simular e corrigir a acessibilidade de páginas sítios e portais seguindo as recomendações do Modelo de Acessibilidade em Governo Eletrônico eMAG foi desenvolvido em parceria entre o Departamento de Governo Eletrônico DGE e o Instituto Federal de Educação Ciência e Tecnologia do Rio Grande do Sul IFRS Os resultados das avaliações realizadas pelas ferramentas automáticas são apresentados na forma de um relatório que detalha as áreas problemáticas no sítio web ARNAUT Voltar para lista de conteúdo Crescimento da temática acessibilidadeSousa e Lazzarin em A questão da acessibilidade digital na literatura dos anais do ENANCIB investigaram a expansão de temáticas emergentes dentro do cenário da Ciência da Informação CI como a Acessibilidade Digital focando nos trabalhos publicados nos Encontros Nacionais de Pesquisa e Pós Graduação em CI ENANCIB período de à utilizando uma abordagem qualiquantitativa e os resultados revelaram que nos últimos anos da pesquisa houve um crescimento exponencial na publicação de trabalhos com a temática acessibilidade Trabalhos publicados à à à à àQuantidadePor meio da ferramenta Books Ngram Viewer da Google utilizando um alcance maior de à épossível visualizar uma crescente nas ocorrências do termo web accessibility encontrados em livros no idioma Inglês EUA No momento da pesquisa não tinha disponível o idioma Português Agora utilizando as palavras em Português acessibilidade web e em outra ferramenta do Google seu buscador foi possível observar a ocorrência em torno de milhões de sítios Observado os dados acima seria de se esperar um crescimento na implantação da acessibilidade nos sítios jáque temos muitos materiais abordado o assunto mas na prática não éo que ocorre BigData Corp e Movimento Web para Todos visitaram em abril de os milhões de endereços ativos da web brasileira na época com foco na experiência do usuário com algum tipo de deficiência para avaliar os níveis de acessibilidade comparado os com os resultados da análise anterior realizada em agosto de e obtiveram resultados nada satisfatórios WEB PARA TODOS Para este estudo foram escolhidos três recursos de páginas Web imagens links e formulários que se tornam barreiras ao acesso se não aplicados corretamente Imagens sem descrição são barreiras para pessoas cegas conseguirem compreender o conteúdo da foto ou figura publicada Formulários com problemas de acessibilidade dificultam o acesso de pessoas cegas e também de pessoas com mobilidade reduzida que não conseguem usar mouse A verificação de markup do padrão do WC possibilita encontrar erros na estrutura da página que eventualmente trazem barreiras para pessoas com deficiência Vale lembrar que outras barreiras não foram verificadas nesta pesquisa e podem estar presentes nas páginas WEB PARA TODOS Abaixo seguem as estatísticas de alguns dos resultados apurados Categoria analisadaago ago abr abr Com problemaSem problemaCom problemaSem problemaFormulário forms Links Imagens Verificação de markup do WC Mais detalhes podem ser obtidos em web para todos Voltar para lista de conteúdo ConsideraçõesAumentando a acessibilidade dos sites melhora a navegação as experiências para todos os usuários não apenas para as pessoas que têm alguma deficiência pois o site estarámais bem feito acessibilidade em sites tem mais correlação com organização e boas práticas do que com elementos técnicos propriamente ditos Mesmo havendo diretrizes de acessibilidade como o WCAG da WC e leis federais relacionadas àacessibilidade web ainda existem inúmeros sites com problemas de acessibilidade Conforme Sousa e Lazzarin embora o poder da Web esteja em sua universalidade e sua idealização tenha tido como primeira concepção o objetivo de fornecer conteúdo a todas as pessoas desenvolvedores de websites por inúmeros motivos entre eles falta de formação na área e escassez de tempo passaram a não seguir recomendações que facilitassem o acesso ao conteúdo com a utilização de produtos de software não convencionais como por exemplo os leitores de tela No tocante aos usuários com autismo que abrange um conjunto mais específico de acessibilidade segundo Pagani a principal dificuldade éque profissionais de tecnologia tendem a não ter conhecimento sobre o assunto e muitas empresas do setor não consideram estes usuários como parte do público alvo dos projetos o que éuma informação alarmante E acrescenta com base em pesquisa realizada com profissionais de tecnologia durante seu mestrado que não consideram ou consideram parcialmente pessoas com deficiências cognitivas em seus projetos dos que não consideram o fazem porque não têm conhecimento suficiente sobre essas deficiências para aplicar em seus projetos e dizem que a empresa em que atuam não considera que estes usuários seriam parte do público alvo dos projetos A mudança da web brasileira em prol das pessoas com deficiências depende basicamente da adesão das empresas e instituições àcausa A transformação seria muito mais rápida se a legislação especificasse quais critérios de acessibilidade um site deve atender Por enquanto a legislação nacional não passa de uma declaração de boa vontade do legislador mas sem nenhuma aplicação prática ressalta WEB PARA TODOS Neste artigo foram mostradas iniciativas diretrizes internacionais e nacionais visando uma Internet mais universal cada um abordando o assunto de uma maneira particular mas todos chegando no mesmo objetivo no mesmo resultado O material apresentando não se aprofunda nas diretrizes em como fazer no passo a passo o objetivo foi dar uma direção um rumo mostrar os conceitos principais para quem ainda não tinha pensado em uma WEB inclusiva instigar uma reflexão no leitor Voltar para lista de conteúdo Referências ARNAUT F F S Acessibilidade web em sítios da rede federal de educação uma avaliação dos Institutos Federais f Dissertação Mestrado em Gestão e Tecnologia Aplicadas àEducação Setor de Educação Universidade do Estado da Bahia Salvador BA Disponível em lt gt Acesso em abr BRASIL ASES Avaliador e Simulador de Acessibilidade em Sítios Disponível em lt gt Acesso em mai BRASIL eMAG Modelo de Acessibilidade em Governo Eletrônico Disponível em lt gt Acesso em abr IBGE Instituto Brasileiro de Geografia e Estatística Cartilha do Censo Pessoas com Deficiência Disponível em lt Acesso em abr KARWAI P Dos and don ts on designing for accessibility Disponível em lt gt Acesso em abr MEZZAROBA M P ALMEIDA T C ULBRICHT V R VANZIN T FADE L M Acessibilidade em portais de Governo Eletrônico do Poder Judiciário Disponível em lt gt Acesso em abr PAGANI T C Acessibilidade Web Cognitiva BrazilJS Conf Disponível em lt gt Acesso em abr PAGANI T C GAIA um Guia de Recomendações Sobre Design Digital Inclusivo Para Pessoas com Autismo REIS A Acessibilidade na Web para Deficientes Visuais Parte Disponível em lt gt Acesso em abr SALES M a Entendendo o WCAG Recomendação Alternativas Textuais Disponível em lt gt Acesso em abr SALES M b O que fazer e o que não fazer ao projetar para Acessibilidade Disponível em lt gt Acesso em abr SALES M Palestra Acessibilidade Toolkit Entendendo de uma vez por todas a WCAG Disponível em lt gt Acesso em abr SALES M Acessibilidade Toolkit WCAG de forma simples Disponível em lt gt Acesso em abr SALES M Acessibilidade Toolkit Entendendo de uma vez por todas a WCAG Disponível em lt gt Acesso em mai SAMPAIO M Entenda o WCAG de forma simples e rápida Disponível em lt gt Acesso em de abr SOUSA M R F F A LAZZARIN A questão da acessibilidade digital na literatura dos anais do ENANCIB Disponível em lt gt Acesso em abr TOOLKIT Acessibilida de Toolkit Disponível em lt gt Acesso em mai WC BRASIL Cartilha de acessibilidade na web wc brasil Fascículo I Disponível em lt gt Acesso em abr WC BRASIL Diretrizes de Acessibilidade para Conteúdo Web WCAG Disponível em lt gt Acesso em mai WC BRASIL Cartilha de acessibilidade na web wc brasil Fascículo IV Disponível em lt gt Acesso em abr WEB PARA TODOS Número de sites que falham nos testes do Web para Todos cai mas ainda preocupa Disponível em lt gt Acesso em mai Voltar para lista de conteúdo	2021-05-03 07:31:10
海外TECH	DEV Community	Start your own Fantasy Sports Platform like Dream11	https://dev.to/santosh3700/start-your-own-fantasy-sports-platform-like-dream11-4af2	Start your own Fantasy Sports Platform like DreamFor the last years it s a boom in the fantasy sports platform As you know the biggest company in this field is Dream who took this initiate Dream started in and till now they have almost M user base That s huge right This was not an easy startThis was not an easy start for the Dream to make understand users what is Fantasy Sports How to play it Literally Dream runs a humongous advertisement to make to know it It took to years just to make them know Patience is bitter but its fruit is sweetFinally after a long time Dream get successful to elaborate their idea And now they are the number one company in this field in India Still they are trying to reach as many as users and they continue investing in advertising Dinner is ReadySo now for you the market is ready and you just need to build your own Fantasy Sports Platform and need to manage it with your business knowledge Things you need to Start itIf you really understand this market and want to start your own Fantasy Sports Like Dream then you need a few basic things to start this As I have experience of more than years of this fantasy sports market so I will tell you what the necessary thing you need to start A Website and two APPs Android amp IOS for the user frontend A Backend to manage the whole system with the role based management system Scorecard APIs Employees to manage KYC withdrawal contest handling match handling customer support and more A server to host all the things on the internet A server manager who can manage the server as it grows Don t worryIf you think that handling all the above things is not easy for you or you need a lot of time to manage all those stuff then do not worry I am always here to help you to achieve this But why Santosh DevnathHaha that s a good question Why me Because I have already helped to run a few fantasy platforms and also I am already working with so many other businesses so I understand the basics of the market and the most important thing the IT I am running a fully experienced IT company so you don t need to worry about how things will go If you wanted to work with me then you can contact meEmail santoshdevnath gmail comWhatsapp Call Telegram ConclusionFantasy sports has a big opportunity for the startup because the market is already ready for you If you have the skills to run a business and have a basic idea of cricket football or any other sports then you can run it in a very master way with your business expertise You can hire software engineers too to build the whole online infrastructure but it is really expensive So that s why I am here You can connect with me if you want more discussion Having enjoyed this article then share it with your community And if you want to read my future articles then you can follow me too	2021-05-03 07:23:14
海外科学	NYT > Science	SpaceX Makes First Nighttime Splashdown With Astronauts Since 1968	https://www.nytimes.com/2021/05/02/science/spacex-nasa-landing.html	resilience	2021-05-03 07:32:28
ニュース	BBC News - Home	Gyms open and friends hug as rules relax in Wales	https://www.bbc.co.uk/news/uk-wales-56929301	covid	2021-05-03 07:50:18
ニュース	BBC News - Home	NI 100: "Peace in Northern Ireland is credit to people"	https://www.bbc.co.uk/news/uk-northern-ireland-56966270	process	2021-05-03 07:39:56
LifeHuck	ライフハッカー［日本版］	この春、ライフハッカー読者が楽天市場で最も購入した｢食品｣ランキング	https://www.lifehacker.jp/2021/05/2021-spring-ranking-foods.html	楽天市場	2021-05-03 17:00:00
LifeHuck	ライフハッカー［日本版］	テレワークの快適度を左右するイス、最適解は“高機能ゲーミングチェア”かも	https://www.lifehacker.jp/2021/05/machi-ya-kaiser2-end.html	andaseat	2021-05-03 16:30:00
北海道	北海道新聞	函館で１人感染　変異株１人確定　新型コロナ	https://www.hokkaido-np.co.jp/article/540108/	新型コロナウイルス	2021-05-03 16:14:00
北海道	北海道新聞	インドのコロナ死者、世界３番目　計２１万人超、メキシコ抜く	https://www.hokkaido-np.co.jp/article/540109/	新型コロナウイルス	2021-05-03 16:15:00
北海道	北海道新聞	ハリケーンズなどプレーオフ進出　ＮＨＬ第１６週	https://www.hokkaido-np.co.jp/article/540107/	北米	2021-05-03 16:08:00
北海道	北海道新聞	中国、抑圧と攻撃性増大　米国務長官「世界支配狙う」	https://www.hokkaido-np.co.jp/article/540106/	国務長官	2021-05-03 16:08:00
北海道	北海道新聞	コロナ対応は「鳥取が１位」　慶大教授、自治体ランク	https://www.hokkaido-np.co.jp/article/540105/	新型コロナウイルス	2021-05-03 16:02:00