投稿時間:2022-04-10 19:15:30 RSSフィード2022-04-10 19:00 分まとめ(20件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	『Python1年生』で勉強中（その1）	https://qiita.com/megrim_q/items/c1417f507e96c1fb7015	人工知能	2022-04-10 18:38:16
python	Pythonタグが付けられた新着投稿 - Qiita	Flaskで簡易ダジャレLINE botを作った話	https://qiita.com/dainfinity/items/4c512dcbae2241ae1d36	flask	2022-04-10 18:14:55
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【超簡単】RubyonRails 投稿時間をInstagramのようにする 〜 ◯日前,◯時間前,◯分前 〜	https://qiita.com/kubochiro/items/97e4a513f2f18aba5d80	instagram	2022-04-10 18:11:02
AWS	AWSタグが付けられた新着投稿 - Qiita	【自分用メモ】AWS認定ソリューションアーキテクト-プロフェッショナル試験対策メモ	https://qiita.com/msengnsoni/items/28052aabc2e6544dc870	awssap	2022-04-10 18:54:22
Ruby	Railsタグが付けられた新着投稿 - Qiita	【超簡単】RubyonRails 投稿時間をInstagramのようにする 〜 ◯日前,◯時間前,◯分前 〜	https://qiita.com/kubochiro/items/97e4a513f2f18aba5d80	instagram	2022-04-10 18:11:02
海外TECH	DEV Community	Fixing the ligatures curse with translate attribute	https://dev.to/ayyash/fixing-the-ligatures-curse-with-translate-attribute-53hj	Fixing the ligatures curse with translate attributeUse the translate attribute set to no to stop Google translate from trying to translate the ligature of your icon and end up with readable text instead of a nice icon lt i class icon tranlsate no gt trash lt i gt If you ve ever used ligatures to define your icons in an icon font or a ready made icon font with ligatures defined like Google Material Icons font then you must faced issues with multi lingual interfaces If you control the languages then you can alwaysDisplay the icon text with one language and toss it under the rug no considerations for accessibility which can be dealt with using aria and title attributes Or you can add all possible ligatures to the icon when you create your font with tools like icomoon this is accessible alright but bloats the icon font file But if your audience try to translate page using Google translate your options are slimmer The icon will appear as text And well translated That might not be what you aim for So translate no is the the best visual solution Of course for data integrity you can simply let it be RESOURCESHTML translate on MDN	2022-04-10 09:23:53
海外TECH	DEV Community	Simplify Your Data Lifecycle & Optimize Storage Costs With Amazon S3 Lifecycle	https://dev.to/noyonict/simplify-your-data-lifecycle-optimize-storage-costs-with-amazon-s3-lifecycle-apc	Simplify Your Data Lifecycle amp Optimize Storage Costs With Amazon S Lifecycle This guide help you to understand all types of S Layer amp How you can Optimize your storage costs by defining an S Lifecycle AWS S layersS is a great way to fight the ever growing data challenge by simply utilizing the power of modern object storage technology But for the cost effectiveness of using S you have to understand the S layers There are different S Layers You have to understand all of those layers to understand which layer is suitable for you Note S Glocier Instant Retrieval amp S Glocier Instant Retrieval formerly S Glocier are the different types of the same later S Glocier However all the six different S layers have various pricing performance metrics and SLAs Although I believe the key here is to know data usage patterns and adjust their distribution among classes So now we have understood the layers of S Now we are going to enable the lifecycle for our logging S bucket to reduce cost Enabling S Lifecycle PoliciesOpen AWS console and S bucket and select the S bucket which you want to enable the Lifecycle policy Lifecycle rule name Give a Rule name Ex SFullLifecycleChoose a rule scope Apply to all objects in the bucketLifecycle rule actions SelectMove current versions of objects between storage classesExpire current versions of objectsTransition current versions of objects between storage classesstorage classDays after object creationIntelligent TieringGlacier Instant RetrievalGlacier Instant Retrieval formerly Glacier Glacier Deep ArchiveExpire current versions of objects Review transition and expiration actionsThen Click the Create rule button It will create your bucket lifecycle rule Note We can do whatever you wnat or your business requirements And also you can change the lifecycle policies anytime as per your need By enabling S Bucket Lifecycle policies you can save upto of your S Bucket Storage cost So try to maintain the lifecycle policy for all of your bucket If you don t know or understand your bucket data usage patterns by enabling S lifecycle policy by just Intelligent Tiering after days will save your storage cost upto SummaryIn this post I showed “S Layers and by understand amp utilizing those layers how you can create an S Lifecycle Policies to reduce the cost of an S bucket To learn more read the AWS S lifecycle documentation Thanks for reading Happy Cloud Computing Connect with me Linkedin	2022-04-10 09:19:46
海外TECH	DEV Community	Create your own post processing shader with React-Three-Fiber, useFBO and Drei's shaderMaterial with ease 👌	https://dev.to/eriksachse/create-your-own-post-processing-shader-with-react-three-fiber-usefbo-and-dreis-shadermaterial-with-ease-1i6d	Create your own post processing shader with React Three Fiber  useFBO and Drei x s shaderMaterial with ease Look at this cool effect It s just a fragment shader with the following function color textureD uScene uv vec sin iTime uv x iDistortion sin iTime uv y iDistortion rgb It s just a basic image texture but we ll display an entire scene as texture onto the shader material Stick around it s gonna be fun What is this Every WebGL scene D or D gets displayed on a screen So everything that is a D scene gets converted into something D Most of the time this is done by the render engine But we can draw the scene on to a mesh as a texture and film it with a orthographic camera That way we can play around with the texture via fragment shaders This is super performant and adds a cool effect to a simple scene It adds cool waves to your scene and you can even change every single value For example increase the distortion the faster the user scrolls change easing functions…you get the idea The primitive wayIn a plain three js scene I usually use this file provided by Luruke With this file you can redirect your renderer into PostFX js I just threw the file inside some random three js vanilla sandbox and that s it three js bare example with PostFX CodeSandbox fork it and use as a template for your questions or experiments codesandbox io The Pmndrs wayWith React Three Fiber it becomes somewhat more difficult but we ll go through everything Pmndrs has a huge library of components that work very well out of the box Let s start with a basic setup devto CodeSandbox devto by eriksachse using react three drei react three fiber types three lamina react react dom react scripts three codesandbox io Now we need useFBO to display a scene onto a texture I used Drei s storybook to quickly mesh up the scene devto CodeSandbox devto by eriksachse using react three drei react three fiber types three babel plugin glsl lamina react react dom react scripts three codesandbox io useFBO alone doesn t work with shaders or if then I don t know how to manipulate that So what we have to do is display the scene as texture onto a shaderMaterial We can send the texture as uniform You could also send videos and images to the shader the same way With this snippet we have two uniforms time and texture Time will be updated via useRef and useFrame that way we only re render the value as ref which won t re render the entire component The vertex shader is giving the fragment shader the correct coordination of the mesh so we don t need resolution or anything Keep in mind this is just basic C Or was it C and I hope this snippet isn t overwhelming you Replace the lt meshBasicMaterial map target texture gt with lt waveShaderMaterial ref shader uTexture target texture gt and add the shader ref A complete setup is right here devto CodeSandbox devto by eriksachse using react three drei react three fiber babel plugin glsl lamina rf perf react react dom react scripts three codesandbox io If CSB is throwing errors just download the Repo and install it locally With the shader ref we can update the time value for further shading magic 🪄 OkayyyyLet s add the magic into the fragment shader Create a new vec vec color vec vUv Fragment shader to distort the scene color textureD uTexture vUv vec sin uTime vUv x sin uTime vUv y rgb Replace gl FragColor vec texture withvec texture textureD uTexture vUv rgb And it should display this Now all we have to do is get rid of the Controls and mesh the mesh up to the size of the screen If you are done keep experimenting with different values Replace sin with tan add more dynamic values etc Hope this cluster tutorial helped someone	2022-04-10 09:17:34
海外TECH	DEV Community	( JavaScript Tip 💡 ) - delete Operator	https://dev.to/shamgurav96/-javascript-tip-delete-operator-1i5k	JavaScript Tip delete Operatordelete operator is lesser known operator in JavaScript This operator is more specifically used to delete JavaScript object properties The delete operator removes a property from an object if no more references to the same property are held it is eventually released automatically const User firstName John lastName Wick ​delete User lastName ​console log User Output firstName John console log User lastName Output undefinedIf the property which you are trying to delete does not exist delete will not have any effect and will return true If a property with the same name exists on the object s prototype chain then after deletion the object will use the property from the prototype chain in other words delete only has an effect on own properties Note delete operator doesn t delete property value rather the property itself	2022-04-10 09:16:53
海外TECH	DEV Community	#25 𝐆𝐮𝐞𝐬𝐬 𝐭𝐡𝐞 𝐎𝐮𝐭𝐩𝐮𝐭 ???	https://dev.to/shamgurav96/25--1cmm	𝐆𝐮𝐞𝐬𝐬𝐭𝐡𝐞𝐎𝐮𝐭𝐩𝐮𝐭 Reply with correct answer amp Bonus points for explanation Correct answer with detailed explanation will be updated in comments after hours	2022-04-10 09:10:05
ニュース	BBC News - Home	Akshata Murty: Inquiry under way into leak of tax details of Rishi Sunak's wife	https://www.bbc.co.uk/news/uk-politics-61055789?at_medium=RSS&at_campaign=KARANGA	domicile	2022-04-10 09:33:07
ニュース	BBC News - Home	Imran Khan ousted as Pakistan's PM after vote	https://www.bbc.co.uk/news/world-asia-61055210?at_medium=RSS&at_campaign=KARANGA	confidence	2022-04-10 09:09:20
ニュース	BBC News - Home	French election: Macron faces far-right challenge as France votes	https://www.bbc.co.uk/news/world-europe-61049717?at_medium=RSS&at_campaign=KARANGA	emmanuel	2022-04-10 09:18:27
ニュース	BBC News - Home	Australia election: PM Scott Morrison calls poll for 21 May	https://www.bbc.co.uk/news/world-australia-61055915?at_medium=RSS&at_campaign=KARANGA	canberra	2022-04-10 09:33:04
ニュース	BBC News - Home	‘A fantasy’ - amateur jockey’s Grand National fairytale	https://www.bbc.co.uk/sport/horse-racing/61050673?at_medium=RSS&at_campaign=KARANGA	triumph	2022-04-10 09:16:10
北海道	北海道新聞	日３―２楽（１０日）　延長戦で日ハム近藤サヨナラ打	https://www.hokkaido-np.co.jp/article/667894/	日本ハム	2022-04-10 18:32:45
北海道	北海道新聞	バレーボール名古屋、久光が先勝　Ｖリーグ、プレーオフ決勝	https://www.hokkaido-np.co.jp/article/667895/	静岡県草薙総合運動場体育館	2022-04-10 18:33:00
北海道	北海道新聞	東急が１００周年記念電車を披露　地元住民乗せ特別運行	https://www.hokkaido-np.co.jp/article/667893/	地元住民	2022-04-10 18:30:00
北海道	北海道新聞	草木と永原Ｖ、開は３位　スケートボード日本オープン	https://www.hokkaido-np.co.jp/article/667891/	日本オープン	2022-04-10 18:19:00
北海道	北海道新聞	覚醒剤所持疑いで警視庁の警部補逮捕　職場の机の中に	https://www.hokkaido-np.co.jp/article/667887/	逮捕	2022-04-10 18:13:00