投稿時間:2022-01-13 08:42:24 RSSフィード2022-01-13 08:00 分まとめ(60件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	｢iPhone｣、Face IDのディスプレイへの完全な内蔵は来年以降に	https://taisy0.com/2022/01/13/150688.html	faceid	2022-01-12 22:51:45
IT	気になる、記になる…	Microsoft、Appleから半導体設計者を引き抜き − サーバー用チップの自社開発に向け	https://taisy0.com/2022/01/13/150686.html	apple	2022-01-12 22:33:27
IT	気になる、記になる…	Apple、開発者に対し｢iOS 15.3 beta 2｣や｢iPadOS 15.3 beta 2｣などを配信開始	https://taisy0.com/2022/01/13/150684.html	apple	2022-01-12 22:21:21
IT	気になる、記になる…	Apple、｢iPadOS 15.2.1｣を配信開始 − ｢メッセージ｣の問題を修正	https://taisy0.com/2022/01/13/150682.html	apple	2022-01-12 22:18:20
IT	気になる、記になる…	Apple、｢iOS 15.2.1｣を配信開始 − 2つの問題を修正	https://taisy0.com/2022/01/13/150680.html	apple	2022-01-12 22:16:47
TECH	Engadget Japanese	コンパクトだけど機能的、細部までタフ。身軽に楽しむ「本革アウトドアショルダー」	https://japanese.engadget.com/leather-outdoor-shoulder-bag-221012982.html		2022-01-12 22:10:12
TECH	Engadget Japanese	カーダシアン、メイウェザーら、暗号通貨詐欺に加担したとして集団訴訟に	https://japanese.engadget.com/kim-kardashian-and-floyd-mayweather-sued-over-alleged-crypto-scam-220048744.html	集団訴訟	2022-01-12 22:00:48
IT	ITmedia 総合記事一覧	[ITmedia エンタープライズ] サプライチェーンのデータは「関係各社で共有」が当たり前になる？　クラウドが生む新常識	https://www.itmedia.co.jp/enterprise/articles/2201/13/news060.html	itmedia	2022-01-13 07:30:00
TECH	Techable（テッカブル）	監視感ゼロで生活になじむ見守りサービスを！ 異常検知と姿勢解析できるIoTソファ「Lifa」	https://techable.jp/archives/170815	大切な人	2022-01-12 22:00:10
AWS	AWS Partner Network (APN) Blog	Accelerating AWS Adoption Using Servian’s Cloud Foundation Solution	https://aws.amazon.com/blogs/apn/accelerating-aws-adoption-using-servian-cloud-foundation-solution/	Accelerating AWS Adoption Using Servian s Cloud Foundation SolutionServian Cloud Foundation helps organizations build an automated secure compliant and fully customizable account and infrastructure foundation on AWS It s a well architected and opinionated blueprint built from Servian s expertise and experience helping customers address security compliance DevOps and IaC adoption challenges Servian Cloud Foundation significantly reduces time to adoption for building solutions at speed and scale while decreasing risk and putting in place consistent best practice processes	2022-01-12 22:14:53
AWS	AWS Machine Learning Blog	Graph-based recommendation system with Neptune ML: An illustration on social network link prediction challenges	https://aws.amazon.com/blogs/machine-learning/graph-based-recommendation-system-with-neptune-ml-an-illustration-on-social-network-link-prediction-challenges/	Graph based recommendation system with Neptune ML An illustration on social network link prediction challengesRecommendation systems are one of the most widely adopted machine learning ML technologies in real world applications ranging from social networks to ecommerce platforms Users of many online systems rely on recommendation systems to make new friendships discover new music according to suggested music lists or even make ecommerce purchase decisions based on the recommended products …	2022-01-12 22:50:19
AWS	AWS Security Blog	Top 10 security best practices for securing backups in AWS	https://aws.amazon.com/blogs/security/top-10-security-best-practices-for-securing-backups-in-aws/	Top security best practices for securing backups in AWSSecurity is a shared responsibility between AWS and the customer Customers have asked for ways to secure their backups in AWS This post will guide you through a curated list of the top ten security best practices to secure your backup data and operations in AWS While this blog post focuses on backup data and …	2022-01-12 22:52:47
AWS	AWS Security Blog	Top 10 security best practices for securing backups in AWS	https://aws.amazon.com/blogs/security/top-10-security-best-practices-for-securing-backups-in-aws/	Top security best practices for securing backups in AWSSecurity is a shared responsibility between AWS and the customer Customers have asked for ways to secure their backups in AWS This post will guide you through a curated list of the top ten security best practices to secure your backup data and operations in AWS While this blog post focuses on backup data and …	2022-01-12 22:52:47
AWS	AWSタグが付けられた新着投稿 - Qiita	Amazon S3の公開設定を色々とためしてみた	https://qiita.com/dayjournal/items/c827a17917127bff3906	設定したIPからURLに直接アクセスするとファイルが表示されます。	2022-01-13 07:27:03
技術ブログ	Developers.IO	CloudFront のオリジンに EC2 を置いてアクセスログを Athena で分析してみた ①	https://dev.classmethod.jp/articles/cloudfront-logs-athena-analysis-1/	athena	2022-01-12 22:06:00
海外TECH	Ars Technica	CDC to update advice on best masks—but just wants you to wear one, any of them	https://arstechnica.com/?p=1825547	advice	2022-01-12 22:25:58
海外TECH	MakeUseOf	4 Online Platforms for Pet Owners to Find Professional Sitters	https://www.makeuseof.com/online-platforms-pet-sitters/	online	2022-01-12 22:31:44
海外TECH	MakeUseOf	10 Habits That Writers Should Practice in 2022	https://www.makeuseof.com/habits-writers-should-practice/	useful	2022-01-12 22:15:12
海外TECH	MakeUseOf	Winter Photography: 7 Things to Consider When Shooting in the Cold	https://www.makeuseof.com/winter-photography-tips/	colddoing	2022-01-12 22:01:54
海外TECH	DEV Community	Easy and quick infinite scroll with Next.js and react-query	https://dev.to/elisabethleonhardt/easy-and-quick-infinite-scroll-with-nextjs-and-react-query-36lh	Easy and quick infinite scroll with Next js and react queryWe have all been at a point in our lives where we just needed a quick and dirty guide on how to implement infinite scroll so we could get this prototype ready or this ticket closed I have been there and on that faithful day I did only seem to find very long articles and videos I didn t have time for Here is a quick way enjoy get the project set upYou have two options here clone the project repository or start with a blank Next js project If you go with a fresh project install react query and configure a QueryClientProvider in app js like shown in the documentation React query looks scary at first but believe me it will save you tons of time later fetch the first items and display them on the pageCreate a new page in your blank project or go inside the infiniteCSR js file in the repo and read along First we want only some data on the page then we are going to make it infinite Let s get started by getting the first characters from the Rick and Morty API with the useInfiniteQuery hook import useInfiniteQuery from react query const data status fetchNextPage hasNextPage useInfiniteQuery infiniteCharacters async pageParam gt await fetch pageParam then result gt result json useInfiniteQuery takes a string that identifies the query and a function to fetch the results from the API of your choice You can absolutely declare the function somewhere else and use axios for fetching this is just an example Be careful though to pass the pageParam in we will need it When you print out the data returned by the useInfiniteQuery hook you should see arrays one called pages and the other one pageParams The data react query fetches for us will be in the pages array so we have to map over it to display our data return lt div gt lt h gt Rick and Morty with React Query and Infinite Scroll Client Side Rendered lt h gt lt div className grid container gt data pages map page gt lt gt page results map character gt lt article key character id gt lt img src character image alt character name height loading lazy width gt lt div className text gt lt p gt Name character name lt p gt lt p gt Lives in character location name lt p gt lt p gt Species character species lt p gt lt i gt Id character id lt i gt lt div gt lt article gt lt gt lt div gt lt div gt and voilá we already can see a few Ricks Like the Adjudicator Rick from the Citadel of Ricks But before you start googling which chapter this Rick was part of let s continue with step setup the infinite component to have potentially infinite cardsI promised this would be easy So let s npm install react infinite scroll component which is the one infinite scroll library that has never let me down We are going to import it and then we can wrap our grid container in the InfiniteScroll component like so import InfiniteScroll from react infinite scroll component status success amp amp lt InfiniteScroll dataLength data pages length next gt console log fetching more data hasMore true loader lt h gt Loading lt h gt gt lt div className grid container gt data pages map page gt lt div gt lt InfiniteScroll gt Let s take a look a this first I added some conditional rendering so we only display the infinite scroll if we really have data to showThe InfiniteScroll component takes some props the first one is the length of the data we are displayingthe next prop takes in a function to be called if to load more data when the hasMore prop is true the loader is optional and should obviously have nicer styles but I am going to focus on the infinite loading functionality for nowBy now you should be able to scroll to the bottom of the page and see the message fetching more data in the console This means our component detects that there is more data to be fetched and we just have to properly set up the next function to make the infinite scroll work Actually fetching more dataThe useInfiniteQuery hook does accept a third optional parameter which is an object Inside that object we can write the getNextPageParam function which takes in the last fetched page and the pages array we already know Inside this function you will have to evaluate whether there is another page The return value will be passed in as the pageParam into your fetch function so you will have to compute that and return it In my case working with the Rick and Morty API I am taking advantage of the lastPage info next property to know whether there will be another page and what I want as the pageParam for the next API call const data status fetchNextPage hasNextPage useInfiniteQuery infiniteCharacters async pageParam gt await fetch pageParam then result gt result json getNextPageParam lastPage pages gt if lastPage info next return pages length Now that react query already knows how to evaluate whether there will be a next page and what the pageParam will be we can hook this functionality up with our InfiniteScroll component lt InfiniteScroll dataLength data pages length next fetchNextPage hasMore hasNextPage loader lt h gt Loading lt h gt gt and there you go Enjoy an infinity of Rick and Morty Characters and maybe an infinitely strong urge to rewatch some chapters Wait but how I have to admit that it took me some time to understand what react query does here so let s break it down as soon as the page renders the first characters get fetched The result is stored inside pages After the first fetch the function getNextPageParam is run It will realize that there is a subsequent page and return pages length so Since is a truthy value hasNextPage will be set to true Now you scroll until you hit the bottom of the InfiniteScroll Container At this point hasNextPage is true so the InfiniteScroll component calls the fetchNextPage function The next characters are being fetched and stored inside pages Now characters will be shown on the page Besides the getNextPageParam is run again It will confirm that there is a next Page and return as the next pageParam now you scroll that s all there is to it While you are scrolling the pages array fills up and react query updates the hasNextPage value and the pageParam for you at one point you will reach the last page which is page number As soon as you reach it the getNextPageParam function is run but nothing is returned Therefore hasNextPage is set to false and the API is not called again You have reached the end of all characters the last one is the butter robot At this point you can add a component that tells your user that this is the end of your infinite scroll just to make sure he knows If you need SSR with that make sure to check out the repo and article on pagination with SSR You can use the same principles with infinite scroll I hope this saved you some time If so or if not let me know in the comments Have a nice rest of your week	2022-01-12 22:46:05
海外TECH	DEV Community	How to build a Live Dashboard with Python	https://dev.to/shittu_olumide_/how-to-use-build-a-live-dashboard-with-python-5ed0	How to build a Live Dashboard with Python IntroductionIn the past if we needed to develop a web platform that kept track of user behaviors and displayed changes accordingly such as on the admin dashboard we would have to reload the dashboard on a regular basis generally instinctively ーto check for new updates Nowadays however we can create a completely interactive online application that receives real time changes We ll create an interactive website with a dashboard that shows real time updates on user actions in this lesson For the purposes of this article we ll use the Flask Python framework to create the backend server To send HTTP queries and connect with the backend API we ll utilize JavaScript on the frontend RequirementsA basic understanding of Python Flask and JavaScript ES syntax is necessary to follow along with this lesson You ll also need to have the following software installed Python gt v x virtualenv Flask Virtualenv is excellent for building isolated Python environments allowing us to install dependencies without polluting our global packages directory install virtualenv with this command pip install virtualenv Configuring the app s environmentLet s start by making a project folder and activating a virtual environment inside of it mkdir pusher python realtime dashboard cd pusher python realtime dashboard virtualenv venv source venv bin activate Linux based systems path to env Scripts activate Windows usersNow that we ve built up the virtual environment we can run the following command to install Flask pip install flaskWe ll require the Pusher library for real time updates therefore we ll need to install that Setup PusherObtaining a Pusher Channels application will be the first step For our real time features to operate we ll need the application credentials Create an account on the Pusher website You should create a new application after creating an account You should be given your application credentials after completing the application creation procedure we ll need these later in the tutorial To transmit events to Pusher we ll also need to install the Pusher Python Library Install it with the following command pip install pusher Structure of files and foldersBecause this is a basic program we don t need to generate a lot of files and directories The following is the file folder structure ├ーpusher python realtime dashboard ├ーapp py ├ーstatic └ーtemplatesThe static folder will hold the static files that must be utilized according to Flask specifications The HTML templates will be stored in the templates folder Our application s main entry point is app py which contains our server side code We ll start by creating the app py file followed by the static and templates directories Let s build the BackendLet s open the app py file and begin developing the backend code that will handle the HTTP requests that come in We ll register five routes and their associated handler functions in this file The and dashboard routes respectively will display the website and admin dashboard pages These pages will be created as soon as possible Three additional routes will be defined orders message and customer These are going to be API endpoints These endpoints will be in charge of processing POST requests coming in from our frontend and receiving user data We ll also start a new Pusher instance and utilize it to broadcast data over three channels one for each of the three user actions Make a purchase Send an emailCreate a new customer account Paste the following code into the app py file from flask import Flask render template request from pusher import Pusher app Flask name configure pusher object pusher Pusher app id PUSHER APP ID key PUSHER APP KEY secret PUSHER APP SECRET cluster PUSHER APP CLUSTER ssl True app route def index return render template index html app route dashboard def dashboard return render template dashboard html app route orders methods POST def order data request form pusher trigger u order u place u units data units return units logged app route message methods POST def message data request form pusher trigger u message u send u name data name u message data message return message sent app route customer methods POST def customer data request form pusher trigger u customer u add u name data name u position data position u office data office u age data age u salary data salary return customer added if name main app run debug True We imported the required modules and objects then initialized a Flask app in the code above After that we registered the routes and their associated handler functions as well as initialized and configured Pusher Replace the PUSHER APP keys with the values on your Pusher dashboard We may use the pusher object to trigger events on any of the channels we specify We initiate events on three channels in the handler routines of the orders message and customer routes The following is the syntax for the trigger method pusher trigger a channel an event key data to pass with event More information on setting and using Pusher in Python may be found in the Pusher Python library documentation The index html and dashboard html templates will be rendered by the and dashboard routes therefore we ll need to build these files and write the code to establish the frontend layout The app view will be created next and the frontend will be used to interface with the Python backend App View SetupIn the templates directory we ll need to make two files The view for our code will be stored in these files which will be titled index html and dashboard html The index html page will be shown as the homepage when we visit our application s root URL The dashboard html file will be rendered on the browser when we visit the dashboard dashboard location You may paste the following code into the templates index html file lt DOCTYPE html gt lt html gt lt head gt lt title gt Pusher Python Realtime Dashboard lt title gt lt head gt lt body gt lt form method post action orders gt lt h gt Place a new order lt h gt lt input type number name units placeholder units gt lt br gt lt input type submit name Submit gt lt form gt lt form method post action message gt lt h gt Send a new message lt h gt lt input type text name name placeholder name here gt lt br gt lt textarea name message placeholder message here gt lt textarea gt lt br gt lt input type submit name Submit gt lt form gt lt form method post action customer gt lt h gt Add new customer lt h gt lt input type text name name placeholder name here gt lt br gt lt input type text name position placeholder position here gt lt br gt lt input type text name office placeholder office here gt lt br gt lt input type number name age placeholder age here gt lt br gt lt input type text name salary placeholder salary here gt lt br gt lt input type submit name Submit gt lt form gt lt body gt lt html gt We generated three forms with the POST method and described their behaviors in the markup above User data is transferred to the Python backend server that we built in the previous step whenever one of these forms is submitted We ll get some CSS and JS from before writing the code for dashboard single html and dashboard files Click Download after going to the URL Unzip the file and place the css and js directories in our project s static directory Let s move on to the frontend of our application now Paste the following into the templates dashboard html file lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset utf gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale shrink to fit no gt lt meta name description content gt lt meta name author content gt lt title gt SB Admin Start Bootstrap Template lt title gt lt link rel stylesheet href integrity sha GnxqQaoWXA RXPxPgfyIWvTNhEXmFcJlSAwiGgFAW dAiSJXm crossorigin anonymous gt lt link href rel stylesheet type text css gt lt link href rel stylesheet gt lt link href url for static filename css sb admin css rel stylesheet gt lt head gt lt body class fixed nav sticky footer bg dark id page top gt lt nav class navbar navbar expand lg navbar dark bg dark fixed top id mainNav gt lt a class navbar brand href index html gt Start Bootstrap lt a gt lt button class navbar toggler navbar toggler right type button data toggle collapse data target navbarResponsive aria controls navbarResponsive aria expanded false aria label Toggle navigation gt lt span class navbar toggler icon gt lt span gt lt button gt lt div class collapse navbar collapse id navbarResponsive gt lt ul class navbar nav navbar sidenav id exampleAccordion gt lt li class nav item data toggle tooltip data placement right title Dashboard gt lt a class nav link href dashboard gt lt i class fa fa fw fa dashboard gt lt i gt lt span class nav link text gt Dashboard lt span gt lt a gt lt li gt lt ul gt lt div gt lt nav gt lt div class content wrapper gt lt div class container fluid gt lt ol class breadcrumb gt lt li class breadcrumb item gt lt a href gt Dashboard lt a gt lt li gt lt li class breadcrumb item active gt My Dashboard lt li gt lt ol gt lt div class row gt lt div class col xl col sm mb gt lt div class card text white bg primary o hidden h gt lt div class card body gt lt div class card body icon gt lt i class fa fa fw fa comments gt lt i gt lt div gt lt div class mr gt lt span id message count gt lt span gt New Messages lt div gt lt div gt lt a class card footer text white clearfix small z href gt lt span class float left gt View Details lt span gt lt span class float right gt lt i class fa fa angle right gt lt i gt lt span gt lt a gt lt div gt lt div gt lt div class col xl col sm mb gt lt div class card text white bg warning o hidden h gt lt div class card body gt lt div class card body icon gt lt i class fa fa fw fa list gt lt i gt lt div gt lt div class mr gt New Tasks lt div gt lt div gt lt a class card footer text white clearfix small z href gt lt span class float left gt View Details lt span gt lt span class float right gt lt i class fa fa angle right gt lt i gt lt span gt lt a gt lt div gt lt div gt lt div class col xl col sm mb gt lt div class card text white bg success o hidden h gt lt div class card body gt lt div class card body icon gt lt i class fa fa fw fa shopping cart gt lt i gt lt div gt lt div class mr gt lt span id order count gt lt span gt New Orders lt div gt lt div gt lt a class card footer text white clearfix small z href gt lt span class float left gt View Details lt span gt lt span class float right gt lt i class fa fa angle right gt lt i gt lt span gt lt a gt lt div gt lt div gt lt div class col xl col sm mb gt lt div class card text white bg danger o hidden h gt lt div class card body gt lt div class card body icon gt lt i class fa fa fw fa support gt lt i gt lt div gt lt div class mr gt New Tickets lt div gt lt div gt lt a class card footer text white clearfix small z href gt lt span class float left gt View Details lt span gt lt span class float right gt lt i class fa fa angle right gt lt i gt lt span gt lt a gt lt div gt lt div gt lt div gt lt div class row gt lt div class col lg gt lt div class card mb gt lt div class card header gt lt i class fa fa bar chart gt lt i gt Revenue Chart lt div gt lt div class card body gt lt div class row gt lt div class col sm my auto gt lt canvas id myBarChart width height gt lt canvas gt lt div gt lt div class col sm text center my auto gt lt div class h mb text primary gt lt div gt lt div class small text muted gt YTD Revenue lt div gt lt hr gt lt div class h mb text warning gt lt div gt lt div class small text muted gt YTD Expenses lt div gt lt hr gt lt div class h mb text success gt lt div gt lt div class small text muted gt YTD Margin lt div gt lt div gt lt div gt lt div gt lt div class card footer small text muted gt Updated yesterday at PM lt div gt lt div gt lt div gt lt div class col lg gt lt Example Notifications Card gt lt div class card mb gt lt div class card header gt lt i class fa fa bell o gt lt i gt Message Feed lt div gt lt div class list group list group flush small gt lt div id message box gt lt a class list group item list group item action href gt lt div class media gt lt img class d flex mr rounded circle src alt gt lt div class media body gt lt strong gt Jeffery Wellings lt strong gt added a new photo to the album lt strong gt Beach lt strong gt lt div class text muted smaller gt Today at PM hr ago lt div gt lt div gt lt div gt lt a gt lt a class list group item list group item action href gt lt div class media gt lt img class d flex mr rounded circle src alt gt lt div class media body gt lt i class fa fa code fork gt lt i gt lt strong gt Monica Dennis lt strong gt forked the lt strong gt startbootstrap sb admin lt strong gt repository on lt strong gt GitHub lt strong gt lt div class text muted smaller gt Today at PM hrs ago lt div gt lt div gt lt div gt lt a gt lt div gt lt a class list group item list group item action href gt View all activity lt a gt lt div gt lt div class card footer small text muted gt Updated yesterday at PM lt div gt lt div gt lt div gt lt div gt lt Example DataTables Card gt lt div class card mb gt lt div class card header gt lt i class fa fa table gt lt i gt Customer Order Record lt div gt lt div class card body gt lt div class table responsive gt lt table class table table bordered id dataTable width cellspacing gt lt thead gt lt tr gt lt th gt Name lt th gt lt th gt Position lt th gt lt th gt Office lt th gt lt th gt Age lt th gt lt th gt Start date lt th gt lt th gt Salary lt th gt lt tr gt lt thead gt lt tfoot gt lt tr gt lt th gt Name lt th gt lt th gt Position lt th gt lt th gt Office lt th gt lt th gt Age lt th gt lt th gt Start date lt th gt lt th gt Salary lt th gt lt tr gt lt tfoot gt lt tbody id customer table gt lt tr gt lt td gt Cedric Kelly lt td gt lt td gt Senior Javascript Developer lt td gt lt td gt Edinburgh lt td gt lt td gt lt td gt lt td gt lt td gt lt td gt lt td gt lt tr gt lt tr gt lt td gt Airi Satou lt td gt lt td gt Accountant lt td gt lt td gt Tokyo lt td gt lt td gt lt td gt lt td gt lt td gt lt td gt lt td gt lt tr gt lt tbody gt lt table gt lt div gt lt div gt lt div class card footer small text muted gt Updated yesterday at PM lt div gt lt div gt lt div gt lt footer class sticky footer gt lt div class container gt lt div class text center gt lt small gt Copyright Your Website lt small gt lt div gt lt div gt lt footer gt lt script src integrity sha FgpCb KJQlLNfOutao NMZxltwRoQtmkMRdAu crossorigin anonymous gt lt script gt lt script src integrity sha ApNbghB YQKtvRnWmgPxhUK ScQsAPhUibXjfakFPskvXusvfabQ crossorigin anonymous gt lt script gt lt script src integrity sha JZRSpejhUdjOtvLEHfe JQGiRRSQQxSfFWpiMquVdAyjUar PVCmYl crossorigin anonymous gt lt script gt lt Page level plugin JavaScript gt lt script src gt lt script gt lt script src gt lt script gt lt script src gt lt script gt lt script src gt lt script gt lt script src url for static filename js customer js gt lt script gt lt script src url for static filename js order js gt lt script gt lt script src url for static filename js message js gt lt script gt lt div gt lt body gt lt html gt We imported the JQuery and JavaScript Pusher libraries and wrote the markup to specify the layout for the home and dashboard pages in the code above We ll develop the JavaScript files that will handle the real time changes in the next stage Communicate with the Back endIn the static directory create a new folder named js and fill it with three new files order js ーin this file we will subscribe to the order channel and update the admin dashboard in realtime whenever a new order is placed message js ーin this file we will subscribe to the message channel and update the admin dashboard in realtime whenever a new message is sent customer js ーin this file we will subscribe to the customer channel and update the admin dashboard in realtime whenever a new customer is registered Paste the following code in the static js order js file Chart defaults global defaultFontFamily apple system system ui BlinkMacSystemFont Segoe UI Roboto Helvetica Neue Arial sans serif Chart defaults global defaultFontColor bc var ctx document getElementById myBarChart var myLineChart new Chart ctx type bar data labels February March April May June July datasets label Revenue backgroundColor rgba borderColor rgba data options scales xAxes time unit month gridLines display false ticks maxTicksLimit legend display false Configure Pusher instance const pusher new Pusher PUSHER APP KEY cluster PUSHER APP CLUSTER encrypted true Subscribe to poll trigger var orderChannel pusher subscribe order Listen to order placed event var order document getElementById order count orderChannel bind place function data myLineChart data datasets forEach dataset gt dataset data fill parseInt data units myLineChart update order innerText parseInt order innerText Replace the PUSHER APP keys with the keys on your Pusher dashboard We used the ID myBarChart to target the bar chart on the dashboard page and then we created its data object in the code above Then to interface with the Pusher service we set up a Pusher instance On the place event we register a listener and listen to the events that Pusher sends Then in the static js message js file paste the following code document ready function navbar sidenav data toggle tooltip tooltip template lt div class tooltip navbar sidenav tooltip role tooltip style pointer events none gt lt div class arrow gt lt div gt lt div class tooltip inner gt lt div gt lt div gt data toggle tooltip tooltip var messageChannel pusher subscribe message messageChannel bind send function data var message document getElementById message count var date new Date var toAppend document createElement a toAppend classList add list group item list group item action toAppend href document getElementById message box appendChild toAppend toAppend innerHTML lt div class media gt lt img class d flex mr rounded circle src alt gt lt div class media body gt lt strong gt data name lt strong gt posted a new message lt em gt data message lt em gt lt div class text muted smaller gt Today at date getHours date getMinutes lt div gt lt div gt lt div gt message innerText parseInt message innerText We bind to the sent event and listen for changes from Pusher just as we did previously and once there is an update we display it on the admin dashboard Finally insert the following code into the static js customer js file document ready function var dataTable dataTable DataTable var customerChannel pusher subscribe customer customerChannel bind add function data var date new Date dataTable row add data name data position data office data age date getFullYear date getMonth date getDay data salary draw false We subscribe to the customer channel and bind to the add event in the preceding code so that we can update the dashboard in real time whenever a new customer is added We ve completed our construction This command can be used to execute the application flask runWe should now see our app if we go to and dashboard ConclusionWe learned how to create a Python Flask project from the ground up and integrate realtime features using Pusher and JavaScript in this lesson Thanks	2022-01-12 22:04:56
海外TECH	Engadget	Archivists have preserved a long-lost McDonald's Nintendo DS training game	https://www.engadget.com/mcdonalds-nintendo-ds-game-esmart-2-0-223508081.html?src=rss	Archivists have preserved a long lost McDonald x s Nintendo DS training gameDigital sleuths have obtained one of the most elusive video games to date According to Kotaku game conservationists Forest of Illusion have obtainedeSmart a very rare Nintendo DS training game distributed to Japanese McDonald s employees in As enthusiast and game hunter Coddy Trentuit explained the cartridge popped up in multiple frustrating online auctions and required an alliance of generous contributors including Forest of Illusion before it reached people willing to share the title with the community You won t want to fire up eSmart for the riveting gameplay As you d expect this really is a training exercise with game elements You learn to complete orders for counter and drive thru customers with videos illustrating the finer points of making Big Macs and Chicken McNuggets It s better than a dry training video but you ll want to fire up a game like Overcooked if you want a genuinely fun restaurant experience We wouldn t count on the training game being easily available for long given that it wasn t meant for the general public That it s in the hands of any archivists is still notable As with unofficial releases for SimRefinery PS game prototypes and similar projects this is ultimately an attempt preserving little known chapters of gaming history that could easily disappear forever	2022-01-12 22:35:08
海外TECH	CodeProject Latest Articles	Cinchoo ETL - Split a large JSON file based on deeply nested array property	https://www.codeproject.com/Tips/5322235/Cinchoo-ETL-Split-a-large-JSON-file-based-on-deepl	cinchoo	2022-01-12 22:34:00
Linux	OMG! Ubuntu!	Say Hello to Warble, a Wordle Clone for elementary OS	https://www.omgubuntu.co.uk/2022/01/warble-wordle-game-clone-for-elementary-os	Say Hello to Warble a Wordle Clone for elementary OSIt was inevitable that the popularity of viral word guessing game Wordle would inspire clones and thus only a matter of time before one of them popped up on Linux And lo it has elementary OS gets to call first dibs with Warble Built by Andrew Vojak Warble is described as a native Linux word guessing game built in Vala and Gtk for elementary OS The aim Just like Wordle and the s gameshow Lingo is to figure out what the five letter word is in as few guesses as possible You smush in a valid word and see if it s it Letters This post Say Hello to Warble a Wordle Clone for elementary OS is from OMG Ubuntu Do not reproduce elsewhere without permission	2022-01-12 22:42:02
海外科学	NYT > Science	In South Africa, Success Against H.I.V. Offers Hope	https://www.nytimes.com/2022/01/11/health/southern-africa-hiv-aids.html	In South Africa Success Against H I V Offers HopeA former Africa correspondent who covered the height of the AIDS epidemic there years ago finds lessons in the remarkable progress against that virus for our current fight	2022-01-12 22:30:45
金融	金融総合：経済レポート一覧	貸出・預金動向（2021年12月）	http://www3.keizaireport.com/report.php/RID/481016/?rss	日本銀行	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	FX Daily（1月11日）～ドル円、115円台半ばで上値重い	http://www3.keizaireport.com/report.php/RID/481018/?rss	fxdaily	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	パンデミックの落とし子、米ハイテク株上昇は利上げ観測で終焉か～金利上昇に脆い米ハイテク株...：木内登英のGlobal Economy ＆ Policy Insight	http://www3.keizaireport.com/report.php/RID/481022/?rss	lobaleconomypolicyinsight	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	FRBのパウエル議長の任命公聴会～dual mandate：井上哲也のReview on Central Banking	http://www3.keizaireport.com/report.php/RID/481023/?rss	dualmandate	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	高インフレは「一時的」に終わる可能性 中立金利当てゲームの勝者は？：Market Flash	http://www3.keizaireport.com/report.php/RID/481026/?rss	marketflash	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	支店長会議総裁開会挨拶要旨（2022年1月）	http://www3.keizaireport.com/report.php/RID/481029/?rss	日本銀行	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	（株）三栄コーポレーション～22/3期上期業績は改善。23/3期は営業増益なるか：アナリストレポート	http://www3.keizaireport.com/report.php/RID/481041/?rss	三栄コーポレーション	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	パウエルFRB議長の議会公聴会と中銀デジタル通貨（デジタル・ドル）の報告書：木内登英のGlobal Economy ＆ Policy Insight	http://www3.keizaireport.com/report.php/RID/481048/?rss	lobaleconomypolicyinsight	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	コロナ危機下の為替の決定要因を追跡する【ノンテクニカルサマリー】	http://www3.keizaireport.com/report.php/RID/481049/?rss	経済産業研究所	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	豪州リート市場動向と見通し（2022年1月号）～2021年12月の豪州リートは、前月末比4.1％上昇、月末値としては2008年1月末以来の高値...	http://www3.keizaireport.com/report.php/RID/481053/?rss	高値	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	J-REIT市場 現状と今後の見通し（2022年1月号）～2021年12月の東証REIT指数は、前月末比＋3.18％の2,066.33ポイント：J-REITレポート	http://www3.keizaireport.com/report.php/RID/481054/?rss	jreit	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	【石黒英之のMarket Navi】米実質金利の上昇とハイテク株	http://www3.keizaireport.com/report.php/RID/481055/?rss	marketnavi	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	金融・経済見通し 2022年1月号～金利見通し、為替見通し	http://www3.keizaireport.com/report.php/RID/481056/?rss	Detail Nothing	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	Monthly Global Market Report 2022年1月号：タカ派化するFRB、金融市場への影響は？	http://www3.keizaireport.com/report.php/RID/481057/?rss	monthlyglobalmarketreport	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	東証が新市場区分の選択結果を発表：市川レポート	http://www3.keizaireport.com/report.php/RID/481061/?rss	三井住友	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	主要な資産の利回り比較（2021年12月）～FRBやECBの金融緩和縮小から国債利回りが上昇	http://www3.keizaireport.com/report.php/RID/481063/?rss	三井住友	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	オーストラリア マーケット動向（2022/1/12）～先週の豪ドルの対円レートは、下落...	http://www3.keizaireport.com/report.php/RID/481064/?rss	三井住友	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	ESG債レポート（2022年1月号）～2021年12月のESG債発行総額は、前年同期比2,829億円増、前月比2,983億円増の4,864億円	http://www3.keizaireport.com/report.php/RID/481066/?rss	前年同期	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	地域金融機関によるグリーンファイナンスの現状と展望～現状のグリーンファイナンスは知見蓄積の「過程」：金融・証券市場・資金調達	http://www3.keizaireport.com/report.php/RID/481069/?rss	大和総研	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	オピニオン：ARES(不動産証券化協会)に聞く、JリートにおけるESGとは？～「ARES ESG情報開示の事例集」作成の背景と狙い	http://www3.keizaireport.com/report.php/RID/481073/?rss	aresesg	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	【注目検索キーワード】フードシステム	http://search.keizaireport.com/search.php/-/keyword=フードシステム/?rss	検索キーワード	2022-01-13 00:00:00
金融	金融総合：経済レポート一覧	【お薦め書籍】サイコロジー・オブ・マネー 一生お金に困らない「富」のマインドセット	https://www.amazon.co.jp/exec/obidos/ASIN/4478114137/keizaireport-22/	貧乏	2022-01-13 00:00:00
ニュース	BBC News - Home	Boris Johnson: Senior Tories urge PM to quit after party apology	https://www.bbc.co.uk/news/uk-politics-59972859?at_medium=RSS&at_campaign=KARANGA	tories	2022-01-12 22:02:30
ニュース	BBC News - Home	Prince Andrew civil case: What happens next?	https://www.bbc.co.uk/news/uk-59974719?at_medium=RSS&at_campaign=KARANGA	assault	2022-01-12 22:30:37
ニュース	BBC News - Home	Carabao Cup semi-final second leg: Tottenham Hotspur 0-1 Chelsea (0-3 agg)	https://www.bbc.co.uk/sport/football/59876396?at_medium=RSS&at_campaign=KARANGA	Carabao Cup semi final second leg Tottenham Hotspur Chelsea agg Antonio Rudiger s header makes sure of Chelsea s place in the EFL Cup final as they beat Tottenham on the night to complete a aggregate win	2022-01-12 22:07:46
ニュース	BBC News - Home	Bowen double puts West Ham fourth and keeps Norwich bottom	https://www.bbc.co.uk/sport/football/59618481?at_medium=RSS&at_campaign=KARANGA	london	2022-01-12 22:16:54
ビジネス	ダイヤモンド・オンライン - 新着記事	米ジャストワークス、ナスダックIPO延期 - WSJ発	https://diamond.jp/articles/-/293175	延期	2022-01-13 07:29:00
ビジネス	ダイヤモンド・オンライン - 新着記事	EUへの不法入境、17年以降で最多　移動制限緩和で - WSJ発	https://diamond.jp/articles/-/293176	緩和	2022-01-13 07:20:00
北海道	北海道新聞	ＮＹ株続伸、３８ドル高　米物価上昇が予想範囲内で	https://www.hokkaido-np.co.jp/article/632751/	物価上昇	2022-01-13 07:12:00
ビジネス	東洋経済オンライン	なぜ監督は｢香川1区｣の選挙戦を映画にしたのか 小川議員を撮り続けて17年､大島新監督に聞く | 映画・音楽 | 東洋経済オンライン	https://toyokeizai.net/articles/-/502056?utm_source=rss&utm_medium=http&utm_campaign=link_back	小選挙区	2022-01-13 08:00:00
ビジネス	東洋経済オンライン	新しい価値生み出せない企業の｢人材採用の問題｣ 名経営者には｢転結｣を担う｢名番頭｣がいた | ワークスタイル | 東洋経済オンライン	https://toyokeizai.net/articles/-/500787?utm_source=rss&utm_medium=http&utm_campaign=link_back	東洋経済オンライン	2022-01-13 07:30:00
ニュース	THE BRIDGE	次世代バッテリ開発、Kファッション卸ECが大型調達など——韓国スタートアップシーン週間振り返り（1月3日~1月7日）	https://thebridge.jp/2022/01/startup-recipe-jan-3-jan-7	次世代バッテリ開発、Kファッション卸ECが大型調達などー韓国スタートアップシーン週間振り返り月日月日本稿は、韓国のスタートアップメディア「StartupRecipe스타트업레시피」の発表する週刊ニュースを元に、韓国のスタートアップシーンの動向や資金調達のトレンドを振り返ります。	2022-01-12 22:31:39
ニュース	THE BRIDGE	フェムテックがニッチからエッセンシャルになるには?——2021年のフェムテック業界を振り返って	https://thebridge.jp/2022/01/femtech-vc-investment-startups-womens-health-pickupnews	フェムテックがニッチからエッセンシャルになるにはー年のフェムテック業界を振り返ってHowFemtechMovesFromNicheToEssential重要なポイントCrunchbaseのデータによると、年はフェムテックにとって特別な年であり、この分野の世界での資金調達額が初めて億米ドルの大台を超えた。	2022-01-12 22:30:20
ニュース	THE BRIDGE	スマホARでコマース市場の開発需要を取り込む「Avataar」／GB Tech Trend	https://thebridge.jp/2022/01/gb-tech-trend-055-avataar-capturing-the-development-demand-of-the-commerce-market-with-smartphone-ar-gb-universe	スマホARでコマース市場の開発需要を取り込む「Avataar」GBTechTrend本稿は独立系ベンチャーキャピタル、グローバル・ブレインが運営するサイト「GBUniverse」に掲載された記事からの転載今週の注目テックトレンドGBTechTrendでは、毎週、世界で話題になったテック・スタートアップへの投資事例を紹介します。	2022-01-12 22:15:30
ニュース	THE BRIDGE	インドネシアの養殖業者向けサービス「eFishery」、9,000万米ドルをシリーズC調達——インド・中国に進出へ	https://thebridge.jp/2022/01/efishery-raises-us90m-series-c-co-led-by-temasek-softbank-20220111	インドネシアの養殖業者向けサービス「eFishery」、万米ドルをシリーズC調達ーインド・中国に進出へインドネシアの魚やエビの養殖業者向けのデジタル協同組合「eFishery」は、Temasek、ソフトバンク・ビジョン・ファンド、SequoiaCapitalIndiaの共同リードにより、シリーズCラウンドで万米ドルの調達を完了した。	2022-01-12 22:00:43