投稿時間:2023-06-26 20:36:32 RSSフィード2023-06-26 20:00 分まとめ(41件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] メルカリ、3Dプリンターで作ったハンドメイド商品の出品について注意喚起	https://www.itmedia.co.jp/news/articles/2306/26/news184.html	itmedia	2023-06-26 19:40:00
IT	ITmedia 総合記事一覧	[ITmedia News] 出前館で他人のログイン情報が表示されるバグ　キャッシュ削除処理に不備　924万人が対象	https://www.itmedia.co.jp/news/articles/2306/26/news178.html	itmedia	2023-06-26 19:10:00
IT	ITmedia 総合記事一覧	[ITmedia News] 松屋、全国でフリーWi-Fi導入	https://www.itmedia.co.jp/news/articles/2306/26/news177.html	利用可能	2023-06-26 19:05:00
TECH	Techable（テッカブル）	対象ICタグのみ的確に読み取る「RFIDリーダー」登場。仕分け・ピッキングの効率化へ	https://techable.jp/archives/212618	recohand	2023-06-26 10:00:59
AWS	AWS Japan Blog	生成系 AI は製造業をどう変えるか	https://aws.amazon.com/jp/blogs/news/generative-ai-in-manufacturing/	amazon	2023-06-26 10:37:48
AWS	AWS Japan Blog	【寄稿】 AWSを活用したブルーカーボン事業の取り組み	https://aws.amazon.com/jp/blogs/news/contribution-sumitomo-corp-blue-carbon/	insight	2023-06-26 10:03:27
AWS	AWS Podcast	#598: June 2023 Update Show 2	https://aws.amazon.com/podcasts/aws-podcast/#598	June Update Show A rapid fire set up updates with a few Deep Dives for good measure Chapters AWS Marketplace Analytics Application Integration Compute Databases Internet of Things IoT Machine Learning Management Governance Media Services Migration Transfer Security Identity and ComplianceShownotes AWS Podcast Audio Feedback	2023-06-26 10:02:30
python	Pythonタグが付けられた新着投稿 - Qiita	面倒だから1Clickでスプレッドシートの家計簿を画像にしてdiscordに送る	https://qiita.com/ma-me/items/8bfc9631446483b820d3	click	2023-06-26 19:37:24
python	Pythonタグが付けられた新着投稿 - Qiita	【初学者向け】Python社内DX6選	https://qiita.com/python_academia/items/96df81c3fe4094581908	excel	2023-06-26 19:12:17
Ruby	Rubyタグが付けられた新着投稿 - Qiita	CloudWatchのログをSlack通知する方法	https://qiita.com/mk4f/items/0c0cd20106067d4c967c	cloudwatch	2023-06-26 19:53:19
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Ruby 基本文法【配列・フロー制御編】	https://qiita.com/nao-United92/items/63c096b85c928c67c277	defou	2023-06-26 19:27:31
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Systems Manager Session Managerでプライベートサブネット内のEC2へSSHポートフォーワーディング	https://qiita.com/bloodiadotnet/items/f334218605794c201e63	aurorapostg	2023-06-26 19:55:55
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Aurora Mysql をCLIで作成	https://qiita.com/nacho4d/items/c22bf372f5ec90e44481	awsrdscreatedbinstanc	2023-06-26 19:54:27
AWS	AWSタグが付けられた新着投稿 - Qiita	CloudWatchのログをSlack通知する方法	https://qiita.com/mk4f/items/0c0cd20106067d4c967c	cloudwatch	2023-06-26 19:53:19
AWS	AWSタグが付けられた新着投稿 - Qiita	DynamoDBからPrtiQLエディタでSELECTしたいのに取れない	https://qiita.com/a_yoshio/items/a70435ed127ddfbf0393	dyanmodb	2023-06-26 19:27:41
Docker	dockerタグが付けられた新着投稿 - Qiita	面倒だから1Clickでスプレッドシートの家計簿を画像にしてdiscordに送る	https://qiita.com/ma-me/items/8bfc9631446483b820d3	click	2023-06-26 19:37:24
golang	Goタグが付けられた新着投稿 - Qiita	Go辞書　defer	https://qiita.com/ooyy0121/items/671717c9fc78965b7585	defer	2023-06-26 19:57:05
技術ブログ	Mercari Engineering Blog	テストコードの改革を進めている話	https://engineering.mercari.com/blog/entry/20230623-f8bcbed100/	hellip	2023-06-26 11:00:23
技術ブログ	Developers.IO	S3のWebサイトホスティングでリダイレクトを設定する	https://dev.classmethod.jp/articles/configuring-redirects-s3-web-hosting/	location	2023-06-26 10:52:12
技術ブログ	Developers.IO	AWS ソリューション「AWS でのワークロード検出」で自動でシステム構成図作成してみた	https://dev.classmethod.jp/articles/using-aws-workload-discovery-for-diagram-automation/	自動	2023-06-26 10:24:37
海外TECH	DEV Community	Your Guide to Implementing Vue Placeholder Loading	https://dev.to/renanfranca/your-guide-to-implementing-vue-placeholder-loading-11df	Your Guide to Implementing Vue Placeholder LoadingOriginally published at renanfranca github ioIn today s fast paced digital world user experience is paramount As developers we re always looking for ways to make our applications more responsive and enjoyable One effective strategy to enhance the user experience is by using placeholder loading or skeleton loading in our Vue js applications Placeholder loading is a technique where a simplified version of the web page is shown while the full content is being loaded This approach gives users immediate feedback that content is on the way resulting in a smoother more engaging experience But how do we effectively implement placeholder loading in Vue js applications Enter placeholder loadingAn easy and efficient way to implement placeholder loading is through the placeholder loading npm package This simple and flexible library uses CSS only content placeholders providing a sleek loading animation To use placeholder loading in your Vue js project you can install it via npm and import it into your application npm install placeholder loading save import node modules placeholder loading src scss placeholder loading This library allows you to modify various SASS variables to suit your project s aesthetics such as direction background color border properties grid configuration and animation duration Using placeholder loading is as simple as including specific classes in your HTML markup Here s an example of how you can use it lt div class ph item gt lt div class ph col gt lt div class ph picture gt lt div gt lt div class ph row gt lt div class ph col big gt lt div gt lt div class ph col empty big gt lt div gt lt div class ph col big gt lt div gt lt div class ph col gt lt div gt lt div class ph col empty gt lt div gt lt div class ph col gt lt div gt lt div class ph col empty gt lt div gt lt div class ph col gt lt div gt lt div gt lt div gt lt div gt In the above example ph item ph col ph picture and ph row are all classes provided by placeholder loading See some live examples here A Practical ExampleTo better illustrate the use of placeholder loading in Vue js let s examine a real world example from a pull request I recently made to the jhipster jhipster lite repository on GitHub Pull Request In this pull request I added placeholder loading to the LandscapeLoader and ModulesPatchLoader components Those components are responsible for displaying a placeholder while the actual content is loading To achieve this I used the placeholder loading library along with Vue js components for rows pictures and lists Let s take a look at the Landscape screen using the LandscapeLoader Landscape Skeleton Loading ScreenLandscape screen loadedHere is the ModulePatch screen using the ModulesPatchLoader ModulePatch Skeleton Loading ScreenModulePatch screen loadedI choose to detail the implementation of the ModulesPatchLoader because it is easy to understand Follow me through steps to implementing it Step I package jsonHere I d like to discuss a key change I made to the package json file in a Node js project This file is crucial as it contains project metadata and the dependencies required for the project to function correctly Here is the modified code dependencies axios mitt placeholder loading vue vue router Line by line let s break this down The axios and mitt dependencies remained unchanged at versions and respectively The vue and vue router dependencies also remained consistent in versions and The key change was the addition of a new dependency placeholder loading This was introduced with a version specifier of This syntax is specific to npm the Node js package manager and it indicates that npm will install the latest minor version that is greater than or equal to For instance if there are versions available npm will install However if there s it would not install this as would be considered a major version Adding the placeholder loading package to the project s dependencies allows the project to use the functionality provided by this package which was critical to the enhancement I was working on Step II vite config tsLet s break down the changes I made in the code line by line css preprocessorOptions scss additionalData import assets global scss import assets side form scss import path resolve node modules placeholder loading dist css placeholder loading min css In the css property the preprocessorOptions is set to use SCSS a CSS preprocessor which makes writing CSS more powerful and maintainable The additionalData property allows us to add more SCSS resources The import statement is used to import the styles from other SCSS files The first two imports assets global scss and assets side form scss are from the original code and load global and side form styles respectively The new line I introduced imports the placeholder loading min css from the placeholder loading package which is a framework for creating a placeholder loading effect The path to the placeholder loading min css file is resolved using Node s path resolve method which resolves a sequence of paths into an absolute path Step III ModulesPatch htmlIn the initial state of the code a div element with classes jhipster modules and jhlite loader container was used to display the loading state This display was conditioned on the isLoading method of the content object Inside this div there was another div with the class jhlite loader that presumably handled the actual display of the loading state lt div class jhipster modules jhlite loader container v if content isLoading data selector modules loader gt lt div class jhlite loader gt lt div gt lt div gt lt div class jhipster modules jhlite menu content template v else data selector modules list gt lt div class jhipster modules list jhlite menu content template content gt lt div class jhipster modules filters gt In the improved version of the code the div has been replaced with a Vue component called ModulesPatchLoaderVue This component is also dependent on the isLoading method of the content object to determine when to display This change encapsulates the loading display logic within a reusable Vue component making the code cleaner and more maintainable lt ModulesPatchLoaderVue v if content isLoading gt lt div class jhipster modules jhlite menu content template v else data selector modules list gt lt div class jhipster modules list jhlite menu content template content gt lt div class jhipster modules filters gt Step IV ModulesPatch component tsHere s the modified code snippet import ModuleParametersVue from module parameters import castValue from PropertyValue import ModuleParametersRepository from module domain ModuleParametersRepository import ModulesPatchLoaderVue from modules patch loader export default defineComponent name ModulesPatchVue components ModuleParametersVue IconVue TagFilterVue ModulePropertiesFormVue ProjectActionsVue ModulesPatchLoaderVue setup const alertBus inject alertBus as AlertBus const modules inject modules as ModulesRepository Starting from the top the imports section of the code remained largely the same but with the addition of one crucial line import ModulesPatchLoaderVue from modules patch loader This line imports the ModulesPatchLoaderVue component which was added as part of the solution to improve the page loading experience In the defineComponent function the new ModulesPatchLoaderVue component was added to the components object This means that the ModulesPatchLoaderVue component is now accessible within the ModulesPatchVue component and can be used to display a more aesthetically pleasing loading placeholder when the page is loading The setup function remained untouched but it s worth noting that it injects instances of alertBus and modules for use within the component Step V modules patch loader index tsThe changes are straightforward it imports the Vue component ModulesPatchLoaderVue from ModulesPatchLoader vue and then exports it Here s the code import ModulesPatchLoaderVue from ModulesPatchLoader vue export ModulesPatchLoaderVue This kind of file is standard in JavaScript and TypeScript projects It brings a significant improvement to the way we handle imports in our code The magic lies in its ability to allow importing directly from the modules patch loader directory without the need to specify the vue file This results in cleaner and more readable code Here s how you can now import the ModulesPatchLoaderVue import ModulesPatchLoaderVue from modules patch loader This replaces the more verbose previous method import ModulesPatchLoaderVue from modules patch loader ModulesPatchLoader vue By streamlining the way we import the ModulesPatchLoaderVue we make our code more maintainable and intuitive to navigate thereby enhancing our overall code quality Step VI modules patch loader ModulesPatchLoader vueThe ModulesPatchLoader vue file is a Vue Single File Component SFC essentially an all in one file containing a lt template gt a lt script gt and a lt style gt tag each referring to an external HTML TypeScript and SCSS file respectively The lt template gt tag in this component points to the external ModulesPatchLoader html file lt template src ModulesPatchLoader html gt lt template gt Next the lt script gt tag links to the ModulesPatchLoader component ts TypeScript file lt script lang ts src ModulesPatchLoader component ts gt lt script gt The lt style gt tag introduces SCSS styles that define the appearance of the component lt style lang scss gt jhlite modules loader content background color jhipster lite secondary color color jhipster lite primary text color ph item border none background color jhipster lite secondary color ph jhlite modules container content display flex flex direction column flex grow flex basis box sizing border box modules filter height px modules list flex grow overflow y auto ph jhlite modules sidemenu display flex flex direction column min height box sizing border box amp top flex grow flex basis amp bottom height px flex grow flex basis auto lt style gt The jhlite modules loader content class sets a background color and a text color while also adjusting the border and background color of items with the ph item class The ph jhlite modules container content class dictates the flexbox properties for layout control and adjusts the height of the modules filter subelement and the overflow properties of the modules list subelement Lastly the ph jhlite modules sidemenu class manages the flexbox properties of the side menu and manipulates the height and flexbox properties of its top and bottom subelements Basically this SCSS mimics the positions of the elements from the ModulePatch screen Step VII modules patch loader ModulesPatchLoader htmlThe ModulesPatchLoader html is an HTML file that serves as a template for a Vue js component It sets up the structure of the component and uses Vue js directives to create dynamic logic like loops v for and class bindings class div class jhlite modules loader content jhlite menu content template data selector modules loader gt lt div class ph jhlite modules container content jhlite menu content template content gt lt div class modules filter gt lt div class ph item gt lt div class ph col gt lt div class ph row gt lt div class ph col big gt lt div gt lt div gt lt div gt lt div gt lt div gt lt div class modules list gt lt div class ph item gt lt div class ph col gt lt div class ph row v for row index in rows key index gt lt div class ph col col size col classes v for col index in row columns key index gt lt div gt lt div gt lt div gt lt div gt lt div gt lt div gt lt div class jhlite menu content template menu gt lt div class ph jhlite modules sidemenu gt lt div class ph jhlite modules sidemenu top gt lt div class ph item gt lt div class ph col gt lt div class ph row gt lt div class ph col empty gt lt div gt lt div class ph col big gt lt div gt lt div class ph col empty big gt lt div gt lt div class ph col empty gt lt div gt lt div gt lt div class ph row gt lt div class ph col gt lt div gt lt div class ph col empty gt lt div gt lt div class ph col big gt lt div gt lt div class ph col gt lt div gt lt div class ph col empty gt lt div gt lt div gt lt div gt lt div gt lt div gt lt div class ph jhlite modules sidemenu bottom gt lt div class ph item gt lt div class ph col gt lt div class ph row gt lt div class ph col big gt lt div gt lt div class ph col big gt lt div gt lt div gt lt div gt lt div gt lt div gt lt div gt lt div gt lt div gt Let s go through the given code line by line lt div class jhlite modules loader content jhlite menu content template data selector modules loader gt Here a div is defined with the class jhlite modules loader content jhlite menu content template and a data selector attribute modules loader This serves as the root container for the module loader The next section is a container for the content of the modules This is where the dynamic creation of the modules happens lt div class ph jhlite modules container content jhlite menu content template content gt The nested div elements provide structure and design to the modules lt div class modules filter gt lt div gt lt div class modules list gt lt div gt Inside the modules list section a Vue js directive v for is used to loop over an array rows Each row in this array represents a row in the module list lt div class ph row v for row index in rows key index gt Inside each row another v for directive is used to iterate over the columns in the row The class of the column is dynamically bound with the Vue js class directive which allows different styling based on the properties of the col object lt div class ph col col size col classes v for col index in row columns key index gt lt div gt The final section defines a side menu which is broken down into a top and bottom section Each of these sections contains several rows and columns for displaying information lt div class jhlite menu content template menu gt lt div class ph jhlite modules sidemenu gt lt div class ph jhlite modules sidemenu top gt lt div gt lt div class ph jhlite modules sidemenu bottom gt lt div gt lt div gt lt div gt Step VIII modules patch loader ModulesPatchLoader component tsThe ModulesPatchLoader component ts is a TypeScript file that exports a Vue js component which includes a setup function for creating reactive data Additionally several helper functions are used to generate columns and rows for the component import defineComponent from vue export default defineComponent name ModulesPatchLoaderVue setup return rows createCategory createCategory createCategory createCategory createCategory createCategory const createCategory modulesCount number gt const baseColumns createBigColumn createBigColumn true createNormalEmptyColumn createBigColumn const additionalColumns Array modulesCount fill createBigColumn const lastColumn createBigColumn true return createRow baseColumns additionalColumns lastColumn const createColumn size number classes string gt size classes const createBigColumn size number isEmpty boolean false gt createColumn size isEmpty empty big const createNormalEmptyColumn size number gt createColumn size empty const createRow columns any gt columns Below is the breakdown of the code import defineComponent from vue export default defineComponent name ModulesPatchLoaderVue setup return rows createCategory createCategory createCategory createCategory createCategory createCategory In this section the Vue js component named ModulesPatchLoaderVue is defined using the defineComponent function from Vue The setup function returns an object with a rows property This property holds an array each element of which is the result of the createCategory function with different arguments const createCategory modulesCount number gt const baseColumns createBigColumn createBigColumn true createNormalEmptyColumn createBigColumn const additionalColumns Array modulesCount fill createBigColumn const lastColumn createBigColumn true return createRow baseColumns additionalColumns lastColumn Here createCategory is a function that takes a modulesCount argument It creates an array of baseColumns and another array of additionalColumns which holds several createBigColumn instances based on the modulesCount It then combines these arrays into a single row using the createRow function const createColumn size number classes string gt size classes const createBigColumn size number isEmpty boolean false gt createColumn size isEmpty empty big const createNormalEmptyColumn size number gt createColumn size empty createColumn createBigColumn and createNormalEmptyColumn are helper functions used for creating different types of columns createColumn function creates a column object with size and classes properties createBigColumn calls createColumn and adds a big class string to it optionally marking it as empty based on the isEmpty argument createNormalEmptyColumn creates an empty column with a specified size const createRow columns any gt columns Finally createRow is a function that takes an arbitrary number of column objects and wraps them into a single row object By implementing placeholder loading in this way we significantly enhance the user experience providing immediate visual feedback while the real content is loading ConclusionWhether you re building a simple blog or a complex web application incorporating placeholder loading in your Vue js applications can greatly improve user experience by providing immediate feedback during content loading The placeholder loading library is a flexible easy to use tool for implementing this technique as demonstrated by the pull request example I hope this post has shed light on the importance of placeholder loading and how to use the placeholder loading library in your Vue js applications I hope you enjoyed this insightful guide on implementing Vue placeholder loading To continue the conversation I d love to hear from you ️ Do you have experience using the placeholder loading library in your own Vue js applications How has it improved the user experience Or maybe you ve faced challenges while implementing this technique and you re seeking solutions or alternative methods Share your stories ask your questions and let s learn together Drop your thoughts in the comment section below and let s foster a healthy discussion around enhancing user experiences in web development Looking forward to your valuable input Lastly let me extend an invitation to join me on my journey in the realm of software development I share my insights experiences and valuable resources on Twitter renan afranca and LinkedIn Following me on these platforms not only keeps you updated on my latest posts and projects but also opens doors to vibrant discussions and learning opportunities I look forward to connecting with you Ready to level up your coding skills and knowledge Stepping into Vue Enhancing the User Experience in JHipster Lite Take a deep dive into the world of Vue and JHipster Lite and uncover ways to significantly uplift the user experience Whether you re a developer seeking to boost your skills ️ or a tech enthusiast intrigued by the potential of Vue this post offers compelling insights that you simply can t afford to miss How did I earn money to fix an issue from an Open Source Software OSS Ever wondered if you can turn your passion for OSS into a revenue stream This riveting post details one coder s journey to monetize their expertise offering valuable tips techniques and motivation for anyone looking to follow a similar path Deploy jhipster monolithic angular spring boot at fly io for FREE Looking for ways to deploy your jhipster monolithic application at no cost Discover a step by step guide to utilizing fly io for exactly this Packed with useful advice this post is a goldmine for any developer looking to deploy efficiently and effectively all while keeping costs at bay Don t let this opportunity pass you by Dive in now and unleash the wealth of knowledge these posts have to offer	2023-06-26 10:41:10
海外TECH	DEV Community	Group by Year, Month, or Day in PostgreSQL	https://dev.to/mayallo/group-by-year-month-or-day-in-postgresql-1p82	Group by Year Month or Day in PostgreSQL IntroductionPostgreSQL is one of the best relational databases that developers use on a daily basis In fact PostgreSQL supports a wide range of data manipulation and analysis features One of the most important analysis features is grouping data by a specific interval Let s represent how PostgreSQL handles this feature elegantly Your Manager RequirementsBefore digging deeper let s consider that you have the following orders table idpricecreatedAt And your manager asks you three requirements Calculate the total orders sales every year Calculate the total orders sales every month in Calculate the total orders sales every day in July Group by YearLet s solve the first requirement Using DATA TRUNC This function as its name implies truncates a date based on a specific date part You can know more about it here SELECT DATE TRUNC YEAR createdAt AS year SUM price AS totalFROM orders GROUP BY yearORDER BY yearThis statement returns yeartotal You might note that the year field returned as a timestamp rounded to a specified level of precision not as a number To return the year as a number you can use the following SELECT DATE PART YEAR DATE TRUNC YEAR createdAt TIMESTAMP INTEGER AS year INTEGER casts the double value returned from DATE PART to an integer Using EXTRACT This function extracts a year month or from a date Know more about it here SELECT EXTRACT YEAR FROM createdAt INTEGER AS year SUM price AS totalFROM orders GROUP BY yearORDER BY yearThis statement returns yeartotalUnlike the DATE TRUNC function the EXTRACT function returns the year as a double So I used INTEGER to cast the double value returned from EXTRACT to an integer Using TO CHAR This function converts its input to a string Check it out here SELECT TO CHAR createdAt YYYY INTEGER AS year SUM price AS totalFROM orders GROUP BY yearORDER BY year INTEGER casts the string value returned from TO CHAR to an integer This statement returns the same result as EXTRACT Group by Month in a YearLet s solve the second requirement Like grouping by year you can group by month in a year using the same functions Using DATA TRUNC SELECT DATE TRUNC MONTH createdAt AS month SUM price AS totalFROM orders WHERE DATE PART YEAR createdAt GROUP BY monthORDER BY monthThis statement returns monthtotal Using EXTRACT SELECT EXTRACT MONTH FROM createdAt INTEGER AS month SUM price AS totalFROM orders WHERE DATE PART YEAR createdAt GROUP BY monthORDER BY monthThis statement returns monthtotal Using TO CHAR SELECT TO CHAR createdAt MM INTEGER AS month SUM price AS totalFROM orders WHERE DATE PART YEAR createdAt GROUP BY monthORDER BY monthThis statement returns the same result as EXTRACT Group by Day in a Month of a YearLet s solve the third requirement Using DATA TRUNC SELECT DATE TRUNC DAY createdAt AS day SUM price AS totalFROM orders WHERE DATE PART MONTH createdAt AND DATE PART YEAR createdAt GROUP BY dayORDER BY dayThis statement returns daytotal Using EXTRACT SELECT EXTRACT DAY FROM createdAt INTEGER AS day SUM price AS totalFROM orders WHERE DATE PART MONTH createdAt AND DATE PART YEAR createdAt GROUP BY dayORDER BY dayThis statement returns daytotal Using TO CHAR SELECT TO CHAR createdAt DD INTEGER AS day SUM price AS totalFROM orders WHERE DATE PART MONTH createdAt AND DATE PART YEAR createdAt GROUP BY dayORDER BY dayThis statement returns the same result as EXTRACT ConclusionIn this article we knew how to group data by a specific date interval year month and day And to do so we introduced three different ways using DATE TRUNC EXTRACT TO CHAR Before you leaveIf you found this article useful check out these articles as well MongoDB GridFS Made simpleIsolation Levels In SQL Server With Examples Ways To Handle Asynchronous JavaScriptThanks a lot for staying with me up till this point I hope you enjoy reading this article	2023-06-26 10:36:30
海外TECH	DEV Community	7 Secret Websites Every Developer Should Know	https://dev.to/akashpattnaik/7-secret-websites-every-developer-should-know-36f4	Secret Websites Every Developer Should Know Introduction Developers are constantly seeking new resources to enhance their skills and productivity While there are well known websites like Stack Overflow and GitHub that are widely used by developers there are also some hidden gems on the internet that can provide valuable tools insights and support In this article we will unveil seven secret websites that every developer should know These websites cover a range of topics and offer unique features that can significantly benefit developers in their daily work So let s dive into the world of these hidden treasures and discover how they can elevate your development journey Table of Contents Codecademy Interactive Learning PlatformHackerRank Coding Challenges and CompetitionsCSS Tricks CSS Tips Tricks and TechniquesDevDocs Comprehensive Documentation AggregatorCan I Use Browser Compatibility DatabaseCodrops Web Design and Development ResourcesMDN Web Docs Mozilla Developer Network Documentation Codecademy Interactive Learning PlatformCodecademy is an excellent platform for developers to learn various programming languages interactively Whether you re a beginner or an experienced coder Codecademy offers courses on popular languages like Python JavaScript HTML and CSS The platform provides a hands on approach to learning allowing you to practice coding directly in the browser With its intuitive interface and interactive exercises Codecademy is a go to resource for developers looking to expand their skillset HackerRank Coding Challenges and CompetitionsHackerRank is more than just a coding platform it is a community of developers who love challenges The website offers a vast collection of coding challenges and competitions in different domains such as algorithms data structures and artificial intelligence Developers can solve these challenges to enhance their problem solving skills and even participate in global coding competitions HackerRank also provides a platform for recruiters to evaluate candidates coding abilities making it a valuable resource for job seekers in the tech industry CSS Tricks CSS Tips Tricks and TechniquesCSS Tricks is a treasure trove of valuable information for front end developers It provides in depth articles tutorials and examples related to CSS Sass and other front end technologies Whether you want to explore advanced CSS techniques or find solutions to common CSS challenges CSS Tricks has got you covered The website also features a vibrant community where developers can share their insights ask questions and learn from others experiences DevDocs Comprehensive Documentation AggregatorDevDocs is a comprehensive documentation aggregator that brings together documentation from various programming languages frameworks and libraries in one place Instead of searching for documentation across multiple websites DevDocs allows developers to access all the necessary documentation from a single interface The website offers offline support keyboard shortcuts and customizable themes making it a convenient and efficient tool for developers who frequently reference documentation during their work Can I Use Browser Compatibility DatabaseBrowser compatibility is a critical consideration for web developers Can I Use is a website that provides a comprehensive database on browser support for various web technologies By entering a specific HTML CSS or JavaScript feature developers can quickly see which browsers support it and which ones don t This information enables developers to make informed decisions when choosing which features to implement ensuring a smooth and consistent user experience across different browsers Codrops Web Design and Development ResourcesCodrops is a remarkable resource for developers interested in web design and development The website offers tutorials articles and cutting edge examples of creative web technologies and techniques From innovative navigation patterns to stunning visual effects Codrops showcases the latest trends in web design By exploring Codrops developers can find inspiration and learn how to incorporate these modern approaches into their own projects MDN Web Docs Mozilla Developer Network DocumentationMDN Web Docs maintained by Mozilla is an extensive resource for web developers It provides detailed documentation on web technologies such as HTML CSS JavaScript and more What sets MDN Web Docs apart is its community driven approach ensuring that the information is accurate up to date and reliable The website also includes interactive code examples and guides for developers of all levels MDN Web Docs is a go to reference for developers looking for detailed explanations and practical examples Conclusion In the ever evolving world of technology developers must stay updated with the latest tools and resources The seven secret websites mentioned in this article are a valuable addition to any developer s arsenal From interactive learning platforms to comprehensive documentation aggregators and coding challenges each website offers unique benefits that can enhance your coding skills boost productivity and foster a sense of community So start exploring these hidden gems and unlock new opportunities on your developer journey	2023-06-26 10:33:15
Apple	AppleInsider - Frontpage News	Injured hiker airlifted to safety after iPhone Emergency SOS call	https://appleinsider.com/articles/23/06/26/injured-hiker-airlifted-to-safety-after-iphone-emergency-sos-call?utm_medium=rss	Injured hiker airlifted to safety after iPhone Emergency SOS callA hiker in California s Angelos National Forest was rescued when she was able to use her iPhone s Emergency SOS via Satellite feature Rescuers with Juana Reyes and her iPhone Source ABC Eyewitness NewsFirst introduced in the US with the iPhone range in September Emergency SOS via Satellite lets users send text messages to rescue services Since that launch it was immediately responsible for saving lives such as the rescue of two stranded women in Canada Read more	2023-06-26 10:27:56
海外TECH	Engadget	Samsung's latest Pokémon-themed Galaxy Buds are too cute	https://www.engadget.com/samsungs-latest-pokemon-themed-galaxy-buds-are-too-cute-105522706.html?src=rss	Samsung x s latest Pokémon themed Galaxy Buds are too cutePokémon might be a Japanese franchise but like people around the world South Korean conglomerate Samsung continues to show a kinship to the series with its latest Pokémon themed products The electronics company has announced the release of its new Pokémon Packs with three new Galaxy Buds cases designed to look like Jigglypuff Ditto and Snorlax Along with the adorable case the packs feature corresponding stickers and a choice of the Galaxy Buds for KRW or the Galaxy Buds Pro for KRW nbsp Samsung had started off this series of sorts with a classic option launching PokéBall cases for its Galaxy Buds Pro and standard edition headphones in May The limited edition item sold out within an hour so it s no surprise the company wanted to release a few more Pokémon themed options The Pokémon edition of Samsung s Galaxy Z Flip foldable smartphone had a similar response with the KRW device selling out within minutes nbsp The Galaxy Watch and the Galaxy Z Flip smartphone have also previously gotten the Pokémon treatment courtesy of a PokéBall covered watch strap and phone case As for Jigglypuff Ditto and Snorlax these adorable cases are only available in Samsung s native South Korea and like the PokéBall edition probably on eBay soon nbsp nbsp This article originally appeared on Engadget at	2023-06-26 10:55:22
海外TECH	Engadget	Lucid will power Aston Martin's future EVs	https://www.engadget.com/lucid-will-power-aston-martins-future-evs-101040684.html?src=rss	Lucid will power Aston Martin x s future EVsAston Martin plans to build quot ultra luxury high performance quot EVs using Lucid s electric motors batteries and other technology Lucid announced in a press release It s the first deal for Lucid to supply parts to other automakers ーmuch like Rimac which itself developed batteries and other components for Aston Martin along with Koenigsegg and others Lucid recently released its own debut electric car the Air in multiple versions starting at around nbsp quot The supply agreement with Lucid is a game changer for the future EV led growth of Aston Martin quot said Aston Martin executive chairman Lawrence Stroll quot Based on our strategy and requirements we selected Lucid gaining access to the industry s highest performance and most innovative technologies for our future BEV products quot Aston Martin said it selected Lucid through a quot competitive process quot and will use Lucid s proprietary electric powertrain technology including its ultra high performance twin motor drive unit battery technology and onboard quot Wunderbox quot charging unit The technology will allow for features like torque vectoring heat exchanger tech and a battery system upgraded for higher power nbsp In Aston Martin scrapped plans to manufacture an all electric Rapide E saying it wouldn t release any EVs until it s quot financially stable quot Stroll a Canadian billionaire who also owns the Aston Martin F team took a percent ownership in Aston Martin back in Mercedes Benz meanwhile currently owns percent of Aston Martin and previously said it plans to increase that to percent by nbsp As part of that deal Mercedes Benz granted Aston Martin access to its hybrid and electric powertrains but it s not clear how Lucid and Mercedes will interact Aston Martin s F team currently uses a Mercedes Benz power unit though it plans to switch to Honda in quot Along with Mercedes Benz we now have two world class suppliers with Lucid to support the internal development and investments we are making to deliver our electrification strategy quot Stroll said nbsp Rimac has supplied technology including a lightweight battery system to Aston Martin s HP Valkyrie hypercar Back in Aston Martin joined forces with LeEco to build an electric version of the Rapide but LeEco bowed out with its own financial issues To complete the circle LeEco originally had a stake in Lucid but founder Jia Yueting was forced to sell it due to a liquidity crisis nbsp This article originally appeared on Engadget at	2023-06-26 10:10:40
医療系	医療介護 CBnews	がん拠点病院、期限までに見込み要件未充足なら特例型に-厚労省・検討会	https://www.cbnews.jp/news/entry/20230626193337	厚生労働省	2023-06-26 19:50:00
医療系	医療介護 CBnews	公認心理師の就労状況調査「できるだけ早期に実施」-厚労省、支援の実態や社会のニーズを把握へ	https://www.cbnews.jp/news/entry/20230626193403	公認心理師	2023-06-26 19:35:00
金融	金融庁ホームページ	入札公告等を更新しました。	https://www.fsa.go.jp/choutatu/choutatu_j/nyusatu_menu.html	公告	2023-06-26 11:00:00
海外ニュース	Japan Times latest articles	Tokyo ‘Joker’ train attacker pleads not guilty to murder intent over arson	https://www.japantimes.co.jp/news/2023/06/26/national/crime-legal/joker-trial-murder-intent/	Tokyo Joker train attacker pleads not guilty to murder intent over arsonKyota Hattori admitted to both stabbing a man and arson but said in court that he didn t intend to murder anyone by starting the fire	2023-06-26 19:00:44
ニュース	BBC News - Home	Teenager on sub took Rubik's Cube to break record, mother tells BBC	https://www.bbc.co.uk/news/world-us-canada-66015851?at_medium=RSS&at_campaign=KARANGA	bbcin	2023-06-26 10:17:20
ニュース	BBC News - Home	Nicola Bulley died by drowning, inquest hears	https://www.bbc.co.uk/news/uk-england-lancashire-66018326?at_medium=RSS&at_campaign=KARANGA	major	2023-06-26 10:58:12
ニュース	BBC News - Home	Sarah Ferguson: Duchess of York recovering after breast cancer op	https://www.bbc.co.uk/news/uk-66014781?at_medium=RSS&at_campaign=KARANGA	ferguson	2023-06-26 10:06:18
ニュース	BBC News - Home	Women's Ashes 2023: England's Kate Cross dismissed by Australia's Ash Gardner	https://www.bbc.co.uk/sport/av/cricket/66020251?at_medium=RSS&at_campaign=KARANGA	Women x s Ashes England x s Kate Cross dismissed by Australia x s Ash GardnerWatch as England s Kate Cross is caught behind by Alyssa Healy off Ash Gardner delivery for as Australia take their first wicket of the final day of the Women s Ashes Test at Trent Bridge	2023-06-26 10:40:36
仮想通貨	BITPRESS（ビットプレス）	bitFlyer、2023/6/26より新規暗号資産「ザ・サンドボックス（The Sandbox）」取扱開始	https://bitpress.jp/count2/3_10_13634	bitflyer	2023-06-26 19:35:00
仮想通貨	BITPRESS（ビットプレス）	[CoinDesk Japan] 暗号資産の期末時価評価課税の見直しが正式に実現－国税庁が通達	https://bitpress.jp/count2/3_9_13655	coindeskjapan	2023-06-26 19:33:59
IT	週刊アスキー	「にじさんじ」チームと「カプコン」チームが『エグゾプライマル』で対決！	https://weekly.ascii.jp/elem/000/004/142/4142629/	esxsxboxonepcsteamwindows	2023-06-26 19:15:00
IT	週刊アスキー	ふるなび災害支援、新たに鹿児島県瀬戸内町の寄附受付を開始	https://weekly.ascii.jp/elem/000/004/142/4142634/	鹿児島県瀬戸内町	2023-06-26 19:45:00
IT	週刊アスキー	CASETiFY、アウトドアやマリンアクティビティーに最適なiPhoneアクセサリー	https://weekly.ascii.jp/elem/000/004/142/4142632/	casetify	2023-06-26 19:30:00
IT	週刊アスキー	受付や案内板に便利な1本支柱のディスプレースタンド「CR-LAST36」	https://weekly.ascii.jp/elem/000/004/142/4142622/	案内	2023-06-26 19:30:00
IT	週刊アスキー	京セラコミュニケーションシステムとマスプロ電工、「Sigfox」を活用した浸水センサーを国土交通省の実証実験で設置開始	https://weekly.ascii.jp/elem/000/004/142/4142619/	sigfox	2023-06-26 19:15:00