投稿時間:2023-01-02 00:10:23 RSSフィード2023-01-02 00:00 分まとめ(11件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWSタグが付けられた新着投稿 - Qiita	Aurora Global Database のハンズオン (Amazon Aurora Labs) を触ってみた	https://qiita.com/sugimount-a/items/3e06fb677fae68bd1938	aurora	2023-01-01 23:00:39
Linux	CentOSタグが付けられた新着投稿 - Qiita	Zabbixを使ってサーバ証明書の有効期限を監視してみた	https://qiita.com/santasan1224/items/9929aaa740b14800c3f9	zabbix	2023-01-01 23:27:01
海外TECH	DEV Community	HTML Template Tag Explained	https://dev.to/arafat4693/html-template-tag-explained-3859	HTML Template Tag Explained What Is The Template Tag In HTML the template tag is used to define a template for a web page or a portion of a web page The content of the template tag is not rendered when the page is loaded but it can be used as a blueprint for generating new DOM elements at runtime The template tag is often used in conjunction with JavaScript and the Document Object Model DOM to create dynamic interactive web pages For example you might use the template tag to define a form that can be cloned and added to the page multiple times or to create a list of items that can be filtered and sorted by the user Here is an example of the template tag in action lt template id item template gt lt li class item gt lt span class item name gt lt span gt lt button class remove button gt Remove lt button gt lt li gt lt template gt In this example the template tag defines an li element with a class of item and two child elements a span with a class of item name and a button with a class of remove button The template tag and its contents are NOT rendered when the page is loaded but they can be used as a blueprint for creating new li elements at runtime How To Use The Template Tag In JavaScript To use the template tag in JavaScript you can use the querySelector method to select the template element and then use the content property to access the contents of the template element Here is an example of how you might use the template tag in JavaScript Select the template elementlet template document querySelector item template Access the contents of the templatelet templateContent template content Create a new DOM element using the templatelet newItem document importNode templateContent true Update the text of the new elementnewItem querySelector item name textContent Item Add the new element to the pagedocument querySelector items appendChild newItem In this example we use the querySelector method to select the template element with an id of item template We then use the content property to access the contents of the template element which is a DocumentFragment object Next we use the importNode method to create a new DOM element based on the template Finally we use the querySelector method to select the span element with a class of item name and use the textContent property to update the text of the element Finally we use the appendChild method to add the new element to the page ConclusionIn conclusion the template tag in HTML allows you to define a template for a web page or a portion of a web page The content of the template tag is not rendered when the page is loaded but it can be used at runtime using JavaScript and the DOM A tool like the template tag to make working with dynamic JavaScript easier is a great addition to your toolbelt and something you will surely need in the future	2023-01-01 14:40:00
海外TECH	DEV Community	React query - The juicy parts	https://dev.to/dawkaka/react-query-the-juicy-parts-172i	React query The juicy partsSo I came across react query when I was building my first startup and I checked it out On the one of the pages it said if you handled caching pagination etc then you re good so I was like I ve handled all these myself I m good I was wrong and I ended up not using react query but then I kept seeing people praise react query so I decided to use it for my second startup and ooh boy it s so dang good that I m glad I didn t use it at first because I now appreciate the problems it solves the time it saves and the overall developer experience is excellent In this article I ll talk about Problems react query solvesUsing react query focusing on the juicy parts Problems React query solvesIn a typical full stack application there is an HTTP request and response cycle going on There are different request methods these include GET POST PUT DELETE PATCH etc These methods can be grouped into two groups i e fetching data from server and updating server data GET falls under fetching data and the rest fall under updating data because of this the foundation of react query is also fetching and updating data Just fetching and updating data is easy you can do it with axios or the browser fetch api but in most applications just fetching and updating data is not enough to give users a good experience and also not optimizing this process will result to excess load on the server and so you want to cache data when necessary when a user makes a POST request you update already fetched data or invalidate cache if necessary also if data is too large you fetch the data in chunks pages and so you ll need to handle paginationin summary react query solves these common problems querying parallel queries dependent queries etc caching paginationmutations updating data invalidating and updating cached data managing state React query is a lot and so based on the above common problems I ll be focusing on the juicy parts Using react query focusing on the juicy parts Based on my experience I found the juicy parts to be useQueryuseQueriesuseMutationuseQueryClientuseInfiniteQuery useQueryuseQuery is the hook used to make http GET requests A basic usage example is const data isLoading isError useQuery users gt axios get then res gt res data staleTime The useQuery hook takes three arguments you can also use the object syntax which is basically the same thing query keyquery function andoptionsuseQuery queryKey queryFn options Query keyThe query key is what react query uses to know which cached data to return when you re making the same request react query checks if there is data associated with the cache key and if the data is valid then it returns that data How does react query know if data is stale or invalid you tell react query when cached data should not be used by using the staleTime option and invalidateQuery method of useQueryClient we ll get into those later They query key can be a string an array of strings and an array with nested objects When a single string is used as query Key it s converted to an array with that string as the only item Examples Valid query keys queryKey followers Converted to followers queryKey followers user name john doe queryKey followers user name jane doe verified true Query Keys are hashed deterministically which simply means for query keys with nested objects the order of the keys of those objects don t matter These query keys are all equal useQuery users verified followers count queryFn options useQuery users followers count verified queryFn options However for array items the order is important These query keys are not equaluseQuery followers user name queryFn options useQuery user name followers queryFn options Query functionThe query function is the function that makes the API call and whatever data the function returns is what get assigned to data returned by the useQuery hook For example const fetchUsers gt axios get Here data will be axios response const data useQuery users fetchUsers console log data data is the response that was provided by the server data users user user user user status statusText OK headers config request With this value of data if we want to access the data returned by the server users will have to use data data usersBut when making API mostly is the data returned by the server that we want so it s good to make your query function return that insteadExample const fetchUsers gt axios get then res gt res data Here data will be what server returns const data useQuery users fetchUsers console log data users user user user user You don t need to catch errors react query will do that for you and return it as error in the useQuery return object more on that later OptionsOptions is the optional third parameter of the userQuery hook There are lot of options you can add to the Options object but as usual we are going to focus on the juicy ones you can check the react query documentation for the rest The ones we are focusing on include staleTimeenabledretryonSuccessonErroronSettledd staleTimeThe time in milliseconds after which data is considered stale If set to Infinity the cached data will never be stale It defaults to When staleTime is react query will always re fetch data whenever the component is mounted or when user focuses on window when they focus after leaving the browser but when staleTime is set react query by default will not re fetch data until the time set has passedExample const data isLoading useQuery users fetchUsers staleTime minute react query by default will only re fetch data if last fetch time was more than minute ago Notice I keep using by default this is because this behavior can be changed you can tell react query to re fetch data on component mount or on window focus regardless of if data is stale or not Here is how const options refetchOnMount always refetchOnWindowFocus always enabledThe enabled option is used to tell react query whether to fetch the data or not react query fetches data only if enabled is true For example if you have a search feature on your app and you only want to make the API call when the user enters up to three characters You can do that by using the enabled option Example const query setQuery useState const data isLoading useQuery search searchUsers enabled query length gt retryretry option simply tell react query what to do when a query fails if set to true react query will retry infinitely until the query is successful if set to false react query will not retryalternatively you can set it to a numbereg if set to retry react query will retry times when the query first fails onSuccess onError and onSettledonSuccess is a function that gets called when a query is successfulonError is a function that gets called when a query fails and onSettled is a function that gets called when query is settled whether it s successful or it failed const query setQuery useState const data isLoading useQuery search searchUsers enabled query length gt onSuccess data gt Called when data is successfully fetched onError error gt Called when query fails onSettled data error gt Always called regardless of the outcome useQuery return ObjectWent through how to use useQuery now let s talk about what it returns the object returned by the useQuery hooks has a lot of properties and will focus on the Here there aredata this is the data returned by the query function if query is successfulerror this receives the error as a result of a failed query network error or error return by server isLoading a boolean which is set to true if there s no cached data and no query attempt was finished yet and false otherwiseisError a boolean which is set to true if query fails isFetching a boolean which is set to true whenever the queryFn is executing which includes initial loading as well as background refetches and false otherwise isSuccess is true if a query is successfulThe difference between isLoading and isFetching is that isLoading is only set to true on first fetch i e no cache data or query has not be executed before but isFetching is set to true on first fetch and when fetching is happening in the background refetching on mount refetching on window focus etc useQueriesuseQueries is simply making two or more useQuery at the same time and it returns and array of useQuery return object for each query Usage const results useQueries queries queryKey user user name queryFn fetchUser staleTime Infinity queryKey posts user name queryFn fetchUserPosts staleTime Infinity In the above example results is an array of useQuery return value for each query inside the queries array useMutationThis hooks is used to make update HTTP requests these requests make changes to the data on the server as a result it could make already cached data with useQuery in correct we ll learn how to use useMutation in combination with useQueryClient to make changes to data on the server and invalidate cached data that may be affected by those changes Basic Usage const changeName useMutation newName gt return axios put user name name newName onSuccess data gt const message type data data onError err gt console log err That is how you initialize a react query mutation But this doesn t make any request yet calling useMutation returns and object with the following propertiesmutateisLoadingisErrorisSuccessdataerror etc We ll be focusing mutate because the rest work similar to that of useQuerymutate is function that when called makes the actual update http request with regards to the above example to make api request to change a user s name will do something like thisfunction ChangeName const changeName useMutation newName gt return axios put user name name newName onSuccess data gt Success same as that of useQuery onError err gt Error same as that of useQuery return lt form onSubmit event gt event preventDefault Call mutate to invoke the useMutation function changeName mutate new FormData event currentTarget get new name gt lt input name new name gt lt button type submit gt Change lt button gt lt form gt That s mostly all you need to know about useMutation In the above code the use just change their name assuming we ve fetched user data with useQuery and used user as our query key with staleTime of Inifinity this will mean that old name will continue to be showed even though the name has changed We need a way to tell react query that the cached data is not longer correct and it should be refetched we ll discuss that in the next chapter useQueryClientThe useQueryClient hooks returns the QueryClient instance which is passed as a prop to QueryClientProvider which means it gives us access to the heart of react query and we can do cools things with it We ll focus on using it to invalidate queries and also update cached data Invalidating queriesSo in the above useMutation example we needed a way to tell react query that the user data is no longer accurate and so it should refetch This is how we do that using useQueryClient function ChangeName const queryclient useQueryClient const changeName useMutation newName gt return axios put user name name newName onSuccess data gt This will invalidate the cached user data and the user data will be refetched queryclient invalidateQueries user onError err gt Error same as that of useQuery return lt form onSubmit event gt event preventDefault Call mutate to invoke the useMutation function changeName mutate new FormData event currentTarget get new name gt lt input name new name gt lt button type submit gt Change lt button gt lt form gt What we just did above is good but should be we refetch the user data just because the name has changed NO Since the change happened on the users browser and we know the new name we could just update the user s cached data with the new name by use setQueryData method of the queryClient you can use that to modify cached data Here s how function ChangeName const queryclient useQueryClient const newName setNewName useState const changeName useMutation newName gt return axios put user name name newName onSuccess data gt This doesn t cause refetch and we also have correct data queryclient setQueryData user oldData gt return oldData name new name onError err gt Error same as that of useQuery return lt form onSubmit event gt event preventDefault Call mutate to invoke the useMutation function changeName mutate newName gt lt input name new name value newName onChange e gt setNewName e target value gt lt button type submit gt Change lt button gt lt form gt Another important aspect of invalidating queries is using the right query keys const queryclient useQueryClient The code below also invalidates queries with the following keys user followers user user name queryclient invalidateQueries user Alternative you can use the exact property to make sure only queries that exactly match the query key get invalidated const queryclient useQueryClient Does not invalidate queries with the following keys user followers user user name queryclient invalidateQueries user exact true useInfiniteQueryAssuming you re building an application that has comment section and a post has comments when a user clicks to see the comments you wouldn t want to send all comments to the user reason being the user can not read all comments you ll be using too much bandwidth and it ll take a long time to load instead you ll want to fetch the comments in chunks say and when user clicks load more or has finished reading those when the last comment is in view you then fetch then and so on You can do this with axios and useState but react query made incredibly easy Like the useQuery hook useInfiniteQuery takes queryKey queryFn and options you can also box queryKey and queryFn in the options object and it s also what the react query team recommends useInfiniteQuery also takes another important option which is getNextPageParam and it also returns an important function called fetchNextPage These two functions are very important when using useInfiteQueryUsage const fetchComments pageParam gt axios get BASEURL comments postID pageParam then res gt res data const data fetchNextPage hasNextPage isFetching isFetchingNextPage useInfiniteQuery comments postID fetchComments Function that tells react query the page to fetch next getNextPageParam lastPage pages gt if lastPage pagination isEnd return undefined return lastPage pagination next staleTime Infinity Let s break the above code down starting with pageParampageParam is cursor or the page we re fetching for the initial fetch it s or depending on you handle pages on the backend So what about the subsequent queries how does react query now the page it should fetch that s what the getNextPageParam does It is a callback function that react query passes lastPage and pages to and then calls the function whatever the function returns becomes the pageParam for the next query if it returnsundefined it means we ve reached the last page and there are no more pages to fetch If the getNextPageParam returns undefined the hasNextPage property of the returned value of useInfiniteQuery is set to false otherwise it s set to true You can use the hasNextPage value to know whether to show load more button or not the lastPage parameter is the data returned by the server after the last fetch and pages is data of all fetches pages do determine what page to fetch next the server normally returns something like comments pagination next isEnd false So the get the next pageParam we use lastPage pagination next and if the isEnd is true we return undefined to tell react query that we ve reached the end of the comments Once you have your getNextPageParam function set up all you need to do to fetch next page is to call the fetchNextPage property of the useInfiniteQuery return object So when user clicks on load more you call fetchNextPageExample putting it all togetherfunction Comments const fetchComments pageParam gt axios get post comments postID pageParam then res gt res data const data fetchNextPage hasNextPage isFetching useInfiniteQuery comments postID fetchComments getNextPageParam lastPage pages gt if lastPage pagination end return undefined return lastPage pagination next staleTime Infinity Since data returns an array of pages you ll need to combine all the pages into one array so you can map all comments and render on user s screen let comments any if data pages for let page of data pages comments comments concat page comments return lt div gt comments map comment gt return lt Comment key comment id user name comment user name comment comment comment date new Date comment created at likes count comment likes count gt hasNextPage amp amp lt div style height px gt isFetching lt button onClick gt fetchNextPage gt Load more lt button gt lt Loading gt lt div gt lt div gt Alternatively you can use intersectionObserver to automatically load comments so user doesn t have to click on load more making it an infinite scroll Example function Comments const fetchComments pageParam gt axios get post comments postID pageParam then res gt res data const data fetchNextPage hasNextPage isFetching useInfiniteQuery comments postID fetchComments getNextPageParam lastPage pages gt if lastPage pagination end return undefined return lastPage pagination next staleTime Infinity Since data returns an array of pages you ll need to combine all the pages into one array so you can map all comments and render on user s screen let comments any if data pages for let page of data pages comments comments concat page comments Load comments automatically use intersectionObserver api const loaderRef useRef null useEffect gt const observer new IntersectionObserver entry gt if entry isIntersecting fetchNextPage threshold if loaderRef current observer observe loaderRef current return gt observer disconnect return lt div gt comments map comment gt return lt Comment key comment id user name comment user name comment comment comment date new Date comment created at likes count comment likes count gt hasNextPage amp amp lt div ref loaderRef style height px gt isFetching amp amp lt Loading gt lt div gt lt div gt If you are not familiar with intersectionObserver you can learn more about it here ConclusionThe topics we ve discussed in this blog are the ones I found most useful If you find yourself trying to do something not covered in this article there is a high chance react query allows you to do that check the react query documentation and you ll find it the react query team thought of everything	2023-01-01 14:17:41
海外TECH	Engadget	Tech that can help you stick to your New Year’s resolutions	https://www.engadget.com/tech-to-help-you-stick-to-new-years-resolutions-150034002.html?src=rss	Tech that can help you stick to your New Year s resolutionsRegardless of how went for you is another chance for all of us to make the new year better than the one that came before it We set New Year s resolutions with the best of intentions but it s no wonder that so many people fail after just a few weeks old habits die hard Just as it s important to have a supportive group of people cheering you on during those particularly hard days it s also important to have tools that make it easier to achieve your goals Whether you re trying to get healthy be more organized or read more there are tech tools that can make your journey a bit easier and maybe even more enjoyable Fitness trackerWill Lipman Photography for EngadgetIf you re attempting to turn over a new healthy leaf this year you re not alone Fitness trackers and their companion apps are highly sought after this time of year because they can help you stick to those new movement hydration and sleep habits you re trying to build Fitbit s Inspire is an all around good option not only because it s relatively affordable at but because it does pretty much everything a beginner would need a fitness tracker to do It tracks daily steps calories heart rate sleep and more and it comes with goal based exercises that you can manually track or let the device s automatic SmartTrack feature monitor for you It also has day battery life so you rarely have to take it off to charge it If you re already a runner or a cyclist or want to be one we recommend upgrading to the Fitbit Charge instead You ll get all of the features that the Inspire has along with onboard GPS for mapping outdoor workouts and Fitbit Pay for contactless payments That way you ll be able to go for a run in the morning and stop to grab a coffee without bringing your phone or your wallet with you SmartwatchCherlynn Low EngadgetIf you d rather invest in an all purpose wearable that also has serious fitness chops the Apple Watch SE is a good choice While it doesn t include all of the bells and whistles that the pricier Series does it still offers the same core experience as any Apple Watch It tracks all day activity and heart rate and watchOS finally offers basic sleep tracking too In addition to built in GPS for outdoor workouts it tracks dozens of trackable exercises and supports fall detection and high and low heart rate notifications It s also quite good at automatically recognizing when you re working out and prompting you to start tracking your efforts On top of all that the Apple Watch excels over basic fitness trackers when it comes to table stakes smartwatch features You ll be able to send and receive text messages from the device as well as control music playback smart home devices and more Workout classesmillann via Getty Images Finding exercise classes that you enjoy can make working out a habit you re more likely to stick with for the long haul You may prefer to do this through your local gym ーthat push to get out of the house and into a dedicated exercise space can be really effective for some ーbut there are plenty of on demand fitness classes as well that you can participate in from the comfort of your living room I ve tried my fair share of these services and my favorite has been Peloton No you don t need one of the company s expensive bikes or treadmills to take advantage of their classes Access to the app only version of the subscription costs per month and it lets you take HIIT strength yoga and even outdoor running classes many of which require little to no equipment at all If Peloton isn t your speed Apple Fitness is a good alternative especially now that anyone with an iPhone can subscribe and take classes regardless of whether they own an Apple Watch Alo Moves is another good option for those who prefer yoga and pilates workouts If you can t afford another monthly subscription fee the internet has tons of free exercise resources ーyou just have to work a little harder to find the ones you jive with most I highly recommend Fitness Blender a free website where you can watch hundreds of workout videos and even set a schedule for yourself assigning videos to specific days of the week I like the quality and consistency of their videos but you may connect more to YouTube workout videos if they re taught by instructors you like Heather Robertson and Move with Nicole are two personal favorites Habit trackerForestAt least in the beginning keeping track of new habits you re trying to build can help you stick to them While you can get deep into this subject if you wander down the bullet journal rabbit hole a habit tracking app is probably the easier option Done and Strides are two iOS options that let you log when you ve completed a new habit you re trying to build or when you avoided a bad habit that you re trying to break You can get pretty granular customizing how often you want to do a task setting reminders to log reviewing stats and more However both apps have paid tiers to which you ll be asked to subscribe after you create a few trackable habits If you d rather avoid yet another subscription consider an app like Streaks which can be all yours for a one time fee of As for Android Grow is a free app that takes a similar approach to habit tracking that Forest takes with time management Plant a virtual tree for each new habit tracked and watch it grow every time you log a completion There s also Habitica which turns habit tracking to an bit RPG game where you level up your custom avatar by checking things off your list To do and note taking appsThings The new year provides an opportunity to get back on track and one way to do that is by finding organizational tools that work for you ーand making sure they re as uncomplicated as possible The worst thing that could happen is that your to do list or note taking system ends up being so cumbersome that you avoid using it Keeping all of your necessary tasks in your head may work on easy days but it can quickly get overwhelming when you have a million things to handle in both your personal and professional life I m a fan of Todoist and Things for iOS and macOS only because both are detailed enough for big work projects but simple enough for personal tasks Both also have a Today view which will show everything across all of your projects that need attention immediately While Todoist has a free tier you ll pay to get Things for iOS iPadOS and macOS Microsoft s To Do is an alternative that while less involved than Things is free and works on almost every platform including Windows iOS and Android among others You can keep it simple and just have a task list and a grocery list or you can go deeper and add due dates sub tasks and even share lists with family members And if you don t want to bother with an extraneous app you can always opt for the reminders app that most likely came preinstalled on your phone That would be Reminders for iOS users and Google Keep for Android users Google Keep also doubles as a note taking app which will be a better solution if you ve been constantly jotting down ideas for new projects on Post It notes or scraps of paper that you eventually lose Apple Notes is the default option for this on iOS devices and there are plenty of other note taking apps out there as well I m partial to Evernote simply because it s become my digital file box of sorts I often forward things like online order receipts messages from my doctor s office and e signed contracts from my email to Evernote so I can keep track of them and find them more easily in the future if need be Password managerPassword If you re looking to up your digital security game in the new year a password manager is a great place to start I m partial to Password but there are plenty of other options including LastPass which has a free version Bitwarden and Dashlane After saving all of your passwords for various accounts you only need to remember one hence the name to log in to your Password account and access all of the others The service has browser extensions Chrome Edge and others that will let you seamlessly log in with the proper credentials with just a few clicks and Password has apps for most platforms including iOS and Android so you can use it on all of your devices I also appreciate the Password Generator feature which helps you create a new secure password whenever one of yours has expired LastPass has this too and Dashlane even has a free tool that anyone can use to make more secure passwords Not only does this take the onus of coming up with a strong key off your shoulders but it also makes it easy to override old credentials with new ones Cable and accessory organizerBellroyOne of the consequences of the past couple of years is the dual office life Many of us now work both from home and from an office and the last thing you want to do when you arrive in either place is rummage around your backpack only to realize that you ve left your mouse charging cable or dongle at your other desk An organizer bag can prevent this before it happens we recommend BagSmart tech organizers thanks to their utilitarian water repellent designs and their multiple pockets and dividers They also come in different sizes so you can pick the best one for your commuter bag If you want something a bit more elevated Bellroy s Desk Caddy is a good option It s pricier but for the money you get a more elegant silhouette higher quality materials and a design that sits upright when full and has a front panel that fully folds down to give you a good view of what s inside Computer docking stationWill Lipman Photography for EngadgetIt s all too easy for your work from home setup to get really messy really quickly When you re going through your busiest times at work the last thing you re thinking about is cable management but dedicating a bit more effort into tidying up your workspace can make your day to day more efficient and more enjoyable We recommend some sort of docking station to keep your laptop monitors accessories and the like in check Anker s Thunderbolt docking station is a good pick with a generous selection of ports that include dual Thunderbolt sockets two USB C connectors four USB A ports an Ethernet jack and more Plus it can connect to two K displays at once You can even pair it with up to a K Hz monitor if you wish We also like that it provides W power to your laptop so it will keep your machine charged while you use it The is a stationary option but there are plenty of adapters out there that can give you similar organization while on the go albeit in a less elegant package Anker s USB C hub is an affordable solution that includes an HDMI port microSD and SD card readers two USB C connections and two USB A sockets It also supports W power pass through so you can charge your laptop through the hub while using it Instant PotInstant Pot Best Buy Eating healthier ーor even just avoiding takeout multiple times a week ーcan be challenging in part because it usually means cooking more at home Not only is that hard to do when you re starting from zero but it s especially tough because it takes more time than ordering in from your phone But tools like an Instant Pot can make the process easier because it cuts your active cooking time down drastically You can find a plethora of recipes in which you simply throw a bunch of ingredients into the pot set it and forget it until it s time to eat We recommend the Instant Pot Duo for beginners because it s relatively affordable and combines seven different cooking methods into one appliance including rice cooking steaming pressure cooking slow cooking and more If you re primarily cooking for yourself and a partner the three quart model will serve you just fine but we recommend the six quart model if you re routinely cooking for four or more If the thought of cooking at home actually excites you rather than fills you with anxiety consider the Instant Pot Ultra which includes a few extra modes like cake maker and egg cooker or the Instant Pot Duo Crisp which includes an air fry lid Recipe organizationRichLegg via Getty Images One of the best things about cooking at home is finding recipes that you love so much that you want to make over and over again You ll want to keep those recipes safe and readily available so you can refer to them when you need a quick weeknight meal or a dish to bring to your next family reunion Recipe cards are a great way to do this and you ll build up your rolodex of delicious meals over time If you d rather have a cookbook of sorts that you fill in yourself over time opt for a recipe book instead If you d rather keep your arsenal of recipes accessible at any time anywhere from your phone Paprika s recipe management app is the best solution I ve tried The app basically acts as your digital recipe box allowing you to enter recipes of your own as well as download them from the internet You know those hundreds of words that precede online recipes in which the author divulges their entire life story before telling you their secret to making deliciously moist cornbread Paprika strips all of those unnecessary bits out and only saves the ingredient list and the instructions You can also make grocery lists and keep track of pantry staples in the app so don t be surprised if it quickly becomes one of your most used kitchen tools Reading appScribdDon t take your habit of doom scrolling into the new year You could instead use the internet to find other things to read and the free Libby app is a good place to start Powered by Overdrive it connects you with your local library s digital collection allowing you to borrow and download all kinds of e books audiobooks magazines graphic novels and more Libby also has a tag system that you can use to “save titles for later without actually putting a hold on them although you can do that in the app too If you find a bunch of audiobooks you eventually want to get to you can give them all a “TBR tag so you can quickly find them and borrow one when you need new reading listening material As someone who uses Libby on a regular basis I love how easy it is to borrow from my local library without leaving my home However there have been numerous times in which my library doesn t have a title I m looking for If that happens to you often you may want to consider a subscription service like Kindle Unlimited or Scribd both of which give you unlimited access to a wide library of e books for per month And for audiobook lovers your options are Amazon s Audible or Libro fm the latter of which lets you choose the local bookstore you want to support with your purchases E readerNathan Ingraham EngadgetE readers are still around because so many people recognize how much better it can be to read e books on a dedicated device ーespecially one with an high contrast e paper display Sure you could read on your smartphone or a tablet but staring at those screens all day long can be tiring for your eyes An e reader like Amazon s Kindle Paperwhite or Kobo s Clara E is a better choice not only for its more comfortable display but also because it focuses your attention on reading If you ve ever picked up your smartphone intending to finish a chapter only to be distracted by email or Twitter you know how crucial this is The latest Kindle Paperwhite has a inch display with adjustable warm lights percent faster page turns and weeks of battery life The Clara E is similar with a inch E Ink display adjustable brightness and color temperature along with weeks of battery life If you already get most of your e books through Amazon the Paperwhite is the best option You can listen to Audible audiobooks too if you connect a pair of wireless earbuds to the e reader Kobo s device primarily gets books via the Kobo Store but it also supports various file types like EPUB PDF and MOBI Plus it has on device integration with Overdrive allowing you to borrow library books directly from the e reader	2023-01-01 14:16:05
ニュース	BBC News - Home	Judi Dench gigs with Sharleen Spiteri in hotel bar	https://www.bbc.co.uk/news/uk-scotland-64139012?at_medium=RSS&at_campaign=KARANGA	braemar	2023-01-01 14:08:32
ニュース	BBC News - Home	Lula to be sworn in as Brazil president as Bolsonaro flies to US	https://www.bbc.co.uk/news/world-latin-america-64138739?at_medium=RSS&at_campaign=KARANGA	bolsonaro	2023-01-01 14:11:13
北海道	北海道新聞	札幌生まれの反田恭平さん、小林愛実さんと結婚　ともにピアニスト、第１子も妊娠	https://www.hokkaido-np.co.jp/article/782927/	反田恭平	2023-01-01 23:35:35
北海道	北海道新聞	室蘭で住宅火災　焼け跡から２人の遺体発見	https://www.hokkaido-np.co.jp/article/782907/	室蘭市栄町	2023-01-01 23:25:59
北海道	北海道新聞	新年の抱負、願い込め神宮参拝　元日の札幌市内にぎわう	https://www.hokkaido-np.co.jp/article/782901/	札幌市内	2023-01-01 23:24:02
仮想通貨	BITPRESS（ビットプレス）	[日経] バハマ当局、FTX資産4600億円押収　「一時的に保護」	https://bitpress.jp/count2/3_9_13513	資産	2023-01-01 23:34:07