投稿時間:2023-09-02 01:26:49 RSSフィード2023-09-02 01:00 分まとめ(34件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	2023年8月のWebブラウザやOSのシェア	https://taisy0.com/2023/09/02/176185.html	statcounter	2023-09-01 15:39:02
IT	気になる、記になる…	Microsoft、｢Surface Duo 2｣と｢Surface Duo｣向けに2023年8月の2度目のシステムアップデートを配信開始	https://taisy0.com/2023/09/02/176183.html	microsoft	2023-09-01 15:24:02
AWS	AWS Machine Learning Blog	FMOps/LLMOps: Operationalize generative AI and differences with MLOps	https://aws.amazon.com/blogs/machine-learning/fmops-llmops-operationalize-generative-ai-and-differences-with-mlops/	FMOps LLMOps Operationalize generative AI and differences with MLOpsNowadays the majority of our customers is excited about large language models LLMs and thinking how generative AI could transform their business However bringing such solutions and models to the business as usual operations is not an easy task In this post we discuss how to operationalize generative AI applications using MLOps principles leading to foundation model operations FMOps Furthermore we deep dive on the most common generative AI use case of text to text applications and LLM operations LLMOps a subset of FMOps The following figure illustrates the topics we discuss	2023-09-01 15:33:46
AWS	lambdaタグが付けられた新着投稿 - Qiita	LambdaをVPCに配置する・エグレスへの通信を可能にする・RDSと接続する	https://qiita.com/Kanahiro/items/f42ebda342673a632abe	lambda	2023-09-02 00:30:21
python	Pythonタグが付けられた新着投稿 - Qiita	ジョジョを知っている日本語大規模言語モデル！ japanese-stablelm-base-alpha-7b	https://qiita.com/maskot1977/items/193cbacc8988204b2ddf	esestablelmbasealphab	2023-09-02 00:01:33
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS S3とGitHub Actionsを使用した静的ウェブサイトの自動デプロイ	https://qiita.com/miku0129/items/0bda4b38c75533a5c198	githubactions	2023-09-02 00:35:21
AWS	AWSタグが付けられた新着投稿 - Qiita	LambdaをVPCに配置する・エグレスへの通信を可能にする・RDSと接続する	https://qiita.com/Kanahiro/items/f42ebda342673a632abe	lambda	2023-09-02 00:30:21
海外TECH	MakeUseOf	IFA 2023: Honor Reveals World's Thinnest Foldable Smartphone, the Magic V2	https://www.makeuseof.com/honor-reveals-magic-v2-foldable-smartphone/	magic	2023-09-01 15:26:25
海外TECH	MakeUseOf	8 Apps That Use Spatial Audio to Promote Well-Being	https://www.makeuseof.com/apps-spatial-audio-promote-well-being/	music	2023-09-01 15:16:25
海外TECH	MakeUseOf	How to Fix a Missing Network Adapter in Windows 10	https://www.makeuseof.com/windows-10-network-adapter-missing/	windows	2023-09-01 15:16:25
海外TECH	MakeUseOf	Smartmi Unveils Its Feature Packed Evaporative Humidifier 3	https://www.makeuseof.com/smartmi-unveils-its-feature-packed-evaporative-humidifier-3/	smartmi	2023-09-01 15:00:27
海外TECH	MakeUseOf	How to Proofread Your Resume for Errors	https://www.makeuseof.com/how-to-proofread-resume-for-errors/	errors	2023-09-01 15:00:27
海外TECH	MakeUseOf	3 Key Changes of the All-New 2025 Mini Countryman	https://www.makeuseof.com/2025-mini-countryman-big-changes/	countryman	2023-09-01 15:00:22
海外TECH	DEV Community	Small Details to Improve Your Website's Experience	https://dev.to/alvaromontoro/small-details-to-improve-your-websites-experience-hio	Small Details to Improve Your Website x s ExperienceThey say the small things will make or break relationships That is true especially for web development where a simple line of code may make a difference and improve the user experience and the visitors connection with your website In this article we will review five small things that require a line or two of code and that will improve how users perceive your website Some of them may not make a substantial positive impact but their absence may have a negative one Don t underestimate them These are the small details explained in this article Theme colorsAccent colorsInput typesOpenGraphText Wrapping Theme ColorsThe theme color value suggests a color browsers should use to customize their display while navigating the site This means adapting the browser colors to match the specified theme color For example change the address bar color in a mobile browser or the default background color in a desktop browser This is more of a mobile feature although it s coming to desktops too Currently it is supported by Safari and Chromium browsers on mobile and Safari on desktop with Chrome behind a flag And it is super easy to implement using a lt meta gt tag lt meta name theme color content f gt I already demoed this trick when creating a clone of a McDonald s app Then I needed the top bar to be dark because the game was supposed to be used in a dimly lit room How does it improve the experience We can create a sense of continuity and uniqueness by associating one color with our websites and getting away from the norm and default toolbar colors or associating colors with sections providing a more fluid experience This last part is a small detail I use on my personal website The top menu has colored buttons for each section and when navigating the site the theme color is changed to match the selected option That way my menu options are tabs that flow into the address bar highlighting the current option Extra trickThe theme color doesn t have to be unique within the page It can be personalized using the media attribute to change colors depending on the browser s computer s configuration lt theme color is white unless in dark mode then it s black gt lt meta name theme color content fff gt lt meta name theme color media prefers color scheme dark content gt Accent ColorsYour website will have a palette and set of colors and in the middle of it suddenly there s an input with a different native color It looks out of place and breaks the experience Design systems help with this but not every site will have a design system or a framework that deals with this type of thing Browsers provide a default UI for some form controls like checkboxes and radio buttons This is good We don t have to worry about designing something ourselves but we didn t have much control over them style wise unless we wanted almost entirely to rebuild them The accent color property comes to the rescue With accent color you can specify the predominant color for checkboxes radio buttons ranges and even progress bars How does it improve the experience Consistency and accessibility The scenario described above is a perfect example We want our form controls to be consistent with the UI and colors of the whole site and accent color does precisely that Apart from that we would get some cross browser consistency as all browsers would display the controls with the same colors instead of blue in Chrome black in Edge etc Additionally one perk of accent color is that browsers automatically adjust some of the UI to make the component accessible For example the checkmark in a checkbox will be black or white depending on how light or dark the accent color value is There is no risk of making mistakes and needing more contrast between checkmark and background Input TypesEveryone is familiar with text inputs radio buttons and checkboxes but HTML has different input types plus a deprecated one that developers can use Most of them will look like regular text inputs but offer additional functionality that should not be overlooked emailnumberdatecolortel Browsers provide validation entry conditions and even unique controls and popups for these inputs Simplify your visitors lives and your own life delegate on the browser instead of coming up with over engineered solutions for things that are available natively How does it improve the experience This is one of those things that if it s there visitors may not notice but if it s not there they will be annoyed by it I wouldn t say I like typing a whole date and getting an error because the format is incorrect The sentiment is even stronger if something like that happens on mobile tap on the field change the keyboard from letters to numbers enter part of the date go to the symbols keyboard add more digits then go back to the symbols and back again to the numeric keyboard That s a hassle that your visitors shouldn t have to go through Mobile devices do a great job of showing different keyboards depending on the type of input On top of that and as mentioned in the previous section browsers provide many functionalities out of the box like field validation letters cannot be entered into the date or number field the color picker has a nice display email fields check the format etc Extra trickIn mobile you can get a somewhat similar effect to the different keyboards for each type of input but on textarea and elements with contenteditable The trick is using the property inputmode and specifying the type of keyboard you want to display numeric telephone email etc lt textarea inputmode url gt lt textarea gt lt div contenteditable inputmode decimal gt lt div gt Open GraphThis change won t affect your website visually but will impact how other websites display your page when it is shared mainly social media sites As a developer you want to have control of those things and that s where OpenGraph and the social media tags Twitter has its own come along With OpenGraph you can specify many things The image to display on the card The titleThe descriptionA short video creates cool effects on Skype A piece of audio associated with the siteThe website s color The code is straightforward and it would go into the page s lt head gt Here is an example there are more lt meta property og type content website gt lt meta property og title content Page Title gt lt meta property og description content Description of the page gt lt meta property og url content link to be displayed when shared gt lt meta property og image content link to thumbnail image gt lt meta name twitter card content summary gt lt meta name twitter title content Page Title gt lt meta name twitter description content Description of the page gt lt meta name twitter url content link to be displayed when shared gt lt meta name twitter image content link to thumbnail image gt As web developers we must holistically care for our product the website It s not just a matter of writing code to look good to the visitor it s a whole experience that includes other sites like Facebook Twitter or LinkedIn How does it improve the experience As mentioned above this will not impact your website it changes how other websites see your website The additional text they must load has the most significant impact on your visitors and it is a negligible value Social media and professional websites will lead traffic to your site as your content is shared But if it looks poorly people will feel less attracted to clicking on it Open Graph allows you to personalize how your content will be shared Please take advantage of it Visual content is more memorable than just text Add catchy images There s a sentence in the article that you want to highlight Add it to the description Extra trick and a warningOpen Graph is great for personalizing your website for social media Other technologies will make your website easier to process and identify for machines like search engines or web crawlers Using Microdata to boost the semantics of your HTML code is an excellent example although the gains may not be as visible as with the other tricks And a word of caution do not just set the Open Graph values for your whole site and move on That will lead to problems later as all the pages will be identified as the same on social media some websites are smarter than others at processing this data The values should be page specific and should be updated when navigating between pages Text WrapThis is a practical trick for text especially for titles and headings How often have you written a title only to find it looks poorly once rendered It could have two long lines and a tiny one or a long word breaking the line oddly The property text wrap can help with that text wrap tells the browser how it should wrap the text inside the element And the value that interests us in particular is balance which will balance the text so when it wraps into multiple lines they all have more or less the same width making it look…well…more balanced How does it improve the experience Having balanced text improves readability A high density of text is tiring and looks like the dreaded wall of text and a low density can make it difficult to follow the text e g when we have a long line followed by a short one Balanced titles are going to be easier to read and they are going to be more visually appealing A win win for text wrap The main issue with this method is that it s not well supported by all browsers yet Still it s getting traction and Chromium browsers support it so now may be the perfect time to start using it Extra trickWhile text wrap balance is a big hype online at the moment as it s getting more and more support there is another interesting value that will be landing eventually on all browsers pretty Sometimes you write a heading and only one word falls into the new line That doesn t look great and balancing the text may not be a good option either One solution would be to move one more word to the new line That way there won t be a single word in the line Unfortunately at the moment of writing this article the value pretty is not supported by any browser Cover photo by Brooke Cagle on Unsplash	2023-09-01 15:47:19
海外TECH	DEV Community	CSS moderno: Media Queries Range Syntax 😎	https://dev.to/duxtech/media-queries-range-syntax-1o2l	CSS moderno Media Queries Range Syntax ÍndiceSintaxis antigua min width y max widthLa nueva sintaxis de Rangos para Media QuerysLas etiquetas lt picture gt y lt source gt de HTML¿Y el Can I Use State of CSS ConclusionesReferenciasAgradecimientosAhora en CSS tenemos una nueva sintaxis para poder escribir media querys de una manera más intuitiva y menos confusa mediante rangos Sintaxis antigua min width y max width La única sintaxis que teníamos para escribir media querys era usando las palabras clave min width y max width por ejemplo media screen and min width px element La media query se aplica para resoluciones mayores a px o también tenemos la misma sintaxis usando max width media screen and max width px element La media query se aplica para resoluciones menores a px Como puedes ver tanto min width y max width son un poco ambiguas para el desarrollador tenemos que pensar siempre cuando usar uno u el otro Si quisiéramos hacer un rango con esta sintaxis tendríamos que hacer algo como lo siguiente media screen and min width px and max width px element La media query se aplica para resoluciones entre px y px Aunque esta última sintaxis estáun poco más clara es muy larga La nueva sintaxis de Rangos para Media Querys La nueva sintaxis de rangos para media querys de CSS consiste en usar operadores de comparación populares en cualquier lenguaje de programación en lugar de min width y max width lt evalúa si un valor es menor que otro valor gt evalúa si un valor es mayor que otro valor evalúa si un valor es igual a otro valor lt evalúa si un valor es menor o igual a otro valor gt evalúa si un valor es mayor o igual a otro valor Veamos algunos ejemplos sintaxis clásica media screen and min width px element La media query se aplica para resoluciones mayores a px sintaxis de rango media screen and width gt px element La media query se aplica para resoluciones mayores o iguales a px Con la nueva sintaxis omitimos el uso de min width y max width y pasamos a usar siempre width acompañado de los operadores de comparación vistos anteriormente Con max width tendríamos algo similar sintaxis clásica media screen and max width px element La media query se aplica para resoluciones menores a px sintaxis de rango media screen and width lt px element La media query se aplica para resoluciones menores o iguales a px Ahora con solo leer el código me queda claro cuando se aplicaran las distintas media querys Y eso no es todo ahora veamos cómo podemos hacer rangos sintaxis clásica media screen and min width px and max width px element La media query se aplica para resoluciones entre px y px sintaxis de rangos media screen and lt width lt element La media query se aplica para resoluciones entre px y px ¡Muchísimo más claro ¿No crees Las etiquetas lt picture gt y lt source gt de HTML Con HTML puro es posible hacer imagenes responsive en la web modera Para ello usamos el atributo media de la etiqueta lt source gt para crear una media query y el punto de quiebre que deseamos para que se muestren diferentes imagenes La sintaxis de rangos de media querys también funcionan con estas etiquetas ¿Y el Can I Use A la fecha de publicado este post tenemos un soporte de más de en navegadores Puedes verificarlo aquí State of CSS En la encuesta las importante de CSS que se realiza de manera anual me encontrécon interesantes datos sobre esta nueva sintaxis Analizando la data tenemos que Del al Se redujo la cantidad de desarrolladores que desconocían esta nueva sintaxis de CSS lo que es algo muy positivo Se incrementóla cantidad de desarrolladores que al menos han oido hablar de esta sintaxis pero no la han usado todavía Y también hubo un leve incremento de programadores que usaron esta nueva característica lo que también es positivo Toda la información apunta que para el el uso los rangos en las media querys se volverán más conocidos y por ende mas usados en los proyectos Conclusiones La nueva sintaxis de rangos para media querys genera un código mucho más limpio y entendible a simple vista visto que la compatibilidad con los navegadores es muy alta recomiendo familiarizarse con su uso Referencias Agradecimientos Agradezco a midudev por su post en X mediante el cual me enteréy me anime a escribir este breve post Detect dark theme var iframe document getElementById tweet if document body className includes dark theme iframe src theme dark Más post de mi autoría Probando generadores de texto a imagenes con IA StableCog vs Mage Cristian Fernando・Jul ai promptengineering beginners productivity Paracetamol js Explica este código JavaScript Cristian Fernando・Apr javascript webdev spanish programming Paracetamol js Explica este código JavaScript Cristian Fernando・Apr javascript webdev spanish programming	2023-09-01 15:26:34
Apple	AppleInsider - Frontpage News	How to use the improved Stage Manager in iPadOS 17	https://appleinsider.com/inside/ipados-17/tips/how-to-use-the-improved-stage-manager-in-ipados-17?utm_medium=rss	How to use the improved Stage Manager in iPadOS Apple hasn t radically changed how Stage Manager works in iPadOS but it has made improvements that could be what it takes to make you use it more Here s how to use it Stage Manager icon from iPadOS Stage Manager on the iPad and the Mac is Apple s attempt ーor rather its latest attempt ーto help users manage all of the document and application windows they tend to have open The company seems to have decided to ignore Spaces its previous main attempt and leave that to people who ve found it while it presses on with Stage Manager Read more	2023-09-01 15:38:21
Apple	AppleInsider - Frontpage News	Daily deals Sept. 1: AirPods Max $370, 22% off Apple Watch Series 8, AirPods Pro 2 $160, more	https://appleinsider.com/articles/23/09/01/daily-deals-sept-1-airpods-max-370-22-off-apple-watch-series-8-airpods-pro-2-160-more?utm_medium=rss	Daily deals Sept AirPods Max off Apple Watch Series AirPods Pro moreToday s hottest deals include off Beats Flex wireless earbuds off a Speck iPhone Pro case off an Anker portable charger off a Canon Color wireless laser printer off a JLab Talk Pro USB microphone and more Get a iMac for The AppleInsider team scours the internet for stellar bargains at online stores to develop a list of unbeatable deals on trending tech products including deals on Apple gear TVs accessories and other gadgets We post the most valuable deals daily to help you save money Read more	2023-09-01 15:14:53
海外TECH	CodeProject Latest Articles	Editor3D: A Windows.Forms Render Control with interactive 3D Editor in C#	https://www.codeproject.com/Articles/5293980/Editor3D-A-Windows-Forms-Render-Control-with-inter	editor	2023-09-01 15:56:00
海外科学	NYT > Science	Mitch McConnell May Be Experiencing Small Seizures, Doctors Suggest	https://www.nytimes.com/2023/09/01/health/mitch-mcconnell-health-seizures.html	Mitch McConnell May Be Experiencing Small Seizures Doctors SuggestTwo episodes where the Republican senator froze and did not respond to some questions may be symptoms of a serious illness according to neurologists not involved in his medical care	2023-09-01 15:13:29
海外TECH	WIRED	The High-Stakes Calculus of Preventing Wildfires by Burying Power Lines	https://www.wired.com/story/the-high-stakes-calculus-of-preventing-wildfires-by-burying-power-lines/	The High Stakes Calculus of Preventing Wildfires by Burying Power LinesInvestigators are eying the Lahaina wildfire as yet another deadly blaze started by electrical equipment Putting lines underground would helpーat a steep cost	2023-09-01 15:04:14
金融	金融庁ホームページ	株式会社じもとホールディングス（株式会社きらやか銀行）に対する資本参加の決定等について公表しました。	https://www.fsa.go.jp/news/r5/ginkou/20230901/20230901-1.html	株式会社きらやか銀行	2023-09-01 17:00:00
金融	金融庁ホームページ	金融審議会「公開買付制度・大量保有報告制度等ワーキング・グループ」（第３回）の開催について公表しました。	https://www.fsa.go.jp/news/r5/singi/20230908.html	金融審議会	2023-09-01 17:00:00
金融	金融庁ホームページ	金融審議会「公開買付制度・大量保有報告制度等ワーキング・グループ」（第２回） 議事録を公表しました。	https://www.fsa.go.jp/singi/singi_kinyu/tob_wg/gijiroku/20230731.html	金融審議会	2023-09-01 17:00:00
金融	金融庁ホームページ	「金融商品取引業等に関する内閣府令の一部を改正する内閣府令（案）」等について公表しました。	https://www.fsa.go.jp/news/r5/shouken/20230901-2/20230901-2.html	内閣府令	2023-09-01 17:00:00
ニュース	BBC News - Home	Ukraine war: Drone attack on Pskov airbase from inside Russia - Kyiv	https://www.bbc.co.uk/news/world-europe-66682503?at_medium=RSS&at_campaign=KARANGA	attack	2023-09-01 15:03:16
ニュース	BBC News - Home	US presidential hopeful says Senate a 'nursing home'	https://www.bbc.co.uk/news/world-us-canada-66678130?at_medium=RSS&at_campaign=KARANGA	lapses	2023-09-01 15:39:01
ニュース	BBC News - Home	Ruby Franke: '8 Passengers' parenting mum arrested on child abuse suspicion	https://www.bbc.co.uk/news/world-us-canada-66651506?at_medium=RSS&at_campaign=KARANGA	neighbour	2023-09-01 15:11:21
ニュース	BBC News - Home	Snow Patrol 'heartbroken' as two members quit	https://www.bbc.co.uk/news/uk-northern-ireland-66681372?at_medium=RSS&at_campaign=KARANGA	wilson	2023-09-01 15:22:13
ニュース	BBC News - Home	Sunak's communication chief quits after less than a year in job	https://www.bbc.co.uk/news/uk-politics-66686099?at_medium=RSS&at_campaign=KARANGA	right	2023-09-01 15:20:28
ニュース	BBC News - Home	Brennan Johnson: Tottenham agree £45m-plus deadline day deal with Nottingham Forest	https://www.bbc.co.uk/sport/football/66686668?at_medium=RSS&at_campaign=KARANGA	brennan	2023-09-01 15:20:46
ニュース	BBC News - Home	Man Utd transfer news: Sergio Reguilon signs and Sofyan Amrabat deal close	https://www.bbc.co.uk/sport/football/66687350?at_medium=RSS&at_campaign=KARANGA	Man Utd transfer news Sergio Reguilon signs and Sofyan Amrabat deal closeManchester United sign Tottenham left back Sergio Reguilon on a season long loan and agree a loan deal with Fiorentina for midfielder Sofyan Amrabat	2023-09-01 15:47:29
ニュース	BBC News - Home	Which schools have closed, shut buildings or moved over aerated concrete?	https://www.bbc.co.uk/news/education-66681227?at_medium=RSS&at_campaign=KARANGA	buildings	2023-09-01 15:47:51
ニュース	BBC News - Home	How will I know if my child's school is closed? Your questions answered	https://www.bbc.co.uk/news/education-66686864?at_medium=RSS&at_campaign=KARANGA	schools	2023-09-01 15:43:22
ニュース	BBC News - Home	Scale of risk in Scottish schools not yet known	https://www.bbc.co.uk/news/uk-scotland-66682341?at_medium=RSS&at_campaign=KARANGA	scale	2023-09-01 15:49:07