投稿時間:2021-08-07 02:35:11 RSSフィード2021-08-07 02:00 分まとめ(38件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWS Machine Learning Blog	Accenture promotes machine learning growth with world’s largest private AWS DeepComposer Battle of the Bands League	https://aws.amazon.com/blogs/machine-learning/accenture-promotes-machine-learning-growth-with-worlds-largest-private-aws-deepcomposer-battle-of-the-bands-league/	Accenture promotes machine learning growth with world s largest private AWS DeepComposer Battle of the Bands LeagueAccenture is known for pioneering innovative solutions to achieve customer success by using artificial intelligence AI and machine learning ML powered solutions with AWS services To keep teams updated with latest ML services Accenture seeks to gamify hands on learning One such event AWS DeepComposer Battle of the Bands hosted by Accenture is the world s first …	2021-08-06 16:50:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Rails】Viewでインスタンス変数が使用できる理由 / コントローラークラスはどこでインスタンス化をしているのか。【MVC, オブジェクト指向, クラス, インスタンス化】	https://teratail.com/questions/353132?rss=all	【Rails】Viewでインスタンス変数が使用できる理由コントローラークラスはどこでインスタンス化をしているのか。	2021-08-07 01:59:47
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	PHP複数画像をhtmlフォーム挿入操作	https://teratail.com/questions/353131?rss=all	PHP複数画像をhtmlフォーム挿入操作前提・実現したいこと今私がやろうとしていることはhtmlのフォームで一回で送られた複数の画像のファイルnamequotPHOTOquotをクエリ文を通してINSERTしようとしています。	2021-08-07 01:21:00
Ruby	Railsタグが付けられた新着投稿 - Qiita	#1 Rails × Vue.jsで動的なページをSPA化させる	https://qiita.com/divclass123/items/09496753be14b892e4f0	つまり、非同期通信では、リクエストを出してからレスポンスが返ってくるまでの間、ブラウザ上で他の処理を行い、サーバーからのレスポンスが返ってきた時にサーバー側から所得した情報をWebブラウザビュー上に表示するのである。	2021-08-07 01:08:28
海外TECH	DEV Community	Release v1.1 of my product!🥳	https://dev.to/madebyayan/release-v1-1-of-my-product-555k	Release v of my product Focus Wall is a tool that lets you keep all your todos right in your wallpaper Since the initial release of Focus Wall there have been a slew of changes made to it The biggest of them being Notifications You can now get notification for todos that have an upcoming deadline so you never miss another deadline Not only that but you can also customize as to when you d like to receive your notification whether it be at the deadline a few minutes prior or several days before it it s all upto you When you re done with a task you can now choose to hide it from the wallpaper so it doesn t distract you from the things that you need to do next Along with these a variety of new wallpaper backgrounds have been added so you can further customize the experience to your taste You can also now see the number of number items in each lists with a glance so you know exactly how many things you need to focus on Apart from these new features several bugs that had been identified or reported have now been fixed to provide a better experience to you in your productivity journey With these new changes to Focus Wall a Lite version of the app has also been released for people who d like to give it a try and dive into Focus Wall You can check it out here madebyayan itch io focuswall lite	2021-08-06 16:46:41
海外TECH	DEV Community	Deploy Strapi on AWS/GCP/Digital Ocean using Porter	https://dev.to/porter/deploy-strapi-on-aws-gcp-digital-ocean-using-porter-185l	Deploy Strapi on AWS GCP Digital Ocean using Porter IntroPorter is a Platform as a Service PaaS that runs in your own cloud provider It brings the convenience of platforms like Heroku Netlify and Vercel into a cloud provider of your choice Under the hood Porter runs on top of a Kubernetes cluster but abstracts away its complexity to the extent that you don t even have to know that it s running on Kubernetes This is a quick guide on how to deploy Strapi to a Kubernetes cluster in AWS GCP DO using Porter This guide uses PostgresDB by default to customize your database settings modify the files in app config env production in the example repository Quick DeployCreate an account on Porter One click provision a Kubernetes cluster in a cloud provider of your choice or connect an existing cluster if you have one already Fork this repository From the Launch tab navigate to Web Service gt Deploy from Git Repository Then select the forked repository and Dockerfile in the root directory Configure the port to and set environment variable to NODE ENV production Depending on your database settings you might want to add more environment variables More on this in the section below Set the assigned resources to Strapi s recommended settings i e Mi RAM CPU then hit deploy Deploying PostgresDBStrapi instance deployed through Porter connects to a PostgresDB by default You can connect Strapi instance deployed on Porter to any external database but it is also possible to connect to a database that is deployed on Porter Follow this guide to deploy a PostgresDB instance to your cluster in one click After the database has been deployed navigate to the Environment Variables tab of your deployed Strapi instance Configure the following environment variables NODE ENV productionDATABASE HOST DATABASE PORT DATABASE NAME DATABASE USERNAME DATABASE PASSWORD To determine what the correct environment variables are in order to connect to the deployed database see this guide DevelopmentTo develop clone the example repository to your local environment and run npm install amp amp npm run develop from the app directory Porter will automatically handle CI CD and propagate your changes to production on every push to the repository Questions Join the Porter Discord community if you have any questions or need help	2021-08-06 16:39:42
海外TECH	DEV Community	Measuring Developers Isn’t Tyranny	https://dev.to/nickhodges/measuring-developers-isn-t-tyranny-2nm5	Measuring Developers Isn t Tyranny Measuring Developers Isn t TyrannyInforming someone that you want to “measure them is not a great way to start a conversation Software developers like all people tend to look unfavorably upon having their performance closely measured But measuring developers is one of the hottest trends for companies around the globe So is it tyranny to measure people People are quick to note that numbers don t tell the whole story and can become defensive at the notion their productivity should be quantified somehow This resistance can become even more entrenched when teams become stacked against each other Many leaders ーlike Netflix s Kathryn Koehler ーbelieve we should absolutely avoid stack ranking of individuals and teams After all the human elements of teams ーcommunication coordination leadership ーcan all affect the speed or perceived productivity of a team or process so how can you quantify that Thankfully plenty of tools exist to enable a data driven approach to the development process With the right approach these tools can be used to enhance any individual s or team s performance Beyond performance when applied correctly these tools can bring about more harmonious alignment between leadership and employees But first why do we measure Why measure at all It s important to remember that measuring is just a tool ーit can be used for both good and for evil An effective leadership team understands this basic fact The cool thing about metrics is that they provide insight that might otherwise be difficult to obtain Employees should note that good leadership will use metrics merely to inform their decisions not solely drive them As a basic rule it is difficult to improve something that is not measured I started with the really basic observation that I believe you cannot be sure that you re improving something if you don t measure it right I mean think of trying to lose weight without weighing yourself Luca Rossi from the Dev Interrupted Podcast at Measuring creates a foundation ーa benchmark ーwhich can be built upon Once this foundation is established organizations can begin to set goals If you can set goals you can rally a team and if you can rally a team you can achieve your product goals This all becomes easier when you adopt a quantitative approach to your process Success flows from the foundational element that measuring provides Lastly there exists a psychological benefit to measuring namely that people implicitly understand that metrics which are measured are important After all no one measures something they don t care about That which leadership identifies as measurable naturally informs employees what metrics leadership thinks are important The very act of deciding to measure something telegraphs your intentions Inversely the opposite is also true people tend to believe what is not measured is not important All of this means leadership should be careful to identify what metrics are important because they define your organization and its behavior What should be measured First an organization must decide what metrics are worthy and whether or not they are actionable A lean approach is best here Decide what does and does not matter to you and then move confidently in that direction So what metrics are worthy to an engineering team There are many valid metrics which include things like Velocity Branch Coverage and Cycle Time but one of the most interesting metrics we care about at LinearB is the Pull Request In fact it s kind of our thing A pull request has two major goals the first is to improve the quality of code before you release it while the second is to share knowledge between the team about the code base Pull Requests are great because they let your team have control over what goes into git they let people comment about what and why things were done a certain way and they can serve as permanent documentation about a chunk of code that can be useful down the road If we at LinearB were to recommend one metric to start measuring it would be Pull Request Size Measuring PR Size ーand using that measurement to encourage smaller Pull Requests ーwill help drastically lower Cycle Time It will encourage all kinds of good behavior around code reviews and it will prove that metrics can have a positive impact on business outcomes Once you have identified the best metrics to track for your success you will need to go about making sure they last Here it is best to maintain a lean approach avoiding large upfront investments of time or money How to make metrics stick And you should as a leader as a manager you should make people feel that you care There is no substitute for that ーLuca Rossi from the Dev Interrupted Podcast at We have all worked at a company where a change was decided people were excited to see the change and then after a couple of months everyone has forgotten about it Metrics are no different Once a company makes the decision to align itself with a metric it must make the effort for it to last It s often best to start small In the beginning it is best to maintain a lean approach avoiding large upfront investments of time or money With small actionable change in mind there are two ways to approach metrics adoption In a top down approach you ll want to speak with your senior developers early on Give them strategic input to help them figure out the best way to implement metrics into your dev team An engineering leader can then explain how the metrics fit into the company s strategic direction and convey that message clearly to employees It is important to get buy in from your employees because they are the ones building value and further discovering what can and should be measured When done correctly the top down approach will have managers saying “Wow I ve always wanted to measure this Now I can In a bottom up approach it s all about making your team understand what you want to achieve Provide them with the initiative to build value so they understand why and how they are being measured For instance most developers can relate to a bad pull request experience ーone that takes way too long or one that has a poor review and causes issues during production People understand that a good code review should be both fast and accurate So by starting small with a metric that is already understood you will gain buy in from your team When done correctly the bottom up approach will have employees saying “Wow we didn t think we could measure this and it s actually valuable How you approach adjusting for change in the long term is up to you In an ideal world both the top down and bottom up approaches would be utilized simultaneously Most importantly your people should know that you care and that you value their feedback Bottom LineTo achieve future goals a development team should know where it started Metrics provide that benchmark They are a foundation on which future success and business alignment can be built Furthermore in engineering just as in life tiny improvements are staggering when tracked continuously over a period of months and years These gains boost team confidence and collaboration Because with continual improvement people feel as if they are working within a team and working as a team When things go right and everyone improves together bonds are formed And of course if you want to learn more about LinearB s metrics or find out what our customers already know you can book a free demo of LinearB I included a few quotes from Luca Rossi above He has a great blog for those who are passionate about engineering You can check it out here If you haven t already heard Dev Interrupted is hosting INTERACT An interactive community driven digital conference on September th by engineering leaders for engineering leaders day speakers s of engineers and engineering leaders all free Register Now	2021-08-06 16:38:38
海外TECH	DEV Community	Learning Python- Intermediate course: Day 4, Summary of the week, Guidelines for Recursion and high-level questions.	https://dev.to/aatmaj/learning-python-intermediate-course-day-4-summary-of-the-week-guidelines-for-recursion-and-high-level-questions-445	Learning Python Intermediate course Day Summary of the week Guidelines for Recursion and high level questions Today we will study principles of recursion and then solve questions related to recursion This is the continuation of the last part so in case you have missed that one make sure to have a quick check here Summary of the week Day We learnt how to make user defined functions User defined functions are custom functions designed by the programmer They provide code reusability and flexibility while solving complicated problems All this was backed up with two sample questions and one conceptual exercise Day We learnt how to return values from functions By breaking complicated operations into functions we can make the code more compact and flexible This is possible because we can return data types back to the function call Returning multiple values is invalid but we can return a list which can hold the values Day We studied recursion in Python We implemented it by calling the function from inside it We then solved some good questions related to recursion Guidelines for using recursion Recursion is a tool to allow programmer to concentrate on the key step of an algorithm without initially having to worry about how to couple that step with the others Recursion is basically breaking apart a problem into parts solving a single part and the while problem gets solved magically Consider an example We want to find the shortest path to a city So first we find shortest paths to all it s neighboring cities and then choose the route which is smallest And how do we find the shortest path to the neighboring cities Well in the same way This is the beauty of recursion We can address a complicated problem by making smaller replicas to the main problem on and forever This is known as the travelling salesman problem which we solved using recursion We first start any problem by asking How can this problem be divided into parts Once we have a simple short step to solve a mini problem of the same type applying it to a larger problem is easy Finally we need to decide a stopping rule to prevent the recursion from running indefinitely For example in the above problem we stop when we reach to the city from where we have to start ExercisesThe Greatest Common Divisor GCD of two positive integers is the largest integer that divides both of the two integers Thus the GCD of and is the GCD of and is and the GCD of and is Write a recursive function namd GCD x y that implements this division algorithm if y then the GCD of x and y is x otherwise the GCD of x and y is the same as the GCD of y and x y The binomial coefficients may be defined by the following recurrence relation which is the idea of the pascal s triangle C n and C n n for n gt C n k C n k C n k for n gt k gt Write a recursive function which will generate C n k by using the above formulaThe Ackermann s function defined as follows is a standered device to determine how well recursion is implemented in any device A n n for n gt A m A m for m gt A m n A m A m n for m gt and n gt Yes the above exercises are a bit difficult But the key is finding C n k or A m n and directly implementing it The rest is just about when to stop the recursion conditions All the best for solving them Solving these exercises will make you all fluent with recursion and it s problem solving principles All Answers hereA bit about the courseI know I am going a bit slow for some of you But this is for the benifit of those who are here for the first time This week was a gentle intro to user defined functions In the coming weeks I will cover all the details of the language For those who already know coding basics they can just skim through the blog and mull upon the exercises The exercises provided will strengthen and reinforce the concepts Moreover they are directly taken or similar to past coding tests from the interview panel Epilogue We all know that neither me nor you have ever seen each other Learning in remote environment is a difficult and teaching is perhaps even more difficult Teaching is never a one way process When a teacher teaches with pattern he she expects that the student must respond back Either with doubts remarks or nods of approval But friends being remote we cannot interact with each other The only way we can connect is through the comments below So I urge everyone to comment on the posts Currently I am in doubt whether you all are understanding me or not Should I speed up the pace or maybe explain more clearly I am not getting any feedback from you Any doubts discussions remarks or even a simple hi from you is a great source of motivation for me So I look forward to your comments below For those who have not yet made account in Dev to you can have a free easy sign up using your mail or GitHub accounts I would suggest the budding developers to create your GitHub free account right away You would require to register sooner or later anywaysFollow me on GitHub for updates	2021-08-06 16:36:35
海外TECH	DEV Community	What was your win this week?	https://dev.to/devteam/what-was-your-win-this-week-2ek3	What was your win this week Hey there Looking back on your week what was something you re proud of All wins count ーbig or small Examples of wins include Starting a new projectFixing a tricky bugTrying out a fun new activity or whatever else might spark joy ️Hope you have a fantastic weekend	2021-08-06 16:36:16
海外TECH	DEV Community	Launching Bakup.io - Is your data safe? 💾	https://dev.to/embluk/launching-bakup-io-is-your-data-safe-1a93	Launching Bakup io Is your data safe Recently me and my co founder danielashare launched Bakup io and I thought I would share my experience and what Bakup io is all about with the Dev to community What is Bakup io Bakup io is a fully managed solution for database file and server backups The platform interacts with your cloud servers and automatically performs backup jobs for you Kind of like cron jobs but more advanced has error checking and easier to manage maintain In addition Bakup io has a wide array of features that are desirable for a full backup solution MySQL BackupsPostgreSQL BackupsMongoDB BackupsFile amp Directory BackupsRetention PoliciesSecret ManagementSnapshot Backups Hetzner DO AWS etc Geo Redundant BackupsTriple ReplicationBackup RestoresServer Monitoring data ownershipMultiple Storage Providers Supported A bit about us Why not run your own bakups We built Bakup io based around the already available tools you can use to backup everything yourself so while you could do everything yourself it is a very daunting task complicated to manage and not easy to keep everything compatible That is why we built Bakup io wouldn t you rather get back to the core focus of your product or service rather than worry about data backups Our platform takes away the stress around making sure a companies data is properly backed up it ensures you have a recovery strategy ready in case a data disaster happens hopefully it never will But you never know Core Motivation ‍ ️Dan and myself built Bakup io because data is becoming more and more important to us we wanted a solid way to make sure we protect all our customers data with one platform to handle it all After coming up with this idea we wanted to share a solution which helps thousands of other developers secure their users data and let founders engineers developers and marketers focus on their core product not data management and backup tools Where does Bakup io fit in my startup or business If you are building or running a startup the last thing you want to worry about is securely and properly performing database file or server backups but it is essential Losing customer data can be detrimental to your core business protect it with a proper long term solution There are alternative open source solutions for data backup out there However they are not fully managed if your company has large amounts of user data or important data you ll want a solution which is always monitored and kept up to date with dedicated support How does it work Bakup io is more secure and enterprise friendly compared to other solutions out there We take pride in utilising a light weight C agent this agent runs in the background on your server and periodically contacts Bakup io for jobs everything is then executed on your server for database or file backups Your data is only ever transferred from your server network we never collect your data and we never transfer any data through our network You have data ownership as you choose the storage provider this can be something like FTP SFTP AWS S etc The agent method is great because it means you don t need to expose a data sensitive server to the internet the agent only need permission for outgoing requests to Bakup io This means that you can lock your database server behind a secure network we do not rely on needing SSH access like some backup solutions require Our agent is also open source you can view the project on GitHub Ease of Use and long term maintainability Our main goal was to build a solution where you don t need to interact with it much we believe once you setup backup jobs you shouldn t regularly need to maintain something After you have got a backup job working correctly you can enjoy knowing that your data is in good hands you can be easily notified if something is wrong You can get notifications via Email Slack SMS etc Everything at Bakup io is focused around security we know it is very important we always take advantage of battle tested protocols and encryption standards Our agent can detect unsecure connections and thus will not communicate unless a secure encryption tunnel is established A complete enterprise solution Even though we started off focusing on database backups we support different backup practices and types We are focused on being a complete solution for data management and backups We are a self serve solution for small to large businesses and enterprise customers who want a complete solution to data management We also are a good start for solo devs or start ups looking to adopt good practices from the beginning with data backups Thanks for reading We really care about our product if you have any questions let us know we love hearing from users We ve recently launched on Product Hunt check us out if you can You can checkout our service documentation to see what else we offer and how we work Also contact us via email to setup a demo hello bakup ioYou can find us on Twitter as well for updates Bakup io	2021-08-06 16:32:32
海外TECH	DEV Community	Setting up Prometheus and Grafana on Orange Pi Zero	https://dev.to/rizkyrajitha/setting-up-prometheus-and-grafana-on-orange-pi-zero-5e8n	Setting up Prometheus and Grafana on Orange Pi ZeroHi everyone This is a tutorial I am going to walk through how to install and configure an Orange Pi Zero with Prometheus and Grafana for monitoring hardware I am using Orange pi zero in this tutorial with AllWinner H Quad core processor Let s start by updating the Orange pi sudo apt get updateI first installed downloaded the Prometheus from their github release because my orangepi is base on arm architecture I downloaded the respective archive here OL in the curl will redirect if need and save the output file curl OL after downloading the image extract it to a folder tar xzvf prometheus rc linux armv tar gz prometheus rc linux armv next I copied the Prometheus binary to the usr local bin because that I generally where your binary files live in cd prometheus rc linux armv cp prometheus usr local bin after all that was set up I created a service file for systemd to configure Prometheus as a service in etc systemd system this directory is where we write systemd unit files there are many places among this one but this I a conventional directory that is best suited in this scenario sudo nano etc systemd system prometheus service Unit Description Prometheus monitoringWants network online targetAfter network online target Service Type simpleExecStart usr local bin prometheus config file home batman prometheus prometheus yml web route prefix web external url Restart always Install WantedBy multi user targetin this file I have added the ExecStart path to the Prometheus binary here I also added some more arguments to configure Prometheus because I want to run Prometheus behind an Nginx reverse proxy and also added the config file in path home batman prometheus prometheus yml so make sure you have the default prometheus yml comes with the tar archive file in the specified path after that is done I restarted the systemd daemon and then enable the service enabling service will make sure that this service will run after a reboot it might do many other things behind the back but I notice this when I used this service without enabling it next stared Prometheus sudo systemctl daemon reloadsudo systemctl enable prometheussudo systemctl restart prometheussudo systemctl status prometheusnext we can start installing the node exporter for orange pihere also I looked the same way searched for the armv architecture binary just as before download extract and copy it to the usr local bin directory curl OL tar xzvf node exporter linux armv tar gz node exporter linux armv cd node exporter linux armv sudo cp node exporter usr local bin next I repeated the same steps for creating the unit file for systemd sudo nano etc systemd system nodeexporter service Unit Description node exporter for node monitoringWants network online targetAfter network online target Service Type simpleExecStart usr local bin node exporterRestart always Install WantedBy multi user targetafter setting up the node exporter reload systemd daemon and restarted node exporter keep in mind the service will name after the name of the service file here node exporter service will be recognized as nodeexporter because I named the unit file nodeexporter servicesudo systemctl daemon reloadsudo systemctl enable nodeexportersudo systemctl restart nodeexportersudo systemctl status nodeexporternow that we have all in place next add this nodeexporter to Prometheus as a target to do that we need to edit theprometheus yml file we specified earlier I appended the following to the prometheus yml job name node exporter static configs targets localhost after that restart Prometheus to catch up with new changes you can see the change at this point if you visit Prometheus via its opened port after that I set up Grafana for the monitoring dashboard For Grafana it s a bit different than the last approach hence it could be installed with apt I pretty much followed they re offcial documentationwget q O sudo apt key add echo deb stable main sudo tee a etc apt sources list d grafana listsudo apt get updatesudo apt get install y grafanasudo systemctl demon reloadsudo systemctl enable grafana serversudo systemctl start grafana serversystemctl status grafana serverhereafter setting up everything I need to alter come configurations in the grafana ini file to allow Grafana to access behind a reverse proxy this Grafana file lives in etc grafana directory by default in that configuration we have to set domain root url and serve from sub path options server The public facing domain name used to access grafana from a browserdomain rizky lab The full public facing url you use in browser used for redirects and emails If you use reverse proxy and sub path specify full url with sub path root url protocol s domain s http port s root url protocol s domain s http port s grafana Serve Grafana from subpath specified in root url setting By default it is set to false for compatibility reasons serve from sub path trueafter setting this up restart Grafana to pick up with the latest changes now as the last step configure the Nginx as the reverse proxy to access our all mighty Grafana dashboard here I previously configured a site as rizky lab so I am editing that to suit the needs but you can try any way you like server listen default server listen default server root var www rizky lab index index html server name rizky lab location prometheus proxy pass http localhost location grafana proxy pass http localhost location try files uri uri Proxy Grafana Live WebSocket connections location grafana api live proxy http version proxy set header Upgrade http upgrade proxy set header Connection Upgrade proxy set header Host http host proxy pass http localhost and after all that we can access the all mighty Grafana Dashboard and configure it as you wish Thanks for reading till the end Cheers	2021-08-06 16:28:36
海外TECH	DEV Community	Animated Tab Bar Using Html Css Js	https://dev.to/innocentcoder/animated-tab-bar-using-html-css-js-58bn	Animated Tab Bar Using Html Css JsMotion Design Interaction for a bottom toolbar using the cutout that came in Material Design for the call to action buttons or FAB This is mixture of both the bottom toolbar and the bottom tab bar Download Source Code HTML Code lt menu class menu gt lt button class menu item active style bgColorItem ffc gt lt svg class icon viewBox gt lt path d M h gt lt path d M H gt lt path d M h gt lt svg gt lt button gt lt button class menu item style bgColorItem f gt lt svg class icon viewBox gt lt path d M hc l c vc H C v c L C z gt lt path d M Hl hl h gt lt svg gt lt button gt lt button class menu item style bgColorItem f gt lt svg class icon viewBox gt lt path d M l l gt lt path d M l l gt lt path d M l l l L z gt lt button gt lt button class menu item style bgColorItem eb gt lt svg class icon viewBox gt lt path d M hc vc Hc V C z gt lt path d M h gt lt path d M v gt lt button gt lt button class menu item style bgColorItem ddb gt lt svg class icon viewBox gt lt path d M hc vc Hc V C z gt lt path d M l l gt lt path d M c c C C z gt lt svg gt lt button gt lt div class menu border gt lt div gt lt menu gt lt div class svg container gt lt svg viewBox gt lt clipPath id menu clipPathUnits objectBoundingBox transform scale gt lt path d M c c c c c c c c c c Hz gt lt clipPath gt lt svg gt lt div gt CSS Codehtml box sizing border box bgColorMenu dd duration s html html before html after box sizing inherit body margin display flex height vh overflow hidden align items center justify content center background color ffb webkit tap highlight color transparent transition background color var duration menu margin display flex Works well with width width em font size em padding em position relative align items center justify content center background color var bgColorMenu menu item all unset flex grow z index display flex cursor pointer position relative border radius align items center will change transform justify content center padding em em transition transform var timeOut var duration menu item before content z index width em height em border radius position absolute transform scale transition background color var duration transform var duration menu item active transform translated em menu item active before transform scale background color var bgColorItem icon width em height em stroke white fill transparent stroke width pt stroke miterlimit stroke linecap round stroke linejoin round stroke dasharray menu item active icon animation strok s reverse keyframes strok stroke dashoffset menu border left bottom width em height em position absolute clip path url menu will change transform background color var bgColorMenu transition transform var timeOut var duration svg container width height media screen and max width em menu font size em JS Code use strict const body document body const bgColorsBody ffb ffbd fb ffe cffff const menu body querySelector menu const menuItems menu querySelectorAll menu item const menuBorder menu querySelector menu border let activeItem menu querySelector active function clickItem item index menu style removeProperty timeOut if activeItem item return if activeItem activeItem classList remove active item classList add active body style backgroundColor bgColorsBody index activeItem item offsetMenuBorder activeItem menuBorder function offsetMenuBorder element menuBorder const offsetActiveItem element getBoundingClientRect const left Math floor offsetActiveItem left menu offsetLeft menuBorder offsetWidth offsetActiveItem width px menuBorder style transform translated left offsetMenuBorder activeItem menuBorder menuItems forEach item index gt item addEventListener click gt clickItem item index window addEventListener resize gt offsetMenuBorder activeItem menuBorder menu style setProperty timeOut none Note visit my youtube channel for frontend tutorialssubscribe to my youtube channel Resent post Best Free Icons Pack For Web Dev And Designer Innocent Coder・Jul ・ min read webdev css	2021-08-06 16:12:52
海外TECH	DEV Community	Should You Really Learn Vanilla JavaScript Before React?	https://dev.to/nicozerpa/should-you-really-learn-vanilla-javascript-before-react-3lec	Should You Really Learn Vanilla JavaScript Before React Learn the basics before you learn React they say But if you re a beginner who s learning with React first you probably start to worry You might start asking if you re learning everything the wrong way The thing is if you re learning React before the basics chances are that you re doing it right And that s because it all boils down to your personal learning style Basically devs can learn things in two ways bottom up and top down A bottom up learner feels more comfortable learning the basics i e JavaScript HTML or CSS first They only start learning the libraries after they feel confident with the fundamentals On the other hand a top down learner prefers learning the frameworks first The framework patterns help them learn the fundamental libraries and languages under the hood What s Your Learning Style And now the question is what s the best learning style for you Of course there s no one size fits all answer you ll have to find the answer for yourself The best way to find out is to try both approaches and check which method helped you learn better Or if you re already trying to learn things and you re facing too many challenges try the opposite approach The only caveat here is some top down learners might put off learning the fundamentals even after they became proficient with the framework I strongly recommend that you don t put off learning the fundamentals Learning the basics helps you a lot when you have to find and fix bugs in your code No matter if you learn them before or after what counts is that you do know them Become a Better JavaScript Developer My newsletter has easy actionable steps to level up your JavaScript skills right to your inbox Click here to subscribe	2021-08-06 16:08:07
Apple	AppleInsider - Frontpage News	What you need to know: Apple's iCloud Photos and Messages child safety initiatives	https://appleinsider.com/articles/21/08/06/what-you-need-to-know-apples-icloud-photos-and-messages-child-safety-initiatives?utm_medium=rss	What you need to know Apple x s iCloud Photos and Messages child safety initiativesApple s recent child safety announcement about iCloud Photos image assessment and Messages notifications has generated a lot of hot takes but many of the arguments are missing context historical information ーand the fact that Apple s privacy policies aren t changing Credit AppleApple announced a new suite of tools on Thursday meant to help protect children online and curb the spread of child sexual abuse material CSAM It included features in iMessage Siri and Search and a mechanism that scans iCloud Photos for known CSAM images Read more	2021-08-06 17:00:16
海外TECH	Engadget	A sealed copy of 'Super Mario Bros.' has sold for a record-breaking $2 million	https://www.engadget.com/super-mario-bros-rally-sale-164126689.html?src=rss	A sealed copy of x Super Mario Bros x has sold for a record breaking millionAn unopened copy of Super Mario Bros has sold for million shattering the previous record set by a video game sale set just last month when a collector paid million to obtain a mint version of Super Mario Per an image shared by Rally the company that sold the game the copy had a A rating on the Wata Scale meaning it was in “exceptional condition Punks X Men Declarations and some news A NEW WORLD RECORD on Rally w the sale of our Super Mario Bros marking the HIGHEST PRICE EVER PAID for a video game of any title Read more in todays New York Times cc nytimes pic twitter com segsfwJwーRally OnRallyRd August Once you get past the insane price what makes this sale interesting is that it didn t involve an auction Instead Rally positions itself as an “alternative asset investment platform Per The New York Times the firm buys physical collectibles and holds “initial offerings where people can buy shares in that item When a collector wants to acquire something from Rally the company takes their offer to everyone who has a stake and they then vote on the matter In the case of this recent Super Mario Bros sale Rally bought the copy for approximately in April That same year investors rejected a offer for the game Even with million on the line some didn t want to part with the game just yet with a quarter of those with a stake in the collectible voting to reject the offer If you ve been following the market you probably have a good idea of why some wanted to hold onto the copy for a while longer Days before the previous record was set a boxed version of The Legend of Zeldasold for at auction With no signs of the market cooling down anytime soon and only so many mint video games in existence it seems it s only a matter of time before another record is set	2021-08-06 16:41:26
海外TECH	Engadget	DARPA's PROTEUS program gamifies the art of war	https://www.engadget.com/darpa-proteus-program-gamifies-the-art-of-war-162033175.html?src=rss	DARPA x s PROTEUS program gamifies the art of warThe nature of war continues to evolve through the st century with conflict zones shifting from jungles and deserts to coastal cities Not to mention the rapidly increasing commercial availability of cutting edge technologies including UAVs and wireless communications To help the Marine Corps best prepare for these increased complexities and challenges the Department of Defense tasked DARPA with developing a digital training and operations planning tool The result is the Prototype Resilient Operations Testbed for Expeditionary Urban Scenarios PROTEUS system a real time strategy simulator for urban littoral warfare When the PROTEUS program first began in “there was a big push across DARPA under what we call a sustainment focus area and that included urban warfare Dr Tim Grayson director of DARPA s Strategic Technology Office told Engadget looking at how to best support and “sustain US fighting forces in various combat situations until they can finish their mission DARPAThe PROTEUS program manager who has since departed DARPA Dr John S Paschkewitz “came to the realization that the urban environment is really complex both from a maneuver perspective Grayson said “but also going into the future where there s all this commercial technology that will involve communications and spectrum stuff maybe even robotics and things of that nature Even without the threat of armed UAVs and autonomous killbots modern urban conflict zones pose a number of challenges including limited lines of sight and dense pervasive civilian populations “​​There s such a wide range of missions that happen in urban environments Grayson said “A lot of it is almost like peacekeeping stabilization operations How do we…help the local populace and protect them He also notes that the military is often called in to assist with both national emergencies and natural disasters which pose the same issues albeit without nearly as much shooting “So if someone like the Marines or some other kind of sustainment military unit had to go conduct operations in a complex urban environment he continued “it d be a limited footprint So Paschkewitz started looking at what we refer to as the what do I put in the rucksack problem “The urban fight is about delivering precise effects and adapting faster than the adversary in an uncertain increasingly complex environment Paschkewitz said in a DARPA release from June “For US forces to maintain a distinct advantage in urban coastal combat scenarios we need agile flexible task organizations able to create surprise and exploit advantages by combining effects across operational domains PROTEUS itself is a software program designed to run on a tablet or hardened PDA and allow anyone from a squad leader up to a company commander to monitor and adjust the “composition of battlefield elements ーincluding dismounted forces vehicles unmanned aerial vehicles UAVs manned aircraft and other available assets according to the release “Through PROTEUS we aim to amplify the initiative and decision making capabilities of NCOs and junior officers at the platoon and squad level as well as field grade officers commanding expeditionary landing teams for example by giving them new tools to compose tailored force packages not just before the mission but during the mission as it unfolds But PROTEUS isn t just for monitoring and redeploying forces it also serves as a real time strategy training system to help NCOs and officers test and analyze different capabilities and tactics virtually “One of the beauties of PROTEUS is it s flexible enough to program with whatever you want Grayson said It allows warfighters to “go explore their own ideas their own structure concepts their own tactics They re totally free to use it just as an open ended experimentation mission rehearsal or even training type of tool But for its design flexibility the system s physics engine closely conforms to the real world behaviors and tolerances of existing military equipment as well as commercial drones cellular satellite and Wi Fi communications sensors and even weapons systems “The simulation environment is sophisticated but doesn t let them do things that are not physically realizable Grayson explained The system also includes a dynamic composition engine called COMPOSER which not only automate the team s equipment loadout but can also look at a commander s plan and provide feedback on multiple aspects including “electromagnetic signature risk assignment of communications assets to specific units and automatic configuration of tactical networks according to a DARPA press release DARPA“Without the EMSO and logistics wizards it s hard to effectively coordinate and execute multi domain operations Paschkewitz said “Marines can easily coordinate direct and indirect fires but coordinating those with spectrum operations while ensuring logistical support without staff is challenging These tools allow Marines to focus on the art of war and the automation handles the science of war Currently the system is set up for standard Red vs Blue fights between opposing human forces though Grayzon does not expect PROTEUS to be upgraded to the point that humans will be able to compete against the CPU and even less likely that we ll see CPU vs CPU ーgiven our current computational and processing capabilities He does note that the Constructive Machine learning Battles with Adversary Tactics COMBAT program which is still underway at DARPA is working to develop “models of Red Force brigade behaviors that challenge and adapt to Blue Forces in simulation experiments “Building a commander s insight and judgment is driven by the fact that there s a live opponent Paschkewitz said in June “We built ULTRA the sandbox module that serves as the basis for the larger system around that concept from day one This is not AI versus AI or human versus AI rather there is always a Marine against an ADFOR adversary force that s another Marine typically forcing the commander to adapt tactics techniques and procedures TTPs and innovate at mission speed “PROTEUS enables commanders to immerse themselves in a future conflict where they can deploy capabilities against a realistic adversary Ryan Reeder model and simulation director MCWL Experiment Division said in a statement “Commanders can hone their battlefield skills while also training subordinates on employment techniques delivering a cohesive unit able to execute in a more effective manner Technically DARPA s involvement with the PROTEUS program has come to an end following its transfer to the Marine Corps Warfighting Lab where it is now being used for ADFOR training and developing new TTPs and CONOPS “My guess is they will mostly use it for their own purposes as opposed to continuing to develop it Grayson said “The Warfighting Lab is less focused on technology and more focused on our future force concepts and what are our new tactics	2021-08-06 16:20:33
海外TECH	Engadget	This week's best deals: $70 off Sony's WH-1000XM4 headphones, and more	https://www.engadget.com/weekly-tech-deals-sony-wh1000xm4-jabra-elite-mac-mini-160050738.html?src=rss	This week x s best deals off Sony x s WH XM headphones and moreWe re steadily moving through August and that means more summer deals are popping up all over If you ve got your eye on a pair of new high end headphones we ve seen Sony s excellent WH XM noise cancelling over ears fall back to while Jabra s long lasting Elite h model have returned to a budget friendly If better internet connectivity is what you re after Amazon has dropped the three pack of Google s WiFi mesh system to providing a stronger WiFi network across a much larger area inside and potentially outside your home Here are the best tech deals from this week that you can still get today Sony WH XMEngadgetSony s excellent WH XM ANC headphones often bounce up and down in price so if you missed previous deals on them you re in luck The wireless over ears are back down to the we saw in the Spring a solid saving on their typical price of Buy Sony WH XM at Amazon Jabra Elite hEngadgetThe Jabra Elite h headphones are back down to a low of at Amazon which is around off their normal price They earned a score of from us for their custom EQ and ANC modes comfortable and attractive design and impressive battery life Buy Jabra Elite h Wireless Noise Canceling Headphones at Amazon Google WiFiGoogleFamilies who are still largely working and studying at home might find that their WiFi network is feeling the strain especially if someone s setup is far away from the router If you re on the lookout for an upgrade it may be worth considering the Google WiFi mesh system A three pack of nodes currently costs on Amazon That s the lowest price we ve seen to date on the most recent model which debuted in October at a price of for the three pack Buy Google WiFi three pack at Amazon Echo Show st Gen AmazonAmazon s first gen Echo Show has hovered around the mark for the past week but you ve had to be quick to secure it from different retailers If you missed the chance to get the Alexa powered smart display at a discount though now s your chance to get one It s available for again at Amazon That s the lowest price we ve seen for the device where it s been selling for around these past months Buy Amazon Echo Show st Gen at Amazon Apple Mac Mini M GB The Mac Mini M with extra storage is back down to right now offering a saving of This is a great time to pick up the latest Mac Mini if you ve wanted to upgrade your desktop to something more powerful that s also compact enough to fit into most desk setups MacBook Air MThe latest MacBook Air M with GB of storage continues to maintain the low price we saw last week meaning you can still grab it for It s one of the best laptops for most people and it s a great option for students going back to school The Air M earned a score of from us for its incredibly fast performance excellent keyboard and trackpad good battery life and lack of fan noise Buy MacBook Air M GB at Amazon Follow EngadgetDeals on Twitter for the latest tech deals and buying advice	2021-08-06 16:00:50
海外科学	NYT > Science	Sneaky Thieves Steal Hair From Foxes, Raccoons, Dogs, Even You	https://www.nytimes.com/2021/08/06/science/hair-thieves-birds.html	mammals	2021-08-06 16:05:22
金融	金融庁ホームページ	金融庁職員の新型コロナウイルス感染について公表しました。	https://www.fsa.go.jp/news/r3/sonota/20210806_2.html	新型コロナウイルス	2021-08-06 18:00:00
金融	金融庁ホームページ	「違法な金融業者に関する情報について」を更新しました。	https://www.fsa.go.jp/ordinary/chuui/index.html	Detail Nothing	2021-08-06 17:00:00
金融	金融庁ホームページ	令和３年銀行法等改正に係る政令・内閣府令案等について公表しました。	https://www.fsa.go.jp/news/r3/ginkou/20210806/20210806.html	内閣府令	2021-08-06 17:00:00
金融	金融庁ホームページ	監査法人の処分について公表しました。	https://www.fsa.go.jp/news/r3/sonota/20210806/syobun.html	監査法人	2021-08-06 17:00:00
ニュース	BBC News - Home	Verphy Kudi: Mum left girl to die to party for 6 days	https://www.bbc.co.uk/news/uk-england-sussex-58102792	daughter	2021-08-06 16:19:04
ニュース	BBC News - Home	Covid-19: First 16 and 17-year-olds offered jabs and the Edinburgh Fringe returns	https://www.bbc.co.uk/news/uk-58119219	coronavirus	2021-08-06 16:33:40
ニュース	BBC News - Home	Snickers Spain pulls TV advert after homophobia accusations	https://www.bbc.co.uk/news/world-europe-58120598	commercial	2021-08-06 16:07:33
ニュース	BBC News - Home	Doctor Hossam Metwally poisoned partner in 'exorcism ritual'	https://www.bbc.co.uk/news/uk-england-humber-58116324	kelly	2021-08-06 16:11:05
ニュース	BBC News - Home	Afghanistan war: Taliban capture regional capital Zaranj	https://www.bbc.co.uk/news/world-asia-58119886	forces	2021-08-06 16:27:45
ニュース	BBC News - Home	Footballer Kane denies he refused to train	https://www.bbc.co.uk/sport/football/58122156	harry	2021-08-06 16:45:27
ニュース	BBC News - Home	Kaylee-Jayde Priest: Mother jailed for killing her three-year-old	https://www.bbc.co.uk/news/uk-england-birmingham-58119754	child	2021-08-06 16:53:41
ニュース	BBC News - Home	COP26: Alok Sharma criticised for international - and quarantine-free - travel	https://www.bbc.co.uk/news/uk-politics-58112621	quarantine	2021-08-06 16:05:53
ニュース	BBC News - Home	Tokyo Olympics: Golds for GB cyclists Laura Kenny & Katie Archibald, Kate French wins modern pentathlon, Laura Muir takes 1500m silver	https://www.bbc.co.uk/sport/olympics/58116800	Tokyo Olympics Golds for GB cyclists Laura Kenny amp Katie Archibald Kate French wins modern pentathlon Laura Muir takes m silverCyclist Laura Kenny becomes the first British woman to win gold at three Olympics pentathlete Kate French triumphs and Laura Muir wins m silver at Tokyo	2021-08-06 16:03:19
ニュース	BBC News - Home	Covid-19 in the UK: How many coronavirus cases are there in my area?	https://www.bbc.co.uk/news/uk-51768274	cases	2021-08-06 16:34:12
北海道	北海道新聞	カナダが初の金メダル　サッカー女子・６日	https://www.hokkaido-np.co.jp/article/575962/	銅メダル	2021-08-07 01:02:35
北海道	北海道新聞	芽室産サヤインゲン　品質良し	https://www.hokkaido-np.co.jp/article/575863/	作付面積	2021-08-07 01:04:41
北海道	北海道新聞	新たに死者１人、計２３人に　熱海土石流	https://www.hokkaido-np.co.jp/article/575967/	静岡県熱海市	2021-08-07 01:02:00
北海道	北海道新聞	トランス公表選手初メダル　カナダのＭＦクイン	https://www.hokkaido-np.co.jp/article/575966/	東京五輪	2021-08-07 01:02:00
北海道	北海道新聞	「ポケモン化石博物館」大人気　三笠市立博物館　近隣施設にも波及	https://www.hokkaido-np.co.jp/article/575890/	三笠市立博物館	2021-08-07 01:02:12
GCP	Cloud Blog	Try a tutorial in the Google Cloud Console	https://cloud.google.com/blog/topics/developers-practitioners/try-tutorial-google-cloud-console/	Try a tutorial in the Google Cloud ConsoleWhen it comes to learning how to implement some technology we all have our own version of what I call the tab game ーthat is your setup for all the tabs and windows you need open at once You may have several monitors so you can see documentation your IDE and terminal windows at the same time You may have several guides and references open at once in one window to get all the information you need Personally I like to work just from my laptop because I like to move around and work from various comfy spots I think my tab game would probably enrage most devs because it involves a lot of swiping back and forth between windows and toggling tabs It s not pretty That is it wasn t pretty until I discovered tutorials in the Google Cloud Console Jen really didn t know about tutorials in the Google Cloud Console Yes I honestly didn t know about them I m sharing about it because if I can work for Google and not know then I can t be the only one and it would be a shame to miss out on this because it s a brilliant idea Also I wrote some pretty sweet tutorials for the console but I swear that the main reason I m telling you is because it s a cool thing There are several reasons that these tutorials are great You can view the instructions and the console at the same time No more playing the tab game The tutorials include links and highlights making it easy to find the screens and buttons you re looking forYou can run code from Cloud Shell so you don t need a separate window for an IDEYou can use the demo data provided to try things out or you can apply the steps to your existing projects using data that suits your app s needsFirestore tutorialsI m developing a series of tutorials in the Google Cloud Console designed to take you through everything you need to know about Firestore from manually adding data in the Google Cloud Console to triggering Cloud Functions to make changes for you Below are links and summaries for the currently available tutorials Check back regularly to find the latest additions as they re released Add Data to FirestoreEnable Firestore on a projectLearn about the Firestore data modelAdd a collection of documentsAdd fields to a documentDelete documents and collectionsUpdating Data in Firestore using Node js or using PythonAdd a collection of documentsExplore available data typesReplace the data of documentReplace fields in a documentHandle special cases incrementing timestamps and arraysReading Data from Firestore using Node js or using PythonAdd a collection of documentsExplore available data typesRead a collectionRead a single documentOrder documentsQuery documentsTransactions in Firestore using Node jsAdd a collection of documentsUpdate data without a transaction to observe issueComplete a transactionComplete a batched writeBatched Writes in Firestore using Node js or using PythonUse Cloud Shell and Cloud Shell Editor to write a Node js or Python appComplete a batched writeFirestore triggers for Cloud FunctionsInitialize Cloud Functions using the Firebase CLIWrite a Cloud Function triggered by a new document write to FirestoreOffline Data in FirestoreAdd data to Firestore in the Cloud console Firestore dashboardCreate a web app that uses Firestore using the Firebase SDKDeploy Firestore security rules that enable access to the required dataEnable data persistence in the web appObserve app behavior with and without network connectionChime inIs there a particular action or concept in Firestore that you d like to see a tutorial for Is there another Google Cloud product that you want to learn more about Tweet ThatJenPerson and you may just see your suggestion come to life in the Google Cloud Console Related ArticleBuilding scalable web applications with Firestore ーnew reference guideGoogle s Firestore is a scalable serverless document database that lets you build web or mobile apps This new guide compares Firestore Read Article	2021-08-06 16:30:00