投稿時間:2021-05-14 07:18:45 RSSフィード2021-05-14 07:00 分まとめ(23件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
Google	カグア！Google Analytics 活用塾:事例や使い方	眩しい運転できないを解消した	https://www.kagua.biz/health/20210514.html	運転	2021-05-13 21:00:48
AWS	AWS Machine Learning Blog	Maximize TensorFlow performance on Amazon SageMaker endpoints for real-time inference	https://aws.amazon.com/blogs/machine-learning/maximize-tensorflow-performance-on-amazon-sagemaker-endpoints-for-real-time-inference/	Maximize TensorFlow performance on Amazon SageMaker endpoints for real time inferenceMachine learning ML is realized in inference The business problem you want your ML model to solve is the inferences or predictions that you want your model to generate Deployment is the stage in which a model after being trained is ready to accept inference requests In this post we describe the parameters that you …	2021-05-13 21:56:18
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Laravel をHerokuにアップしたが、oauth-public.key does not exist or is not readable エラー	https://teratail.com/questions/338199?rss=all	LaravelをHerokuにアップしたが、oauthpublickeydoesnotexistorisnotreadableエラーabefafeffdfcddcapngeeacbbbbceccbpngnbsp前提・実現したいことLaravelnbspVuenbspRESTfulnbspAPIで質問掲示板をHerokuにアップしたのですが、ログインして質問を追加したときに以下のエラーメッセージが発生しました。	2021-05-14 06:53:54
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	homebrewでcurlをインストールできない	https://teratail.com/questions/338198?rss=all	homebrewでcurlをインストールできない前提・実現したいことXサーバーにhomebrewでcurlをインストールするときにエラーが発生しました。	2021-05-14 06:18:57
Docker	dockerタグが付けられた新着投稿 - Qiita	Dockerでデータベースを変更した場合	https://qiita.com/matsunao722/items/02432df1abb7716122d8	dockercomposeupdbuildMySQL認証方法の変更MySQLのみ実行マイグレーション実行Laravelでマイグレーションを実行するため、Laravelプロジェクトが入っているphpコンテナへログインdockercomposeexecphpbash以下、コンテナ内での作業となりますvarwwwhtmlphpartisanmigrateデータベース確認マイグレーション実行後、テーブルができているかを確認。	2021-05-14 06:41:09
Docker	dockerタグが付けられた新着投稿 - Qiita	DockerでMailhogを使ってメールサーバを構築する	https://qiita.com/matsunao722/items/047b42a9d2007edc4e86	コントローラー作成メール送信テストのためのコントローラーを作成phpartisanmakecontrollerMailSendControllerルーティング設定routeswebphpにルーティング設定を実施し、CRUDを実装。	2021-05-14 06:32:21
海外TECH	DEV Community	ClassCord, verified student-focused discord bot made in Python	https://dev.to/alexcraviotto/classcord-verified-student-focused-discord-bot-made-in-python-35b9	ClassCord verified student focused discord bot made in PythonA year ago when I started programming and gained some concepts I decided to create a discord bot to improve my skills I decided to create a bot focused on students and teachers and I didn t think at all that it would be used on so many servers But what is classcord Classcord is a bot designed to focus on the world of education and improve productivity With classcord we adapt discord to these areas so that any user without high technological knowledge can use it What functions does it have Currently it has functions such as a study tracking the pomodoro method with access to statistics a reminder system events What have I learned from this project Thanks to the development of classcord I have improved a lot as it has made me take my first steps in deploys and configurations of VPS databases among others as well as improvement in git Want to try ClassCord If you want to try ClassCord here is the website to add it Are you interested in contributing to the project Currently the classcord code is private but the website is open source so anyone can participate in improving it I am totally inexperienced in web so any contribution would be great for me Here is the repo	2021-05-13 21:51:36
海外TECH	DEV Community	How To Build A Virtual Event Site With Angular (Youtube-Live Clone)	https://dev.to/daltonic/how-to-build-a-virtual-event-site-with-angular-youtube-live-clone-356p	How To Build A Virtual Event Site With Angular Youtube Live Clone What you ll be building Demo Git Repo Here Youtube Live Clone IntroductionThere is a real principle in life that states If you want to be great then start by doing great things in little ways This also applies to you as a developer aspiring to influence the industry in a great way You can start by building great things in a little way One way to build great things is by starting small And the cometchat communication SDK offers you the opportunity to integrate some great messaging features into your apps such as text audio and video chatting features PrerequisitesTo follow this tutorial you must have a basic understanding of the general principles of Angular This will help you to speedily digest this tutorial Installing The App DependenciesFirst you need to have NodeJs installed on your machine you can go to their website to do that Second you need to also have the Angular CLI installed on your computer using the command below npm install g angular cliNext create a new project with the name youtube live clone ng new youtube live cloneThe ng new command prompts you for information about features to include in the initial app Accept the defaults by pressing the Enter or Return key The Angular CLI installs the necessary Angular npm packages and other dependencies This can take a few minutes Last install these essential dependencies for our project using the command below ng add angular materialnpm install angular youtube playernpm install angular fireng add angular fireNow that we re done with the installations let s move on to building our youtube live clone solution Installing Comet Chat SDKHead to CometChat Pro and create an account From the dashboard add a new app called youtube clone Select this newly added app from the list From the Quick Start copy the APP ID REGION and AUTH KEY These will be used later Navigate to the Users tab and delete all the default users and groups leaving it clean very important Get the Angular CLI installed on your machine by entering this command on your terminal npm install g angular cliOpen the environment ts file in the project Enter your secret keys from comet Chat and Firebase below on the next heading Copy the same settings into the environment prod ts as well Run the following command to install the comet chat SDK npm install cometchat pro chat save The Environment VariablesThe setup below spells out the format for configuring the environment ts files for this project firebase apiKey xxx xxx xxx xxx xxx xxx xxx xxx authDomain xxx xxx xxx xxx xxx xxx xxx databaseURL xxx xxx xxx xxx xxx xxx xxx xxx xxx projectId xxx xxx xxx storageBucket xxx xxx xxx xxx xxx messagingSenderId xxx xxx xxx appId xxx xxx xxx xxx xxx xxx xxx xxx measurementId xxx xxx xxx APP ID xxx xxx xxx AUTH KEY xxx xxx xxx xxx xxx xxx xxx xxx APP REGION xx Setting Up Firebase ProjectHead to Firebase create a new project and activate the email and password authentication service This is how you do it To begin using Firebase you ll need a Gmail account Head over to Firebase and create a new project Firebase Console Create ProjectFirebase provides support for authentication using different providers For example Social Auth phone numbers as well as the standard email and password method Since we ll be using the email and password authentication method in this tutorial we need to enable this method for the project we created in Firebase as it is by default disabled Under the authentication tab for your project click the sign in method and you should see a list of providers Firebase currently supports Firebase Authentication OptionsNext click the edit icon on the email password provider and enable it Firebase Enabling AuthenticationNext you need to go and register your application under your Firebase project On the project s overview page select the add app option and pick web as the platform Youtube Live Clone Project PageOnce you re done registering the application you ll be presented with a screen containing your application credentials Take note of the second script tag as we ll be using it shortly in our Angular application Congratulations now that you re done with the installations let s do some configurations Configuring Comet Chat SDKInside your project structure open the main ts and paste these codes The main ts fileThe above codes initialize comet chat in your app and before our app starts up The main ts entry file uses your comet chat API Credentials The environment ts file also contains your Firebase Configurations variable file Please do not share your secret keys on Github Setting Up The RouterThe app routing module ts file has all the routes available in our app along with their security clearance The App Routing Module file Project StructureThe image below reveals the project structure Make sure you see the folder arrangement before proceeding Youtube Live Clone Project StructureNow let s make the rest of the project components as seen in the image above The App ComponentThe following code is a wrapper around our app within the angular router enabling swift navigation For each route this component navigates our app to the appropriate URL The app component ts fileReplace everything in the app component html file with lt router outlet gt lt router outlet gt and remove every style from the app component css The Angular Material Icons SetupThe following code will configure our app to harness the full power of material icons throughout our project The angular material module ts file The App ModulePaste the codes in your app module ts file this is a very important file that bundles all the components we will be using for our project The app module ts The Sidebar ComponentThe Sidebar componentThe sidebar component beautifully crafted with sub components mirrors the routes of the real YouTube live You must get to study the markup and styling structure on your own time This component is reused across two other components in our app Here is the code that sponsors its operation The Sidebar Component The Header ComponentThe Header componentThe header component this single file reusable component carries a bulk of vital features necessary for the functioning of our application Besides being the navigational agent of our app it also houses the search bar component responsible for sorting out relevant events for the user No big words here are the codes responsible for its action The Header Component file The Video ComponentsThe Video componentThis is a single file component used across the app for listing events retrieved from firestore It carries event information such as the title description image URL and YouTube link The success of this app owes a big thanks to this very component The codes below clearly describe the functionality of this component The Video Card component The Related Video ComponentThe Related Video ComponentLike the video component ts this component acts similarly The only difference is that while the video components list videos vertically this component list videos horizontally Here are the codes for that The Related Videos component The Rows Video ComponentThe Rows Video ComponentThis component is responsible for making the sidebar routes look like the image above It takes an Angular Material Icon and a title to display what you see above Below is the code for it The Rows Video Component The Registration ComponentThe Registration ComponentThis component combines the power of firebase auth service and comet chat such that whenever a new user signs up for our app the user s details are captured by firebase and also registered on our comet chat account The code below explains it in detail public submit form any void this loading true const fullname form fullname const email form email const password form password const avatar this generateImageFromIntial fullname this auth createUserWithEmailAndPassword email password then res gt res user updateProfile displayName fullname photoURL avatar then gt this signUpWithCometChat res user avatar catch error gt console log error this loading false private signUpWithCometChat data any const apiKey environment APP KEY const user new CometChat User data uid user setName data displayName user setMetadata avatar data avatar CometChat createUser user apiKey then gt this route navigate login catch error gt console log error this loading false So whenever a user registers in our app automatically he is simultaneously registered on our comet chat account Here is the full code that explains it all The Registration Component TypeScript File The Registration Component HTML file The Registration Component CSS file The Login ComponentThe Login ComponentApart from being gorgeously styled the Login component follows the behavior of the Registration component For example if a user named Maxwell registered on our app he is then navigated to the login page to sign in Because comet chat also has his details the moment he signs in he will also be signed in by comet chat The piece of code below demonstrates this process better public submit form void this loading true const email form email const password form password this auth signInWithEmailAndPassword email password then res gt this loginCometChat res user catch error gt console log error this loading false private loginCometChat user any const apiKey environment APP KEY CometChat login user uid apiKey then gt this route navigate catch error gt console log error this loading false Once a user is successfully logged in he is then redirected to the home page The route guard within the app routing module ts ensures that only authenticated users are permitted to access the home page The following scripts below describes the overall operations of the login component The Login Component TypeScipt file The Login Component HTML file The Login Component CSS file The Profile ComponentThe Profile ComponentThe profile component is charged with the responsibility of updating our data which will reflect across our app One of the primary tasks of this component is to change a user s profile In the registration component once a user signs up we generated a placeholder avatar for him using the initial of his name The profile component allows a user to update their avatar to their preferred choice Here is the full code performing this operation The Profile Component TypeScript File The Profile Component HTML File The Profile Component CSS File The Create Event ComponentThe Create Event ComponentThis is a major component with many responsibilities associated with the success of our application This component retains the duty of collecting an event s information like the video title link image URL description and so on The image above clearly describes it You must understand some background activities that are transacted whenever an event is added to our platform For instance a user named Musa adds a new event to our platform two operations were carried out behind the scene One firebase stored the details of that event and comet chat created a group just for that event as well The code below explains it better public submit form NgForm void if form valid this loading true const data form value data timestamp new Date toJSON data views this randomNumber data uid this authState uid this firestore collection events add data then d gt form reset const groupName this toVideoId data videoId const guid d id this cometChatCreateGroup groupName guid private cometChatCreateGroup data any const GUID data guid const groupName data groupName const groupType CometChat GROUP TYPE PUBLIC const password const group new CometChat Group GUID groupName groupType password CometChat createGroup group then group gt console log Group created successfully group catch error gt console log Group creation failed with exception error this loading false Now that you understand what is happening under the hood let s have a look at the full code of this component The Create Event TypeScript File The Create Event HTML File The Create Event CSS File The Edit Event ComponentLike the create event component the edit component those almost the same job only that it modifies the details of the event you added to the platform There is an important mode of operation that it does which can be best explained with the code snippets below The Edit Event TypeScript File The Edit Event HTML File The Edit Event CSS File The Events ComponentThe Events ComponentThis is a big player component in the overall success of our application Its assignment is to list elegantly all the events we have created in our app It employs the services of the video component for vertically rendering video cards to the view No more talks let s see how it functions code wise The Events Component TypeScript File The Events Component HTML File The Events Component CSS File The Event ComponentThe Event ComponentThis component may sound similar to the previous component but they do totally different things While the events component displays a list of events this component showcases a single event Other than the cool design it features the event component embodies a full catalog of mind blowing responsibilities let s list them Event Video StreamingLive Chatting ActivityRelated Videos DisplayingPerforms Real Time MessagingEvent Edit amp Delete AbilitiesThat s some responsibilities don t you think so Allow me to discuss some of the functionalities with you in codes This method listens for a real time message and renders it to viewprivate listenForMessage guid string const listenerID guid CometChat addMessageListener listenerID new CometChat MessageListener onTextMessageReceived message gt this messages push message this scrollToEnd This method retreives all the messages for the current eventprivate getMessages guid string const limit const messagesRequest new CometChat MessagesRequestBuilder setLimit limit setGUID guid build messagesRequest fetchPrevious then messages Array lt any gt gt this messages messages filter m gt m type text catch error gt console log Message fetching failed with error error This method sends a new message into the groupprivate sendMessage data any form NgForm const receiverID data guid const messageText data message const receiverType CometChat RECEIVER TYPE GROUP const textMessage new CometChat TextMessage receiverID messageText receiverType CometChat sendMessage textMessage then message gt this messages push message form reset this scrollToEnd this words catch error gt console log Message sending failed with error error ngOnDestroy void CometChat removeMessageListener this id This method joins a user into a group associated with an eventprivate joinGroup guid string const GUID guid const password const groupType CometChat GROUP TYPE PUBLIC CometChat joinGroup GUID groupType password then group gt console log Group joined successfully group this router navigate events guid catch error gt if error code ERR ALREADY JOINED console log Group joining failed with exception error this router navigate events guid Now that you understand the background activities within this component it s time you see the full code The Event Component TypeScript File The Event Component HTML File The Event Component CSS File The Search ComponentThe Search ComponentLastly let s discuss how the search component resolves events sorting operations Obviously as events are added more into the platform a threshold will come that will require an ability to search for events This component offers that solution let s see the logic behind it in the codes below The Event Component TypeScript File The Event Component HTML File The Event Component CSS FileOnce you are done pasting the codes as directed run the command below to start your application ng serve openAfter a few seconds of building in the terminal your app should be up and running Congratulations you just completed the clone of YouTube Live great job ConclusionIn conclusion building a virtual event site such as YouTube Live is a fantastic idea to up your development skill Especially the integration of a live chatting feature using the comet chat SDK makes a dream come true for a fellow like me This tutorial has educated you with the abilities needed to pull together a clone of one of the most valuable applications of our time It s time to get busy and replicate a YouTube Live Clone	2021-05-13 21:44:10
Apple	AppleInsider - Frontpage News	Apple TV+ shares second season trailers for 'Home Before Dark,' 'Trying'	https://appleinsider.com/articles/21/05/13/apple-tv-shares-second-season-trailers-for-home-before-dark-trying?utm_medium=rss	Apple TV shares second season trailers for x Home Before Dark x x Trying x Apple on Thursday shared trailers for the second seasons of Apple TV shows Home Before Dark and Trying ahead of their respective release dates Credit Apple Home Before Dark is based on the true story of young reporter Hilde Lysiak The second season explores Lysiak s investigation of a mysterious explosion that leads her to fight a powerful and influential corporation Read more	2021-05-13 21:37:38
海外TECH	Engadget	Disney cuts the theater-exclusive window in half for 'Free Guy,' 'Shang-Chi'	https://www.engadget.com/disney-free-guy-shang-chi-211740053.html	disney	2021-05-13 21:17:40
海外科学	NYT > Science	Should We Stash Our Masks for Cold and Flu Season?	https://www.nytimes.com/2021/05/13/science/masks-covid-flu-cold.html	Should We Stash Our Masks for Cold and Flu Season Wearing a mask when you re sick is common in East Asia but there s no tidy scientific consensus on how much it limits the spread of respiratory illnesses	2021-05-13 21:04:05
海外TECH	WIRED	Decades-Old Flaws Affect Almost Every Wi-Fi Device	https://www.wired.com/story/frag-attack-wi-fi-vulnerabilities	attack	2021-05-13 21:06:25
海外ニュース	Japan Times latest articles	Five more prefectures to get coronavirus quasi-emergency status	https://www.japantimes.co.jp/news/2021/05/13/national/quasi-emergency-five-prefectures/	covid	2021-05-14 07:51:50
海外ニュース	Japan Times latest articles	Tokyo reports 1,010 new COVID-19 cases as Hokkaido logs record 712	https://www.japantimes.co.jp/news/2021/05/13/national/covid-19-japan-health/	Tokyo reports new COVID cases as Hokkaido logs record On Wednesday a panel of experts appointed by the health ministry warned that infections were expected to spread further in the northern region	2021-05-14 06:22:42
ニュース	BBC News - Home	Indian variant: Government 'concern' at speed of growth	https://www.bbc.co.uk/news/uk-57109660	indian	2021-05-13 21:55:12
ニュース	BBC News - Home	Covid: US relaxes mask guidance for fully vaccinated Americans	https://www.bbc.co.uk/news/world-us-canada-57109039	health	2021-05-13 21:14:35
ニュース	BBC News - Home	Friends reunion premiere date and celebrity guests announced	https://www.bbc.co.uk/news/entertainment-arts-57109563	celebrities	2021-05-13 21:15:15
ニュース	BBC News - Home	Liverpool boost top-four hopes with win at Man Utd	https://www.bbc.co.uk/sport/football/56876294	Liverpool boost top four hopes with win at Man UtdRoberto Firmino scores twice as Liverpool boost their hopes of a finishing in the top four of the Premier League by beating Manchester United at Old Trafford	2021-05-13 21:53:33
LifeHuck	ライフハッカー［日本版］	過去の成功体験を疑え。いまのマネージャーにもっとも重要な役割とは？	https://www.lifehacker.jp/2021/05/234424book_to_read-755.html	成功体験	2021-05-14 07:00:00
北海道	北海道新聞	２１億円横領、無罪主張へ　プレサンス前社長	https://www.hokkaido-np.co.jp/article/543615/	学校法人	2021-05-14 06:03:00
北海道	北海道新聞	ＮＹ株反発、４３３ドル高　雇用改善、経済再開期待	https://www.hokkaido-np.co.jp/article/543616/	雇用	2021-05-14 06:03:00
北海道	北海道新聞	ワクチン併用、副反応増加　英で治験、重症化はせず	https://www.hokkaido-np.co.jp/article/543614/	重症	2021-05-14 06:03:33
ビジネス	東洋経済オンライン	東武200型｢りょうもう｣伊勢崎線を駆けた30年 スペーシアより地味でも足回りは"デラックス" | 通勤電車 | 東洋経済オンライン	https://toyokeizai.net/articles/-/428161?utm_source=rss&utm_medium=http&utm_campaign=link_back	伊勢崎線	2021-05-14 06:30:00