投稿時間:2022-12-07 21:24:34 RSSフィード2022-12-07 21:00 分まとめ(27件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	Microsoft、人気FPS『Call of Duty』を任天堂のプラットフォームに10年間提供すると発表	https://taisy0.com/2022/12/07/165796.html	activisionblizzardking	2022-12-07 11:50:10
IT	気になる、記になる…	Google、2022年の検索ランキングを発表 − 急上昇ランキングの1位は｢安倍晋三｣	https://taisy0.com/2022/12/07/165793.html	google	2022-12-07 11:17:44
IT	ITmedia 総合記事一覧	[ITmedia News] テラ、セルシウス、FTXの3大ショック　価格3分の1になった2022年の仮想通貨業界を振り返る	https://www.itmedia.co.jp/news/articles/2212/07/news172.html	itmedia	2022-12-07 20:49:00
IT	ITmedia 総合記事一覧	[ITmedia News] ユーミン、紅白で“AI荒井由実”と本人コラボ　50年前の歌声をAI技術で再現	https://www.itmedia.co.jp/news/articles/2212/07/news177.html	itmedia	2022-12-07 20:41:00
python	Pythonタグが付けられた新着投稿 - Qiita	初学者が仮想環境を理解する	https://qiita.com/sasao-genmaicha/items/19f5ddf5efa93620812b	script	2022-12-07 20:29:22
js	JavaScriptタグが付けられた新着投稿 - Qiita	Node.jsからDiscordに通知を送るメモ（Fetch API）	https://qiita.com/n0bisuke/items/d6970e180355ce0e2fdc	usestrictconsturldi	2022-12-07 20:53:16
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Ruby on RailsでDeviseを導入する手順	https://qiita.com/Kankitsu_01/items/2ab00ffc4ed0e02efa90	bundleinstallrailss	2022-12-07 20:45:41
Docker	dockerタグが付けられた新着投稿 - Qiita	初学者が仮想環境を理解する	https://qiita.com/sasao-genmaicha/items/19f5ddf5efa93620812b	script	2022-12-07 20:29:22
Linux	CentOSタグが付けられた新着投稿 - Qiita	CentOS-7環境で32bit版のWINEをビルドしてみる	https://qiita.com/furandon_pig/items/67ee6724ca1549548e23	centos	2022-12-07 20:45:16
Ruby	Railsタグが付けられた新着投稿 - Qiita	データベースの主な種類(アプリで使用したPostgreSQLの簡単に解説)とSQLとは？	https://qiita.com/tanoue_worker/items/2b4b4eb3711176272f87	postgresql	2022-12-07 20:53:58
Ruby	Railsタグが付けられた新着投稿 - Qiita	Ruby on RailsでDeviseを導入する手順	https://qiita.com/Kankitsu_01/items/2ab00ffc4ed0e02efa90	bundleinstallrailss	2022-12-07 20:45:41
技術ブログ	Developers.IO	Brazeのイベントプロパティをメッセージに差し込んで配信する	https://dev.classmethod.jp/articles/braze-event-properties-message/	braze	2022-12-07 11:24:42
海外TECH	DEV Community	This Week In React #127: Nextra, React-Query, React Documentary, Storybook, Remix, Tamagui, Solito, TC39, Rome...	https://dev.to/sebastienlorber/this-week-in-react-127-nextra-react-query-react-documentary-storybook-remix-tamagui-solito-tc39-rome-36o0	This Week In React Nextra React Query React Documentary Storybook Remix Tamagui Solito TC Rome We have some nice articles this week I liked to discover how React Query is implemented or the latest Storybook news Nextra v is a serious challenger for Docusaurus A nice React documentary is being created and the trailer is available It s also quite active on React Native side There are some great releases a State of React Native survey in the works For this edition I put the images below the title text don t hesitate to tell me if it s better like that or if you prefer above Subscribe to the official newsletter to receive an email every week SponsorFlyCode Makes React Apps Editable without coding Git basedFlyCode YC S makes React web apps editable in minutes so Product and UX teams can iterate and release products faster so they don t have to wait on or consume developer time FlyCode reads your regular React code and finds Texts Images Design tokens and Analytics event then it let s non coders collaborate and edit them and send back a pull request they don t need access to GitHub Saves development timeNo code integration it just reads your code GitHub based a bot is scanning the code and creates pull requestsUse your own stack and componentsRetain codebase ownershipYou can get started here flycode com developers ️ReactNextra Nextra is a tool to facilitate the creation of documentation sites based on Next js and created by a Vercel engineer v has just been released with a great redesign and a nice list of features MDX Tailwind search in ay code highlighting Relying on Next js allows to benefit from a modern infrastructure and the latest Next js innovations but also to create more dynamic pages SSR ISR associated to static documentation pages It is a very serious competitor to Docusaurus the tool I am working on Inside React QueryDominik explains how React Query works and details the relationships between its different elements QueryClient QueryCache Query Persister QueryObserver Many of these elements do not depend on React and this is what allows TanStack Query to easily support other frameworks like SolidJS thanks to adapters NextJS SvelteKit Remix and the future of StorybookStorybook will have a new Framework API It will allow the creation of Framework packages example storybook nextjs that pre configure your Storybook for a given stack builder renderer app settings and that you can extend The support of several frameworks based on Vite is ready Next js and SvelteKit frameworks are coming soon and a Remix support is considered React js The Documentary Trailer a documentary about React should be released in February In the meantime you can check this min trailer A nice list of guests have participated I m really looking forward to seeing this and remembering the early years of React This parody also made me laugh Beta docs useTransition Suspense useDeferredValue We can sympathize with Dan Abramov who dreams of documentation at night Glad this long effort is coming to an end Lessons learned how I d rebuild a social web app like Twitter today Paul worked on the Twitter web app He wonders what choices he would make for it today He would use Tailwind instead of React Native Web which presents some pragmatic difficulties and Twitter doesn t use React Native so the cross platform benefits are limited He would also use a more reactive framework like SolidJS or Preact Signals Many other interesting points Vite Module Federation Client Hints Deno React vs React Native How Different Are They Really details the many similarities and differences between React DOM and React Native A good resource for web developers who might be tempted to learn React Native and want to know how much knowledge they will be able to reuse but also for managers looking to understand what it takes to adopt React Native Different Dimensions of Remix Deploy Targets Remix can be deployed on different platforms thanks to its adapters This article analyzes each target platform along several dimensions and helps us to make an informed choice Component Testing in Storybook Brad Frost gives his positive opinion on the latest Storybook testing features presented in this video I also agree that Jest alone is not a suitable tool for visual rendering React Conditional Rendering With Type Safety and Exhaustive Checking React TypeScript tip useful to know to make sure not to forget any case of an union type waiting for a real pattern matching support How we migrated from Redux to TanStack Query and Redux Toolkit the story of quite different projects based on Redux and migrated incrementally to distinct solutions RTK and React Query Why you should reconsider prefetching in Remix an interesting reflection on the impact of a very fast but inconsistent navigation ie sometimes slower without prefetching I have a mixed opinion on the conclusion we should be able to keep prefetching and make the UX consistent Add rolling sessions to RemixThe Children Prop Pattern in ReactTanStack Router Type safe routing and URL state management for your applications Tanner presents his new typesafe and agnostic router I make the same observation as him the existing APIs Next js React Router do not facilitate the creation of apps that use query strings a lot and a new typesafe solution is welcome React Streaming In Depth NextJS Remix DIY long video that details how streaming works with React via the Next js and Remix frameworks Also offers a home made implementation not for production Remix Roadmap Planning first public roadmapping session for the framework as announced in Open Development for Remix ChatGPT refactoring php jquery to Next js this new AI is impressive and has devs talking a lot this week on Twitter HTML React Three Fiber demo cela semble de plus en plus facile et performant d intégrer du HTML dans une scene D avec React Three Fiber Nodejs dev adopting Next js the Node js doc could migrate from Gatsby to Next jsReact Server Components MDX the impact of RSC is potentially important for content sites using MDX like Docusaurus or Nextra React holiday ephemeral avent newsletter of short emails about new features of Next js Papanasi v release of this innovative UI components library It is based on Mitosis which allows to compile code to all frameworks at once React Vue Svelte Solid Jotai Gatsby Redwood SponsorJavaScriptBoard com Let the job find youJavaScriptBoard com reverses the hiring system and focuses on developers looking for long term work relationships No more browsing through LinkedIn recruiter messages and uninteresting job offers At JavaScriptBoard com you sign up and only receive job offers that match YOUR requirements of the jobs have the salary range included anonymity for developers by default CV is not needed Completely optional Earn if you are hired through JavaScriptBoard com Join for free at JavaScriptBoard com React NativeState of React Native Software Mansion is preparing a survey around React Native and invites us to contribute to the questions asked Call for Questions Tamagui v Release Candidate Tamagui is a promising solution based on a compiler to style its React components in a universal way mobile and web The move to RC marks the stabilization of the APIs Solito v cross platform navigation solution Next js support SolitoImage component Reanimated rc new and much more efficient implementation of Shared ValuesPreact Native a dev wants to run Preact with React Native This seems complex and put on stand by create react native library supports RN Fabric template React Native RC should come soon Airbnb Announcing Lottie for iOSMaestro end end blackbox testing tool that is gaining popularity comparable to Appium Expo Router RFC Shared RoutesVisionCamera discussionKrzysztof Magiera Next version of reanimated will finally have proper stack trace support Confetti Animation with React Native Skia ‍Jobs‍Product Engineer at Causal Remote London NY kCausal is a Series A Startup backed by Coatue Accel building an all in one tool for working with numbers and visualizing data We re looking for strong React engineers who can solve difficult UX performance challenges ‍Callstack Senior React Native Developer Fully Remote PLN k net on BB monthlyDo you want to work on the world s most used apps Would you like to co create the React Native technology Join the Callstack team of React amp React Native leaders Check our website for more details We are looking forward to seeing your application show us what you ve got ‍Gi Remote React Native JobsWe have several roles open for developers focused on React Native Pay is k plus bonus You must have production experience with RN and be based in the US DM gabe gi to learn more and don t forget to mention This Week in React How to publish an offer OtherUpdates from the rd TC meetingSome very nice proposals for JavaScript have progressed last week in particular Set Methods in stage union intersection difference Iterator Helpers in stage map flatMap filter reduce Intl APIs that continue to complement each other Container Queries in Firefox finally in all major browsers Announcing Rome v supports TS satisfies State of CSS Survey results State of Rust Survey openESLint RFC Language PluginsTailwind is a Leaky AbstractionWhat working with Tailwind CSS every day for years looks likeHow TypeScript satisfies Your Prisma WorkflowsPrerender pages in Chrome for instant page navigationsFast is good instant is better Speeding up the JavaScript ecosystem one library at a timeElectron Cypress Nx ーStandalone Projects Vite Task Graph and more Lightning CSS New to the web platform in NovemberGetting the most from GitHub CopilotTop Announcements of AWS re Invent ChatGPT helped me design a brand new programming languageFrontend Engineer ArchetypesBahuu state machine based UI framework FunFor even more fun it s all there	2022-12-07 11:48:57
海外TECH	DEV Community	5 Tips for Using React Table	https://dev.to/omerwow/5-tips-for-using-react-table-1779	Tips for Using React TableReact Table is one of the best libraries I ve used over the past few years and it helped me to greatly improve my websites If you re looking to add React Table to your web app here are five tips to keep in mind Keep your data organized React Table relies on having a well organized data set so take the time to structure your data correctly To do this you can use React propTypes or even better TypeScript to define the exact structure of your data This will help you make sure that when you try to access your data using React Table you will always know where each data is located and how to display it based on how it is structured Make sure your table is responsive React Table is designed to be used on mobile devices and it is an Headless library which means it has no styling out of the box only functionality so make sure your table is responsive to ensure a smooth user experience To do this you can use any CSS library or none you want Just write good CSS that scales based on the display and you re good to go Use pagination wisely Pagination can help improve the performance of your table but use it wisely to avoid overwhelming users with too much data at once Let s say you fetch thousands of records to display on your table By default React Table will divide all of this data into pages so it will only have to render a few records at a time which will significantly improve performance But did you know you can also pear this feature with your fetching mechanism to improve performance even further That s right If your API supports fetching data by small amounts each time you can use the current page s number to only fetch the few records needed for this page This will again significantly improve performance and can also help you save a lot of money on cloud computing and database operations Customize the table to your needs React Table offers a variety of customization options so take advantage of them to create a table that fits your specific needs As I ve mentioned before React Table is an Headless library which means it comes with only features and no styling This gives you full control not only on which features to use like sorting filtering pagination and many more but also on how they will look You can very quickly add and remove features and then style them however you like to fit your site Test test test As with any web app it s important to thoroughly test React Table before putting it into production While React Table is a great library nothing is a perfect Check your data types and structures see tip check your styling and responsiveness see tips and and any other thing you can think of That s it React Table is definitely an amazing library with great features and I hope my tips will help you get the most out of it Star our Github repoJoin the discussion in our Discord channelTest your API for free now at BLST	2022-12-07 11:19:58
海外TECH	DEV Community	Debug your React app like a Pro	https://dev.to/mitchiemt11/debug-your-react-app-like-a-pro-2hk6	Debug your React app like a ProWhen hunting for actual bugs in the code we need to focus on tools and systematic processes to analyse the code in search of what s not working and accept the fact that the person that wrote the code may not be available to answer our questions Sometimes though the bug might have been introduced by ourselves ‍ ️ and we can find it difficult to step in the shoes of our past selves in order to understand why we did what we did No matter what s the case they all have something in common we need to use tools to help us debug the app and find what s wrong with it I have come up with a shortlist of tools methods that when implemented correctly you ll be debugging like a pro So let s get started React Dev Tools React Developer Tools is a browser DevTools extension It allows you to inspect the React component hierarchies in the Chrome Developer Tools The tool helps track the state and to have a holistic overview of the component hierarchy Why Did You Render Why did you render by Welldone Software monkey patches React to notify you about potentially avoidable re renders Works with React Native as well It can help you to simply track when and why a certain component re renders Realize For ReactRealize is a browser extension for React component tree visualizer As React applications scale it becomes more difficult to track state and to have a holistic overview of the component hierarchy Realize is a tool to help developers visualize the structure and state flow of their React applications especially when they are growing in scale and complexity Chrome Performance ProfilerThe Profiler measures how often a React application renders and what the “cost of rendering is Its purpose is to help identify parts of an application that are slow and may benefit from optimizations such as memoization Sapling Extension On VSCodeSapling is a VS Code extension built with React developers in mind With Sapling you don t have to guess at the parent component of your current file You can build your tree by selecting any component file as the root and get information about the available props at any level PS I m sure I haven t covered all the techniques available for debugging a React app so if you have one that s your favourite and that is not listed here please share it in the comments so we can all learn from it Thats it HappyCoding	2022-12-07 11:09:40
Apple	AppleInsider - Frontpage News	Find My on Mac finally plays a chime on AirTags in latest beta	https://appleinsider.com/articles/22/12/07/find-my-on-mac-finally-plays-a-chime-on-airtags-in-latest-beta?utm_medium=rss	Find My on Mac finally plays a chime on AirTags in latest betaAirTags owners have always been able to use Find My on the Mac to locate them but until the latest macOS beta they haven t been able to chirp to make them easier to find It s been a curious omission by Apple as a prominent feature on the iOS Find My app is exactly this ability Once you ve got within earshot of a misplaced AirTag tapping a button would make it issue a chirping chime Now it appears that this feature is coming to the Mac As first spotted by MacRumors the ability to make AirTags chime is in the latest beta of macOS Ventura Read more	2022-12-07 11:53:43
Apple	AppleInsider - Frontpage News	How to use cheat.sh in macOS Terminal	https://appleinsider.com/articles/22/12/07/how-to-use-cheatsh-in-macos-terminal?utm_medium=rss	How to use cheat sh in macOS TerminalTerminal can be complex so it s good that there s a single online repository of cheat sheets for it that can give you more information Here s how to see it Igor Chubin has created a Terminal based online cheatsheet tool called cheat sh While mainly targeted at developers the cheat sh project also includes a huge worldwide user contributed base of cheat sheets for general Terminal commands databases and other useful macOS shortcuts While a little daunting to use at first for novice Terminal users you ll soon have the hang of it and wonder how you got along without it Read more	2022-12-07 11:47:45
海外TECH	Engadget	Tecno's Phantom X2 Pro phone has a pop-out portrait lens for 'pure' bokeh	https://www.engadget.com/tecno-phantom-x2-pro-retractable-portrait-lens-113011384.html?src=rss	Tecno x s Phantom X Pro phone has a pop out portrait lens for x pure x bokehMany smartphones these days offer artificial bokeh in their portrait photography modes but with the help of a retractable camera you can achieve true optical bokeh without missing any edges Chinese brand Tecno is now bringing such a feature to its latest flagship device the Phantom X Pro G which packs a quot world first quot pop out portrait lens This is just a little over two years after Xiaomi showed off a retractable mm equivalent wide aperture lens but it never left the prototype stage Tecno s intriguing portrait camera has a megapixel resolution with a relatively large inch sensor and um pixel size Optically this x zoom lens offers an f aperture mm focal length and cm depth of field When you switch to portrait mode in the camera app you can see and hear the portrait lens physically pop out on the back of the phone This is complemented with Tecno s quot self developed quot beautification mode with upgraded make up settings ーup to three faces are supported in each image nbsp I had a chance to shoot some portraits with my Phantom X Pro G earlier today and with the exception of the aggressive skin smoothing my subjects were quite pleased with the natural bokeh optimized brightness and virtually non existent distortion Richard Lai EngadgetThere s more on this amusingly large camera island The megapixel main shooter uses Samsung s inch GNV ISOCELL sensor which offers um pixel size and is supported with an f aperture You ll also find a megapixel ultra wide angle camera nearby as well as a megapixel front camera on the other side of the phone ーin the form of a punch hole near the top of the curved inch AMOLED screen x resolution Hz refresh rate Gorilla Glass Victus The Phantom X Pro G is powered by a MediaTek Dimensity which is a nm octa core processor ーsimilar to the faster Dimensity found in ASUS ROG Phone D series It also packs GB of LPDDRX RAM and GB of UFS storage along with a generous mAh battery with W fast charging support While this phone lacks an IP rating a company rep claimed that the retractable portrait lens is waterproof and dustproof ーthe interior of the lens is apparently sealed and likewise with the connection between the lens and the body Still it s probably best to avoid the water when you re carrying this device Tecno s new phone runs on a customized Android system dubbed HiOS which features an AI gallery with face recognition and editing functions along with some productivity tools built in translator file scanner with text and PDF conversion etc and a connection speed optimization engine Tecno added that its device passed TÜV Rheinland s fluency test over a month simulation meaning its storage memory performance shouldn t deteriorate much read fragmentation during the same period in real life but we ll take this claim with a pinch of salt for now Tecno will initially be launching the Phantom X Pro G in markets including India Nigeria Kenya Saudi Arabia Colombia Turkey and the Philippines from the end of December and it ll reach over markets globally later we re waiting for specific details on Western markets The device will be available in quot Stardust Grey quot and quot Mars Orange quot with the latter featuring an eco friendly back cover composed of plastics recovered from the shores around the Indian Ocean Tecno claims that this quot Eco Friendly Edition quot reduces carbon emissions by approximately percent when compared to virgin plastics quot with each individual cover producing an estimated g fewer emissions on average quot nbsp If you manage to come across a Phantom X Pro the asking price is around based on the Riyal price tag in Saudi Arabia which is probably difficult to justify for just some natural bokeh There s also the Phantom X which is around cheaper and looks very similar but it only has GB of RAM and lacks a retractable portrait camera you ll instead get a megapixel main camera and a megapixel depth camera along with the same megapixel ultra wide camera and megapixel front camera as the Pro model The orange option is also replaced by a quot Moonlight White quot design	2022-12-07 11:30:11
海外TECH	Engadget	Uber and Motional's robotaxis arrive in Las Vegas	https://www.engadget.com/uber-and-motional-robotaxis-have-arrived-in-las-vegas-110046028.html?src=rss	Uber and Motional x s robotaxis arrive in Las VegasUber has launched public robotaxi rides in Las Vegas using Motional s Hyundai Ioniq autonomous EVs with the aim of offering a full driverless service to the public in It will eventually expand to Los Angeles where the two companies have been testing autonomous Uber Eats deliveries since May It s all part of a year agreement between Uber and Motional to offer autonomous ride hailing and deliveries nbsp The taxi rides will be monitored by safety drivers with the goal of launching a fully driverless service to the public in quot Today Motional becomes the first AV company to conduct all electric autonomous rides on the Uber network for public passengers quot said Motional VP Akshay Jaising Uber offered quot autonomous quot taxi rides using its own self driving tech back in but riders were accompanied by engineers ready to take the wheel nbsp Lyft also partners with Motional a joint venture between Hyundai and Aptiv It beat Uber to the punch by launching Motional rides in Las Vegas in August this year with safety drivers on board Lyft has also said it will ditch those drivers and offer true autonomous service by next year nbsp Don t be surprised if that timeline changes though Apart from Motional only Alphabet division Waymo and GM s Cruise are offering true driverless services at a reasonably large scale The Waymo One service is operating in Phoenix and San Francisco while Cruise rides are currently limited to San Francisco Both operate only in specific areas of cities which can be mapped out in great detail and some vehicles still use safety riders Uber co founder Travis Kalanick once said that the his company had to be quot tied for first at least quot in the race to offer true driverless rides Since both Uber and Lyft rely on Motional for self driving tech that s exactly what might happen	2022-12-07 11:00:46
ラズパイ	Raspberry Pi	Reflecting on what we teach in computing education and how we teach it	https://www.raspberrypi.org/blog/reflecting-on-computing-education-hello-world-special-editions/	Reflecting on what we teach in computing education and how we teach itReflecting is important within any line of work and computing education is no different Reflective practice is always valuable whether you support learners in a non formal setting such as a Code Club or CoderDojo or in a more formal environment such as a school or college When you reflect you might for example evaluate a The post Reflecting on what we teach in computing education and how we teach it appeared first on Raspberry Pi	2022-12-07 11:25:42
ニュース	BBC News - Home	Germany arrests 25 accused of plotting coup	https://www.bbc.co.uk/news/world-europe-63885028?at_medium=RSS&at_campaign=KARANGA	parliament	2022-12-07 11:31:10
ニュース	BBC News - Home	Raheem Sterling: Arrests made after England star's break-in	https://www.bbc.co.uk/news/uk-england-surrey-63888941?at_medium=RSS&at_campaign=KARANGA	oxshott	2022-12-07 11:50:47
ニュース	BBC News - Home	UK weather: People urged to heat main rooms as cold snap begins	https://www.bbc.co.uk/news/uk-63879870?at_medium=RSS&at_campaign=KARANGA	advise	2022-12-07 11:08:47
ニュース	BBC News - Home	Antibiotics for strep A in good supply, says health secretary Steve Barclay	https://www.bbc.co.uk/news/health-63885776?at_medium=RSS&at_campaign=KARANGA	barclaybut	2022-12-07 11:01:32
ニュース	BBC News - Home	Spanish train collision outside Barcelona injures scores	https://www.bbc.co.uk/news/world-europe-63884695?at_medium=RSS&at_campaign=KARANGA	barcelona	2022-12-07 11:22:15
ニュース	BBC News - Home	Eden Hazard: Belgium playmaker announces international retirement	https://www.bbc.co.uk/sport/football/63886642?at_medium=RSS&at_campaign=KARANGA	football	2022-12-07 11:31:44
ニュース	Newsweek	韓国戦ゴールラッシュのブラジル、歓喜の舞にチッチ監督も加わる「チームの結束のため」	https://www.newsweekjapan.jp/stories/world/2022/12/post-100292.php		2022-12-07 20:15:00