投稿時間:2021-07-17 09:41:52 RSSフィード2021-07-17 09:00 分まとめ(48件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] ゴルフスイングの軌道をVRで修正してくれる「Actuated Club」　東工大が開発	https://www.itmedia.co.jp/news/articles/2107/17/news030.html	actuatedclub	2021-07-17 08:11:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 売上が9年で20倍に！　本物そっくりのカプセルトイが売れている背景に、2つのキーワード	https://www.itmedia.co.jp/business/articles/2107/17/news010.html	itmedia	2021-07-17 08:10:00
python	Pythonタグが付けられた新着投稿 - Qiita	子供の YouTube 見すぎ問題を解決するために Python で嫌がらせをする	https://qiita.com/tadashi9e/items/046cd681be61bc52111e	YouTubeのおかげで家にこもっていても退屈はしないようですが、YouTube見すぎが気になりはじめました。	2021-07-17 08:51:44
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	区切り文字のない文字列で、漢字と数字を分割したい	https://teratail.com/questions/349916?rss=all	区切り文字のない文字列で、漢字と数字を分割したい前提・実現したいことプログラムで、決算短信などの情報をパースしてデータフレームにする処理を実施しています。	2021-07-17 08:52:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Discord.pyで取り込み中にならない	https://teratail.com/questions/349915?rss=all		2021-07-17 08:51:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	React側でrails-apiにaxiosで画像データを送信したい	https://teratail.com/questions/349914?rss=all		2021-07-17 08:19:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	docker-compose run web bundle exec rake db:createをするとmysql2 のgemがないと言われてしまう	https://teratail.com/questions/349913?rss=all	dockercomposerunwebbundleexecrakedbcreateをするとmysqlのgemがないと言われてしまう既存アプリにdockerを導入したく以下記事を参考に進めています。	2021-07-17 08:15:13
海外TECH	DEV Community	The 3 most commun DOM selectors	https://dev.to/ayabouchiha/the-3-most-commun-dom-selectors-1mge	The most commun DOM selectorsHello on this amazing day we ll discuss the most common Javascript selectors getElementByIdgetElementById is used to return an element using his id If there is no element with the giving id it returns null lt h id logo gt Aya Bouchiha lt h gt lt script gt const logo document getElememntById logo const img document getElementById img null lt script gt querySelectorquerySelector is used to return the first element that matches the giving CSS selector lt input type search placeholder search gt lt script gt const searchInput document querySelector type search lt script gt querySelectorAllquerySelectorAll is used to return all elements as a NodeList object that matche the giving css selector lt div gt Hi lt div gt lt div gt Bonjour lt div gt lt div gt Salam lt div gt lt button onclick changeColor gt To Blue lt button gt lt script gt const changeColor gt document querySelectorAll div forEach div gt div style color blue lt script gt SummarygetElementById for selecting an element using his IdquerySelector for getting the first element that matches the giving css selectorquerySelectorAll for returning as a NodeList object All elements that matche the giving css selector Happy codding	2021-07-16 23:46:59
海外TECH	DEV Community	Outcome-based Development w/ Bryan Finster	https://dev.to/linearb/outcome-based-development-w-bryan-finster-34am	Outcome based Development w Bryan FinsterContinuous Delivery isn t about how fast you can deliver it s about the outcome your delivery achieves In this week s episode of the Dev Interrupted podcast we talk with Bryan Finster author of minute DevOps about outcome based development and why failing small is better than failing fast Listen to the full episode Episode Highlights include What is Outcome based Development What is the true goal of Continuous Delivery Why failing small is better than failing fast The most common pitfalls dev teams find when trying to optimize their delivery process Join the Dev Interrupted Discord ServerWith over members the Dev Interrupted Discord Community is the best place for Engineering Leaders to engage in daily conversation No sales people allowed Join the community gt gt	2021-07-16 23:21:03
海外TECH	DEV Community	Creando Arte CSS Accesible	https://dev.to/alvaromontoro/creando-arte-css-accesible-20dm	Creando Arte CSS AccesibleFor an English version of this article visit this other DEV postEl arte y los dibujos CSS ha existido básicamente desde que se creo CSS Son una manera perfecta de practicar y aprender y son interesantes como retos de programación Pero tienen un gran problema el arte CSS no es accesible En este post no vamos a ver cómo crear dibujos e ilustraciones en CSS hay muchos de esos posts En lugar de eso nos centraremos en consejos y buenas prácticas para hacer que los dibujos CSS sean más accesibles para todos Después de aplicar estas técnicas tus imágenes en CSS se llevarán mejor con los lectores de pantalla personas con necesidades específicos de colores gente con trastornos vestibulares o vértigo y todo sin impactar negativamente tu arte o tu creatividad Todos ganan Para ver un ejemplo con los consejos de este artículo visita esta ilustración CSS Y sin más preámbulos vamos a ver las recomendaciones Identifica el dibujo CSS como una imagenAñade texto alternativoElige entre dibujar a la perfección o responsivamenteUsa elementos HTML semánticosPrecaución con las animacionesRespeta las elecciones del coloresEspecifica la relación de aspecto Identifica el dibujo CSS como una imagenUna de las cosas más importantes es identificar tu arte CSS como una image Eso se puede hacer añadiendo un rol ARIA de img al contenedor principal del dibujo lt div role img gt lt HTML de la imagen gt lt div gt Al añadir este rol ARIA las tecnologías de asistencia anunciarán que el contenedor del arte CSS es una imagen cuando lleguen a él Añade texto alternativoAhora que los lectores de pantalla anuncian el arte CSS como una imagen es important proveer una descripción o texto alternativo tal y como lo tendría una imagen normal Algo equivalente al atributo alt Podemos lograr esto al añadir el atributo aria label al dibujo y añadiendo el texto alternativo ahí lt div aria label El texto alternativo iría aquí gt lt HTML de la imagen gt lt div gt Esto funcionarápero en el caso improbable pero posible de que el CSS no se cargue correctamente puede no ser suficiente para hacer lo que queremos Por eso prefiero usar mejor el atributo aria labelledby lt div aria labelledby alt imagen gt lt div id alt imagen gt El texto alternativo va aquí lt div gt lt HTML de la imagen gt lt div gt Esta solución incluye la etiqueta como texto lo que permite esconderla usando cualquier técnica accesible Hay muchas posibilidades para ello Una sencilla se puede encontrar en la página web de The AY Project alt imagen clip rect clip path inset height px overflow hidden position absolute white space nowrap width px De este modo si el CSS no se carga el texto alternativo se mostraráparecido a como se mostraría el texto alternativo de un lt img gt nativo si la imagen no se carga correctamente en la página Elige entre dibujar a la perfección o responsivamenteAlgo a tener en cuenta antes incluso de empezar a codificar nada ¿queremos que el dibujo sea pixel perfect ¿O queremos que sea algo responsivo y que cambie de tamaño al coste de que igual no se ve del todo bien Por supuesto las respuesta tendrán consecuencias y decidirán sobre cómo debemos crear el arte CSS Si queremos alcanzar resultados perfectos deberíamos usar unidades absolutas de medida como px cm pt etc De este modo nuestra imagen tendráun tamaño fijo y no escalarádel todo bien aunque mejor que las imágenes raster ya que lo nuestro seráun dibujo vectorial pero podremos usar cualquier propiedad y valor CSS Por otro lado utilizaremos unidades relativas de medida como vmin em etc si queremos que sea escalable Para que sea responsivo debemos tener en cuenta otras consideraciones El resultado seráescalable y responsivo o al menos tendrála capacidad de serlo Tendremos que tener cuidado con algunas propiedades CSS que no funcionan bien con algunas unidades relativas p e box shadow o border Debemos evitar valores CSS que no usan unidades relativas p e clip path puede tener valores relativos con polygon pero no con path No hay nada malo con uno u otro enfoque Para dibujos artísticos seguramente optemos por escalabilidad mientras que para cosas más prácticas como iconos o fondos optar por algo más pixel perfecto seráconveniente Usa elementos HTML semánticosHTML provee muchos elementos semánticos No hace falta usar lt div gt para todas las partes de nuestro dibujo y especialmente no para el contenedor principal La pregunta debería ser ¿quéelemento HTML debemos usar Nota del autor comprendo que mi elección de elementos semánticos puede ser discutible Intentaréser lo más neutral objetivo posible Hay un par de elementos que parecen ideales en este caso lt article gt y lt figure gt lt figcaption gt Mientras que el segundo parece una elección obvia el primero tiene algunas ventajas semánticas como veremos pronto Por un lado tenemos lt figure gt Un contenido autónomo con un subtítulo opcional lt figcaption gt que puede usarse para el texto alternativo lt figure aria labelledby alt imagen gt lt figcaption id alt imagen gt Aquíva el texto alternativo lt figcaption gt lt HTML de la imagen gt lt figure gt Esta elección parece venir como un guante para lo que queremos pero no debemos olvidar lt article gt una composición completa autónoma e independiente con la intención de ser reusada y distribuida ¡Precisamente lo que es el dibujo CSS lt article gt lt HTML de la imagen gt lt article gt ¿Quéelemento HTML semántico elegir Eso dependerádel autor y de cómo quiere que su arte CSS sea presentado a los usuarios Alguna gente ha mencionado que no puede haber un lt article gt dentro de otro lt article gt pero eso no es correcto Un artículo puede contener otro artículo Cuando hay artículos anidados el artículo interior debe estar relacionado con el artículo exterior El uso de lt article gt da mucho juego también porque permite una incorporación más natural de otros elementos HTML semánticos como encabezados para el título texto alternativo de la ilustración lt address gt para el contacto del autor o lt time gt para la fecha de publicación lt article aria labelledby image alt aria describedby image info gt lt Todo el lt header gt se escondería de forma accesible gt lt header gt lt h id image alt gt Título Texto alternativo lt h gt lt p id image info gt lt address gt Creado por lt a href gt Alvaro Montoro lt a gt lt address gt el lt time datetime gt de Junio de lt time gt lt p gt lt header gt lt HTML de la imagen gt lt article gt Precaución con las animacionesAlgunas veces los dibujos CSS incluyen algún tipo de animación un perro que mueve la cola una persona moviéndose y parpadeando un avión que vuela y da vueltas Cuando añadimos animaciones a nuestro arte CSS debemos tener en cuenta que no a todo el mundo le gusta ver las animaciones o que pueden sufrir de algún trastorno que se vea acentuado por ellas p e los trastornos vestibulares o el vértigo Tenemos que proporcionar algún modo de para las animaciones o reemplazarlas con algo diferente Para nuestra suerte CSS ofrece la media query prefers reduced motion que permite a los desarrolladores hacer precisamente eso Por ejemplo podemos deshabilitar una animación haciendo algo como esto suponiendo que la clase animado estáen todos los elementos que se animan media prefers reduced motion animado animation none También tenemos que tener en cuenta que no todas las animaciones son iguales y no todas causarán problemas En lugar de cancelar todas las animaciones podemos plantearnos cambiarlas por otras más apropiadas o ajustando los tiempos para que no sean tan bruscas Respeta las elecciones del coloresAlgunos sistemas operativos permiten a los usuarios seleccionar opciones de accesibilidad y en algunos casos CSS puede identificar esos valores usando algunas media queries y propiedades Algunos de los métodos que vamos a comentario no están soportados por los navegadores pero pueden usarse para mejorar nuestro arte CSS una vez que el soporte estémás extendido Las media queries son prefers contrast para indicar si el usuario quiere un contraste más alto o más bajo prefers color scheme para detectar si el usuario prefiere un tema oscuro o claro muy común para mostrar el modo noche día forced colors especifica si un usuario ha elegido una paleta de colores limitada media prefers contrast more more contrastes más altos bordes sin transparencias less contrastes de color más bajos media prefers colors scheme dark dark dibujos con más contraste frente a fondos oscuros light dibujos con más contraste frente a fondos claros media forced colors active sobreescribir propiedades como box shadow añadir bordes etc El uso de propiedades personalizadas en CSS también llamadas variables CSS harámás fácil el uso de esas media queries ya que sólo habráque redefinir los valores de las variables En casos más extremos puede que queremos evitar algunas propiedades CSS Por ejemplo el valor de box shadow se fuerza a none en el modo de colores forzados y tendríamos que buscar alternativas Especifica la relación de aspectoUna propiedad más reciente que puede ser útil para crear arte CSS responsivo es aspect ratio Con ella podemos definir la relación de aspecto preferida para la imagen que el navegador usarápara calcular el tamaño y aplicarlo automáticamente Este dibujo CSS serácuadrado miArteCSS aspect ratio Este dibujo CSS seráel doble de alto que de ancho miArteCSS aspect ratio Esto es algo muy conveniente para los desarrolladores pero también tiene un impacto en la accesibilidad porque asegura que nuestros dibujos CSS no se verán estirados o deformados Y tiene un buen soporte por parte de los navegadores Este artículo es una extensión de la presentación que hice durante un meetup de SydCSS Puedes encontrar el video en Youtube	2021-07-16 23:13:04
Apple	AppleInsider - Frontpage News	Apple donates to flood relief efforts in Western Europe	https://appleinsider.com/articles/21/07/16/apple-donates-to-flood-relief-efforts-in-western-europe?utm_medium=rss	Apple donates to flood relief efforts in Western EuropeApple will donate to flood relief efforts taking place in Western Europe where torrential rainfall ravaged Germany Belgium and surrounding areas Announced by Apple CEO Tim Cook in a tweet Friday the company is contributing an undisclosed sum to relief efforts after severe flooding left at least people dead and more than missing Our hearts are with all those affected by the devastating flooding across Germany Belgium and Western Europe Apple will be donating to support relief efforts Cook said Read more	2021-07-16 23:50:21
海外科学	BBC News - Science & Environment	Mystery 19th Century botanist tracked down following appeal	https://www.bbc.co.uk/news/science-environment-57847727	botany	2021-07-16 23:16:59
金融	金融総合：経済レポート一覧	当面の金融政策運営について（2021年7月16日）	http://www3.keizaireport.com/report.php/RID/462281/?rss	日本銀行	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	経済・物価情勢の展望（2021年7月、基本的見解）	http://www3.keizaireport.com/report.php/RID/462282/?rss	日本銀行	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	気候変動に関する日本銀行の取り組み方針について	http://www3.keizaireport.com/report.php/RID/462283/?rss	取り組み	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	デフレはコロナの後にやってくる～日銀金融政策決定会合：Market Flash	http://www3.keizaireport.com/report.php/RID/462289/?rss	marketflash	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	インフレ警戒を強めるＢＯＥ～複数の政策メンバーが早期の緩和縮小の検討を示唆：Europe Trends	http://www3.keizaireport.com/report.php/RID/462292/?rss	europetrends	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	パウエル議長による議会証言のポイント：井上哲也のReview on Central Banking	http://www3.keizaireport.com/report.php/RID/462294/?rss	reviewoncentralbanking	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	気候変動対応への関与は日本銀行の使命に照らして妥当か：新型オペの骨子素案：木内登英のGlobal Economy ＆ Policy Insight	http://www3.keizaireport.com/report.php/RID/462295/?rss	lobaleconomypolicyinsight	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	FX Daily(7月15日)～ドル円、109円台後半で上値重い	http://www3.keizaireport.com/report.php/RID/462296/?rss	fxdaily	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	投信マーケット MABアナリスト・アイ 2021年7月号	http://www3.keizaireport.com/report.php/RID/462298/?rss	発表	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	NISA・ジュニアNISA口座の利用状況調査（2021年3月末時点）～NISA口座数（一般・つみたて）1,586万132口座	http://www3.keizaireport.com/report.php/RID/462301/?rss	金融庁	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	ＮＧＦＳの気候シナリオが示す「2050年脱炭素」の世界～民間企業で行うリスク分析に向けて求められること：リサーチ・フォーカス No.2021-020	http://www3.keizaireport.com/report.php/RID/462308/?rss	日本総合研究所	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	Weekly金融市場 2021年7月16日号～来週の注目材料、経済指標...	http://www3.keizaireport.com/report.php/RID/462313/?rss	weekly	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	FX Weekly（2021年7月16日号）～来週の相場見通し（1）ドル円：様子見のFRBと持ち直し続く円	http://www3.keizaireport.com/report.php/RID/462318/?rss	fxweekly	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	LIBOR移行対応アップデート～ハイライト（2021年6月1日～15日）	http://www3.keizaireport.com/report.php/RID/462336/?rss	libor	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	ツクイスタッフ（東証JASDAQ）～介護・医療業界に特化して全国展開する人材サービス企業。コロナ感染症の影響の軽減や新たな施策の効果により、中期的な業績回復を予想：アナリストレポート	http://www3.keizaireport.com/report.php/RID/462339/?rss	jasdaq	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	ヒューマン・アソシエイツ・ホールディングス（東証マザーズ）～エグゼクティブ層に特化した人材紹介事業やメンタルヘルスケア事業などを展開。22年3月期は、企業の人材需要の回復による人材紹介事業の拡大を見込む：アナリストレポート	http://www3.keizaireport.com/report.php/RID/462340/?rss	東証マザーズ	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	バルテス（東証マザーズ）～品質向上のトータルサポートを標榜するソフトウェアテストサービス大手。22年3月期は増収増益ペースの加速を見込む会社計画：アナリストレポート	http://www3.keizaireport.com/report.php/RID/462341/?rss	品質向上	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	為替ヘッジコストについて（2021年7月）～各通貨の為替ヘッジコストは足元おおむね横ばいで推移：マーケットレター	http://www3.keizaireport.com/report.php/RID/462345/?rss	投資信託	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	週刊！投資環境（2021年7月16日号）～来週の注目点を皆さまにいち早くお届け...	http://www3.keizaireport.com/report.php/RID/462346/?rss	投資信託	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	マーケットフォーカス（REIT市場）2021年7月号	http://www3.keizaireport.com/report.php/RID/462349/?rss	三井住友トラスト	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	【注目検索キーワード】エネルギー基本計画	http://search.keizaireport.com/search.php/-/keyword=エネルギー基本計画/?rss	検索キーワード	2021-07-17 00:00:00
金融	金融総合：経済レポート一覧	【お薦め書籍】小さなメーカーが生き残る経営術 独自市場のつくり方	https://www.amazon.co.jp/exec/obidos/ASIN/486367662X/keizaireport-22/	経営	2021-07-17 00:00:00
ニュース	BBC News - Home	Fully jabbed arrivals from France must still quarantine	https://www.bbc.co.uk/news/uk-57869880	england	2021-07-16 23:35:54
ニュース	BBC News - Home	UK plans biggest flu vaccine rollout this winter	https://www.bbc.co.uk/news/health-57867955	vaccines	2021-07-16 23:18:49
ニュース	BBC News - Home	Mystery 19th Century botanist tracked down following appeal	https://www.bbc.co.uk/news/science-environment-57847727	botany	2021-07-16 23:16:59
ニュース	BBC News - Home	Covid vaccine: How are young people responding to the jab?	https://www.bbc.co.uk/news/uk-england-london-57845115	people	2021-07-16 23:00:34
ニュース	BBC News - Home	Week in pictures: 10 - 16 July 2021	https://www.bbc.co.uk/news/in-pictures-57853779	images	2021-07-16 23:29:50
ニュース	BBC News - Home	South Africa Zuma riots: What's behind the violence and looting?	https://www.bbc.co.uk/news/world-africa-57860998	deliberate	2021-07-16 23:32:47
ニュース	BBC News - Home	Coronavirus doctor's diary: 'Not having the vaccine is the biggest mistake of my life’	https://www.bbc.co.uk/news/stories-57866661	bradford	2021-07-16 23:45:05
ニュース	BBC News - Home	Showman doctor: From travelling fairgrounds to the Covid frontline	https://www.bbc.co.uk/news/uk-england-sussex-57643707	childhood	2021-07-16 23:46:08
ニュース	BBC News - Home	Stephen Fretwell: 'Gavin and Stacey song was as good as a part-time job'	https://www.bbc.co.uk/news/entertainment-arts-57812272	hiatus	2021-07-16 23:07:51
ニュース	BBC News - Home	Why the Scouts are launching a money badge after Covid	https://www.bbc.co.uk/news/business-57863156	financial	2021-07-16 23:15:18
ニュース	BBC News - Home	Covid-19: Second doses run dry in Brazil's scramble to vaccinate	https://www.bbc.co.uk/news/world-latin-america-57819263	covid	2021-07-16 23:41:31
LifeHuck	ライフハッカー［日本版］	休息のタイプは7つある。あなたに必要なのはどれ？	https://www.lifehacker.jp/2021/07/238415the-7-types-of-rest-and-how-to-get-the-kind-you-need.html	自分	2021-07-17 08:30:00
北海道	北海道新聞	独・ベルギー洪水、死者１２９人　被災地の疲労濃く	https://www.hokkaido-np.co.jp/article/568124/	被災地	2021-07-17 08:09:00
ビジネス	東洋経済オンライン	強制を嫌う仏国民が｢ワクチン義務化支持｣のなぜ この時期にどうしてもやめたくないことがある | ヨーロッパ | 東洋経済オンライン	https://toyokeizai.net/articles/-/441412?utm_source=rss&utm_medium=http&utm_campaign=link_back	新型コロナウイルス	2021-07-17 09:00:00