投稿時間:2021-12-30 21:28:28 RSSフィード2021-12-30 21:00 分まとめ(30件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	凝った料理もスマート調理機器連携で手軽に。食材購入も統合したアプリ「LG ThinQ Recipe」発表	https://japanese.engadget.com/lg-thin-q-recipe-110812634.html	lgelectronics	2021-12-30 11:08:12
python	Pythonタグが付けられた新着投稿 - Qiita	【画像処理】NumpyでMedianフィルター	https://qiita.com/aa_debdeb/items/c755fc71075c7f4e6cab	【画像処理】NumpyでMedianフィルターNumpyでMedianフィルターを実装してみます。	2021-12-30 20:03:38
js	JavaScriptタグが付けられた新着投稿 - Qiita	SHOWROOMでライバーが参加してるイベントのポイントを取得	https://qiita.com/pasta04/items/f3c5c0fc2c0673070177	SHOWROOMでライバーが参加してるイベントのポイントを取得RoomIDの取得配信者ごとに割り当てられるIDですページを取得ライバーの配信ページを取得。	2021-12-30 20:52:48
js	JavaScriptタグが付けられた新着投稿 - Qiita	npm run buildの際にBuilding for production...Errorが出る	https://qiita.com/kushiyama0225/items/5ee99c32763dfae5e34f	npmrunbuildの際にBuildingforproductionErrorが出る久々の投稿です、現在は、派遣でエンジニアしてます。	2021-12-30 20:39:00
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	php jpg画像をリサイズ・再圧縮？してギリギリ指定サイズ以下にして保存したい	https://teratail.com/questions/376123?rss=all	phpjpg画像をリサイズ・再圧縮してギリギリ指定サイズ以下にして保存したい前提・実現したいこと初心者、非プログラマです。	2021-12-30 20:46:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	pandasのDataFrameのCompareが何をしているのかを知りたい。	https://teratail.com/questions/376122?rss=all	pandasのDataFrameのCompareが何をしているのかを知りたい。	2021-12-30 20:33:41
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	django 新規登録画面とログイン画面の違い	https://teratail.com/questions/376121?rss=all		2021-12-30 20:32:31
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【GETの仕組み】URLエンコードの意味ってこれであってますか？	https://teratail.com/questions/376120?rss=all	【GETの仕組み】URLエンコードの意味ってこれであってますか【PHP】GETとPOSTの違いを調べていて、一つ疑問が浮かんだので質問させていただきます。	2021-12-30 20:27:49
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	値と量を持つデータ(行列？)から最大値や最小値を返す方法を知りたい。 Pandas やNumpyで出来ますか？	https://teratail.com/questions/376119?rss=all	値と量を持つデータ行列から最大値や最小値を返す方法を知りたい。	2021-12-30 20:04:58
golang	Goタグが付けられた新着投稿 - Qiita	Go/gRPCコード生成の変更について	https://qiita.com/kohey_eng/items/5faaa82fda9fc15fa89d	以前の生成方法GoでgRPCサーバーのコード生成をする際、元はprotocプラグインとしてgolangprotobufを使用していました。	2021-12-30 20:08:31
Git	Gitタグが付けられた新着投稿 - Qiita	npm run buildの際にBuilding for production...Errorが出る	https://qiita.com/kushiyama0225/items/5ee99c32763dfae5e34f	npmrunbuildの際にBuildingforproductionErrorが出る久々の投稿です、現在は、派遣でエンジニアしてます。	2021-12-30 20:39:00
技術ブログ	Developers.IO	วิธีการสร้าง Dataset จาก CSV ใน QuickSight	https://dev.classmethod.jp/articles/how-to-create-a-dataset-from-a-csv-in-quicksight/	วิธีการสร้างDataset จากCSV ในQuickSightครั้งนี้ผมจะมาแนะนำวิธีการสร้างDataset จากCSV ในQuickSight ซึ่งจะใช้แค่ไฟล์CSV ที่ชื่อว่าOrder ในการUpl	2021-12-30 11:53:52
海外TECH	MakeUseOf	How to Delete Files on a Mac: Tips for Taking Out the Trash	https://www.makeuseof.com/mac-trash-how-to-delete-files/	fundamental	2021-12-30 11:00:34
海外TECH	DEV Community	TCP/IP Overview	https://dev.to/braide/tcpip-overview-58hg	TCP IP Overview TCP IP modelTransmission Control Protocol and Internet Protocol TCP IP is a network model using current internet architecture to standardize computer networking just like the Open System Interconnection OSI model OSI is widely referenced but TCP IP is a more recommended model The main idea of TCP IP is to allow an application on a computer to send data packets or communicate to another application running on a different computer Layers of TCP IP Application layer Transport layer Internet layer Data link and physical layerThese are the original layers numbered from the bottom up just like the OSI model However the layers have been updated to Application layer Transport layer Network layer Data link layer Physical layerOne splitted layer and one renamed layer The application presentation and session layers of the OSI model are compressed to form just the application layer for the TCP IP model Layer Application This is mainly used for data representation and application interface Here we have application protocols such as Hypertext Transfer Protocol HTTP File Transfer Protocol FTP and Simple Mail Transfer Protocol SMTP Layer Transport This s a process to process communication with the use of port addresses source and destination to identify services or applications The two most common transport protocols are Transmission Control Protocol TCP and User Data gram Protocol UDP Layer Network This is a node to node communication with the help of IP address to identify devices on a network routers operate on this layer Layer Data link This contains Ethernet and switches Ethernet also has source and destination addresses but they re physical addresses that means they are burned addresses from the company that can t be changed by user This layer also helps with flow control and error control Layer Physical This is every device that we can felt and touched like network interface cards and cables Physical layer takes bits and produces a signal to carry them How the layers work As we send data each layer will add it s own bit of information this is the encapsulation process where the physical layer transmits the data over to the receiving device the receiving device then starts to decapsulate the data Staring from the application layer which is simply the data it is passed down to the next layer where the transport information is added an example could be a TCP header the data has now been transformed into a segment by breaking the data into pieces then it moves to the network layer where the IP header is added causing the segment to become a packet then moves to the data link layer Here it s given a header and a trailer The header contains mainly the source and destination MAC address and the trailer contains some error checking information to make sure the receiver receives the data correctly and our packet has been made a frame Lastly the physical layer the data is then physically transmitted thereby completing the encapsulation process The encapsulation process has been completed once the data has been transmitted to the receiving computer To start the decapsulation process It will check the destination MAC address for that frame and if the frame is correct it will process further to checks the IP information of the packets again if the packet is correct it will process further to the transport information where it is read and the application data is sent to the receiving application How the some protocols work efficiently well with the TCP IP model Application protocol HTTP shows how web browsers can get contents of a web page from a web server HTTP has the functionality to ask for contents of web pages by enabling the web browser to request files from the server and giving the server a way to return the contents of those files with the help of uniform resource locators URL or universal resource identifiers URI This HTTP header includes the request to get a file the request typically contains the name of the file Transport protocol TCP is widely know for it s feature of error recovery it s works as the error recovery service provided to application layer TCP IP needs a mechanism to guarantee successful delivery of data across a network the TCP header shows a sequence number SEQ with each message the network has a problem and fails to deliver the TCP message called a segment with example sequence number message was lost that realization by TCP logic causes TCP to send a TCP segment back to the server asking to resend message Network protocol IP provides several features most importantly addressing and routing Routers are networking devices that connect the parts of the TCP IP network together for the purpose of routing IP packets to the correct destination Routers receive IP packets on various physical interfaces make decisions based on the IP address included with the packet and then physically forward the packet out to other network interfaces The TCP IP network layer using the IP protocol provides a service of forwarding IP packets from one device to another Sending data back and forth to IP addresses is called IP routing Data link layer and physical layers define the protocols and hardware required to deliver data across some physical network The physical layer defines the electrical signals that flow over the cables rules and conventions exist when sending data over the cable however those rules exist in the data link layer when a host or router s IP process chooses to send an IP packet to another router or host the host or router then uses data link layer details to send that packet to the next host router ConclusionTCP IP is very modular this makes it easy to add additional protocols and hardware when they are developed TCP IP was produced to make sure that data is reliable on the Internet because with ARPANET everything was very sensitive This model shows a grand overview of how systems on a network behaves It helps make everything user friendly It also avoids repeating work already done by some other standards body or vendor consortium by simply referring to standards or protocols created by those groups Layer and of the OSI model are grouped in to produce PDU for the transport layer of the TCP IP model called data The PDU is mostly in the form of binary PDU is the data that is broken into segments We segment our data for security and multiplexing	2021-12-30 11:36:39
海外TECH	DEV Community	Git Command Cheat Sheet	https://dev.to/anitaparmar26/git-command-cheat-sheet-31ec	Git Command Cheat SheetHello Dev We all know about Git but I want to share little bit about that In daily base where I am using it is basic cheat sheet need to all developers Lots of code conflict had been when we were working in a team to completed project That time we decided to have one cheat sheet on our office wall above desk Git Clone git clone https name of the repository linkGit New branch list deleting git branch git branch or git branch listgit branch d Git Checkout git checkout branch name Git Status Command for like current branch commit push or pull files staged unstaged or untracked files created modified or deletedgit statusGit Add git add git add A for everything Git Commit git commit m commit messageGit Push for upload local repo contentgit push git push set upstream git push u originGit Pull for git fetch from local repo which will merge branchgit pullGit Merge for merge branch to anothergit checkout branch name git fetchgit mergeThank you for reading	2021-12-30 11:34:07
海外TECH	DEV Community	Next.js latest version – What’s New in Next.JS 12?	https://dev.to/linearloop/nextjs-latest-version-whats-new-in-nextjs-12-4ad4	Next js latest version What s New in Next JS The biggest release Next js Conf is now here If you are looking to know about Next js latest version we have brought the information exclusively Also capture what is new in Next js and keep yourself ahead of your competitors This new version has brought exclusive features that ease the development process by maintaining the quality as well These features include Rust Compiler Offers times faster Refresh along with times faster builds Middleware The beta version Middleware enables developers to write code over configuration Support for React Next js supports the new features of React AVIF Support Next js is preferable for small images Bot aware ISR Fallback The dynamic features of Next js includes SEO optimization for web crawlers Support for Native ES Module Here you will get an aligned standard module system URL Imports The alpha version allows you to import packages from any anonymous URL and you are not required to install them React Server Components You will get all the react server components with SSR streaming as well Rust Compiler is introduced for faster builds and quick refreshAs we know technologies are upgraded to make an application more appealing productive and interactive Hence Next js has incorporated the Rust compiler that makes executions by leveraging the benefits of native compilation The Rust compiler of Next js is developed on SWC For those who are unaware of SWC it is an open source for the next generation of fast tooling With this combination Next js delivers times faster refresh and times faster build Being a developer this is the most attractive feature because it makes the process of development sorted effortless and result oriented Some other attractive features of this dynamic release are Improved speed for bigger databases The Next js team has validated the Rust compiler against some largest codebases across the world In this practical implementation improved speed is monitored Improvised performance The current release of Next js that is Next js now delivers Fast Refresh timing in the console for both the parties client amp server Further it also includes the number of files and modules compiled Improvements in Webpack Next js has brought improvisations to the webpack as well Further it makes the on demand entries more reliable by maintaining the Fast Refresh Replacement of Babel with SWCAs stated earlier Next js has utilized the features of Rust based complier SWC in place of Babel in order to execute JavaScript or TypeScript Moreover with the version the developers get full support for the applications having custom Babel configuration So no need to worry about the compilation because Next JS comes with complete compatibility Additionally the by default transformations like tree shaking of getStaticProps getStaticPaths getServerSideProps and styled jsx is now shifted to Rust The amazing thing about Next js it offers quick implementation of SWC for an application developed using Babel configuration It means no matter even if the application is developed using Babel the new version automatically compiles JavaScript or Typescript through SWC Also the compilation is done as per the same method of Next js The concept has sorted the compatibility issues from one version to another Replacement of Terser with SWCTo minify the JavaScript with times faster execution developers can select SWC over Terser The required flag in next config js is next config jsmodule exports swcMinify true Middleware IntroductionWith Middleware the developer becomes able to use code over configuration As Next js has introduced Middleware hence here you will get the flexibility to run the code prior to the completion of the request Further the modification can be made by redirecting rewriting adding headers or even streaming HTML based on the response from the user Middleware is useful for the features that contain logic These features are likeAuthenticationBot protectionRedirects and rewritesHandling unsupported browsersFeature flags and A B testsServer side analyticsAdvanced in routing requirementsLogging and many moreFurthermore Middleware follows defined runtime and it supports APIs like fetch Also it works exceptionally well by using the next start Further it efficiently works for Edge platforms such as Vercel that uses Edge functions If you are looking to use Middleware in Next JS follow the given code after creating a file pages middleware js pages middleware jsexport function middleware req ev return new Response Hello world Improved Styled jsx CSS parsingThe implementation of the new CSS parser is made by following the old one As we know the parser executes the styled jsx Babel transform The handling of CSS is now easy in Next js It also reflects an error for invalid CSS that is not the case in the older version and it reflected unexpected behavior The improved version throws all the errors during development only Also only styled jsx is affected by the change Improvements with React As we have mentioned in our blog “the new features of React that this version will come up with the features of Automatic Batching APIs such as “startTransition Suspense etc so the Next js team is closely working with the team of Facebook s React to make it compatible with all the new updates of React No further support for Webpack Developers engaged with Webpack do not need to go through this The section is useful for those who are working using Webpack Being a Next js developer you must know Next js works using webpack for all the compilations in the version Next js Hence in the new upgraded version Next js there is no support available for webpack If your project is developed with webpack now you will get an error there So we recommend revising the code accordingly and avoiding unnecessary errors Support for ES ModulesNext js has support for ES modules that addons a standardized and professional module system to JavaScript All major browsers including Node js support it The concept offers a better user experience because it pushes the web ecosystem by enabling Java script bundles and smaller size packages both Further their support is available for developers when the JavaScript ecosystem changes from common JS to ES module Support for URL importsWith the implementation of Next js developers are free to ES modules from any URL without having any separate build or installation process Through this feature the technical team gets the flexibility to use any package straight from the URL As a result Next js executes HTTP S remotely same as local dependencies To use the feature follow the code by allowing URL prefixes in next config js next config jsmodule exports experimental concurrentFeatures true Bot Aware ISR FallbackWeb Crawler or search bots in Next js automatically server render the ISR pages by using the code “fallback true Further it also maintains the older behavior of the fallback state to non crawler agents Because of this crawlers are prevented from indexing loading states Smaller Images through AVIFWith the new update of Next js now there is no need to wait for the images that take longer than the expected time to optimize As compared to WebP here you will have smaller images that further ease the optimization process Some other improvisations of Next js The addition of pages like app js or pages document js to the application will replace the built in version automatically even without the need for a reboot of the Next js CLI Setting a custom tsconfig json path is now supported by Next js Using the shared worker pool the static pages can be checked The concept uses WebSocket connection in place of EventSource connection Bot Aware ISR FallbackWeb Crawler or search bots in Next js automatically server render the ISR pages by using the code “fallback true Further it also maintains the older behavior of the fallback state to non crawler agents Because of this crawlers are prevented from indexing loading states ConclusionSo guys these are the changes done in the new version of Next js Further Linearloop is one of the recognized Next js companies in India and the USA and hence we make sure to keep spreading awareness about the technology upgrade The announcement is made a few hours ago only and we are here with all the details If you need any kind of assistance feel free to get in touch Our team will explain in the best possible way	2021-12-30 11:25:55
海外TECH	DEV Community	Power Full Generator You Must Try	https://dev.to/officialkamran/power-full-generator-you-must-try-8c0	Power Full Generator You Must TryGetWaves A free SVG wave generator created by z creative labs Choose a curve adjust complexity randomize getwaves ioBlob Maker Blobmaker is a free generative design tool made by z creative labs to help you quick create random unique and organic looking SVG shapes blobmaker app TridivTridiv is web based editor for creating D shape in CSS on easy way tridiv comOne thing more thing you can do buy me a coffeeBuymeacoffee	2021-12-30 11:20:37
海外TECH	DEV Community	Basic concepts of JSX and Virtual DOM every React JS developer should know	https://dev.to/sisrafilss/basic-concepts-of-jsx-and-virtual-dom-every-react-js-developer-should-know-cb0	Basic concepts of JSX and Virtual DOM every React JS developer should knowJSX and Virtual DOM are the two main concepts of React JS that powered React JS to reach its unique stage Today we will discuss these two concepts in brief What is JSX JSX is an acronym of JavaScript XML JSX is nothing but a syntactic sugar of creating React Element It allows us to write HTML like syntax in JavaScript function Why JSX Before going into detail about why JSX is used let s take a look at how HTML renders by the browsers We all know that browsers can only understand HTML code But how does the browser run the HTML code under the hood and display the amazing pages Basically when the browser renders the HTML code it passes them through HTML parser and creates an object like structure called DOM tree DOM stands for Document Object Model The next step of rendering is Attachment In the attachment phase all the style rules are attached with DOM tree and sent to the Render tree Finally Render tree pains the element on the screen and we can see them When browser converts the HTML to DOM tree it used a document method called createElemet for every HTML element For example const root document getElementById root const h document createElement h h innerText Hello world root appendChild h In the above code first we have created an HTML element using document createElement method The browser does the same for every HTML element on the page while parsing a page When browser s HTML parser finds any HTML element it converts it to DOM element using document createElement method So HTML is nothing but a syntactic sugar of createElement method which allows us to create elements simply and concisely Similarly React JS has a virtual DOM It needs to create React Elements for its virtual DOM We can create react elements using React createElement method But it is tedious to create multiple or nested elements by calling the React createElement method again and again JSX made a developer s life easy and simple by enabling us to create react elements using simple HTML like syntax See the following examples To display hello h wrapped in h and hello h wrapped in h on the web page under root div using React createElement we have to write const root document getElementById root Only using React createElementconst element React createElement div null React createElement h null Hello h React createElement h null Hello h ReactDOM render element root But we can do the same using JSX like the following const root document getElementById root Using JSXconst element lt div gt lt h gt Hello h lt h gt lt h gt Hello h lt h gt lt div gt ReactDOM render element root Virtual DOM and Diffing algorithmWe have discussed the browser DOM in short in the JSX section React JS stands on an idea of something similar to browser DOM called virtual DOM Virtual DOM is a mirror copy of browser DOM When we run a react app in the browser React JS creates a copy of the browser DOM and holds it in the memory The reason React creates a virtual DOM is to identify any change of state on the DOM elements and update it to the UI quickly and efficiently When we change any element in the browser DOM it needs to re render the whole DOM tree Modern single page applications can have hundreds of thousands of states Sometimes it is costly to detect any state change and update the UI accordingly React brought a revolution in this case of handling vast amounts of state very quickly and efficiently How actually React JS handle this using virtual DOM Well let me explain As I have mentioned earlier React creates a virtual representation of browser DOM when the application renders for the first time on the browser If any of the elements or states change in the page react create another copy of the previous virtual DOM without re rendering the browser DOM and compare the changes between the previous virtual DOM and newly created virtual DOM using diffing algorithm React made it very efficient and quick to find out the difference between them because there is no UI painting involved there After identifying the difference React only update the differents part of the browser DOM without re rendering the whole page Though React is not the best solution for all use cases it performs better compared with vanilla JS or using jQuery where needs to deal with a massive number of states like SPA because of its virtual DOM concepts So we should keep a clear cut concept of React virtual DOM as a React JS developer	2021-12-30 11:08:03
Apple	AppleInsider - Frontpage News	Apple's August 2021: Tim Cook for a decade, App Store threats, CSAM debacle	https://appleinsider.com/articles/21/09/04/tim-cooks-decade-app-store-under-threat-donda-launches----august-2021-in-review?utm_medium=rss	Apple x s August Tim Cook for a decade App Store threats CSAM debacleTim Cook completed ten years as CEO South Korea ended the App Store as we knew it and Kanye West did didn t did didn t did release Donda on Apple Music L R Kanye West Tim Cook Craig FederighiEven though Apple didn t launch Macs in July you do remember how Apple used to bring out computers You remember too when it specifically had four of them with the famous Steve Jobs quadrant of laptop desktop consumer and professional computers In August Apple may have yearned for those simpler days too Read more	2021-12-30 11:48:40
海外TECH	Engadget	Tumblr blocks tags for 'sensitive content' in order to stay on the App Store	https://www.engadget.com/tumblr-ios-tags-restriction-115024668.html?src=rss	Tumblr blocks tags for x sensitive content x in order to stay on the App StoreTumblr has restricted what its users can see on its iOS app in an effort to make sure it doesn t get kicked out of Apple s App Store again One of the steps it has taken to comply with Apple s guidelines is to limit the results for certain tags or search terms that Tumblr says quot may fall under the expanded definition of sensitive content quot The website will even completely block some of them ーmake that more than some based on this pretty lengthy list of banned and limited terms collected by Tumblr users that TechCrunch posted nbsp While the inclusion of specific words in the list is self explanatory it also has some curious entries such as quot Eugene Levy quot and quot Tony the Tiger quot The restriction will also make it harder to search for content related to mental health such as PTSD depression and anxiety as well as issues like racism and transphobia Those searching for a blocked tag will get a screen that says quot This content has been hidden quot instead of a page with results They ll see the same notification if they try to access a blog that s been flagged as quot explicit quot on the app Users may also see fewer suggestions under the quot stuff for you quot and quot following quot sections due to the new restrictions nbsp Tumblr has implemented these changes three years after it started completely blocking adult content on its platform If you ll recall Tumblr prohibited adult content in after Apple pulled its app from iTunes in response to finding child exploitation photos on the website The social network said these changes only apply to its iOS app and that they won t affect anyone browsing Tumblr on the web or on Android A spokesperson also told TechCrunch that the company is quot working on more thoughtful solutions which will be rolled out in the near future quot	2021-12-30 11:50:24
海外ニュース	Japan Times latest articles	Suspect in fatal Osaka clinic arson dies	https://www.japantimes.co.jp/news/2021/12/30/national/crime-legal/arson-suspect-death/	arson	2021-12-30 20:36:42
ニュース	BBC News - Home	Liverpool bomber made device with murderous intent, coroner says	https://www.bbc.co.uk/news/uk-england-merseyside-59828610?at_medium=RSS&at_campaign=KARANGA	hospital	2021-12-30 11:56:46
ニュース	BBC News - Home	Santander: Bank gave £130m to customers in Christmas blunder	https://www.bbc.co.uk/news/business-59826345?at_medium=RSS&at_campaign=KARANGA	santander	2021-12-30 11:34:10
ニュース	BBC News - Home	Putin and Lukashenko team up for ice hockey match	https://www.bbc.co.uk/news/world-europe-59828830?at_medium=RSS&at_campaign=KARANGA	belarusian	2021-12-30 11:29:06
ニュース	BBC News - Home	South Africa collapse as India win first Test	https://www.bbc.co.uk/sport/cricket/59827128?at_medium=RSS&at_campaign=KARANGA	africa	2021-12-30 11:18:47
ニュース	BBC News - Home	What are the new Covid rules for the UK?	https://www.bbc.co.uk/news/explainers-52530518?at_medium=RSS&at_campaign=KARANGA	omicron	2021-12-30 11:02:45
北海道	北海道新聞	大阪放火殺人事件の容疑者が死亡　意識不明の重体で入院中	https://www.hokkaido-np.co.jp/article/628990/	大阪府警	2021-12-30 20:12:00
北海道	北海道新聞	年末に生活困窮、弁当求め長い列　コロナ禍２度目「リーマン以上」	https://www.hokkaido-np.co.jp/article/628989/	新型コロナウイルス	2021-12-30 20:02:00
ビジネス	東洋経済オンライン	永遠にモテない男にありがちな話し方の超勘違い コミュニケーション強者は｢嫌われない｣が最優先 | リーダーシップ・教養・資格・スキル | 東洋経済オンライン	https://toyokeizai.net/articles/-/475195?utm_source=rss&utm_medium=http&utm_campaign=link_back	人材育成	2021-12-30 20:30:00
海外TECH	reddit	怒らないでマジレスしてほしいんだけどなんでこんな時間に書き込みできるわけ？	https://www.reddit.com/r/newsokunomoral/comments/rrzc6h/怒らないでマジレスしてほしいんだけどなんでこんな時間に書き込みできるわけ/	ewsokunomorallinkcomments	2021-12-30 11:08:26