投稿時間:2022-11-13 23:13:33 RSSフィード2022-11-13 23:00 分まとめ(15件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	深層学習を学ぶ - 活性化関数編	https://qiita.com/raibnm/items/dd1d2fd245ce5a9d66cf	活性化関数	2022-11-13 22:58:09
python	Pythonタグが付けられた新着投稿 - Qiita	【Python2.7】csvで空行なしで書き出す方法	https://qiita.com/yuki_2020/items/0bd0e765394bda34e231	writerwriterow	2022-11-13 22:15:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	Next.jsプロジェクトをVercelにデプロイする	https://qiita.com/tarian/items/dffaf2dc8c3b3e393e5f	github	2022-11-13 22:49:28
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	zshをuninstallしてubuntu起動できなくなったとき	https://qiita.com/ktanoooo/items/81701843ee9263b31fba	homebrew	2022-11-13 22:24:19
Azure	Azureタグが付けられた新着投稿 - Qiita	AzureFunctionsのローカル開発環境構築を構築する	https://qiita.com/itita/items/868b9c13f2ba3589186e	aspnetcore	2022-11-13 22:03:15
海外TECH	DEV Community	Javascript Array Concat Method	https://dev.to/smpnjn/javascript-array-concat-method-4gdd	Javascript Array Concat MethodThe concat method on arrays is used to take two arrays and concatenate them into one It takes as many arrays as you like so you can concatenate many arrays at once Array concat value value value valueN Each item added to the concat method must be of type array Let s look at a simple example Below we combine two arrays let myArray let newArray n a e k let mergedArray myArray concat newArray console log mergedArray n a e k concat does not remove duplicates but if you are interested in a data structure which does you might want to read my guide on Javascript sets The concat method creates a shallow copy of the array it s applied to with the addition of any other arrays added to the end You can learn more about shallow copies here That means that although it seems like a new array is created it still has a connection with the original array you modified In fact every array you mention in concat is a shallow copy of the original Consider the following example let myArray name John let newArray name Jacob a e k let mergedArray myArray concat newArray myArray name Jingleheimer newArray name Schmidt newArray console log mergedArray myArray name Jingleheimer name JSchmidtacob a e k You might expect that changing name on myArray and newArray does not affect mergedArray but it does However newArray has no effect on mergedArray You can learn the details of why this works like this here but the basic premise is that the arrays we used in concat maintain the same reference in memory as the original arrays Updating name updates both the mergedArray and the original arrays since they are all stored in the same place However typing newArray tells Javascript to put a completely new value in position of mergedArray This is important to remember when you run into weird Javascript array errors  Concating multiple arraysWe ve looked at how you can concatenate two arrays but concatenating more works in much the same way You list all your arrays in the concat function like so let myArray let newArray n a e k let anotherArray let mergedArray myArray concat newArray anotherArray console log mergedArray n a e k The arrays are merged in the order they are mentioned  Concatenating nested arraysNested arrays are concatenated in the same way The outer array is removed meaning that the nested elements become part of the first array let myArray let newArray n a e k let mergedArray myArray concat newArray console log mergedArray n a e k  Values in concatenated arraysIf you do pass a simple value to concat it will treat it as an array element That means if you passed in value rather than value it would coerce it to value anyway let myArray let mergedArray myArray concat console log mergedArray	2022-11-13 13:50:36
海外TECH	DEV Community	The difference between dependencies and devDependencies in package.json	https://dev.to/coderslang/the-difference-between-dependencies-and-devdependencies-in-packagejson-1p49	The difference between dependencies and devDependencies in package jsonThe file package json is an integral part of every Node js project It stores all the dependencies that yourproject needs All the dependencies most often open source npm modules are split into two categories production dependenciesand development dependencies The difference between the two is that development dependencies won t be installed in the production environmentas they aren t needed there It could be something that checks the quality of your code like ESLint debug toolslike Nodemon ot testing helpers like Chai Mocha Enzyme You can include production dependencies by running the npm install save command For example here s how you d install the module express npm install save expressOnce the installation is complete it will appear in the list of dependencies in package json name my node project version dependencies express To install the development dependency you ll need to use the flag save dev instead of the save npm install save dev mochaThis way the module will appear in the section devDependencies in package json name my node project version dependencies express devDependencies mocha Once it s clear how to add the different types of dependencies dev and prod to your Node js project you should learn how to install them separately or all at once To install only dev dependencies from an existing package json you can use either the full commandnpm install only devor a shorter versionnpm i DTo install only production dependencies you can use the same flag only but now with the argument prod npm install only prodThanks for reading I hope this tutorial helped you understand the difference between development and productiondependencies in package json and you learned how to use either of them in you Node js projects	2022-11-13 13:45:17
海外TECH	DEV Community	Nhost: The Perfect Backend 101: The Essential Guide	https://dev.to/makendrang/nhost-the-perfect-backend-101-the-essential-guide-3m34	Nhost The Perfect Backend The Essential Guide Introduction to NhostNhost is the GraphQL open source development and backend platform Nhost does for the backend what Netlify and Vercel do for the frontend Nhost provide a modern backend with the common building blocks needed to create great digital products It simplify the creation and deployment of the backend by using nhost platform that takes care of configuration security and performance Things work and automatically scale so you can focus on your product and business ArchitectureNhost is a backend service built with open source tools to provide developers with the common building blocks needed to create great apps and digital products Here is a high level diagram of the Nhost stack As you can see in the image above Nhost provides endpoints for GraphQL graphql Authentication auth Archiving archiving Functions functions The data is stored in Postgres and the files are stored in S Open sourceThe open source tools used for the entire Nhost stack are Database PostgresGraphQL HasuraAuthentication Hasura AuthStorage Hasura storageFeatures Node js Introduction to the Nhost command line interfaceThe Nhost command line interface CLI allows you to locally run a complete Nhost development environment with the following services PostgreSQL databaseHasuraauthenticationArchivingServerless functionse mail InstallationInstall the binary globally To install Nhost CLI run this command from any directory in your terminal On MacOS and Linux this installs the Nhost CLI in usr local bin If you prefer to install in a location other than usr local bin set the INSTALL PATH variable accordingly On Windows this downloads and extracts the nhost exe binary available in Assets from the latest version from the GitHub release page You can move the executable to another location and add the path to the PATH environment variable to make nhost globally accessible Finally you can verify that everything installed successfully by typing RequirementsBefore using the Nhost CLI make sure the following dependencies are installed on your local computer GitDocker Access to the Nhost CLIAfter installing Nhost CLI you can log into your Nhost account by running the following command This will ask you to enter your Nhost account information email password After successfully logging in you are authorized to manage your Nhost projects using the Nhost CLI You can also logout at any time by doing the following Configure your project Create a new Nhost projectFirst of all we need to create a new Nhost project Then log into the Nhost dashboard and click the Create your first project button Then name your new Nhost project select a geographic region for your Nhost services and click Create Project After a few seconds you should get a PostgreSQL database GraphQL API with Hasura file storage and authentication Create a new GitHub repositoryA typical workflow also involves creating a Github repository for your Nhost project It will simplify your development workflow as Nhost can integrate with Github to enable continuous deployment Then go to your Github account and create a new repository You can make your repository public or private Connect the Nhost project to GithubFinally connect your GitHub repository to your Nhost project This will allow Nhost to deploy new versions of your project when you push new commits to your connected Git repository From your project workspace click Connect to GitHub Install the Nhost app on your GitHub account Connect your GitHub repository Local development Initialize your Nhost projectNhost CLI brings the functionality of your Nhost production environment directly to your local computer It deploys Docker containers to run backend services that match your production environment in an on premises environment This allows you to make changes and test your code locally before deploying those changes to production Initialize your Nhost project locally with the following command Finally be sure to link your current working directory to your GitHub repository echo my nhost app gt gt README mdgit initgit add README mdgit commit m first commit git branch M maingit remote add origin git push u origin main Start a local development environmentRun the following command to start a local development environment for your Nhost project Running this command will start all core services provided by Nhost It also runs a web server to serve the Hasura console for the GraphQL engine allowing you to manage the database and test the GraphQL API Hasura console will automatically open at http localhost Make changesThere are three things that the Nhost CLI and GitHub integration follow and apply to production Database migrationsHasura metadataServerless functionality DemoBelow are the steps required to create a simple Nhost based React app for the backend It Contains Database PostgreSQLSnapshot GraphQL API HasuraAuthentication Hasura AuthStorage Hasura storageAt the end of this demo you will have a full stack app that allows users to log in to access a secure dashboard and update their profile information RequirementsBefore we begin we make sure your development environment is ready You need Node js version or later Project configurationCreate a new Nhost project Initialize the application Create a React appThe easiest way to create a new react app is to use the tool called create react app which will start a react app for you without you having to configure everything yourself Then open your terminal and run the following command You can now switch to your project directory Run the development server with the following command If everything is working fine your React dev server should be running on port Open http localhost in your browser to check this Configure Nhost with ReactTo work with Nhost from within our React app we will use the React SDK provided by Nhost It s a wrapper around the Nhost JavaScript SDK that gives us a way to interact with our Nhost backend using react hooks You can install the Nhost React SDK with Next open your App js file as we will now configure Nhost in our app The Nhost React SDK includes a React provider called NhostReactProvider that exposes the authentication state and any provided React hooks in our application Use the following code to instantiate a new nhost client and link it to your nhost backend Finally make sure you create an environment variable called REACT APP NHOST SUBDOMAIN and REACT APP NHOST REGION to store your nhost domain details You can find the subdomain and region of your Nhost project in the project overview Build the application Add authentication Sign upThe next step is to allow our users to authenticate with our application Let s start implementing the login process To do this we use the useSignUpEmailPassword hook provided by the Nhost React SDK in our SignUp component So open the corresponding file of your project and use the following code By default the user must verify their email address before fully signing up You can change this setting in your Nhost dashboard Sign inNow that new users can register for our application let s see how to authorize existing users to log in with an email address and password To do this we use the nhost hook called useSignInEmailPassword in our SignIn component the same way we did in our SignUp component This is what your component should look like after applying the login logic changes Sign outFinally to allow users to sign out of the application we can use the Nhost useSignOut hook Protect routesNow that we ve implemented authentication we can easily decide who can access certain parts of our application In our case we only allow authenticated users to access the and profile paths All other users should be redirected to the sign in page if they attempt to access such locations To do this we can create a wrapper component ProtectedRoute to check the authentication status of the current user using Nhost SDK Then we can use a layout path in our App js file to wrap the ProtectedRoute component around the paths we want to protect Retrieve user dataFinally we show the information of the verified user on their dashboard to make the app more personal Getting the current verified user data is quite simple In fact we can use the useUserData hook provided by Nhost to do this So open the component layout js file and use this socket like That s it The JSX code for rendering user data E Mail advertising name etc is already included in your components as part of the model you designed at the start of this manual User data updateNhost offers a graphql Api via Hasura so that we can immediately query and mutate our data We use the Apollo Graphql client for interaction with this graphql Api So start to install the following dependencies Then add the nhostapollophovider of nhost react Apollo to your app js From there we can create our graphql request and use the Apollo Usemutation hook to make this request if the user submits the form on the profile page Finally since Hasura authorizes a standard directive and we have not yet defined any authorization our Graphql changes would fail So open the Hasura console from your project s Data tab in your Nhost dashboard Next go to the Permissions tab of the users table enter the user in the role cell and click the edit icon on the select operation To restrict the user to reading their own data only specify a condition with the user ID and session variable X Hasura User ID passed with each request Next select the columns you want users to have access to and click Save Permissions Repeat the same steps for the user role update process to allow users to update only their display name and metadata Finally to add caching synchronization and server state updating into your React application let s instead refactor user data retrieval using the Apollo client and our GraphQL API Then first add the following GraphQL query to get the current user data from the layout component Then replace the useUserData hook with the useUserId hook to get the current user ID Finally we can execute our GraphQL query using the useQuery hook and the current user ID You now have a fully functional React application Congratulations Gratitude for perusing my article till end I hope you realized something unique today If you enjoyed this article then please share to your buddies and if you have suggestions or thoughts to share with me then please write in the comment box Follow me and share your thoughts GitHubLinkedInTwitter	2022-11-13 13:38:23
海外TECH	DEV Community	What is Amazon Time Sync public NTP?	https://dev.to/aws-builders/what-is-amazon-time-sync-public-ntp-1omc	What is Amazon Time Sync public NTP IntroductionPhoto by Djim Loic on UnsplashA consistent and accurate time reference is critical to many server operations and processes Most system logs contain timestamps that can be used to determine when the problem occurred and the order in which the events occurred What will happen if time is not set correctly Photo by Luke Chesser on UnsplashWhen your organization makes a request using the AWS CLI or AWS SDKs these tools sign the request on your behalf If the instance date and time are not set correctly the signature date may not match the request date and AWS will reject the request What does Amazon offer Amazon offers Amazon Time Sync which can be accessed from any EC instance and can also be used by other AWS services The service provides accurate measurements of the current time according to the global Universal Coordinated Time standard coordinated via the Network Time Protocol using a set of satellite links and atomic reference clocks in each AWS region Amazon Time Sync automatically relaxes the leap seconds added to UTC What is Amazon Time Sync Amazon Time Sync is available via NTP at the IPv address or fd ec IPv for all instances running in the VPC Amazon Time Sync FeaturesYour instance does not require Internet access and you do not need to configure security group rules or network ACLs to allow access Amazon Linux newer versions of Amazon Linux AMIs and AWS Windows AMIs sync with Amazon Time Sync by default What if Amazon Time Sync link local service have an issue You can use the Amazon Time Sync public NTP pool at time aws com to back up the local Amazon Time Sync link service and connect resources outside of Amazon EC to the Amazon Time Sync service What is Amazon Time Sync public NTP The Amazon Time Sync public NTP automatically mitigates leap seconds added to the UTC service just like the Amazon Time Sync service The public NTP Amazon Time Sync Service is supported by satellites in AWS and a set of atomic reference clocks around the world connected to each AWS region New Update from AWS Amazon Time Sync is now available online Built on Amazon s network infrastructure Amazon Time Sync uses a global set of redundant atomic and satellite linked reference clocks in AWS regions to provide current time measurements according to the Global Coordinated Universal Time standard Amazon Time Sync was previously available through EC instances In addition to connecting directly to EC instances you can now access Amazon Time Sync from time aws com as a public NTP service This means that devices and infrastructure outside of AWS such as IoT devices and on premises infrastructure can synchronize with the same high availability time resources previously only available in AWS data centers AvailabilityAmazon Time Sync NTP pools are available globally in all public AWS regions AWS GovCloud US regions and over the Internet How to configure Amazon Time Sync Public NTP for Microsoft WindowsOpen Control Panel Select the Date and Time icon Select the Internet Time Choose Change settings Select the check box to synchronize with an Internet time server Next to Server enter time aws com Select Update Now NOTECannot be used if the computer is part of a domain In this case it synchronizes the time with the domain controller Controllers can be configured to use Amazon Time Sync Public NTP Kindly watch the below video to know about the Amazon Time Sync public NTP ConclusionSuccessfully configured the Amazon Time Sync Public NTP for Microsoft Windows ReferenceAmazon Time Sync is now available over the internet as a public NTP service Set the time for a Windows instanceSet the time for your Linux instanceGratitude for perusing my article till the end I hope you realized something unique today If you enjoyed this article then please share it with your buddies and if you have suggestions or thoughts to share with me then please write in the comment box Follow me and share your thoughts GitHubLinkedInTwitter	2022-11-13 13:34:12
Apple	AppleInsider - Frontpage News	Daily deals Nov. 13: $159 AirPods, $500 off 14-inch MacBook Pro, $730 off LG 48-inch OLED Smart TV, more	https://appleinsider.com/articles/22/11/13/daily-deals-nov-13-159-airpods-500-off-14-inch-macbook-pro-730-off-lg-48-inch-oled-smart-tv-more?utm_medium=rss	Daily deals Nov AirPods off inch MacBook Pro off LG inch OLED Smart TV moreSunday s best deals include off the M MacBook Air off Klipsch Reference R FA Home Theater Pack off Garmin Forerunner XT and much more Best deals for November AppleInsider checks online stores daily to uncover discounts and offers on hardware and other products including Apple devices smart TVs accessories and other items The best offers are compiled into our regular list for our readers to use and save money Read more	2022-11-13 13:40:36
ニュース	BBC News - Home	Remembrance Sunday: King leads nation as UK falls silent to honour war dead	https://www.bbc.co.uk/news/uk-63609595?at_medium=RSS&at_campaign=KARANGA	cenotaph	2022-11-13 13:45:27
ニュース	BBC News - Home	T20 World Cup: England beat Pakistan to win pulsating final in Melbourne	https://www.bbc.co.uk/sport/cricket/63613694?at_medium=RSS&at_campaign=KARANGA	champions	2022-11-13 13:43:40
北海道	北海道新聞	日韓首脳会談で尹氏、冨川さんら雑踏事故日本人犠牲者に弔意	https://www.hokkaido-np.co.jp/article/759983/	首脳会談	2022-11-13 22:21:54
北海道	北海道新聞	卓球の国内選考基準、正式承認へ　パリ五輪シングルス	https://www.hokkaido-np.co.jp/article/759950/	国際卓球連盟	2022-11-13 22:08:21
北海道	北海道新聞	熊本市長に現職の大西氏３選確実　元市議ら２新人破る	https://www.hokkaido-np.co.jp/article/759982/	任期満了	2022-11-13 22:02:00