投稿時間:2021-05-26 06:22:20 RSSフィード2021-05-26 06:00 分まとめ(28件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Google	カグア！Google Analytics 活用塾:事例や使い方	TikTokの投げ銭ギフトが新しくなった！2万円の投げ銭も	https://www.kagua.biz/social/tiktok/20210526.html	tiktok	2021-05-25 20:26:14
AWS	AWS Partner Network (APN) Blog	Application Modernization Using Microservices Architecture with VMware Cloud on AWS	https://aws.amazon.com/blogs/apn/application-modernization-using-microservices-architecture-with-vmware-cloud-on-aws/	Application Modernization Using Microservices Architecture with VMware Cloud on AWSAWS customers can start transforming their applications and moving towards microservices architecture by utilizing the VMware Cloud on AWS Learn how to integrate VMware Cloud on AWS with Amazon EKS to accelerate application modernization Amazon EKS provides a simplified and fully managed Kubernetes platform to effortlessly manage container workloads and deploy microservices based applications along with multiple flexible options to publish their microservices externally	2021-05-25 20:09:34
AWS	AWS Partner Network (APN) Blog	Deploying Software AG Adabas and Natural Workloads on AWS	https://aws.amazon.com/blogs/apn/deploying-software-ag-adabas-and-natural-workloads-on-aws/	Deploying Software AG Adabas and Natural Workloads on AWSMany organizations have core business and critical workloads running on Adabas and Natural in a mainframe environment Customers are looking for ways to reduce cost increase agility and improve IT workforce productivity For this purpose Software AG provides products and services to deploy applications to AWS Learn how Adabas and Natural applications can be deployed and modernized on AWS and run in a resilient and scalable way to deliver high service quality and business value	2021-05-25 20:02:09
js	JavaScriptタグが付けられた新着投稿 - Qiita	【備忘録】React : コンポーネントを作る際にやりがちなミス①初心者向け	https://qiita.com/hirochan/items/b3ac2bb9f2cd8e618b10	特に今回のケースでは、個人的によく忘れがちになるのでないかと思い、今回の備忘録を書いておくことにしました。	2021-05-26 05:33:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	タイミングよくボタンをクリックすると得点が与えられるプログラム	https://teratail.com/questions/340378?rss=all	タイミングを間違えると得点を失って押したボタンの色が灰色に変わります。	2021-05-26 05:34:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	p { }.class ハッシュに関する素朴な疑問	https://teratail.com/questions/340377?rss=all	pclassハッシュに関する素朴な疑問プロを目指す人のためのRuby入門俗に言うチェリー本において、表題の件で質問です。	2021-05-26 05:09:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	SQLで条件に一致するユーザIDを取得したい	https://teratail.com/questions/340376?rss=all	SQLで条件に一致するユーザIDを取得したい質問りんご個以上、バナナ個以上を持っているユーザIDを取得したいです。	2021-05-26 05:04:34
海外TECH	DEV Community	How to build an effective popup that will help get you hired	https://dev.to/peterlunch/how-to-build-an-effective-popup-that-will-help-get-you-hired-59p8	How to build an effective popup that will help get you hiredAs users popups suck Most of us never click on them and likely leave the page when we see them But they work They convert users to your goal better than most other techniques In fact on my developer portfolio resume downloads went from to within the first week of implementing an exit intent modal As you know the job market is competitive I ve recently just transitioned careers and I know it can feel like no one is even looking at your resume That s why I ve created this tutorial to help you get your resume into the hands of a real person It also has the added bonus of showing the person that you know how to make popups that convert In this post we will learn how to build an on exit intent JavaScript modal just like the one below If you ve been following me you might notice I like to make gaming inspired web elements like my SNES controller nav bar But first let s quickly understand what an exit intent modal is What are exit intent modals popups An exit intent modal is a type of popup that detects through JavaScript when a user is about to leave the webpage It then displays a popup box Normally this popup is triggered by a JavaScript event like the users mouse moving off the document or window onto the address bar or off the browser entirely Generally exit intent modals are in your face and can be quite annoying We will make sure ours is less disruptive to the user and more of a delight for the user to stumble upon We are also going to make sure they only see it once Because there is nothing more annoying than seeing the same modal times So let s get into the step by step tutorial for making this exit intent modal with HTML CSS and JavaScript Project SetupI have setup a GitHub repo with all the start files you are going to need to get this project up and running fork the project here to get started To begin with let s understand what is happening with the HTML for this project lt body gt lt modal gt lt div id onExitModal gt lt Modal content gt lt div class modalContent gt lt span class close gt amp times lt span gt lt div class messageContainer fade in gt lt p class modalMessage gt lt span gt it s lt span gt lt span gt dangerous lt span gt lt span gt to lt span gt lt span gt go lt span gt lt br gt lt span gt alone lt span gt lt span gt take lt span gt lt span gt this lt span gt lt p gt lt div gt lt div class iconContainer gt lt img src assets flame png class flame image gt lt img src assets oldman svg class image gt lt img src assets flame png class flame image gt lt div gt lt div class resumeContainer gt lt img id sword src assets sword jpg gt lt a href id resume gt My Resume lt a gt lt div gt lt div gt lt div gt On line we have created the container for our modal and given it the id of onExitModal this is important as we are going to target it with JavaScript later on Next we then create a container for our modal content The modal content container is separated into three child containers for our message icons and then for our resume The key thing to note here is the message is split word by word using span elements This will allow us to animate each word individually with CSS Finally the first span element is using an x symbol so that the user can easily and intuitively close the modal implementing this will require some JavaScript With just the HTML your modal should look something like the below It s not pretty and it is not what we want As you know we want the modal hidden on the page until the user performed the exit intent action Therefore we need to implement some CSS to hide the modal Let s look at how to do that now Adding the CSSThe CSS for this project is split into three key parts The functional CSSThe Styling CSSAnimations The functional CSS is making the modal hidden and positioning it on the page so it can appear when you implement the exit intent modals JavaScript The styling is making it look pretty and the animation is to make the popup pop pun intended and to give it a video game feel The functional CSSThe first thing we need to do is ensure the modal is hidden from the user Let s implement the styling for the onExitModal now onExitModal display none Hide the modal position fixed Keep the modal in place left top z index Sit on top of the page width Make the modal full width height Make the modal full height overflow auto Enable scroll if needed for different device sizes background color rgb Fallback color background color rgba Let s go through the code line by line to understand what is happening The display none is ensuring that the modal is hidden by default from the user Next we set the position of the modal to fixed read this guide to understand positioning this keeps the modal on the same place on the page even if the user scrolls up and down The last thing to take notice of is that we set the z index to this ensures that it will appear in front of all other elements on the page The modal will now be hidden from the users view In due time we will implement the exit intent modals JavaScript code But first we need to style the rest of the modal so it looks appealing we ll start with the modalContent container The Styling CSS modalContent text align center margin auto padding px border px solid fefefe width background color The styling is pretty straight forward the main thing to take note of is the width This tutorial won t go into media queries styling but you will need to adjust the width for different screen sizes as well as the size of the content images text link Now that the content contain is set we can style the close element close color fefefe float right font size px font weight bold close hover close focus color dce text decoration none cursor pointer The x symbol will now appear on the right of the modal and when hovered will change color to let the user know they can close the modal Next we need to style the font on our message modal message text transform uppercase font family Press Start P cursive font size px color fff The font we are using is the Google Press Start P you need to add the following code to your HTML header lt link rel preconnect href gt lt link href Start P amp display swap rel stylesheet gt After that we need to style the images in the icon container as they are too big and throw off the alignment of our exit intent modal image width px height px padding px px flame filter drop shadow px px px ED We do a little magic with the flame elements here Usually to give an element a shadow we would use the box shadow property However this creates an ugly box effect on our images As a result we can use the filter property with the CSS drop shadow function to apply the effect directly to the image It is important to note this only works with transparent images Obviously this is a much better look and gives a nice effect of the flame glowing Finally for our styling we need to style the sword element and link to your resume resume container display flex flex direction column justify content center align items center padding px px px px sword width px height px resume text decoration none display inline font size em padding px background CAA border radius color fff text transform uppercase font family Press Start P cursive border px solid DA We have placed both elements in a flex container so that we can position them in the center and in a column formation That is it for our exit intent modal styling We now need to add the JavaScript functionality to show the modal when the user is about to exit the page Exit intent modal JavaScriptNow that you have the basic CSS set up to hide the modal from the users view we need to set up some JavaScript to determine when to show the modal Before we get into creating the desired effect you must first connect your JavaScript file to the HTML To connect the modal js file to the HTML file Place the below line of code within body tags at the very bottom in your HTML file lt script src modal js gt lt script gt Now that you have connected the two files we first need to ensure we are selecting the elements we want Open the modal js file and add the two selectors below to the top const modal document getElementById onExitModal const span document getElementsByClassName close With that done we can start writing our exit intent modal JavaScript code to make the modal appear when a user goes to exit the page Add the below code to your modal js file document addEventListener mouseout e gt if e toElement amp amp e relatedTarget modal style display block In the above code we have added a mouseout event listener to the document This event is fired when a the users mouse is moved so that it is no longer contained within the document The document if you are unsure is basically the webpage Next we perform a conditional check to make sure there is no toElement and relatedTarget To quickly explain these two properties the toElement property retrieves the element that the mouse pointer entered and relatedTarget property has similar functionality just with different browser support So in plain english what that line is doing is ensuring that the mouse is no longer on any element on the page so both would be null This essentially ensures the user is trying to exit the page Finally we select the modal and change the display property from none to block which will make it appear on the screen to the user Great so now you have a working exit intent modal However it is not perfect as everytime a user moves the mouse from the window the modal will appear This will get annoying To fix this we want to add functionality so that it only shows once per session We also want to add other functionality to improve the users experience with our modal so it is less spammy Optimizing the exit intent modals JavaScriptThe first thing we are going to do to ensure the modal is only shown to the user once per session Currently the modal will show each time the user moves the mouse outside the window First we are going to change the event listener to a function const exitEvent e gt if e toElement amp amp e relatedTarget document removeEventListener mouseout exitEvent modal style display block The benefit of doing it this way is that we can state which function we want to remove from the DOM On line we remove the event listener after the first time the user has seen it As a result of this change the modal will only appear once on the page However there is a big flaw with this If the user leaves the page and then comes back it will appear again Therefore the second part of this optimization is to add some cookies to the record if the user has seen the modal within the last week As a result the first thing we need some cookie setter and getter functions const setCookie cname cvalue exdays gt let expires if exdays let day new Date day setTime day getTime exdays expires expires day toUTCString document cookie cname cvalue expires path const getCookie cname gt let ca document cookie split for const cookie of ca if cookie indexOf cname gt return cookie split return null The scope of Cookies is beyond this post But at a high level the two functions will be used to check if the user has seen the modal yet with the getCookie function If they have not we can use the setCookie function to set them so the user won t see them for a week With those functions written we can now update our modal js file to check for cookies and add them once the modal has been seen if getCookie resumeModalSeen document addEventListener mouseout exitEvent const exitEvent e gt if e toElement amp amp e relatedTarget document removeEventListener mouseout exitEvent modal style display block setCookie resumeModalSeen true In the code above we have wrapped our event listener in a conditional statement that checks if their isn t a cookie resumeModalSeen then listen for the mouseout event Then within the exitEvent function we call the setCookie function once the modal has been seen This will prevent the user from seeing the modal for one week It is important to note their are laws around cookies in particular the GDPR guidelines The guidelines themselves are well outside the scope of this post But if you implement a modal like this please ensure you are being compliant As a result of adding cookies and converting the event listener to a function we have solved the first issue with our modal Next we want to ensure the user has spent sometime on our page before we let the exit intent modal show What I mean by this is we don t want the modal to appear if a user is on our page for second and then goes to exit To handle this we are going to wrap our event listener in a setTimeout method this ensures the user has spent sometime on the page before the modal will even appear if getCookie resumeModalSeen setTimeout gt document addEventListener mouseout exitEvent Above we are ensuring the event listener is only attached to the DOM after the user has been on the page for seconds Not a lot of time but enought to not make the modal annoying Next we want to actually optimize the exit intent Right now if a user moves their mouse anywhere other than the window like left or right our modal will display That is not really exit behaviour Therefore we want to make it so that it only shows when the user moves their mouse to the top of the browser To ensure we only show real exit intent we are going to adjust our conditional statement in our exitEvent function const exitEvent e gt if e toElement amp amp e relatedTarget amp amp e clientY lt document removeEventListener mouseout exitEvent modal style display block setCookie resumeModalSeen true The e clientY lt condition checks the value cursors position on the window In particular it checks the vertical position of the mouse If that position is less than then we can safely assume the user has moved the mouse towards the top of the browser and not to the left right or bottom Our modal will now be appear as we want it to But we need to give the user a way to close the modal Without delay let s do that now Closing the modalWith any modal if you want the user to be less annoyed you should provide a clear way to exit it We are going to provide the user with two common ways to exit the modal The first way is with a close button which we have already added in our HTML with the span element that has the class name close In the modal js file just under the span selector add the following code span onclick gt modal style display none In the above example we have added the onclick global event handler When the user now clicks on the x in the modal it will display none making it appear closed Next we want to allow the user to close the modal by clicking anywhere else on the browser window Add the following code to the modal js file window onclick e gt if e target modal modal style display none Above we have added another onclick event handler This time we check to see if the user clicks on the modal If the user clicks the modal content that is anything within the grey border the modal won t close But if they click outside of the content and on the onExitModal element the modal will exit There you have it that is all the JavaScript we need for our exit intent modal Next we need to make the modal pop with some CSS animations to really grab the users attention before they leave our page without downloading our resume Add CSS AnimationsAnimating the exit intent modal was the best part and I encourage you to experiment with different animations on yours If you re not familiar with animating in CSS you can checkout this guide to get started In this post I will just be showing you how to implement the animations without much explaination In this case we are doing two different animations In the first we are going to make the text appear word by word like in old video games Next we are going to display the resume and sword like they used to appear in some Zelda games Let s get started with the first animation Animating text word by word with CSSThe reason we set up our message to have each word in a separate span was to allow us to animate them one at a time Looking back to our HTML the messageContainer div has an additional class fadeIn We are going to use that class to animated each of the spans The first thing we need to do is add the animation to the CSS style definition fadeIn span opacity animation textFadeIn s linear forwards animation delay s In the above we have used a Combination selector which is an advanced CSS selector you can learn about here Basically we are telling CSS to select all spans of the parent fadeIn class Next we set the opacity to so that you cannot see the span elements but they will still hold their position on the modal Now we add the animation The first part textFadeIn is the animation name Second is the length of the animation which is half a second Third is the animation timing function we want a smooth linear function Finally we want the styles updated to what we have at the end of the animation using the animation fill mode property value of forwards Finally we give the animation a delay of milliseconds so that it doesn t start as soon as the modal opens Now that we have the animation attached to the element we need to make the actual animation keyframes textFadeIn opacity transform translateX px opacity transform translateX px When the animation starts we have the text at opactity and it is px on the x plane As it transitions it will go to px on the x plane and full opacity It should look like the below That is not what we want we want it word by word To handle this we need to target each of the span elements and add an animation delay fadeIn span nth of type animation delay s fadeIn span nth of type animation delay s fadeIn span nth of type animation delay s fadeIn span nth of type animation delay s fadeIn span nth of type animation delay s fadeIn span nth of type animation delay s In the above code we start by targeting the second span element We then give each element a delay value that is ms before the end of the previous element s animation This gives the text a nice flowing effect Now the text is flowing much better let s animate the resumeContainer to float up Animating a container to float upThe first thing we need to do is add the below lines of code to the resumeContainer styling opacity animation resumeUp ease out s forwards animation delay s Again we have set the opacity to so it won t appear at the start We then add the animation like we did for the text animation Finally we add a delay of seconds which is about the time it takes for the text animation to finish We do this in order to make the resume appear just after the text take this As a result the user is like oh take this resume sure thing The last thing we need to do is create the resumeUp animation keyframes resumeUp from opacity transform translateY px to opacity transform translateY In the above code like in the text animation we set the opacity to and then as the animation progresses we increase it This time we have set the Y position of the container to px and then move it towards to create the floating up effect And boom we have a complete exit intent modal Well done SummaryBy and large you should now be able to create an exciting exit intent modal with HTML CSS and JavaScript that gets your resume downloaded As this modal is live on my portfolio I encourage you not to copy the modal but come up with your own Try instead to add your own flair that matches who you are Lastly if you thought this was awesome or you learnt something from this post then checkout the rest of my posts here or sign up to my newsletter to access to more amazing content	2021-05-25 20:46:17
海外TECH	DEV Community	The 52 most popular projects from the last year of Trending Projects	https://dev.to/iainfreestone/the-52-most-popular-projects-from-the-last-year-of-trending-projects-2a8l	The most popular projects from the last year of Trending ProjectsFor the last year I have been curating Trending projects a newsletter that showcases popular web development projects each week The following list highlights the project that received the most click throughs from each issue Please sign up at www iainfreestone com st May Week DoczDocz makes it easy to write and publish beautiful interactive documentation for your code Create MDX files showcasing your code and Docz turns them into a live reloading production ready site GitHub Website View Issue th May Week SlidevPresentation Slides for DevelopersGitHub Website View Issue th May Week KeystoneThe most powerful headless CMS for Node js ーbuilt with GraphQL and ReactGitHub Website View Issue th April Week Script KitAutomation for Developers Automate Anything Making scripts easy to run write and shareGitHub Website View Issue rd April Week git tipsMost commonly used git tips and tricks GitHub View Issue th April Week CSS LayoutA collection of popular layouts and patterns made with CSS Now it has patterns and continues growing GitHub Website View Issue th April Week WMRThe tiny all in one development tool for modern web apps in a single mb file with no dependencies GitHub View Issue nd April Week Crank jsWrite JSX driven components with functions promises and generators GitHub Website View Issue th March Week The Magic of CSSA CSS course to turn you into a magician GitHub Website View Issue th March Week Awesome Design ToolsThe best design tools and plugins for everythingGitHub View Issue th March Week Sweet AlertA beautiful replacement for JavaScript s “alert GitHub Website View Issue th March Week The Art of NodeA short introduction to node jsGitHub View Issue th February Week Serverless Stack SST Serverless Stack SST is a framework that makes it easy to build serverless apps GitHub Website View Issue th February Week DeviconsAn iconic font made for developers Devicons contains vectorized sharp glyphs Devicons iconic font is free to use and licensed under MIT GitHub Website View Issue th February Week Oasis EngineOasis Engine is a web first and mobile first high performance real time development platform GitHub Website View Issue th February Week Flexbox PatternsPatterns for using flexbox CSS to build awesome UI components GitHub View Issue th January Week Lazy CollectionsCollection of fast and lazy operationsGitHub View Issue nd January Week Naming cheatsheetNaming things is hard This sheet attempts to make it easier Although these suggestions can be applied to any programming language I will use JavaScript to illustrate them in practice GitHub View Issue th January Week builder ioDrag and drop page building using your code components Bring your design systems to life GitHub Website View Issue th January Week Software Developer FolioA clean beautiful and responsive portfolio template for Developers GitHub Website View Issue st January Week TypeScript Deep DiveThe definitive guide to TypeScript and possibly the best TypeScript book Free and Open SourceGitHub Website View Issue th December Week PrismaPrisma Client can be used in any Node js or TypeScript backend application including serverless applications and microservices This can be a REST API a GraphQL API a gRPC API or anything else that needs a database GitHub Website View Issue th December Week Projects in Days HTML CSS and JavaScript mini web projects using HTML CSS amp JSGitHub View Issue th December Week Elastic UI FrameworkThe Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic Not using React No problem You can still use the CSS behind each component GitHub Website View Issue th December Week You need to know cssCSS tricks for web developersGitHub Website View Issue th November Week LayrLayr is a set of JavaScript TypeScript libraries to dramatically simplify the development of full stack applications GitHub Website View Issue th November Week The Book of Secret KnowledgeA collection of inspiring lists manuals cheatsheets blogs hacks one liners cli web tools and more GitHub View Issue th November Week Aleph jsThe React Framework in Deno GitHub Website View Issue th November Week LandoA local development and DevOps tool for all your projects that is fast easy powerful and liberatingGitHub Website View Issue th October Week Vanilla TodoA case study on viable techniques for vanilla web development GitHub View Issue rd October Week Admin BroAdminBro is An automatic admin interface which can be plugged into your application You as a developer provide database models like posts comments stores products or whatever else your application uses and AdminBro generates UI which allows you or other trusted users to manage content GitHub Website View Issue th October Week Pre trained TensorFlow js modelsThis repository hosts a set of pre trained models that have been ported to TensorFlow js The models are hosted on NPM and unpkg so they can be used in any project out of the box They can be used directly or used in a transfer learning setting with TensorFlow js GitHub Website View Issue th October Week Water cssA drop in collection of CSS styles to make simple websites just a little nicerGitHub Website View Issue nd October Week reveal jsreveal js is an open source HTML presentation framework It enables anyone with a web browser to create fully featured and beautiful presentations for free GitHub Website View Issue th September Week Front End Interview HandbookWhile there are some existing resources to help front end developers in preparing for interviews they aren t as abundant as materials for a software engineer interview Among the existing resources probably the most helpful question bank would be Front end Developer Interview Questions Unfortunately I couldn t find many complete and satisfactory answers to these questions online hence here is my attempt at answering them GitHub Website View Issue th September Week Hover cssA collection of CSS powered hover effects to be applied to links buttons logos SVG featured images and so on Easily apply to your own elements modify or just use for inspiration Available in CSS Sass and LESS GitHub Website View Issue th September Week Boilerplate App for SaaS ProductOpen source web app that saves you weeks of work when building your own SaaS product GitHub Website View Issue th September Week Project GuidelinesWhile developing a new project is like rolling on a green field for you maintaining it is a potential dark twisted nightmare for someone else Here s a list of guidelines we ve found written and gathered that we think works really well with most JavaScript projectsGitHub View Issue th August Week Carbon Design SystemCarbon is an open source design system built by IBM With the IBM Design Language as its foundation the system consists of working code design tools and resources human interface guidelines and a vibrant community of contributors GitHub Website View Issue st August Week Design resources for developersCurated list of design and UI resources from stock photos web templates CSS frameworks UI libraries tools and much more GitHub View Issue th August Week TailblocksReady to use Tailwind CSS blocks different categories ecommerce blog pricing and more responsive dark light mode and color variations GitHub Website View Issue th August Week InkInk provides the same component based UI building experience that React offers in the browser but for command line apps It uses Yoga to build Flexbox layouts in the terminal so most CSS like props are available in Ink as well If you are already familiar with React you already know Ink GitHub Website View Issue st July Week DocsifyA magical documentation site generator GitHub Website View Issue th July Week Adobe React SpectrumA collection of libraries and tools that help you build adaptive accessible and robust user experiences GitHub Website View IssueThe first newsletter was sent on week so I do not have data for the most popular links prior to this So for the first issues I have picked some of my favourites th July Week ViteVite is an opinionated web dev build tool that serves your code via native ES Module imports during dev and bundles it with Rollup for production GitHub Website View Issue th July Week RedwoodRedwood is an opinionated full stack serverless web application framework that will allow you to build and deploy JAMstack applications with ease GitHub Website View Issue rd July Week FormilyAlibaba Group Unified Form Solution GitHub Website View Issue th June Week React QueryHooks for fetching caching and updating asynchronous data in ReactGitHub Website View Issue th June Week ChakraBuild Accessible React Apps with SpeedGitHub Website View Issue th June Week The Algorithms JavaScriptA repository for All algorithms implemented in Javascript for educational purposes only GitHub View Issue th June Week SnowpackA faster build system for the modern web GitHub Website View Issue th May Week esbuildAn extremely fast JavaScript bundler and minifierGitHub Website View IssueI hope you have enjoyed this year in review and hopefully you have discovered some new projects along the way Trending Projects is available as a weekly newsletter please sign up at www iainfreestone com to ensure you never miss an issue If you enjoyed this article you can follow me on Twitter where I regularly post bite size tips relating to HTML CSS and JavaScript	2021-05-25 20:05:23
Apple	AppleInsider - Frontpage News	M1 iMac teardown reveals massive speaker chamber, Magic Keyboard Touch ID sensor	https://appleinsider.com/articles/21/05/25/m1-imac-teardown-reveals-massive-speaker-chamber-magic-keyboard-touch-id-sensor?utm_medium=rss	M iMac teardown reveals massive speaker chamber Magic Keyboard Touch ID sensorRepair experts at iFixit have completed their teardown of the M iMac revealing impressive engineering including a large speaker chamber that fills a large portion of the chassis Credit Andrew O Hara AppleInsiderThe repair site published the first part of a two part teardown on Monday revealing some of the major design changes from previous generations of iMac On Tuesday iFixit wrapped up the teardown by digging deeper into the inch iMac s logic board ports keyboard and power supply Read more	2021-05-25 20:54:27
海外TECH	Engadget	Samsung knocks up to $200 off the new Galaxy Chromebook 2	https://www.engadget.com/samsung-galaxy-chromebook-2-sale-up-to-200-off-200341201.html	chromebook	2021-05-25 20:03:41
Cisco	Cisco Blog	Avoiding Silent Automation	https://blogs.cisco.com/developer/avoidingsilentautomation01	Avoiding Silent AutomationSee how you can work with Python s flexible logging system to create an overall monitoring system that includes the messages from your network devices your infrastructure applications and your automation scripts	2021-05-25 20:48:12
海外科学	NYT > Science	Moderna Vaccine Highly Effective in Adolescents, Company Says	https://www.nytimes.com/2021/05/25/health/coronavirus-moderna-vaccine-adolescents.html	saysthe	2021-05-25 20:53:42
海外科学	NYT > Science	Moderna Says Its Covid Vaccine Is Effective for 12- to 17-Year-Olds	https://www.nytimes.com/2021/05/25/science/moderna-vaccine-teens-efficacy.html	adolescents	2021-05-25 20:11:17
ニュース	BBC News - Home	Covid: Advice to areas worst-hit by Indian variant will be updated - No 10	https://www.bbc.co.uk/news/uk-57246973	guidance	2021-05-25 20:54:46
ニュース	BBC News - Home	Carey Mulligan criticises government delay to charity aid	https://www.bbc.co.uk/news/uk-57247477	child	2021-05-25 20:24:14
ニュース	BBC News - Home	England Test and Royal Ascot to be next fan pilot events	https://www.bbc.co.uk/sport/57248574	England Test and Royal Ascot to be next fan pilot eventsAn England cricket Test match and horse racing s Royal Ascot to be among the next pilot events to test the return of big crowds to sports venues	2021-05-25 20:42:04
ビジネス	ダイヤモンド・オンライン - 新着記事	スポーツ名門の桐蔭学園で「エリート教師」43人が大反乱！ボーナス減額に提訴 - 有料記事限定公開	https://diamond.jp/articles/-/271708	学校法人	2021-05-26 05:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	公立教師が「年収1000万円」をつかむ出世ルートの全貌【年齢・ポスト別年収＆都道府県別給与】 - 教師　出世・カネ・絶望	https://diamond.jp/articles/-/271707	公立学校	2021-05-26 05:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	タワマン価格はここまで上がる！施工不良事件の真相は？【タワマンインサイダー頂上座談会（下）】 - タワマン　全内幕	https://diamond.jp/articles/-/271678	頂上	2021-05-26 05:15:00
ビジネス	ダイヤモンド・オンライン - 新着記事	キリンとくら寿司の例で考える、良い投資と悪い投資は何が違うのか - ビジネスに効く！「会計思考力」	https://diamond.jp/articles/-/272187	営業活動	2021-05-26 05:10:00
ビジネス	ダイヤモンド・オンライン - 新着記事	コロナ「第4波」で変わった感染トレンド、コロナ対策とオリンピックの両立は可能か - 政策・マーケットラボ	https://diamond.jp/articles/-/272271	感染拡大	2021-05-26 05:05:00
ビジネス	電通報 | 広告業界動向とマーケティングのコラム・ニュース	ヘルスケア市場活性化のヒント満載！？20代男性の「ゼロ→プラス」な健康意識	https://dentsu-ho.com/articles/7774	領域	2021-05-26 06:00:00
ビジネス	電通報 | 広告業界動向とマーケティングのコラム・ニュース	engawa Serendipity dayレポート#02	https://dentsu-ho.com/articles/7748	engawaserendipityday	2021-05-26 06:00:00
ビジネス	電通報 | 広告業界動向とマーケティングのコラム・ニュース	健康食品などの安全性情報を伝える「食品ハザードピクト」、無償提供します。	https://dentsu-ho.com/articles/7773	cococolor	2021-05-26 05:55:00
北海道	北海道新聞	独カルテル庁、グーグル調査　市場での優位性指摘	https://www.hokkaido-np.co.jp/article/548028/	連邦	2021-05-26 05:07:00
北海道	北海道新聞	東北新社調査　総務省との癒着　解明を	https://www.hokkaido-np.co.jp/article/547965/	事業会社	2021-05-26 05:05:00
ビジネス	東洋経済オンライン	黒字宣言のANA､予想を控えたJALの根本的な違い 巨額赤字の転落からどんな展望を描くのか | エアライン・航空機 | 東洋経済オンライン	https://toyokeizai.net/articles/-/430504?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2021-05-26 05:30:00