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

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	ubuntu cpu limit	https://qiita.com/aizwellenstan/items/38e7dee1efd44bd11442	background	2022-11-23 17:26:49
AWS	AWSタグが付けられた新着投稿 - Qiita	Amazon Time Sync とは	https://qiita.com/miyuki_samitani/items/7dcca44a783603c7201e	amazontimesync	2022-11-23 17:31:45
Docker	dockerタグが付けられた新着投稿 - Qiita	MinIO(S3互換環境)をDockerで構築する	https://qiita.com/n-kng/items/7499bb9d3313c05f99d8	docker	2022-11-23 17:55:33
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerを用いてYOLOXの環境を構築する	https://qiita.com/HarunobuEnami/items/399bab6b60de27dd1ff2	clonegitclonehttpsg	2022-11-23 17:26:13
Docker	dockerタグが付けられた新着投稿 - Qiita	cudaをdockerで使う方法	https://qiita.com/HarunobuEnami/items/de1c15406820ceacff08	docker	2022-11-23 17:13:55
golang	Goタグが付けられた新着投稿 - Qiita	GOで最初につまづいたこと	https://qiita.com/haruchu/items/60d48ca6861386b47ad5	gopath	2022-11-23 17:32:44
技術ブログ	Developers.IO	AWS Systems Manager Session Managerのアクティビティログを出力してみた	https://dev.classmethod.jp/articles/outputting_activity_logs_for_aws_systems_manager_session_manager/	sessionmanager	2022-11-23 08:45:06
技術ブログ	Developers.IO	[アップデート] SNS サブスクリプションフィルターのスコープとしてメッセージ属性に加えメッセージ本文がサポートされました	https://dev.classmethod.jp/articles/amazon-sns-payload-based-message-filtering/	addssupportforpayloadbase	2022-11-23 08:17:21
海外TECH	DEV Community	How to Create a Resume Builder App with Xata and Cloudinary Using NextJs	https://dev.to/hackmamba/how-to-create-a-resume-builder-app-with-xata-and-cloudinary-using-nextjs-4e5c	How to Create a Resume Builder App with Xata and Cloudinary Using NextJs IntroductionResumes play an essential role in getting a job as it aids in ascertaining a candidate s level of competency for a job role That said it needs to be built with care In this article we will learn how to use Xata a serverless branch able scalable consistent highly available searchable database to build a resume builder s backend and Cloudinary a cloud based asset management service to manage all assets At the same time Next js will be used to handle the front end development Here s a sneak peek at what we ll be buildingThe source code of the project is available here on GitHubHere is a working demo on CodeSandbox Project DemoThe video below shows what we will be building in this article Why Xata and CloudinaryXata allows us to combine a Serverless Relational Database a search engine and an analytics engine all behind a single consistent API There s also support for edge caching a workflow for zero downtime schema migration and first class branch support At the same time Cloudinary gives us a lot of power to optimize and transform images automatically which makes it easy to build any application PrerequisitesTo follow along we will need the following Basic knowledge of Next js Basic knowledge of JavaScript TypeScriptNode js installed Project OverviewIn this project we will examine how Xata works as a serverless database that can power the backend of any application Also to explore the beauty of assets management Cloudinary has to offer Below are the packages we will use in this project Next js A React Framework to build our Frontend Xata A Serverless Data Platform to build our backendCloudinary To power and manage our assets Tailwind CSS A utility first CSS framework to support and develop our designReact Hook Form To handle all our form inputReact Icons To add beautiful Icons to our pages Base Passwords are encoded using Base ReactToPrint To print our components in the browserjsPDF A library to generate our PDFs in JavaScript Yup A JavaScript schema builder to parse and validate our form input values React hook form validation resolver A JavaScript schema builder to parse and validate our form input values HeroIcons Project PagesIn the Project we will have the following PagesHome Landing PageSignup PageLogin PageDashboard PageMy Resume PageEdit ResumeDownload ResumeCreate Resume Page Getting StartedIn this section we will be doing the following Creating a Database on XataBuilding the front end with Next jsCloudinary SetupLinking our Database with our Frontend and CloudinaryDeploying Our App to Netlify Creating a Database on XataTo create our Database we need to login into our Xata dashboard by clicking any preferred login optionAfter logging into our dashboard click on the Add a database button to create a database Clicking the Add a database button we can now specify the name and location of our database For this project we will name our database “basic info as shown in the image below We can change it to any other name if we want Creating tablesNow we need to create the tables for our project In our project we will need two tables namely basic infouser tableXata represents data as tables columns and rows Schemas describe this structure Click on Add a Table and enter a name to add a table Defining schemaWe can now define our project schema for our table by clicking the “ icon on the table header By default all tables contain one column the ID column which gives each row a unique identifier It can have any value that is unique across all rows of data In adding columns we find that each column has various types We will use string throughout our project schemas as shown below The User table looks like this after we have created our schema columns In our basic info table we need to create our schema columns with the names Working with our dataWe are now ready to process requests for data from clients and insert incoming data into our database after setting it up as described above To look at how we can use our data we now have to proceed to step two under the Getting started above Building our front end with Next js Building the front end with Next jsFor fast development we will clone the Example repo from Xata This example showcases how to use Next js with Xata as our data layer With this template we will get out of the box API Route to connect to your Xata databaseType safe CodegenAccessibility ReadyDark Light modeRespect prefers reduce motion for CSS TransitionsBootstrapping our Next js AppTo proceed we copy the command below and paste it into our project folder in the terminal to bootstrap the Xata Example repo npx create next app example with xata with xata appNow we can navigate to the project directory by running the following cd with xata appAlso we can type git clone and then paste the URL below to clone the example repo git clone then we navigate into the project directory by running cd next jsthencd examplesthencd with xataLinking Xata Workspace and Running CodegenThe next step is to link our Xata Database to our client side To accomplish this we need to install Xata CLIIt will help us manage our databases more effectively To install the Xata CLI globally we run the command below npm i location global xata io cliTo use the Xata CLI we need to authenticate it to access our workspace and database We will be doing this globally by running the following xata auth loginIn our terminal Using the xata auth login gives us two options To create a new API Key This will open our browser and when we re logged in Xata allows us to create a new API key for use with the CLI Use an existing API Key This will prompt for an existing key we have which we can paste into our terminal We will go with the first option for this project creating a new API key Upon providing an API key a global configuration of the CLI will be made which stores our API key in config xata credentials Now that we know all the steps to set up our Xata CLI let us run Xata auth login in our terminal using the code below xata auth loginHere is what our project folders should look likeInstallationThe next step is to install all the packages we will use for our project starting with Tailwind CSS by following the Installation guild hereNext is to install other packages listed above by running the below command in our terminalnpm install react hook form react icons base react to print jspdf yup It is essential to verify the dependencies in the package json file to confirm whether they have been installed This should be the current state of our dependencies Cloudinary setupTo set up our Cloudinary account we must follow the Cloudinary React image transformations documentation in this guideNext is to install Cloudinary React which allows us to quickly and easily integrate our application with Cloudinary and Cloudinary URL gen This enables us to create Cloudinary URLs for our images and videos by running the command below npm i cloudinary react cloudinary url gen Linking our Database with our Frontend and CloudinaryOur Components Below is the list of components we will use in our project Download jsx Here is our preview resume component DownloadandPreview jsxThis is our Download and Edit component Button Education ComponentThis is the Education section in our resume Extras jsThis is the Extras section of our resume Imagesandmedia jsThis is the Image and media section of our resume Interest jsThis is the Interest section of our resume Nav jsx Nav Section of our pages References js Reference Section of our Resume Skills js Skills Section of our Resume TopMenu jsxTop Menu section of our Resume The next folder is our context folder which has the following structure Inside our globalContext jsx we have and signupContext jsx we have After creating our components and state context we can move on to creating our project APIs which have the following structure edit js This handles our CV editing fetchall jsFetch all user API getuserGet all user s API signup js Signup API upload jsThis handle or CV Form creation Our PagesAlso most of the content here will be code snippets from our code Please find the code here on GitHub Pages Structure index js Our landing pages signup js login jsx stepone jsx Dashboard jsx steptwo jsxEdit Page Preview jsxThe page to download our Resume Our StylesheetsAlso most of the content here will be code snippets from our code Please find the code here on GitHub Pages Structure Home module css Nav module css Preview module css root module css Signup module css steptwo module css Deploying Our App to NetlifyOur app must now be deployed to Netlify using this guide after we have linked our front end to our database ConclusionThis post discussed creating a Resume Builder App with Xata and Cloudinary Using NextJs I hope you enjoyed reading this article Here is a list of what we did in this article Set up a Next js project Make use of Xata for backend servicesManage assets with CloudinaryUse CSS and Tailwind CSS in a Next js projectManage state using the Context API in a Next js project Use NPM packages Project Overview Resources and ReferencesThese resources might be helpful Xata docCloudinary Image transformations with ReactHow to Deploy Next js Sites to Netlify	2022-11-23 08:14:27
海外TECH	DEV Community	Django Material Kit - Free PyPi Library	https://dev.to/sm0ke/django-mkit-open-source-pypi-library-gj4	Django Material Kit Free PyPi LibraryHello Coders This article presents an open source theme for Django that can be used and installed as a library Django Material Kit Library allows integration of a modern Bootstrap Design into any Django project without much effort Thanks for reading Django Material Kit the library source codeDjango Material Kit LIVE DemoMaterial Design the kit used to style the library is crafted and released for free by Creative Tim Designed for those who like bold elements and beautiful websites Material Kit is ready to help you create stunning websites and web apps Material Kit is built with over frontend individual elements like buttons inputs navbars nav tabs cards or alerts giving you the freedom of choosing and combining VIDEO TranscriptGeneral informationAccess the LIVE DemoAccess the playground projectVisualize the configuration amp routingUpdate the code minor changes This Freebie Bootstrap Design System is coming with prebuilt design blocks so the development process is seamless and switching from our pages to the real website is very easy to be done Example Pages If you want to get inspiration or just show something directly to your clients you can jump start your development with our pre built example pages You will be able to quickly set up the basic structure for your web project Django MKit Library Team Component Thanks for reading For more resources please access Free support provided by AppSeed email amp Discord More free apps crafted in Flask Django and React	2022-11-23 08:05:54
海外TECH	DEV Community	SQL Vs NoSQL	https://dev.to/bekbrace/sql-vs-nosql-2nbe	SQL Vs NoSQLToday s topic is very important one especially if you want to become a full stack web developer or a back end developer I m going to be discussing the main differences between sql and nosql databases This is in fact a question that I have received a few timesand I decided to explain the main distinctions between both creeds if I may say so let s check out the main points that we re going to be discussing What is SQLwhat is NoSQLGuide on how and what to choose andWhen would you want to use SQL or NoSQLEnjoy the video if you want to continue Thank You	2022-11-23 08:00:49
海外TECH	Engadget	Xiaomi's 12T Pro gets a 'fictional archaeology' makeover	https://www.engadget.com/xiaomi-12t-pro-daniel-arsham-edition-080659553.html?src=rss	Xiaomi x s T Pro gets a x fictional archaeology x makeoverEven if you aren t familiar with Daniel Arsham chances are you might have already come across his crystallized Pokémon sculptures Fans can now get a similar makeover on a smartphone by way of a collaboration between Xiaomi and the New York based artist The Xiaomi T Pro Daniel Arsham Edition features a faithful reproduction of the artist s iconic fictional archaeology vibe which mainly consists of bronze crystals set in an eroded green patina nbsp You won t find any protruding crystals on the phone but the coating s printed gems and parts of the patina give off a convincing shine as you slowly tilt the device Likewise the software s matching theme comes with a live wallpaper that gently shifts according to the device s motion in order to create a D illusion XiaomiInternally the Xiaomi T Pro Daniel Arsham Edition is powered by Qualcomm s Snapdragon Gen processor and it s maxed out with GB of RAM plus GB of storage When we briefly played with the original model we were intrigued by the results from the whopping megapixel main camera Like before this package includes a W charger but in a matching dark green color and it can apparently fully charge the phone s mAh battery in just minutes The Xiaomi T Pro Daniel Arsham Edition is asking for euros about and it ll be limited to just units These will only be available in Europe starting from December th with Xiaomi and Highsnobiety taking online orders If you happen to be in Berlin on launch day and the following day you can also swing by the dedicated Xiaomi x Daniel Arsham pop up store also	2022-11-23 08:06:59
海外ニュース	Japan Times latest articles	Wounded Argentina aims to move past Saudi trauma	https://www.japantimes.co.jp/sports/2022/11/23/soccer/world-cup/argentina-saudi-trauma-messi/	Wounded Argentina aims to move past Saudi traumaLionel Messi s fifth and final attempt to match Diego Maradona s immortality among Argentinians by winning soccer s greatest prize could not have started worse	2022-11-23 17:24:21
ニュース	BBC News - Home	China Covid: Angry protests at giant iPhone factory in Zhengzhou	https://www.bbc.co.uk/news/world-asia-china-63725812?at_medium=RSS&at_campaign=KARANGA	police	2022-11-23 08:28:53
ニュース	BBC News - Home	Justin Langer: Ex-Australia coach says some players were 'cowards'	https://www.bbc.co.uk/sport/cricket/63726442?at_medium=RSS&at_campaign=KARANGA	Justin Langer Ex Australia coach says some players were x cowards x Ex Australia coach Justin Langer says some of his former players were cowards for making anonymous complaints about him in the media	2022-11-23 08:43:07