投稿時間:2022-01-10 01:25:03 RSSフィード2022-01-10 01:00 分まとめ(35件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
js	JavaScriptタグが付けられた新着投稿 - Qiita	JavaScript の Fetch API を用いた HTTPリクエストで簡略な時間的制約を設ける	https://qiita.com/youtoy/items/55812e49af09ab5ce935	今回の内容FetchAPIなどを使ってHTTPリクエストを実行する際に、例えば「度HTTPリクエストを送ったらその後秒間はHTTPリクエストを送る処理を実行しないようにする」というような、時間的制約をかける話です。	2022-01-10 00:13:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	ajaxzip3からYubinBangoに変更したが相変わらず素晴らしい件	https://qiita.com/naoki-haba/items/666c77da3e7e145f5f0d	ajaxzipからYubinBangoに変更したが相変わらず素晴らしい件はじめに今まで郵便番号の自動保管にajaxzipを利用していました。	2022-01-10 00:49:12
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	主成分分析:射影、再構成誤差	https://teratail.com/questions/377384?rss=all	主成分分析射影、再構成誤差問次元空間において「」というつのデータ点が与えられ、これらのデータに対して主成分分析を適用する。	2022-01-10 00:58:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	DataFrameでユーザー別に出現回数目を新しい列に追加したい。	https://teratail.com/questions/377383?rss=all	coretimeindexuseraabbbbc	2022-01-10 00:51:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【徳丸本】3章3節 CORSにて、本文中と異なる内容が表示される事象を解決したい	https://teratail.com/questions/377382?rss=all	【徳丸本】章節CORSにて、本文中と異なる内容が表示される事象を解決したい前提・実現したいこと章節nbspCORSにて、本文中と異なる内容が表示される事象を解決したい発生している問題・エラーメッセージ本文中と異なる結果が表示されてしまうため、対処法をご教示願います。	2022-01-10 00:45:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PHPからMySQLに接続時に「could not find driver」	https://teratail.com/questions/377381?rss=all	PHPからMySQLに接続時に「couldnotfinddriver」はじめまして、白猫です。	2022-01-10 00:43:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	xcode開発者プログラムに登録されている開発者として扱われていない件	https://teratail.com/questions/377380?rss=all	xcode開発者プログラムに登録されている開発者として扱われていない件deploygateを利用してデモデータを公開するため、Distributionnbsp配布用nbspの証明書を作成したいです。	2022-01-10 00:40:39
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	機械翻訳:BLEU,対数加重平均について	https://teratail.com/questions/377379?rss=all	機械翻訳BLEU対数加重平均について問機械翻訳の精度指標の一つであるBLEUについて、BPbrevitynbsppenaltyを用いる中で、機械翻訳の精度を算出する際、英文ではよくnにおけるmodifiednbspngramnbspprecisionの値の対数加重平均とBPを用いる。	2022-01-10 00:34:41
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	DeriveredData削除後PyCharmが動かなくなってしまった	https://teratail.com/questions/377378?rss=all	DeriveredData削除後PyCharmが動かなくなってしまった先日ネットの情報を鵜呑みにし、よくわからないままデータを削除し、ゴミ箱も空にしてしまいました。	2022-01-10 00:25:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	主成分分析:メリットについて	https://teratail.com/questions/377377?rss=all	主成分分析メリットについて問主成分分析を行う上で得られるメリットとして適切なものを一つ選びたいです。	2022-01-10 00:24:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	深層学習:物体検出タスクにおけるデータセットに関して	https://teratail.com/questions/377376?rss=all	深層学習物体検出タスクにおけるデータセットに関して問物体検出タスクに用いる大規模なデータセットに関しての説明として妥当な主張を一つ選びたいです。	2022-01-10 00:16:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	深層学習:SSDの原著論文内で示された実験結果について	https://teratail.com/questions/377375?rss=all		2022-01-10 00:07:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	QtでQListViewの選択中のアイテムのインデックスを取得したい	https://teratail.com/questions/377374?rss=all		2022-01-10 00:07:30
Ruby	Rubyタグが付けられた新着投稿 - Qiita	[Ruby] Stringクラスのinclude?メソッド	https://qiita.com/Shi-raCanth/items/820a76f4afc13ba0cb38		2022-01-10 00:33:02
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	【覚え書き】Ubuntu 21.10で『NEUTRINO』を用いて『東北ずん子』氏とかに歌って頂く方法	https://qiita.com/manzyun/items/11f9382c55a19f88868a	お断わり公式ページのニュースでも簡易な解説は書いてある上、上述した先駆者の方の情報でも足りない方向けの記事ではない。	2022-01-10 00:13:25
AWS	AWSタグが付けられた新着投稿 - Qiita	API Gateway のアクセスログを取得してみた	https://qiita.com/sugimount-a/items/90d7d83e3017d3cf5186	これで設定を有効にすることで、CloudWatchLogsにアクセスログを出力できます。	2022-01-10 00:47:31
AWS	AWSタグが付けられた新着投稿 - Qiita	aws S3 互換ストレージ MinIO 入門 〜 mc.exe を試しに動かしてみる	https://qiita.com/Takakiri/items/5ec885a72aa068f256df	ampenvUSERPROFILEDownloadsmcmbminioaliasbucketバケットを一覧するには、PowerShellで下記のように入力します。	2022-01-10 00:03:51
GCP	gcpタグが付けられた新着投稿 - Qiita	GASでLINE Bot開発時のログ出力方法	https://qiita.com/sa9ra4ma/items/1acb459fcc713728c03e	するとログが表示されているはずですコチラの画面からもGCPに飛べますが、変なクエリが実行された状態で、うまくログが見れませんでした。	2022-01-10 00:53:15
GCP	gcpタグが付けられた新着投稿 - Qiita	TerraformでBigQueryのdataset・tableを作成する	https://qiita.com/Hisaaki-Kato/items/d746c07f95be60d5e087	以下、GCPのBigQueryのコンソール上の画像ですが、指定のプロジェクトにexampledatasetとusersが作成されています。	2022-01-10 00:28:05
Git	Gitタグが付けられた新着投稿 - Qiita	git tagでsortとformatを使いこなそう	https://qiita.com/mattak/items/79b72d62b5867e221ad2		2022-01-10 00:42:52
海外TECH	MakeUseOf	You Can Now Listen to Clubhouse Chats on the Web: Here's How	https://www.makeuseof.com/clubhouse-chats-now-available-on-web/	desktop	2022-01-09 15:33:13
海外TECH	MakeUseOf	Twitter Tries to Take On TikTok With Reaction Videos for Retweets	https://www.makeuseof.com/twitter-reaction-videos-for-retweets-take-on-tiktok/	media	2022-01-09 15:23:56
海外TECH	DEV Community	AWS SAM app with MongoDB Atlas Data APIs	https://dev.to/zachjonesnoel/aws-sam-app-with-mongodb-atlas-data-apis-18nl	AWS SAM app with MongoDB Atlas Data APIsThis is the implementation of a typical web app backend where the MongoDB Atlas is leveraged to store data Overview of My SubmissionThe SAM app uses MongoDB Atlas for database choice which contains two collections shield agents and shield locations This stores the S H I E L D info such as the database of all agents and non classified locations The operation of INSERT and GET is integrated with MongoDB Atlas Data APIs where the API credentials are created and passed into AWS Lambda fns as environment variables with CloudFormation Parameters The APIs from SAM app are exposed with AWS API Gateway Also have the Search enabled with indexes Submission Category Choose Your Own Adventure the first time I m using MongoDB and Data APIs so went a step to adapt it into my usual tech stack AWS Serverless with a AWS SAM application Link to Code zachjonesnoel shield database shield databaseThis is a repository which uses MongoDB Atlas Data APIs for CRUD operations with AWS SAM application Deployment commandsCreate a new directory navigate to that directory in a terminal and clone the GitHub repositorygit clone Change directory to the pattern directory cd shieldFrom the command line use AWS SAM to deploy the AWS resources for the pattern as specified in the template yml file sam buildsam deploy guided View on GitHub ScreenshotsCreating an agent with insertOne APIGetting one of the created agent with findOne APICreating a location with insertOne APIGetting one of the created location with findOne APIMongoDB Atlas Search helps in creating an index for a collection and using the index to query and check if the filter pattern matches any record The matching records also return a match score MongoDB Atlas Charts can help you visualize data No of locations Agents with security clearance level Additional Resources InfoMongoDB Atlas Data APIMongoDB Atlas SearchMongoDB Atlas ChartsAWS SAM application	2022-01-09 15:39:56
海外TECH	DEV Community	React & PDF Rendering	https://dev.to/przpiw/react-pdf-rendering-4g7b	React amp PDF RenderingPortable Document Format PDF developed years ago still exists and is one of the most widely used documents formats There are many reasons why people still prefer to use them such as the widely supported document format which works is compatible with many devices and apps and the content always remains the same format What is React PDF React pdf lets us render documents on server and web It exports a set of React primitives that can be used to render things into documents easily and we can use CSS properties for styling and flexbox for layout A list of supported primitives can be found here It supports rendering text images SVGs and many more What we going to build Today we will be looking at how we can create and style PDF with react pdf renderer React pdf package lets us create awesome looking PDFs using React Its simple to use and the documentation is developer friendly We will create a simple application that dynamically updates our PDF styled template which we render in DOM This example will show how you can render the document in DOM and how directly save the document into the file without the need of displaying it Setupnpx create react app app amp amp cd app amp amp yarn add react pdf rendererAs in the time of writing tutorial react pdf render is compatible with webpack gt however latest react create app using webpack We will need to install some extra dependencies and configure craco yarn add process browserify zlib stream browserify util buffer assert craco cracoChange the scripts section in package json as below scripts start craco start build craco build test craco test eject react scripts eject Next create a new file in the root of the project craco config js withconst webpack require webpack module exports webpack configure resolve fallback process require resolve process browser zlib require resolve browserify zlib stream require resolve stream browserify util require resolve util buffer require resolve buffer asset require resolve assert plugins new webpack ProvidePlugin Buffer buffer Buffer process process browser mkdir Components amp amp cd Components amp amp mkdir PDF amp amp cd PDF amp amp touch Preview js amp amp touch LeftSection js amp amp touch RightSection js├ーApp css├ーApp js├ーindex js├ーPDF│├ーLeftSection js│├ーPreview js│└ーRightSection js└ーstyles └ーindex jsIn our App js we will create a state that updates on user input when changes are detected we will re render our page import Preview from PDF Preview import React useState from react function App const profile setProfile useState type Profile name John Doe profession Junior Developer profileImageURL display true about About const handleChange name value gt setProfile profile name value return lt div style width height vh display flex gt lt div style width gt lt div gt lt label gt Name lt label gt lt input name name defaultValue profile name onChange e gt handleChange e target name e target value gt lt div gt lt div gt lt label gt Profession lt label gt lt input name profession defaultValue profile profession onChange e gt handleChange e target name e target value gt lt div gt lt div gt lt label gt ImageURL lt label gt lt input name profileImageURL defaultValue profile profileImageURL onChange e gt handleChange e target name e target value gt lt div gt lt div gt lt label gt About lt label gt lt input name about defaultValue profile about onChange e gt handleChange e target name e target value gt lt div gt lt div gt lt Preview profile profile gt lt div gt export default AppPreview jsThis will let us render a preview on half of the page and embed the Template document that we are about to create We also have PDFDownloadLink which can be used to download pdf without the need of rendering it in the DOM import React from react import Document Page PDFViewer PDFDownloadLink from react pdf renderer import LeftSection from LeftSection import RightSection from RightSection import styles from styles const Preview profile gt return lt div style flexGrow gt lt PDFViewer showToolbar false style width height gt lt Template profile profile gt lt PDFViewer gt lt PDFDownloadLink document lt Template profile profile gt fileName somename pdf gt loading gt loading Loading document Download now lt PDFDownloadLink gt lt div gt Create Document Componentconst Template profile gt return lt Document gt lt Page size A style styles page gt We will divide our document into columns lt LeftSection profile profile gt lt RightSection about profile about gt lt Page gt lt Document gt export default PreviewWe will also create folder with styles where we will keep stylesSheet for react render primitives mkdir styles amp amp cd styles amp amp mkdir index jsstylesimport StyleSheet from react pdf renderer export default StyleSheet create page display flex flexDirection row section right margin padding paddingTop width section left width height backgroundColor c profile container display flex flexDirection column alignItems center marginTop marginBottom px height fontFamily Helvetica Bold name text paddingTop px paddingBottom px fontSize px fontWeight color white profession text color dddb fontSize px profile img width px height px borderRadius profile line marginTop px width height px backgroundColor FFF textAlign center LeftSection jsimport View Text Image from react pdf renderer import styles from styles export const Profile profile gt return lt View style styles profile container gt lt Image style styles profile img src profile profileImageURL gt lt View style justifyContent center gt lt Text style styles name text gt profile name lt Text gt lt View gt lt Text style styles profession text gt profile profession lt Text gt lt View style styles profile line gt lt View gt const LeftSection profile gt return lt View style styles section left gt lt Profile profile profile gt lt View gt export default LeftSectionRightSection jsimport styles from styles import View Text from react pdf renderer export const RightSection about gt return lt View style styles section right gt lt Text gt about lt Text gt lt View gt Now you know it works you could create something yourself More functional example of a resume builder that I built is here Resume builderTo sum up this is only a simple demo to demonstrate how the pdf renderer can be used with react React pdf package very cool tool that could be used to create things like resume builders invoicing templates or tickets or receipts etc These could be either generated based on the existing data or dynamically updated on user input like in the case of our simple demo I hope this article was helpful to some of you guys Thanks for reading Github repo	2022-01-09 15:35:03
海外TECH	DEV Community	Make SVG follow cursor using CSS and JS	https://dev.to/anomaly3108/make-svg-follow-cursor-using-css-and-js-2okp	Make SVG follow cursor using CSS and JSIn this article we are going to make an SVG Eye that will follow the mouse pointer with a clean UI and smooth transition First As always let s see what are we building PREVIEW HTML lt img src face with rolling eyes png class image gt lt div class container gt lt svg width height class eye gt lt circle cx cy r fill white class eyeball left gt lt circle cx cy r fill DD class pupil left gt lt svg gt lt svg width height class eye gt lt circle cx cy r fill white class eyeball right gt lt circle cx cy r fill DD class pupil right gt lt svg gt lt div gt We will have an outer div with class container It will have two separate children SVG which will be the eyes of our character Inside SVG we create circles one for eyeball and one for pupil The img tag will be the face of the characterI guess now you have an overview of what are we doing Now let s get into the CSS CSSbody margin padding background display flex width height vh container margin auto image position absolute top px left px z index pupil left position relative pupil right position relative Everything above is self explanatory but If you have any queries then comment down JAVASCRIPTThis is where the fun begins Let s see from the scratch First we need to find elements with an eyeball left and pupil left class let eyeball left document querySelector eyeball left pupil left document querySelector pupil left Now We will get the radius of the circles to find the center of the circles The getBoundingClientRect returns a DOMRect object with eight properties left top right bottom x y width height eyeArea left eyeball left getBoundingClientRect pupil leftArea pupil left getBoundingClientRect R left eyeArea left width r left pupil leftArea width centerX left eyeArea left left R left centerY left eyeArea left top R left Copy the same code for right eye Just change the variable names to right for right Eye let eyeball right document querySelector eyeball right pupil right document querySelector pupil right eyeArea right eyeball right getBoundingClientRect pupil rightArea pupil right getBoundingClientRect R right eyeArea right width r right pupil rightArea width centerX right eyeArea right left R right centerY right eyeArea right top R right Now let us create a mouse event Through which we will find the distance between the pointer and center of the eyeball Math atan will return the angle in radians between the two points By using the formula we can convert radian to degree Using this angle we will position the pupil inside the eyeballdocument addEventListener mousemove e gt let x left e clientX centerX left y left e clientY centerY left theta left Math atan y left x left angle left theta left Math PI Create a same for the right eye let x right e clientX centerX right y right e clientY centerY right theta right Math atan y right x right angle right theta right Math PI Finally we will use JS style property to move and rotate the pupil inside the Eye to follow the cursor pupil left style transform translateX R left r left px rotate angle left deg pupil left style transformOrigin r left px center pupil right style transform translateX R right r right px rotate angle right deg pupil right style transformOrigin r right px center Now we have covered all the aspects of this now let s see the full Javascript code lt script gt let eyeball left document querySelector eyeball left pupil left document querySelector pupil left eyeArea left eyeball left getBoundingClientRect pupil leftArea pupil left getBoundingClientRect R left eyeArea left width r left pupil leftArea width centerX left eyeArea left left R left centerY left eyeArea left top R left let eyeball right document querySelector eyeball right pupil right document querySelector pupil right eyeArea right eyeball right getBoundingClientRect pupil rightArea pupil right getBoundingClientRect R right eyeArea right width r right pupil rightArea width centerX right eyeArea right left R right centerY right eyeArea right top R right document addEventListener mousemove e gt let x left e clientX centerX left y left e clientY centerY left theta left Math atan y left x left angle left theta left Math PI let x right e clientX centerX right y right e clientY centerY right theta right Math atan y right x right angle right theta right Math PI pupil left style transform translateX R left r left px rotate angle left deg pupil left style transformOrigin r left px center pupil right style transform translateX R right r right px rotate angle right deg pupil right style transformOrigin r right px center lt script gt The final product will look like You can use the following CSS in body selector to change the cursor by any imagecursor url heart png auto Wrapping UpI hope you enjoyed the article if yes then don t forget to press ️ You can also bookmark it for later use It was fun to make this Project and If you have any queries or suggestions don t hesitate to drop them See you again	2022-01-09 15:29:09
海外TECH	DEV Community	30 JavaScript Libraries to use in your Projects	https://dev.to/devdefinitive/30-javascript-libraries-to-use-in-your-projects-1gd3	JavaScript Libraries to use in your ProjectsJavaScript is a programming language that is vastly used in the world both on the client side as well as server side that allows you to make web pages convertible and create dynamic web content It is a scripting language pre owned by developers to unveil interactive user interfaces that set forth dynamic content While CSS and HTML are the languages that give design and proper shape to the web pages There are a large number of other programming languages out there including HTML CSS and Python but JS is the most commonly used scripting language Furthermore JavaScript offers numerous JS libraries which have created an ecosystem in which coders are not supposed to write code from the scratch However these libraries allowing websites to be built quickly with ease Here In this Article I ve compiled a list of the top JavaScript libraries that every developer must have and can put into use easily for their projects SurveyJSSurveyJS is a JavaScript library that help developers build customizable surveys and quizzes that can be integrated with any JS application Besides normal forms surveys are quite different as the data assembled from surveys must then be examined There are also many more customization prerequsites for surveys compared to regular forms Features Extend surveys with third party widgetsCan submerge surveys built with SurveyJS with any applicationAbility to build surveys that accompany with brand elements of your website Choreographer JS HTML and CSS web pages can display a wide range of animations Choreographer Js is a simple library that allows you to handle CSS animations as well as non CSS animations Features Package consists of many stock animationsAPI reference built in by the developerExtendable by adding custom basis that can be derived from included functions Final Form Every website requires one form or more Final Form is the library that creates building beautiful and approachable forms easily No other library allows such amazing tuning to oversee exactly which form elements get notified of form state changes Features Operates seamlessly with any web frameworkFull flavoured and extendable implementationSelf contained library with no external credence Bideo JSFull screen videos are the need of every professional site backgrounds and that s what Bideo js is utterly for This JS library drives it simple and smooth to add a video background that looks awesome on every screen interface Features Along with handling the look and feel Bideo js includes an API and plugin system for advanced customizationBideo js supports video playback on desktops as well as mobile devicesIt supports HTML video and Media Source Extensions and other playback techs likewise YouTube and Vimeo Chart jsCreating responsive dynamic charts for an application form is a time consuming task and can cause more issues than it solves In this regard Chart js is an open source library that gives divergent solutions to all of that chart which demands your corresponding application Features Operates flawlessly with all modern browsersExtensive and exhaustive documentation availableExtendable library to create custom charts and complex tables ParsleyParsely is a javascript library that is used to form validations at the front end without service at the backend This moulds the application more powerful faster and easier to use The library is also easy to use with thoroughgoing documentation Features Integrated intuitive DOM APIIt concentrates on user experience with dynamic form validationA large number of authentic built in endorsement available often eliminating the need to create custom validators D jsD js is an exhaustive library that can be used for the Visualization of data and concisely conveying of data Data its manipulation and other such wide range of activities are therewith can be done with this Likewise It can be used for data analysis CSS animations geographical and data utilities Features Works in combination with almost any framework in any languageHaving API with direct access to DOMCanvas SVG and HTML used for data visualization VocaJavaScript is fiercely not the easiest language for string manipulation The Voca JavaScript string library makes string manipulation easy and simple with built in functions sufficient for most string manipulation works Features Well documented and fully tested library with long term supportBuilt in functions to handle chop format and query stringsCan be deployed with any framework and has no external dependencies SlickSlick is a library that ensures custom responsive carousels out of the box The carousels inside the library can be easily modified A carousel of images can be used for visual appearances and makes it easier to display many images without cluttering a web page Building a carousel from scratch that is also responsive is a huge task Features Includes autoplay and visual elements like arrows and dots Desktop mouse dragging swipe and infinite looping enabled out of the boxResponsive carousels that scale with their parent container ReduxRedux is commonly used along with JavaScript frameworks like Angular or React As the size of applications become huge in the production process the data flouncy becomes a problem Redux assists you to overcome that issue by helping to maintain a predictable state for the application Features Can be immediately set up within seconds without much hassleDevelopers have provided API supportEasily customizable DropzoneJSWith DropzoneJS developers can easily create drag and drop file upload windows with visual elements It has the Abilities to present image previews file previews and progress animations Features No external dependenciesHighly customizable to specific needs Typeahead jsTypeahead js is an open and autocomplete JavaScript library created and maintained by Twitter It is to provide auto complete for search boxes and other text boxes on various websites It has two components a suggestion engine and a UI element Key Features Components of the library can be used separately and with a modular approachSeparate extensive documentation for both componentsSupport across all desktop browsers not for mobile browsers Multiple jsThis JS library can be used to Galvanize the visual appeal of your website It can share the same background image with various elements of a webpage It can be used to create impressive backgrounds for web page content Key Features Easily adjust elements background opacity etc Easy method to update the background imageA single function call can revert the changes made by multiple js OmniscientOmniscient let programmers to do fast top down rendering embracing immutable data and functional programming Key Features Exhaustive documentation for the libraryEasy to use APISupports data flow in one direction ApexChartsApexCharts gives interactive charts feature that can be used with websites running with JavaScript frameworks Interactive prepackaged charts with a simple API are provided with the library Key Features Wrappers for popular frameworks like React Vue AngularExtensive documentation and cross browser support availableConsistent and easy to use API OpenZeppelinOpenZeppelin is a library to build smart projects with JavaScript It can be used with Ethereum and other blockchains that have smart contract functionality It is an open source project as most crypto projects are Background RemoverSlazzer is an AI based photograph editing application and background remover tool that can without much of a stretch eliminate or change the foundation in your pictures This instrument is not difficult to utilize and is great for online advertisers who routinely manage photographs and are hoping to save time cash and exertion Key FeaturesUtilizing this tool is speedy and simple as you don t need to manually edit the photograph while eliminating or changing the foundation One more beneficial thing here is that the entire course of background editing essentially begins with transferring a picture and sitting tight for a couple of moments just to get the moment result PricingPaid plan starts at per month for credits The free version offers low resolution images Key Features Modular approach with simple and security standardCan be used to automate blockchain workflows InstantClickThis progressive JavaScript framework is key for speeding up websites It is also capable of improving the speed to such a degree that navigating the web pages will feel instant Key Features Accoutrement to adjust parametersPreloads webpage in the time a user hangs over a linkoperates seamlessly across all browsers including mobile browsers Premonish Premonish is a simple JavaScript library that can forecast what element the user will collaborate with This can be used to load up the corresponding service at the backend and reducing the time required to serve new content Features Predicts the DOM element user is likely to interact with nextInformation can be used for website enhancements Particles jsParticles js is a simple JavaScript library to create moving particles as a background for web pages The particles interact with the movements and location of the mouse pointer It is a fun library that can be used to create stunning visuals Features Easily customizable particle size speed and other visual featuresExtremely small on resources StretchyStretchy is a simple library that can be used to auto size input elements on web pages It is a very small library at just KB when compressed Features Can work alone without any external dependenciesAble to cover multiple types of the form controloperates well with HTML and CSS as it automatically follows placeholder styling HowlerJSHower JS is a library that can be used to detect and work with touch gestures in general including multi touch gestures Features Support for touch gestures including tap double tap swipe rotate pinch to zoom etc Can be used from CDN provided by HammerJSLightweight ScrollMagicSimple scrolling web pages can be made a UX element to surprise and engage website users ScrollMagic JS library makes that easy to implement It can also be used to add parallax effects on websites Features Easy toggle of CSS classes of elements with scroll positionProvision for adding sticky elementsSupport for responsive web design and compatibility with mobile devices DiscordJSDiscordJS is the library maintained for those purposes It can also be used to create bots that can automate and enhance functionalities in discord servers Features An object oriented approach to interacting with APIsCovers nearly of Discord API capabilitiesQuick updates after Discord introduces new features GoJSGoJS provides diagramming tools to create interactive flowcharts design tools organizational charts and other visual elements It supports animations and users can create custom animations for different elements Features A huge collection of included diagrams and toolsAdvanced features for user interactivity such as drag and drop copy and paste in place text editing tooltips context menus automatic layouts templates etc Works with all major JS frameworks HammerJSHammer JS is a library that can be used to detect and work with touch gestures in general including multi touch gestures Features Support for touch gestures including tap double tap swipe rotate pinch to zoom etc LightweightCan be used from CDN provided by HammerJS Google Maps Utility LibraryGoogle Maps is vastly used by people for navigation as well as by developers for utilizing map based functionalities to websites and apps Google Maps offers excellent API support Features Extensive documentationSupport for new versions of Google maps API as they are released GSAPGSAP is a library for creating amazing modern polished animations for website interactions This library supports all major JavaScript frameworks JS elements and even other JS libraries Features high speed property manipulator updating values with extreme accuracyFlexible and independent framework with zero dependencieshuge amount of plugins and easing functions for advanced effects easily create custom functions TypedJSThis JS library provides typing animations that can be added to any JS application It provides beautiful animations that display texts as being typed one letter after the other It can be customized to the developer s requirements Features Strings can be HTML elements instead of using arrays to be manipulatedSupports animation effects like type pausing smart backspacing bulk typing etc Customizable MathJSMath js is a professional library for JavaScript It has all the functions and capabilities required for a math library With this library complex mathematical problems can be run at the browser without straining backend servers Features Runs on any JavaScript engineHas flexible expression parserA large set of built in functions that can be used to create custom functions JS EncryptThis JS library provides easy to implement RSA JavaScript encryption for applications It is a wrapper around an existing encryption library that makes it user friendly It provides parsing of actual private and public key pairs generated with OpenSSL Features Easy to implement and easy to useTried and tested encryption library as the base for the wrapperParses private and public OpenSSL generated key pairs ConclusionAs a developer having the right chosen JavaScript libraries is very important It will make you more productive and will make development much easier and faster In the end it is up to you which library to prefer based on your requirements These are JavaScript libraries that you can try and start using in your projects today	2022-01-09 15:11:28
Apple	AppleInsider - Frontpage News	Apple Watch glucose & blood pressure sensors still years away	https://appleinsider.com/articles/22/01/09/apple-watch-glucose-blood-pressure-sensors-still-years-away?utm_medium=rss	Apple Watch glucose amp blood pressure sensors still years awayApple s next major sensor addition to the Apple Watch may not happen anytime soon with rumored features such as glucose monitoring and blood pressure tracking potentially years away from launch The Apple Watch has steadily added new features and updated its design with each successive update However while there are rumors about some major inclusions on the way a report claims the features may take a while to surface in a finished product Rumors over the years has put forward the idea of Apple introducing some form of glucose monitoring to the Apple Watch with the company repeatedly said to be working on the idea According to Sunday s Power On newsletter for Bloomberg Mark Gurman expects glucose monitoring to be far away from becoming practical Read more	2022-01-09 15:33:10
Apple	AppleInsider - Frontpage News	The metaverse is 'off limits' on Apple's VR headset, claims report	https://appleinsider.com/articles/22/01/09/apple-doesnt-want-headset-to-become-an-all-day-device-for-users?utm_medium=rss	The metaverse is x off limits x on Apple x s VR headset claims reportApple s VR and AR headset isn t intended for long periods of usage with the company reportedly diverting away from the so called metaverse vision in favor of shorter experiences Mixed reality headsets have been touted as the next big thing in computing handling everything from games and entertainment to work and education However while some tech companies are leaning towards enabling users to spend a long time in their headsets Apple is allegedly going in the opposite direction According to sources of Mark Gurman s Power On newsletter for Bloomberg Apple has thought about the metaverse but seeks to avoid it I ve been told pretty directly that the idea of a completely virtual world where users can escape to like they can in Meta Platforms Facebook s vision of the future is off limits from Apple writes Gurman Read more	2022-01-09 15:48:05
海外TECH	Engadget	Apple will reportedly unveil an iPhone SE with 5G this spring	https://www.engadget.com/apple-iphone-se-5g-spring-2022-event-151352071.html?src=rss	Apple will reportedly unveil an iPhone SE with G this springApple might use its now customary spring event to update its most affordable smartphone Bloomberg s Mark Gurman claimed in his latest newsletter that Apple is expected to introduce a third generation iPhone SE this spring through a virtual presentation quot likely quot happening in March or April In an echo of past rumors Gurman understood the new SE would still cling to the iPhone era design but add G and a new processor ーpossibly the A from the iPhone if Apple s history of using last year s high end chip is any indication There was no mention of other changes It wouldn t be surprising if Apple increased the storage to GB or updated the camera sensors again borrowed from the iPhone but those aren t guaranteed given Apple s low cost focus for the iPhone SE A larger battery might be necessary to compensate for G s typically higher energy drain If the leak is accurate the new iPhone SE would be disappointing for those wanting a modern nearly all screen design You d still have a relatively small screen thick bezels and a button based fingerprint reader As we just mentioned though price is everything for the SE The current model s price helps Apple reach some customers who otherwise couldn t justify an iPhone The company might not want to do anything that could prompt even a small a price hike if just to maximize the SE s potential audience nbsp	2022-01-09 15:13:52
ニュース	BBC News - Home	Duchess of Cambridge: New photos mark Kate's 40th birthday	https://www.bbc.co.uk/news/uk-59922124?at_medium=RSS&at_campaign=KARANGA	portraits	2022-01-09 15:08:39
ニュース	BBC News - Home	Kazakhstan unrest: At least 164 killed in crackdown on protests, reports say	https://www.bbc.co.uk/news/world-asia-59927267?at_medium=RSS&at_campaign=KARANGA	government	2022-01-09 15:12:47
ニュース	BBC News - Home	Morrisons scraps 'use by' date on milk in favour of sniff test	https://www.bbc.co.uk/news/business-59928650?at_medium=RSS&at_campaign=KARANGA	sniff	2022-01-09 15:35:48
ニュース	BBC News - Home	Man City thrash Brighton with six second-half goals	https://www.bbc.co.uk/sport/football/59850011?at_medium=RSS&at_campaign=KARANGA	brighton	2022-01-09 15:24:56
サブカルネタ	ラーブロ	博多長浜 カウンターアタック＠青葉台（神奈川県）　「とんこつラーメン」	http://ra-blog.net/modules/rssc/single_feed.php?fid=195408	杉並区井草	2022-01-09 15:01:35
北海道	北海道新聞	機械に挟まれ２人死亡、東京　府中の工場、メンテナンス中	https://www.hokkaido-np.co.jp/article/631630/	東京府中	2022-01-10 00:01:20