投稿時間:2023-04-12 12:19:09 RSSフィード2023-04-12 12:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	ワイモバイル、ショップでのスマホの各種サポートを毎月定額で利用できる｢店頭スマホサポート定額｣を発表	https://taisy0.com/2023/04/12/170598.html	開始	2023-04-12 02:00:56
IT	ITmedia 総合記事一覧	[ITmedia News] 「G-SHOCK」初号機の角形フォルムに心拍計を搭載したスポーツモデル、カシオから	https://www.itmedia.co.jp/news/articles/2304/12/news079.html	gshock	2023-04-12 11:19:00
AWS	AWS Japan Blog	AWS CDK Pipelines を用いたマルチブランチ管理とインフラのデプロイ	https://aws.amazon.com/jp/blogs/news/multi-branch-pipeline-management-and-infrastructure-deployment-using-aws-cdk-pipelines/	AWSCDKPipelinesを用いたマルチブランチ管理とインフラのデプロイこの記事では、AWSCloudDevelopmentKitAWSCDKを用いてGitFlowモデルに従って開発するためのAWSCDKPipelinesモジュールの利用方法について説明します。	2023-04-12 02:45:33
AWS	AWS Japan Blog	新規 — Amazon SageMaker Canvas のすぐに使用できるモデルとカスタムテキストおよび画像分類モデルのサポート	https://aws.amazon.com/jp/blogs/news/new-ready-to-use-models-and-support-for-custom-text-and-image-classification-models-in-amazon-sagemaker-canvas/	amazonsagemakercanvas	2023-04-12 02:32:49
python	Pythonタグが付けられた新着投稿 - Qiita	超初心者向け Pythonコードの書き方 パイソンの基礎を学ぶ 2	https://qiita.com/natsuki_natsuki/items/0cb5a0ae1ace78b94b73	breakcontinue	2023-04-12 11:36:55
js	JavaScriptタグが付けられた新着投稿 - Qiita	for文とwhile文についてのまとめ　(javascript)	https://qiita.com/conkon326/items/93ee1894ced3a0010e51	javascript	2023-04-12 11:12:35
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[Rails備忘録]Google Mapの導入についての参考記事	https://qiita.com/momozo_trademen/items/c325307670f294a7b801	googlemap	2023-04-12 11:16:05
AWS	AWSタグが付けられた新着投稿 - Qiita	【まとめ】EC2にWindows環境を作りリモートデスクトップ接続する手順	https://qiita.com/msymacromill/items/28295d33866700da612e	windows	2023-04-12 11:41:51
Git	Gitタグが付けられた新着投稿 - Qiita	【コード管理/GitHub】ローカルリポジトリとリモートリポジトリの変更履歴に差があり、git pushが実行できない問題を解決する	https://qiita.com/Ayumu-y/items/7fb229f624d458ddacd1	github	2023-04-12 11:07:17
Ruby	Railsタグが付けられた新着投稿 - Qiita	[Rails備忘録]Google Mapの導入についての参考記事	https://qiita.com/momozo_trademen/items/c325307670f294a7b801	googlemap	2023-04-12 11:16:05
海外TECH	DEV Community	THIS IS BY FAR THE MOST EASIEST WAY TO CREATE AWS S3 BUCKETS FOR BEGINNERS	https://dev.to/arbythecoder/this-is-by-far-the-most-easiest-way-to-create-aws-s3-buckets-for-beginners-3g9l	THIS IS BY FAR THE MOST EASIEST WAY TO CREATE AWS S BUCKETS FOR BEGINNERSHello there fellow adventurers of the cloud Are you ready to embark on a new journey towards creating your very own AWS S bucket Fear not for I am here to guide you through this exciting process with my cheerful and lively self First things first let s talk about what S actually is S Simple Storage Service is a web based data storage service provided by Amazon Web Services It allows you to store and retrieve files documents images and videos easily and cost effectively on the cloud It is a reliable and scalable storage solution that can help you manage and store any amount of data from anywhere at any time In simple terms it s like having a virtual closet where you can keep your files safe and organized and access them whenever you need them Now let s get started with creating your own S bucket Step Log in to your AWS Management ConsoleTo create an S bucket you will first need to log in to your AWS Management Console If you do not have an AWS account don t worry You can easily create one by following the on screen instructions Step Open the S serviceOnce you have logged in to your AWS Management Console navigate to the S service by clicking on the Services menu on the top left corner of the screen and selecting S from the list of available services Step Click Create Bucket Now that you are in the S service you will see a blue button labelled Create Bucket Clicking on this button will open a new page where you can set up your new bucket Step Name your bucketThe first thing you will need to do is give your bucket a unique name AWS has a global namespace for bucket names so make sure your name is unique to avoid any conflicts AWS does not allow uppercase letters Step Choose a regionNext you will need to choose the region where you want your S bucket to be located We recommend selecting the region closest to your users for better performance Step Configure options optional AWS also provides you with several configuration options such as versioning encryption and object level logging that you can enable as per your requirements Step Set permissionsYou can also set permissions to your bucket based on your access needs AWS provides three different access types private public read and public read write I recommend private access unless there is a specific need to make the bucket public Step Review and createOnce you have filled in all the necessary details review everything to make sure that you have set up everything correctly Once you re happy click on the Create Bucket button to create your S bucket Step Upload image The essence of creating an AWS s bucket is to keep your images save Step Ensure To Delete Unused ObjectsRemember that the reason behind AWS s bucket is to save useful file images etc What is the purpose of saving something in the cloud that is of no relevance delete your unused object check a screenshot of how I did mine below Congratulations You have successfully created your own AWS S bucket In summary creating an AWS S bucket is straightforward and easy process All you need to do is log in to your AWS Management Console open the S service and follow the step by step instructions With AWS S you can store retrieve and manage your data with ease and confidence So what are you waiting for Go ahead and create your own AWS S bucket and explore the endless possibilities of cloud storage In conclusion creating an S bucket on AWS may seem daunting but by following these simple steps and cheerful screenshots you can create your first S bucket with ease Let s keep exploring together follow me for more amazing contents	2023-04-12 02:32:40
海外TECH	DEV Community	Tailwind: Overview and Setup	https://dev.to/bengrnb/tailwind-overview-and-setup-pbp	Tailwind Overview and Setup What is Tailwind Tailwind often referred to as Tailwind CSS is “a set of low level reusable utility classes that can be used like building blocks to create virtually any design we can imagine This utility first framework covers the most important CSS properties Gerchev In other worlds Tailwind has a ton of predefined CSS classes styles components and designs that make development easier Many different companies use Tailwind CSS including Starbucks Netflix and Github Wolstenholme The Tailwind EcosystemTailwind Labs are the creators of the Tailwind ecosystem In this ecosystem is the core product Tailwind CSS There is a vscode plugin to go with Tailwind CSS called Tailwind CSS intellisense to assist with development Tailwind labs have also created UI and design products that use and build off of tailwind CSS These products include tailwind UI and headless UI Headless UI components can be created in React or Vue and Tailwind UI components can be created in React Vue or HTML but some components require the use of JavaScript so React or Vue and will not function properly if they are just created using HTML Tailwind labs have also created an icon set called Heroicons which are open source and are used in their UI components Last but not least Tailwind labs have also written a book called “Refactoring UI that discusses designing a visually pleasing UI and more There are also rd party UI systems that use Tailwind CSS but are not created by tailwind labs One of the most prominent systems is called Daisy UI How does it work Now that we ve covered the overview of tailwind and its ecosystem how does it actually work What does it look like to use Tailwind CSS code In most cases you don t need to write your own CSS classes to style your components because tailwind has already created them for you This is a huge time saver Here is an example In the first line of code three different classes with uniform naming conventions have been added to make the red box These are all predefined classes already created in tailwind The second line of code uses the exact same styles with the exception of making the box blue instead of red but does not use the tailwind utility classes In most cases the styles on the second line would have to be added to a class put in a CSS file and then that class could be added to the div With tailwind you never have to go to the CSS file to create the classes because they are already there If you want to create custom CSS classes you can still do that but in most cases there is no need to which makes this easy and efficient Additionally when coding you can use the Tailwind CSS IntelliSense plugin to make the process easier to understand Using TailwindKnowing that tailwind has already created classes for almost anything you need to do and almost any style you need to apply raises a question Aren t there going to be a ton of CSS classes created that will never end up being used The answer is yes but this won t be a problem When you are coding you have access to all of the possible tailwind utility classes but tailwind is smart and it will scan your code and create a production CSS file that only contains the classes you are using and gets rid of the classes you aren t making your CSS file much smaller in production A Complaint about TailwindHere is a complaint that some have about Tailwind From the Medium article “Why Your Friends Can t Shut Up About TailwindCSS ーAnd Why They Never Will by Jorge Zreik he writes “ one of the biggest criticisms of Tailwind is the fact that Tailwind styles are NOT reusable Whereas with traditional CSS you can combine all the styles for a heading including size font color etc in a single class in Tailwind you have to write them all out individually Zreik In the previous example the code for the red box div was pretty simple But once you add more styles to the div there are suddenly way more classes and the code doesn t feel as simple anymore With traditional CSS you could just combine all of these styles into a single class This issue isn t the end of the world because it is still faster and easier to make the div using Tailwind styles as opposed to making them on their own but the code is less readable now The real problem arises when making a second or third red box Now classes from the box have to be copied to duplicate it After a while this is going to get pretty annoying Reusable JavaScriptThere has been a lot of talk about the Tailwind ecosystem and reusable CSS classes but where does JavaScript fit in here From the Medium article “Why Your Friends Can t Shut Up About TailwindCSS ーAnd Why They Never Will by Jorge Zreik he writes “Basically you can make your styling reusable by making your components reusable This is what you should be doing anyway now that many people are building with tools like React where modularizing functionality is already the norm By modularizing your styles as components rather than classes you get rid of many of the problems people see in Tailwind Zreik To break this down further UI elements that are going to be reused should be made as components You write the code once in JavaScript and now you don t have to copy a million Tailwind utility classes every time you want to reuse a UI element The end resulting production code might still look pretty messy but when you are actually coding you are using JavaScript to inject code from components into your HTML and now the development process is a lot cleaner and the complaint from the previous section is much more minor Setting up TailwindAs is described in the Tailwind CSS installation Docs Tailwind n d here are the steps to install and set up Tailwind CSS using the command line Step Install Tailwind CSSEnter these commands in the terminal while in your project directorynpm install D tailwindcssnpx tailwindcss init Step Configure Tailwind CSSOnce the commands from step have been run you should see a “tailwind config js file in your project folder From within the “tailwind config js file you will want to add the following code src html js Step a Create Project src folder and CSS fileOnce the Tailwind config file has been set up a src folder will need to be created From within the SRC folder a CSS file called input css should be created Step b add Tailwind to CSS fileFrom within the input css file paste the following code tailwind base tailwind components tailwind utilities Step Start building your Tailwind CSS output fileUse the command npx tailwindcss i src input css o dist output css watch to build your CSS output fileThis command will create an output css file that will update as you use Tailwind classes in your project Step a create a html fileIn your projects src folder create an index html file Step b Add the stylesheet to your html documentAdd lt link href dist output css rel stylesheet gt to your html documents Working CodeBelow is a screenshot of a login page styled entirely with Tailwind CSS utility classes as well as the HTML used to create the page lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta name viewport content width device width initial scale gt lt link href dist output css rel stylesheet gt lt title gt Login lt title gt lt head gt lt body class flex items center justify center h screen gt lt div class bg slate max w md rounded md p gt lt h class text xl font bold mb text center gt Sign In lt h gt lt label for email gt Email lt label gt lt input class mt w full mb p rounded md h bg white border border gray focus outline blue type text id email placeholder Enter your email gt lt label for password gt Password lt label gt lt input class mt w full mb p rounded md h bg white border border gray focus outline blue type password id password placeholder Enter your password gt lt button class w full bg blue h rounded md font medium hover bg blue active bg blue gt Login lt button gt lt p class w full text center my text slate gt or lt p gt lt button class w full bg slate h rounded md font medium hover bg slate active bg slate gt Login with Google lt button gt lt button class w full bg slate h rounded md font medium hover bg slate active bg slate mt gt Login with Facebook lt button gt lt div class flex justify between mt gt lt p class text blue hover cursor pointer hover text blue gt Sign Up lt p gt lt p class text right text slate hover text slate hover cursor pointer gt Forgot password lt p gt lt div gt lt div gt lt body gt lt html gt ReferencesDaisyUI n d A minimalist s CSS framework Retrieved March from Gerchev I Tailwind CSS SitePoint ISBN OctAcademy December Tailwind CSS Crash Course Tailwind CSS for Beginners Video YouTube React Bootstrap n d Introduction Retrieved March from Tailwind Labs n d GitHub Retrieved March from Tailwind Labs n d Headless UI Retrieved March from Tailwind Labs n d Heroicons Retrieved March from Tailwind Labs n d Tailwind CSS Retrieved March from Tailwind Labs n d Tailwind CSS Documentation Installation Retrieved March from Tailwind Labs n d Tailwind UI Retrieved March from Wolstenholme P March Companies Using Utility First CSS in Production Medium Zreik G November Why your friends can t shut up about TailwindCSS and why they never will Medium	2023-04-12 02:09:40
Apple	AppleInsider - Frontpage News	iPhone 15 Pro won't be getting solid-state buttons due to technical issues	https://appleinsider.com/articles/23/04/12/iphone-15-pro-wont-be-getting-solid-state-buttons-due-to-technical-issues?utm_medium=rss	iPhone Pro won x t be getting solid state buttons due to technical issuesApple has reportedly abandoned adding solid state buttons to the iPhone Pro due to production issues Solid state buttons were expected for iPhone ProMultiple reliable sources suggested that the mute switch volume and power buttons would be replaced by solid state components in the iPhone Pro models This controversial change would improve device watertight integrity and add new gestures Read more	2023-04-12 02:26:37
海外科学	NYT > Science	Abortion Pill Ruling: Read Annotated Excerpts From F.D.A. Case	https://www.nytimes.com/2023/04/11/us/abortion-pill-ruling.html	Abortion Pill Ruling Read Annotated Excerpts From F D A CaseThe preliminary ruling from Judge Matthew J Kacsmaryk adopts the terminology of anti abortion groups such as “chemical abortion “abortionist and “unborn human	2023-04-12 02:32:14
ビジネス	ダイヤモンド・オンライン - 新着記事	米シェール再編の波、エクソンの大型買収が号砲か - WSJ発	https://diamond.jp/articles/-/321177	買収	2023-04-12 11:23:00
ビジネス	ダイヤモンド・オンライン - 新着記事	オーディオブックでAI活用進む　故人の合成音声も - WSJ発	https://diamond.jp/articles/-/321178	音声	2023-04-12 11:03:00
ビジネス	東洋経済オンライン	AI生かしたiPhoneの｢声を分離｣機能が超便利 ユーザー自身が発した声と周囲の騒音を分ける | iPhoneの裏技 | 東洋経済オンライン	https://toyokeizai.net/articles/-/664798?utm_source=rss&utm_medium=http&utm_campaign=link_back	iphone	2023-04-12 11:30:00
IT	週刊アスキー	OpenAI、バグ報奨金プログラム開始 最高約270万円	https://weekly.ascii.jp/elem/000/004/132/4132474/	bugcrowd	2023-04-12 11:35:00
IT	週刊アスキー	博報堂、NFTをおまけとしたカルビーポテトチップス「NFTチップスキャンペーン」開始	https://weekly.ascii.jp/elem/000/004/132/4132473/	月日	2023-04-12 11:30:00
海外TECH	reddit	Post Game Chat 4/11 Mariners @ Cubs	https://www.reddit.com/r/Mariners/comments/12j787t/post_game_chat_411_mariners_cubs/	Post Game Chat Mariners CubsPlease use this thread to discuss anything related to today s game You may post anything as long as it falls within stated posting guidelines You may also post gifs and memes as long as it is related to the game Please keep the discussion civil Discord Seattle Sports Line Score Game Over R H E LOB SEA CHC Box Score CHC AB R H RBI BB SO BA SS Hoerner SS Swanson B Madrigal LF Happ B Mancini CF Bellinger B Wisdom DH Hosmer C Gomes RF Velazquez N CHC IP H R ER BB SO P S ERA Wesneski Rucker Alzolay Leiter Jr Merryweather SEA AB R H RBI BB SO BA CF Rodríguez Ju B France B Suárez E C Raleigh RF Hernández T LF Kelenic B Wong Ko DH La Stella SS Crawford J SEA IP H R ER BB SO P S ERA Flexen Gott Castillo D Rodríguez Jo Scoring Plays Inning Event Score T Eugenio Suarez homers on a fly ball to center field Ty France scores T Ty France singles on a fly ball to center fielder Cody Bellinger Tommy La Stella scores J P Crawford to rd Julio Rodriguez to nd T Eugenio Suarez out on a sacrifice fly to left fielder Ian Happ J P Crawford scores T Cal Raleigh singles on a line drive to right fielder Nelson Velazquez Julio Rodriguez scores Ty France to rd T Teoscar Hernandez singles on a sharp line drive to left fielder Ian Happ Ty France scores Cal Raleigh to nd T Kolten Wong grounds into a force out first baseman Trey Mancini to shortstop Dansby Swanson Cal Raleigh scores Teoscar Hernandez to rd Jarred Kelenic out at nd Kolten Wong to st B Yan Gomes singles on a ground ball to second baseman Kolten Wong Cody Bellinger scores B Trey Mancini homers on a fly ball to center field Dansby Swanson scores B Eric Hosmer singles on a ground ball to right fielder Teoscar Hernandez Cody Bellinger scores Patrick Wisdom to nd B Nelson Velazquez hits a grand slam to left center field Patrick Wisdom scores Eric Hosmer scores Yan Gomes scores B Dansby Swanson singles on a sharp line drive to center fielder Julio Rodriguez Nico Hoerner scores T Jarred Kelenic homers on a fly ball to center field B Dansby Swanson singles on a line drive to right fielder Teoscar Hernandez deflected by second baseman Kolten Wong Nelson Velazquez scores Nico Hoerner to nd B Trey Mancini singles on a ground ball to right fielder Teoscar Hernandez Nico Hoerner scores Ian Happ to nd B Nico Hoerner doubles on a ground ball to right fielder Teoscar Hernandez Eric Hosmer scores Nelson Velazquez scores B Nick Madrigal singles on a ground ball to center fielder Julio Rodriguez Nico Hoerner scores T Ty France singles on a soft ground ball to first baseman Trey Mancini J P Crawford scores Highlights Description Length Video Eugenio Suárez smacks a run home run in the first Video The distance behind Eugenio Suárez s home run Video An animated look at Eugenio Suárez s home run Video Trey Mancini makes the diving catch for the first out Video Ty France bloops an RBI single to right field Video Eugenio Suárez s sacrifice fly extends the lead Video Cal Raleigh s RBI single to right increses the lead Video Kolten Wong s RBI groundout makes it Video Breaking down Hayden Wesneski s pitches Video Teoscar Hernández s RBI single adds on to the lead Video Yan Gomes RBI single puts the Cubs on the board Video Trey Mancini s home run cuts the lead Video Eric Hosmer hits and RBI single to right field Video Nelson Velázquez s crushes a grand slam to left Video Breaking down Chris Flexen s pitches Video Measuring the stats on Trey Mancini s home run Video Visualizing Trey Mancini s swing using bat tracking technology Video Cody Bellinger flies out to center fielder Julio Rodriguez Video Jarred Kelenic Home Run Statcast Analysis Video Dansby Swanson s RBI single makes it a Video Diego Castillo In play out s to Patrick Wisdom Video Jarred Kelenic hits a solo home run to left center Video Dansby Swanson hits his second RBI single of the game Video Nico Hoerner s RBI double Video Trey Mancini hits an RBI single to right field Video Decisions Winning Pitcher Losing Pitcher Save Rucker ERA Flexen ERA Attendance Weather Wind °F Partly Cloudy mph Out To CF HP B B B Adrian Johnson Manny Gonzalez Quinn Wolcott Junior Valentine Game ended at PM submitted by u Mariners bot to r Mariners link comments	2023-04-12 02:44:38