投稿時間:2021-05-01 13:15:22 RSSフィード2021-05-01 13:00 分まとめ(17件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
python Pythonタグが付けられた新着投稿 - Qiita python環境(windows10)(2021年) https://qiita.com/shw/items/b0676a0cb12a10e1bb23 python環境windows年windowsでのpython環境を作成するときの一例pyenvでpythonバージョンを切り替えるパッケージはvenvで個々に管理する全体の流れpythonインストールpyenvwin必要に応じてvenvpythonインストール公式のインストーラーでインストールaddpythonXXtoPATHにチェックをいれないと面倒なので入れるpyenvwincmdpipinstallpyenvwintargetUSERPROFILEpyenv※pythonインストール時にPATHに追加し忘れて、CUsersユーザー名AppDataLocalProgramsPythonPythonだけPATHに手で追加したがpipが動かないので先頭にpythonmをつけてこれ↓実行したcmdpipを直接指定して動かない場合pythonmpipinstallpyenvwintargetUSERPROFILEpyenv※PowerShellorGitBashの場合は変数の名前が異なる。 2021-05-01 12:01:32
js JavaScriptタグが付けられた新着投稿 - Qiita 関数のみでレトロゲーム音楽を再現 https://qiita.com/htsnul/items/3e001e70e7144dda07a6 音色関数音を任意の時間・音階で複数鳴らせるようにするために、音色部分を関数化する。 2021-05-01 12:39:48
js JavaScriptタグが付けられた新着投稿 - Qiita 【JavaScript基礎】画面サイズに応じて処理を分ける https://qiita.com/nishimachikid/items/af009a49eb9c4a42b86e constmediaQueryListmatchMediaminwidthpxconsolelogmediaQueryList出力結果matchestrueウィンドウサイズがpx以上のときmediaminwidthpxonchangenullプロパティプロパティ内容型matchMediaメディアクエリmatchesメディアクエリに一致するかどうか真偽値matchesプロパティを用いて、ブラウザウィンドウのサイズがメディアクエリに一致するかどうかを調べられます。 2021-05-01 12:33:48
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) Unityのボタンクリックについて https://teratail.com/questions/336052?rss=all UnityのボタンクリックについてUnityでリズムゲームを作ろうと考えており、時間を計るのにTimetimeの差を利用しようと思っています。 2021-05-01 12:49:58
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) discord.js リアクションロールでのメッセージ指定 https://teratail.com/questions/336051?rss=all 2021-05-01 12:48:16
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) HTMLのselectで選んだ値をPOSTで受け取りたい PHP https://teratail.com/questions/336050?rss=all HTMLのselectで選んだ値をPOSTで受け取りたいPHP背景カードゲームのDBを作っています。 2021-05-01 12:45:21
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) ACCESSのエクスポートからマクロを作成したい https://teratail.com/questions/336049?rss=all 2021-05-01 12:41:00
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) JavaScript https://teratail.com/questions/336048?rss=all というプログラムがあった時にどうして、windowconfirmゲームスタート準備はいいこの条件式がokとクリックしたらという、意味になるのですダイアログボックスが表示されて、ifokをクリックしたらconsolelogゲームを開始します。 2021-05-01 12:34:16
Ruby Rubyタグが付けられた新着投稿 - Qiita 【Ruby】0から9までのカウンタ (paizaランク D 相当)【解答】 https://qiita.com/guminatto/items/a11f3a26005277401561 putsnendend 2021-05-01 12:29:04
Ruby Railsタグが付けられた新着投稿 - Qiita 「remote: ! Could not detect rake tasks...」というエラーが表示された場合の対処法 https://qiita.com/takuo_maeda/items/267d38f7dfc23bc4e41f bundlerのバージョンを変更しましょう①現在入っているbundlerを削除します以下のコマンドを実行しましょう。 2021-05-01 12:44:59
Ruby Railsタグが付けられた新着投稿 - Qiita Heroku上にアプリケーションを作成しよう https://qiita.com/takuo_maeda/items/79970a655904a6d3c0ca Herokuへ環境変数を設定するためには、herokuconfigというコマンドを使用します。 2021-05-01 12:41:46
海外TECH DEV Community Aria-live in JavaScript Frameworks https://dev.to/steady5063/aria-live-in-javascript-frameworks-4f9p Aria live in JavaScript FrameworksThe aria live attribute makes it possible for assistive technology users screen readers in particular to be notified when status messages errors or page updates have happened Examples would be a you are logged in toast message or a global error message stating There are multiple issues with the form please correct The content within an aria live region is automatically read by assistive technology when new content appears in that region This allows for dynamic announcements or state changes on the site to be read to assistive technology users which makes the experience in your application easier to use The Problem in JavaScript FrameworksAria live regions in general have struggled to announce properly in JavaScript frameworks due to the dynamic nature of them Asynchronously adding content into the DOM makes it hard for assistive technologies to pick up the region and announce it Initially developers would create live regions that were reusable components see example below which would include the aria live attribute The component would then dynamically be added into the DOM and render the message The result assistive technology greatly struggled to read aria live when it is not in the DOM on load of the page The announcement was very inconsistent and more often than not would not even be read Angular reusable component Component selector toast message component template lt div aria live assertive gt lt span className alertText gt this props liveText lt span gt lt div gt The SolutionsLuckily over the past few years a few different types of solutions that are proven to work effectively have come to light that have greatly improved the use of aria live in JavaScript frameworks Live Regions on LoadOne sure fire way to ensure live region properly announces is to always include it in your application By simply including a live region container across your entire application or having the component render the live region on load and then dynamically adding the message or content you wish too have announced then it will properly announce every single time React on load aria live componentfunction LiveAnnouncer liveText const setText text gt if liveRef current const newText document createElement span newText innerHTML text liveRef current appendChild newText const clearText gt if liveRef current liveRef current innerHTML useEffect gt clearText setTimeout gt setText liveText liveText return lt div aria live assertive gt Lazy Load ComponentsLazy loading a component allows the JavaScript payload of a component or a page to load properly This is why code splitting and lazy loading is extremely useful It is also extremely useful from an accessibility perspective because it gives live regions time to fully render and therefore giving the screen reader time to catch up Vue lazy loaded component lt template gt lt div class container gt lt lazy Live gt lt div gt lt template gt lt script gt export default components lazyLive gt import ToastAnnouncement vue If you are using React you can also lazy load components in tandem with Suspense Suspense accepts a fallback component which allows you to display any React component as a loading state React lazy loaded component with suspenseimport React lazy Suspense from react const ToastAnnouncement lazy gt import ToastAnnouncement const loader gt lt p gt Please wait lt p gt const Homepage gt lt div gt lt Suspense fallback loader gt lt ToastAnnouncement gt lt Suspense gt lt div gt Open Source LibrariesOpen source libraries are another great solution for fixing aria live issues in JavaScript frameworks They are quick and very easy to setup within your application Most solutions in these packages are similar to the previous sections solution where the aria live region is on the page the whole time and it switches out what is announced Or it makes use of lazy loading Here is a list of known live region node packages by framework ReactReact Aria LiveReact Ay Announcer AngularAngular Material Live Announcer VueVue Ay Utils In SummaryWhen dealing with aria live regions in JavaScript frameworks it can be tricky to ensure the regions are announcing properly However using any of these above methods will greatly improve the accessibility of your live regions in your JavaScript application 2021-05-01 03:40:28
LifeHuck ライフハッカー[日本版] 軽い、たためる、高い保温性! 三拍子そろったキャンプマットは、三拍子そろったキャンプマットは、防災グッズとしても優秀です https://www.lifehacker.jp/2021/05/amazon-captanstag-campmat.html captainstag 2021-05-01 13:00:00
北海道 北海道新聞 米、国防予算転用の壁建設中止 メキシコ国境、前政権から転換 https://www.hokkaido-np.co.jp/article/539624/ 国防総省 2021-05-01 12:17:00
北海道 北海道新聞 ツシマヤマネコ2匹誕生 名古屋・東山動植物園 https://www.hokkaido-np.co.jp/article/539623/ 名古屋市 2021-05-01 12:17:00
北海道 北海道新聞 筒香は3打数無安打 アストロズ戦にフル出場 https://www.hokkaido-np.co.jp/article/539612/ 筒香 2021-05-01 12:02:28
北海道 北海道新聞 五輪「開催可能」と組織委副会長 中止考えず、TV番組で https://www.hokkaido-np.co.jp/article/539613/ 東京五輪 2021-05-01 12:05:00

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)