js |
JavaScriptタグが付けられた新着投稿 - Qiita |
React 備忘録 |
https://qiita.com/YuichiTanaka007/items/43365dd79d50dfd5d072
|
|
2021-12-08 03:32:54 |
海外TECH |
Ars Technica |
Senate gives Rosenworcel new FCC term, but Republicans aim to block Gigi Sohn |
https://arstechnica.com/?p=1818559
|
hangs |
2021-12-07 18:05:33 |
海外TECH |
MakeUseOf |
How to Open the Command Prompt in Windows 11 |
https://www.makeuseof.com/windows-11-open-command-prompt/
|
windows |
2021-12-07 18:45:12 |
海外TECH |
MakeUseOf |
6 Coffee Subscription Boxes Will Help Perk You up in the Morning |
https://www.makeuseof.com/coffee-subscription-boxes/
|
boxes |
2021-12-07 18:30:12 |
海外TECH |
MakeUseOf |
How to Uninstall and Remove Google Drive From Your PC or Mac |
https://www.makeuseof.com/tag/disconnect-uninstall-google-drive-pc/
|
google |
2021-12-07 18:15:22 |
海外TECH |
MakeUseOf |
What Does AnTuTu Benchmark Actually Measure? |
https://www.makeuseof.com/tag/antutu-benchmark-measure/
|
antutu |
2021-12-07 18:15:22 |
海外TECH |
DEV Community |
Top 7 Featured DEV Posts from the Past Week |
https://dev.to/devteam/top-7-featured-dev-posts-from-the-past-week-4c7j
|
Top Featured DEV Posts from the Past WeekEvery Tuesday we round up the previous week s top posts based on traffic engagement and a hint of editorial curation The typical week starts on Monday and ends on Sunday but don t worry we take into account posts that are published later in the week It is possible to be critical of things that you love to help them grow What an energizing truthful and positive article about why software development is so incredible Great work david whitney A Love Letter to Software David Whitney・Dec ・ min read career programming psychology webdev Learner gt Impostor There are a lot of articles about impostors syndrome out there but jingjing s has extremely actionable clear advice for anyone suffering from it right now Dealing with Imposter Syndrome Jing・Dec ・ min read codenewbie career psychology mentalhealth Motivation amp accountability are possibleAnd the secret sauce might just lie in blogging about what you re learning as a dev ーor what you already know and can share with others sagarbarapatre explains in a blog naturally Why Every Developer Should Start Blogging Sagar Barapatre・Dec ・ min read beginners career daysofcode writing A Happier MealWhen alvaromontoro s partner brought home McDonald s Happy Meals for the kids he did what many developers would and hacked the small toy included to make it better Super cool Kids if you want to play with your new toy immediately keep it far away from your local software developer Building a Robot Friend from a McDonald s Toy Alvaro Montoro・Dec ・ min read javascript html css webdev What makes an API RESTful miramarshall answers this very question in a succinct and simple way If you ve been struggling with the concept of REST APIs you ll want to bookmark this post What is a REST API Mira Marshall・Dec ・ min read beginners programming apis Getting more comfortable with the command line It is my belief that the terminal itself is not what frightens us but the unfamiliarity of it all Once you build up your confidence the terminal can and will be your new best friend I promise Reassuring words from stackoverturf Terminal Commandments for Coding Newbies Taylor Overturf・Dec ・ min read beginners codenewbie daysofcode todayilearned Making all web media accessible unicodeveloper explains that with Cloudinary you can enable people with hearing or visual challenges to access video and audio content Let s learn how in their tutorial Making Your Video More Accessible Prosper Otemuyiwa・Dec ・ min read video javascript programming accessible That s it for our weekly wrap up Keep an eye on dev to this week for daily content and discussions and if you miss anything we ll be sure to recap it next Tuesday |
2021-12-07 18:14:02 |
海外TECH |
DEV Community |
How to Build an API using Strapi |
https://dev.to/uche_azubuko/how-to-build-an-api-using-strapi-3ibf
|
How to Build an API using StrapiEver needed to build and ship an API in very little time Read this article to learn how to use Strapi to get the job done APIs are so useful and ubiquitous in any application and as a developer you may be fazed by building an API in very little time In this article I will show you how to build a Node js API so fast perhaps in minutes using the help of Strapi s intuitive interface What You ll LearnHow to build an API quickly with Strapi How to build a Node backend without writing Node code How to manage relational fields with Strapi How to add GraphQL endpoints to fetch and mutate your API This Article Is Written ForDevelopers that need to build backend APIs quickly Developers that want to build a backend but only want to focus on the frontend Developers that want to build a Node backend API but don t have the Node expertise What You Will BuildIn this article you will start from scratch i e from an empty directory then you will go through all the steps needed to build an API using Strapi The API that you will build will allow clients to make requests to manipulate content The content in this case will represent blog posts as in for a blogging website if you d like to build out the frontend moving forward PrerequisitesWhat you ll need for this tutorial Knowledge of API it might make sense to learn about it first Node amp NPM You ll need to have Node and NPM installed on your local machine To confirm they re installed run the following commands in your terminal node v amp amp npm vThe Node Package Manager comes installed with Node If you don t have them installed you can follow the instructions on the official Node js website This tutorial was completed using Node v Yarn Yarn is a package manager that would help us manage our application dependencies in a way that is several times faster and more reliable than NPM You can install yarn using npm install global yarn Table of ContentsHere s what we ll cover today Intro to Strapi️Setting up the Strapi project️Building the Strapi backendUnderstanding and using relations in StrapiDelivering faster with GraphQL and StrapiConclusion Intro to StrapiStrapi is an open source headless CMS Content Management System based on Node js that gives developers the ability to easily build self hosted customizable and performant content APIs RESTful and GraphQL With Strapi weeks of API development can be saved because it s no code and building a robust API could be done in less than minutes Isn t that awesome I thought so too Let s dive right into how that can be made possible Setting up the Strapi projectThere are various ways to install a new Strapi project However the Strapi CLI is the best way to get started For starters open a terminal and navigate to the directory where you d like to create this project Run the following command in your terminal to scaffold a new Strapi project yarn create strapi app my project quickstartUsing the quickstart flag at the end of the command provides you with the SQLite database by default and directly creates the project in quickstart mode If you d like to switch databases read more When project creation is completed the app should automatically start at localhost on your browser If your app didn t automatically start run the following command in the project folder yarn developOpen up the app folder with your IDE and the project structure should look like mine below Building the Strapi backendWith the project folder now created the first step to building a Strapi backend is to register an admin You can register an admin by filling the form that was provided on startup as I have done below Then click on the “LET S START button This will create your account and take you to the Strapi admin UI which you will use for development configurations Isn t it amazing how you moved from yarn create to having a dashboard where you can create your very own API pretty soon At this point you are ready to use the awesome powers of Strapi in building an API for blog posts Let s proceed Designing the Data StructureAt this point we are going to start creating the data structure for our API We can do this by creating content types The first content type we will build is for posts Go to the Content Types Builder section and click on Create new collection type A modal will appear where you will enter post as the display name The Content Types Builder allows to create and update content types single and collection types Read more Then a modal will appear which you will use to create the fields for the post content type Hmm what fields does a blog post always have…Let s create the following ones title with type Text required content with type Rich Text required image with type Media Single image and required author with type Text required Now you have a post content type with fields Text Rich Text Media and Text Hit Finish then Save Here you go your first content type has been created and you have successfully created the schema for a blog post Schemas help to implement the database s design Database schemas are the blueprints that help developers visualize how databases should be built They provide a reference point that indicates what fields of information the project contains Now on the sidebar we will see the “COLLECTION TYPES section and if you go to the post section you ll find there are currently no posts You can create a brand new post by clicking Add new posts You ll see that you are provided with a CMS for inputting data Go ahead and fill up the fields title featured image author content with information about the first post you d like to add to your database You can add lots of posts if you d like Then hit Save and Publish A screenshot of mine is shown below To view the posts API visit localhost posts P s Notice it pluralized the name of the collection type that we had set initially post You will get a status forbidden error as shown below That s because we attempted to view the API as an unauthenticated user and by default viewing an API requires authentication To make posts public we have to grant read access to the post content type To do this head to the dashboard and under the “GENERAL section Click on the Settings then Roles amp Permission and click on the public role Check the article find and findone options under permission and save With these you have permitted a public user to get all posts GET posts and also get a single post GET posts id something so similar to the REST API GET method Then hit Save Now if we head over to localhost posts you should now see all your posts from the post endpoint this time You can access created endpoints with REST API methods because by default Strapi provides our endpoints via REST but later in this article I will show you how endpoints can be accessed via GraphQLIn the project folder the api config routes json files define all available endpoints for the clients By default Strapi generates endpoints for all your Content Types Read more Looks like we re making progress Doesn t it Now we have created a post the content is stored in your database so that you can have access to your data when you need to If you look through the posts endpoint you d notice that one other benefit of Strapi is that it supports image optimization too You are given the ability to render different image formats including thumbnail large medium and small With Strapi you also don t have to go through the stress of building out an MVC project structure creating a database database connections models etc Here it s all done under the hood for you We ll have a look at that pretty soon Isn t it beautiful to see that we are making headway Back in your IDE you will now see that a api posts folder has been created in the project folder which is a reflection of the posts endpoint you created on the admin panel In the models folder the posts settings json file defines the post schema that you created as shown below As your app grows the more content types endpoints you add up the more folders are created in the api directory Also note that image uploads are stored in the public uploads folder I feel it makes huge sense that all of your code corresponds to all actions made on the dashboard What do you think Understanding and using relations in StrapiLet s say you have a collection of videos and for each blog post a video should be embedded within To establish a connection between a video from the videos collection and its associated blog post you first have to learn how to use relations in Strapi Relation type fields added to a content type from the Content Types Builder allow to establish a relation with another content type mandatorily a collection type These fields are called relational fields With our new found knowledge let s go ahead and create the video collection to demonstrate how to set up relations in Strapi Go to the Content Types Builder section and click on Create new collection type Enter video as the display name Then add the following field for the video content type url with type Text required Hit Finish then Save Now your second content type has been created and you have successfully created the schema for a video To continue grab a video URL perhaps the one for your favorite YouTube video Because we want to create a link between the post collection and the video collection we also need to add a new field called video in the Posts collection The field type for this would be Relation and we can choose the kind of relationship we want between posts and videos by selecting any of the options to keep things simple in this demonstration we ll choose the one to one relationship where a post has a video as shown below Note For a field to be a relation it has to be a collection type Hit the Finish button when you re done Now your post schema should look like this With these the video field in the Posts collection has a relation with the Videos collection To continue navigate to the Videos sections under the “COLLECTION TYPES in your dashboard then click the Add New Video button to add a video to your Videos collection as shown below Hit Save then Publish With the video added we can now link it with a blog post by heading to the post of choice in the Posts collection clicking the Edit button and selecting the video URL you d like to add to that post Tadaa If you visit localhost posts on your browser you will see that the posts endpoint has been updated and the video has been added to the post where you included it as shown below Delivering faster with GraphQL and StrapiDelivering applications faster is always a top priority In this section you will learn how to easily query your data through a generated GraphQL schema To get started with GraphQL in your app you first have to install the plugin by running the following command in your project directory yarn strapi install graphqlWith the GraphQL plugin installed you will be able to add a GraphQL endpoint to fetch and mutate your content Restart the app using yarn developWhen you visit localhost graphql in your browser you should see the interface GraphQL Playground that will help you to write a GraphQL query to explore your dataIf you d like to access the id title url of the featured image author and url of the video for blog posts you can write the query as I ve shown below We were able to grab data pretty fast and conveniently Also using the sidebar you can have a peek at your schema Awesome ConclusionIn this article you learned how fast easy to use and powerful Strapi is for building APIs Setting up our backend was super seamless Just create your collections and Strapi generates RESTful endpoints by default or if you d prefer to use GraphQL endpoints simply install the plugin All of these using best web practices Awesome stuff indeed If you have any questions or suggestions feel free to post a comment email or DM me If you enjoyed this article please hit the LOVE ️button as many times as you wish Thanks ResourcesStrapi developer documentation |
2021-12-07 18:06:34 |
Apple |
AppleInsider - Frontpage News |
iOS 15.2 includes Apple Music Voice Plan, Digital Legacy feature, and more |
https://appleinsider.com/articles/21/12/07/ios-152-includes-apple-music-voice-plan-digital-legacy-feature-and-more?utm_medium=rss
|
iOS includes Apple Music Voice Plan Digital Legacy feature and moreApple s upcoming iOS and iPadOS updates expected next week include a number of significant new features including Apple Music Voice Plan support Digital Legacy and new App Privacy Reports iOS includes Apple Music Voice Plan other new features On Tuesday Apple seeded the first release candidate beta versions of iOS and iPadOS among other updates The release notes for the update details a range of new features Read more |
2021-12-07 18:53:22 |
Apple |
AppleInsider - Frontpage News |
Senate votes to re-appoint FCC chair Jessica Rosenworcel to another term |
https://appleinsider.com/articles/21/12/07/senate-votes-to-re-appoint-fcc-chair-jessica-rosenworcel-to-another-term?utm_medium=rss
|
Senate votes to re appoint FCC chair Jessica Rosenworcel to another termThe U S Senate has voted to re appointment Federal Communications Commission Chair Jessica Rosenworcel confirming her to another term FCC Chair Jessica RosenworcelOn Tuesday the Senate voted to confirm Rosenworcel who has been acting chair of the FCC since the election of President Joe Biden CNBC reported Rosenworcel s re appointment comes a few weeks before her term was set to expire Read more |
2021-12-07 18:21:04 |
Apple |
AppleInsider - Frontpage News |
Apple seeds first Release Candidate beta of iOS 15.2, iPadOS 15.2, tvOS 15.2, and watchOS 8.3 |
https://appleinsider.com/articles/21/12/07/apple-seeds-first-release-candidate-beta-of-ios-152-ipados-152-tvos-152-and-watchos-83?utm_medium=rss
|
Apple seeds first Release Candidate beta of iOS iPadOS tvOS and watchOS Apple has moved on to the fifth round of developer betas providing app makers with the first release candidate builds of iOS iPadOS tvOS HomePod software and watchOS iOS release candidate now availableThe newest builds can be downloaded via the Apple Developer Center for those enrolled in the test program or via an over the air update on devices running the beta software Public betas typically arrive within a few days of the developer versions via the Apple Beta Software Program website Read more |
2021-12-07 18:25:30 |
Apple |
AppleInsider - Frontpage News |
Apple issues fifth developer beta of macOS Monterey 12.1 |
https://appleinsider.com/articles/21/12/07/apple-issues-fifth-developer-beta-of-macos-monterey-121?utm_medium=rss
|
Apple issues fifth developer beta of macOS Monterey Apple has moved on to its fifth and likely final round of testing for macOS Monterey with developers able to try out the next build of the operating system Developers taking part in the test program can download the latest build via the Apple Developer Center or as an update on enrolled devices Participants in the public Apple Beta Software Program can typically expect a similar beta update to be issued shortly after the developer version The fifth beta for this particular version arrives after the fourth which arrived on December The present build number is G Read more |
2021-12-07 18:15:14 |
海外TECH |
CodeProject Latest Articles |
Taking Your Brain to Another Dimension - A C# library for Physical Units |
https://www.codeproject.com/Articles/5306824/Taking-Your-Brain-to-Another-Dimension-A-Csharp-li
|
calculations |
2021-12-07 18:24:00 |
金融 |
金融庁ホームページ |
関東財務局及び中国財務局が高病原性鳥インフルエンザ疑似患畜の確認を踏まえ、金融上の対応について要請しました。 |
https://www.fsa.go.jp/news/r3/ginkou/20211207.html
|
中国財務局 |
2021-12-07 18:15:00 |
ニュース |
BBC News - Home |
Storm Barra: Weather warnings for most of UK as gales and snow hit |
https://www.bbc.co.uk/news/uk-59563935?at_medium=RSS&at_campaign=KARANGA
|
wales |
2021-12-07 18:27:15 |
ニュース |
BBC News - Home |
Biden and Putin hold talks amid Russia-Ukraine tensions |
https://www.bbc.co.uk/news/world-europe-59567377?at_medium=RSS&at_campaign=KARANGA
|
europe |
2021-12-07 18:51:22 |
ニュース |
BBC News - Home |
Amazon services down for thousands of users |
https://www.bbc.co.uk/news/business-59568858?at_medium=RSS&at_campaign=KARANGA
|
alexa |
2021-12-07 18:23:20 |
ニュース |
BBC News - Home |
Christmas dinner costs rise as inflation bites |
https://www.bbc.co.uk/news/business-59562587?at_medium=RSS&at_campaign=KARANGA
|
research |
2021-12-07 18:23:42 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
世界に迫る3つの危機、試練迎える民主国家 - WSJ PickUp |
https://diamond.jp/articles/-/289836
|
wsjpickup |
2021-12-08 03:50:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
飲食業で米国進出の先駆け、ロッキー青木が明かした「成功4つの掟」 - The Legend Interview不朽 |
https://diamond.jp/articles/-/289227
|
thelegendinterview |
2021-12-08 03:45:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
石油会社CEO、堅調な需要の継続に自信 - WSJ PickUp |
https://diamond.jp/articles/-/289837
|
wsjpickup |
2021-12-08 03:40:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
FRB突然のタカ派傾斜、背後で入念な地ならし - WSJ PickUp |
https://diamond.jp/articles/-/289838
|
wsjpickup |
2021-12-08 03:35:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ひろゆきが驚いた「イチローが高校生の脳裏に焼き付けた、ある言葉」 - 1%の努力 |
https://diamond.jp/articles/-/289702
|
youtube |
2021-12-08 03:30:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
自分の気持ちを、素直に受け入れられるクセをつける - 生きづらいがラクになる ゆるメンタル練習帳 |
https://diamond.jp/articles/-/289766
|
|
2021-12-08 03:25:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
見るだけで、 怒りや嫉妬から 解放される開運絵馬 - 1日1分見るだけで願いが叶う!ふくふく開運絵馬 |
https://diamond.jp/articles/-/287109
|
見るだけで、怒りや嫉妬から解放される開運絵馬日分見るだけで願いが叶うふくふく開運絵馬Amazonランキング第位祭祀・。 |
2021-12-08 03:20:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
9割の人が知らない! 「特徴」と「ベネフィット」の違い - コピーライティング技術大全 |
https://diamond.jp/articles/-/288649
|
割の人が知らない「特徴」と「ベネフィット」の違いコピーライティング技術大全発売たちまち重版Amazonランキング第位広告・宣伝、。 |
2021-12-08 03:15:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
受け身な若手が激変する「インプット→アウト会話」 - 若手育成の教科書 |
https://diamond.jp/articles/-/289646
|
曽山哲人 |
2021-12-08 03:10:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
デキるビジネスパーソンが愛用する フレームワーク「STAR」の本質とは? - 真の「安定」を手に入れるシン・サラリーマン |
https://diamond.jp/articles/-/288891
|
デキるビジネスパーソンが愛用するフレームワーク「STAR」の本質とは真の「安定」を手に入れるシン・サラリーマン異例の発売前重版仕事がデキない、忙しすぎる、上司のパワハラ、転職したい、夢がない、貯金がない、老後が不安…サラリーマンの悩み、この一冊ですべて解決これからのリーマンに必要なもの、結論、出世より「つの武器」リーマン力副業力マネー力。 |
2021-12-08 03:05:00 |
コメント
コメントを投稿