投稿時間:2022-03-14 03:30:56 RSSフィード2022-03-14 03:00 分まとめ(35件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Nuitkaで失敗しやすいポイントを解説	https://qiita.com/taka7n/items/c80daefe9e722f11dbe9	特定のモジュールを含めるようにするfollowimportsオプションを使うと自動的に使用するモジュールをビルドしてくれますが、たまにうまく動作しない場合があります。	2022-03-14 02:07:43
Docker	dockerタグが付けられた新着投稿 - Qiita	【WordPress】Dockerでメールを確認できる環境を構築する	https://qiita.com/tegnike/items/44e9f328f082bb0952ad	docker側の設定はこれだけなのですが、設定画面でSMTPの設定をする必要があります。	2022-03-14 02:45:16
海外TECH	MakeUseOf	5 Hydroponic Systems With Raspberry Pi and Arduino	https://www.makeuseof.com/hydroponic-systems-with-raspberry-pi-and-arduino/	automation	2022-03-13 17:30:14
海外TECH	MakeUseOf	Don't Pay for Microsoft Word! 5 Reasons to Use Office Online Instead	https://www.makeuseof.com/tag/dont-pay-word-5-reasons-use-office-online/	Don x t Pay for Microsoft Word Reasons to Use Office Online InsteadMicrosoft Office Online offers free web versions of Word Excel and PowerPoint Here s why you should give it a try instead of paying for Office	2022-03-13 17:15:14
海外TECH	MakeUseOf	How to Stop Microsoft Word Opening Files in Read-Only Mode in Windows	https://www.makeuseof.com/microsoft-word-opens-files-read-only-mode-windows/	windows	2022-03-13 17:15:13
海外TECH	DEV Community	Bitcoin Hacker?	https://dev.to/paulinebanye/bitcoin-hacker-bo	Bitcoin Hacker Ben s finally getting married He s been a shag them and leave them kind of guy since freshman year in college I can t believe it even though I just got home jeans covered in glitter from the stripper at his bachelor s party Damn it s really happening Feeling a little bit tipsy but way too edgy to sleep I play around with the dapp I m currently building Solidity what a novel concept hours in and I can barely keep my eyes open Alright time to call it a night I wake up with a pounding headache grab some tylenol amp orange juice time to check my coins I log in to my wallet and almost spill juice all over my keyboard Holy shit What the hell BTC and NFTs including bored ape guys Is this some kind of a joke I blink rapidly Log out and log back in Yep still there Someone s gotta be messing with me I check the address The numbers are unfamiliar Wait this isn t my wallet But how s this even possible Thoughts swirling how did I get access Holy shit Did my drunken binge suddenly turn me into the st Bitcoin hacker Should I report this Transfer everything to my wallet I mean anyone who has this kind of money must be into some really bad shit right	2022-03-13 17:52:22
海外TECH	DEV Community	📡 AWS CDK 101 ⛄️ - API Gateway construct usage, throttle, quota, usage plans, api keys	https://dev.to/aravindvcyber/aws-cdk-101-api-gateway-construct-usage-throttle-quota-usage-plans-api-keys-59ch	AWS CDK ️ API Gateway construct usage throttle quota usage plans api keysBeginners new to AWS CDK please do look at my previous articles one by one in this series If incase missed the previous article do find it with the below links Original previous post at Dev PostReposted previous post at dev to aravindvcyberIn this article let us introduce an API Gateway in front of our basic lambda function which we have created in our last article above listed above Why API Gateway in our solution Since our lambda is only accessible inside our aws environment we require this API Gateway configuration which will help expose a public HTTP endpoint that anyone on the internet can hit with an HTTP client Besides this an API Gateway can block improper requests without invoking the backend Lambda functions when authorization checks fail API Gateway can save expensive Lambda invocation costs in this way and can also offload request validation from your Lambda function as well based on the requirement Let us start by editing the lib common event stact ts file Here let us import the modules from aws cdk lib aws apigateway as agigw this defines an new API Gateway REST API resource backed by our eventEntry function const eventGateway new apigw LambdaRestApi this EventEndpoint handler eventEntry When you run cdk diff you can expect similar log on the new resources to be created as well as the IAM policy changes involved IAM Statement Changes┌ー┬ー┬ー┬ー┬ー┬ー┐││Resource │Effect │Action │Principal │Condition │├ー┼ー┼ー┼ー┼ー┼ー┤│ │ EventEndpoint CloudWatchRole Arn │Allow │sts AssumeRole │Service apigateway amazonaws com ││├ー┼ー┼ー┼ー┼ー┼ー┤│ │ EventEntryHandler Arn │Allow │lambda InvokeFunction │Service apigateway amazonaws com │ ArnLike │││││││ AWS SourceArn arn AWS Partition execute a │││││││pi AWS Region AWS AccountId EventEndpoint │││││││CBFA EventEndpoint DeploymentStage prod │││││││ │││││││ ││ │ EventEntryHandler Arn │Allow │lambda InvokeFunction │Service apigateway amazonaws com │ ArnLike │││││││ AWS SourceArn arn AWS Partition execute a │││││││pi AWS Region AWS AccountId EventEndpoint │││││││CBFA test invoke stage │││││││ ││ │ EventEntryHandler Arn │Allow │lambda InvokeFunction │Service apigateway amazonaws com │ ArnLike │││││││ AWS SourceArn arn AWS Partition execute a │││││││pi AWS Region AWS AccountId EventEndpoint │││││││CBFA EventEndpoint DeploymentStage prod │││││││ ││ │ EventEntryHandler Arn │Allow │lambda InvokeFunction │Service apigateway amazonaws com │ ArnLike │││││││ AWS SourceArn arn AWS Partition execute a │││││││pi AWS Region AWS AccountId EventEndpoint │││││││CBFA test invoke stage │││││││ │└ー┴ー┴ー┴ー┴ー┴ー┘IAM Policy Changes┌ー┬ー┬ー┐││Resource │Managed Policy ARN │├ー┼ー┼ー┤│ │ EventEndpoint CloudWatchRole │arn AWS Partition iam aws policy service role AmazonAPIGatewayPushToCloudWatchLogs │└ー┴ー┴ー┘ NOTE There may be security related changes not in this list See Resources AWS ApiGateway RestApi EventEndpoint EventEndpointCBFA AWS IAM Role EventEndpoint CloudWatchRole EventEndpointCloudWatchRoleE AWS ApiGateway Account EventEndpoint Account EventEndpointAccountACF AWS ApiGateway Deployment EventEndpoint Deployment EventEndpointDeploymentEBABfaccbafefae AWS ApiGateway Stage EventEndpoint DeploymentStage prod EventEndpointDeploymentStageprodEDD AWS ApiGateway Resource EventEndpoint Default proxy EventEndpointproxyCBFAFD AWS Lambda Permission EventEndpoint Default proxy ANY ApiPermission CommonEventStackEventEndpointBFCC ANY proxy EventEndpointproxyANYApiPermissionCommonEventStackEventEndpointBFCCANYproxyFDE AWS Lambda Permission EventEndpoint Default proxy ANY ApiPermission Test CommonEventStackEventEndpointBFCC ANY proxy EventEndpointproxyANYApiPermissionTestCommonEventStackEventEndpointBFCCANYproxyC AWS ApiGateway Method EventEndpoint Default proxy ANY EventEndpointproxyANYEDC AWS Lambda Permission EventEndpoint Default ANY ApiPermission CommonEventStackEventEndpointBFCC ANY EventEndpointANYApiPermissionCommonEventStackEventEndpointBFCCANYFC AWS Lambda Permission EventEndpoint Default ANY ApiPermission Test CommonEventStackEventEndpointBFCC ANY EventEndpointANYApiPermissionTestCommonEventStackEventEndpointBFCCANYCDCA AWS ApiGateway Method EventEndpoint Default ANY EventEndpointANYED Summarizing the above output To summarize the above let us understand what happens in the backend as follows and will be published A new IAM policy is created CloudWatchRole and assumed to push logs to cloudwatch from apigateway A deployment stage prod is setup we can have multiple stage for premature feature testing with this without affecting the prod stage Resource permissions are configured with necessary privileges for the any Resource path by default a greedy resource path proxy for both normal endpoint and test endpoint for this rest api Resource permissions are configured with necessary privileges for the any method for both normal endpoint and test variant endpoint for this rest api The deep understanding on the above concepts will help us when we further restrict the Api gateway in future for similar rest based endpoints Now let us execute this deployment and checkout the results Before this let me do one more change in our lambda to display appropriate message exports receiver async function event any console log request JSON stringify event undefined return statusCode headers Content Type text plain body Message Received in lambda JSON stringify event body n cdk deploy CommonEventStack CommonEventStack Deployment time sOutputs CommonEventStack EventEndpointACE https lwo uvhg execute api ap south amazonaws com prod Stack ARN arn aws cloudformation ap south stack CommonEventStack c aa ec b adae Total time s Curl testsWhen we do a curl to check this rest endpoint let us see what we get curl Message Received nullHere we are successful in sending message to the lambda and also we got some output Though we have null because we never sent any body in our initial GET request Now let us send some message via the body of the request from client in a post request curl H Content Type application json d message client message X POST https execute api ap south amazonaws com prod Message Received in lambda message client message We have successfully setup the agi gateway so let us check it in the console and test it in the aws console as well API gateway in AWS console Inspect the endpoint path and the methods allowed Test Invocation POST Request with message Refining the Api gateway created above Now let us refine api gateway created to be available only for the POST method and a specific resource path only CDK API Reference documentation Before we do that we have to make use of the cdk api reference documentation Hence forth we can explore this reference documentation to pick the necessary params and options for every cdk stack resource construction Here if you remember we have imported aws cdk lib aws apigateway we need to learn to use the construct library at Specifically we have to navigate to Here we could find the necessary documentation for the apigateway construct and how to use its properties and methods with suitable examples Specify the right resource path and method First let us remove this greedy proxy resource path definition const eventGateway new apigw LambdaRestApi this EventEndpoint handler eventEntry proxy false Here the proxy attribute removes the greedy resource path definition by default Now let us declare an available resource path like the below example const eventHandler apigw LambdaIntegration new apigw LambdaIntegration eventEntry const event eventGateway root addResource event const eventMethod apigw Method event addMethod POST eventHandler apiKeyRequired false Now we are only exposing and allowing specific resource path and method successfully When we access the base resource path with forbidden methods Whereas we can access our specific api successfully note the difference in the full path with the allowed method Usage Plan amp API Keys A usage plan specifies who can access one or more deployed API stages and methods and the rate at which they can be accessed The plan uses API keys to identify API clients and meters access to the associated API stages for each key accordingly Usage plans also allow configuring throttling limits and quota limits that are enforced on individual client API keys The following example shows how to create and associate a usage plan and an API key const eventMethod apigw Method event addMethod POST eventHandler apiKeyRequired true In order to use a api key it is required to setup an usage plan something similar to the below example and then we can associate that to the key we just created const plan eventGateway addUsagePlan UsagePlan name Workshop description For Workshop throttle burstLimit rateLimit quota limit period apigw Period DAY const normalUserKey eventGateway addApiKey ApiKey apiKeyName av api key value av api key value plan addApiKey normalUserKey Deployment stage level fine tuning the usage plan Fine tuning the above usage plan at various deployment stages for the specific method additionally and including method level throttle limits helps with greater control on the api consumption limits and greater resource utilisation with multiple clients based on contract plan addApiStage stage eventGateway deploymentStage throttle method eventMethod throttle rateLimit burstLimit Throttling the api with rate and burst limit You can effectively control the rate of the number of invocations per seconds by rate limit before the gateway deny any further requests at the entry itself The burst limit defines the number of requests your API can handle concurrently The rate limit defines the number of allowed requests per second throttle rateLimit burstLimit Quota limit The quota limit helps to define the cumulative number of client request received by the api gateway before the gateway limit exceeded Generally aws provides certain fixed quota for every service per region this can be effectively managed by reserving a part to every usage plan as desired This can also check to limit the external user api consumption based on their service tier quota limit period apigw Period DAY Once the quota allocated for the api key user is exceeded the error responses are sent Rate Limited API Key In certain scenarios where you need to create a single api key and configure rate limiting for it you can use RateLimitedApiKey This construct lets you specify rate limiting properties which should be applied only to the api key being created The API key created has the specified rate limits such as quota and throttles applied even without any association to a usage plan const rateLimitedKey new apigw RateLimitedApiKey this rate limited api key apiKeyName av rate limited api key value av api key value dreatenbwebrwiukjwnrn customerId external client resources eventGateway quota limit period apigw Period DAY throttle rateLimit burstLimit plan addApiKey rateLimitedKey We could now check the same in the api console where we can find a new plan is created for the newly created api key For further fine control for single users not part of any other usage plans Importing the existing keys and usage plans Besides this we can also import the existing keys and usage plan into the our stack resources by following the below examples usage plans can be imported into a CDK app using its id const importedUsagePlan apigateway UsagePlan fromUsagePlanId this imported usage plan lt usage plan key id gt API keys can also be imported into a CDK app using its id const importedKey apigateway ApiKey fromApiKeyId this imported key lt api key id gt We will add more connections to this api gateway and lambda and make it more usable in the upcoming articles stay subscribed Thanks for supporting Would be really great if you like to Buy Me a Coffee to help boost my efforts Original post at Dev PostReposted at dev to aravindvcyber	2022-03-13 17:45:16
海外TECH	DEV Community	20 Productivity Tips From Developers to Developers	https://dev.to/coffeestasia/20-productivity-tips-from-developers-to-developers-3bnc	Productivity Tips From Developers to Developers header pic by Kelsey WrotenBeing a developer is not easy it is a mentally demanding job that requires many soft and hard skills and a certain set of personal traits to work productively and don t burn out So instead of working your way through the profession on your own you can learn from experienced developers who have faced the most common problems and have learned their lessons By adopting their wisdom you can save yourself dozens and hundreds of hours doing unproductive things experience less stress and trouble and grow faster In this article we ve gathered best tips from developers for other developers on how they can hack their routines and achieve more in less time Save this article to get back to it later Know Your Integrated Development EnvironmentIntegrated development environments IDE are software suites that provide basic tools required to write and test software Best IDEs provide a central interface with all necessary features including code editor compiler debugger and automation tools “Learn how to use your IDE Pay attention to the refactorings it provides learn the navigation shortcuts learn its capabilities Adam Skinner Learn Command Line InterfaceCommand Line Interface CLI is a text based interface used to run programs manage computer files and interact with the computer CLI allows users to interact with the system or other applications using CLI commands “Learn CLI commands to search replace and edit on the fly Joseph Never Rush To CodeDevelopers rush to write code at the moment they receive specifications But in reality rushed code means that it will most likely require refactoring or cleaning up “Think things through and discuss them with the user or customer when relevant before you write any code leob“Something my seniors taught me plan first Like really plan it in your head writing the final thing down takes very little time Figuring all of it out that is what takes skill and patience Aman Jaiswal“This is so true When I first started out I used to be so excited to jump into the code and get lost in it Dozens of bugs later I could say I m a bit more wise Raphael Jambalos“In code it never pays to rush Brian Marick Avoid The Golden HammerGolden hammer anti pattern is a cognitive bias that involves an over reliance on familiar tools languages and platforms This approach limits your learning potential and tech experience and degrades the quality of your work One size never really fits all “Avoid the golden hammer There is no one way to do something and learn early on to formulate your options pros and cons and pick the one that works for that situation Also avoid cultures that enforce this “one way to do something Melvyn Sopacua Review Your CommitsPre commit code reviews have many benefits they help developers get timely feedback catch bugs and bad designs and learn from fellow developers “Always review your commits before you send them you will be amazed by how many bugs you will catch of yourself before getting into someone else s eyes You better waste minutes of your time than man hour of multiple colleagues Victor A Barzana But Practice Focused LearningThere s a big controversy over whether developers should specialize or not On one hand the broader your knowledge the more opportunities will be available to you On the other hand you are at a high risk of becoming a “jack of all trades master of none suffer from impostor syndrome and developer burnout “Don t try to learn “everything it s a waste of time Learn the fundamentals then one or two languages and frameworks and that s it don t jump on every new bandwagon ignore the fads and the hype Specialize life is too short you can t get good at a dozen things leob Build Side ProjectsSide projects come in many forms and have lots of different purposes but they have an important thing in common they provide numerous benefits Side projects accelerate your learning foster creativity expand your developer portfolio and sometimes serve as a source of extra income “Hands on projects side projects are the best way to learn a technology Adrian Matei Write Readable CodeReadable code is one of the most important qualities of a good developer Readable code saves developer s time and effort by reducing debugging time and keeping it maintainable and easy to understand “Write readable code do not comment it out if the code is self explanatory That s the reason why you use clear variable method names Victor A Barzana“Write readable and not complicated fancy code you ll thank yourself later Adrian Matei Track TimeDevelopers should track their time for multiple reasons First of all time tracking helps developers optimize their work identify peak productivity time plan and prioritize their workload Freelance developers profit twice as much they can use time trackers to assess project profitability and bill their clients Developers often feel like they are not productive enough Most of the time it s not true Use a free time tracker to record time you ve spent on your tasks and document important actions and milestones Jane Use Buffer TimeAgile teams measure multiple developer performance metrics including team velocity amount of work a team can tackle during a single sprint To understand your personal workload limits and restrictions you can calculate your individual velocity add little time buffers to it when estimating work activities and enjoy working at a more relaxed pace “Try to estimate and track the real amount of time that you spent on the task After you ll find personal velocity you can control the pressure that the company is trying to put on you For example if you know that you will complete a task in hours you can estimate it in hours and have some space to think and slow down Ihor Klymenok“One really important thing I wish I was better at when I got my first job was estimating the time needed for getting something done Not sure whether it was my overconfidence in my abilities availability of a clear roadmap for the task in my mind usually hindered by unexpected bugs or both that led me to usually say less than what it actually took Frustrated both me and my teammates before a senior helped me with this process TLDR Always keep a buffer when asked how much time some task will take to be done Anam DevDes Build Soft SkillsWriting good code is not enough developers should also have solid non technical skills including communication teamwork time management problem solving critical thinking patience and persistence “Nowadays developer jobs are moving remote so it becomes important to have better collaboration and teamwork skills Public speaking adds an advantage Atharva Shirdhankar Automate as Much as You CanIn his book The Passionate Programmer Chad Fowler talks about building a great career as a software engineer and automation is one of the tips that he gives There are many aspects of the developer s work that can be automated You can implement automation tools for testing code reviewing documentation or take a closer look at your code editor for starters “Automate your repetitive tasks everything you do that can be automated You know you re on the right track when you use regular expressions in your code editor at least once per day on a weekly average DarkWiiPlayer Consider The Far End Of The Productivity CurveSenior developers use productivity and automation tools that look and feel too complex to junior devs So juniors often go look and adopt alternative tools that turn out to be ineffective after they become a little more experienced So the tip here is to listen to your mentor and learn the tools they advise you to learn the learning curve won t be easy but your efforts will eventually pay off “Choose the tool that may slow you down at first but will help you later on To give a hyperbolic example One may achieve more today if they use notepad instead of vim but if it takes you a month to learn the basics of vim the next month of increased productivity will negate the lost time of the first month and beyond that it s all saved time DarkWiiPlayer Invest In Tools of The TradeJust as developers invest time in learning new languages and tools they should also take their office tools seriously If you work in an open space environment and the noize around distracts you you should not hesitate to buy yourself a good pair of headphones Or if you work from a home office you should also make sure that the tools that you use for work are comfortable and reliable “Invest in noise cancelling headphones Whether you work in the office or from home you need to concentrate to work in the flow Stasy Barns“Use standing desk and invest in the ergonomic chair sudarshan Beware of Developer BurnoutNearly every developer has experienced burnout probably more than once so most of you are aware of its catastrophic consequences including people quitting their jobs and even dropping their careers It s very important to take care of yourself every day be aware of the developer burnout symptoms and know how to recover from it “Learn to identify when you re burned out Stop working for the day or take a nap or something If you don t you re wasting your time and possibly creating new problems for tomorrow Adam Skinner Practice JournalingJournaling is a flexible and powerful tool that can take many forms and serve different purposes You can use it for pouring out thoughts and emotion which reduces stress and helps you cope with difficulties Then you can create a whole dashboard with daily bullet lists habits trackers and more for example Notion serves this purpose perfectly Whatever journaling technique you choose it ll most likely turn out to be beneficial to your mental health and personal growth “I use tables in Notion to record my sleeping eating sports and activity habits track productivity and mood It might sound like a waste of time but after you have data for a few months you ll see what gives you energy and life satisfaction and what drains it from you Jane Take BreaksOur brains are less productive without rest and it s especially true for knowledge workers “Our brains are like sponges says Dr Bea psychologist “They can only soak up so much information before they re saturated then they have to dry out a bit So make sure to schedule rest time and unwind “Even if you work for hours a day you re probably only productive for around three hours What you really need is hours of deep work with regular breaks Take a short break after working for mins Sachin N Keep a Record of Your Daily AchievementsHave you ever kept a developer journal It s an effective tool for tracking your growth career goals and progress unloading your mind and more The greatest benefit of a developer journal is the fact that you can map out your career development strategy and record your milestones and achievements It means that you not only have great reasons to celebrate your success but you can also rely on this evidence to gain promotion pay rise or even get a better job “Write down what you ve completed each day before going to bed Sachin N Don t Be Afraid To Make MistakesMany developers especially Junior developers think they are not capable of doing their job they underestimate their abilities and are afraid to make mistakes It s important to remind yourself everyday that mistakes are important components of the learning process and there s nothing bad about them Mistakes also mean that you do your best Because only those who don t do anything don t even make mistakes “Recognise that as a junior dev you re not yet able to write much less understand complex code patterns and syntax and that s okay Your solution to X problem won t be as elegant nor efficient as a dev who has years of experience and that s okay It is always worth doing something badly provided you are learning and growing while you do it As long as you have a drive or passion for what you do you will improve Don t try to rush it enjoy the journey never stop asking questions and when you hit years of experience which you will eventually remember that you are still and always will be a learner Dan Walsh“Bugs will happen They don t define your self worth or competence and avoid any company culture that makes you feel worse about yourself when you leave a bug in your code Instead Own the bugs analyze them ask help from seniors if you get stuck and learn Melvyn Sopacua Don t Skip DocumentationDocumentation is created to educate users about the product or software it describes It sounds obvious but most of us non developers included tend to use the item the software the program right away we tend to think that we can read the interface and figure out how everything works on our own But when it comes to developers it s important that they read documentation and more than that refer to the official sources “This is not a big mistake This is something which all programmers do all the time Including me and that is trying to skip the documentation and trying to work with new technology by yourself This is fairly common If you are working with tools or softwares …We just jump into the UI and start using it However like Quote says that “You can save lots of hours of debugging If you just spend min of time reading the documentation If you are not reading the documentation you could be reading unreliable sources you could be reading from old sources If the documentation is available why not just go ahead and do that My best practice is to actually take official documentation If it is available or else you can stick to video tutorials or playlists But also have an eye on what the official documentation says Rajkumar Thangavel Ready to Become an Even More Productive Developer What is productivity after all Productivity is the amount of work you do per unit time But these components and productivity measurements are not as simple as that We can t measure developer effort and the work done by lines of code bugs fixed completed tasks or any other metrics because they are not equal and their number doesn t mean productive work Nevertheless time is essential for planning work and understanding how much work we accomplish in a unit time So consider registering your tasks and time spent on them using time tracking software For example actiTIME is great for tracking working time because it provides a weekly timesheet interface a browser extension and a mobile app More than that actiTIME integrates with JIRA GitHub JitLab and other integrations Join companies like DHL Philips and Xerox try a free day trial no credit card required	2022-03-13 17:37:15
海外TECH	DEV Community	Create Drawer With Title Header in Flutter	https://dev.to/slimpotatoboy/create-drawer-with-title-header-in-flutter-50ok	Create Drawer With Title Header in Flutter Create ScaffoldAt home class create a scaffold widget and inside that widget add drawer Scaffold drawer const CustomDrawer body Create CustomDrawer Widget build BuildContext context return Drawer child ListView children SizedBox height child child DrawerHeader child Image network url fit BoxFit contain ListTile onTap horizontalTitleGap leading Icon Icons add color Colors black height title Text Add New style TextStyle color Colors black const Divider height thickness const Padding padding EdgeInsets all child Text Header ListTile onTap horizontalTitleGap leading Icon Icons add color Colors black height title Text Add New style TextStyle color Colors black Follow me slimpotatoboy Twitter Instagram	2022-03-13 17:08:35
海外TECH	DEV Community	static website forms	https://dev.to/fabform/static-website-forms-2cn7	static website formsIn this very quick micro tutorial I am going to show you a quick solution on how to save static website form data to the fabform io forms backend No code required To get your static website forms working all you need to do is signup for a account on the free tier Click on Create a form endpoint Then in your HTML form code add your unique fabform io endpoint code to the form action and voila you have a fully working static website form lt form action form id method post gt lt label for email gt Your Email lt label gt lt input name email type email gt lt button type submit gt Submit lt button gt lt form gt static website forms	2022-03-13 17:06:57
海外TECH	DEV Community	Entendendo Promises	https://dev.to/lucaslomeu/entendendo-promises-2al5	Entendendo Promises PROMISESAntes de entendermos as Promises temos de conhecer as diferenças entre comportamentos síncronos e assíncronos Síncrono e AssíncronoComo o próprio nome pode nos ajudar a deduzir síncrono acontece em sincronia ou seja que ocorre em mesmo tempo que outra coisa Jáassíncrono éo oposto éalgo que não acontece junto com outra coisa Podemos exemplificar esses comportamentos síncronos e assíncronos como uma chamada de telefone e envio de e mail respectivamente Sabendo o básico podemos afirmar que o Javascript ésíncrono sendo executado linearmente de cima para baixo Isso se deve ao fato que ela éuma linguagem Single Thread então cada linha de comando sóseráexecutada quando a anterior éfinalizada console log Primeira linha console log Segunda linha console log Terceira linha console log Quarta linha console log Quinta linha Sendo assim o código acima quando executado nos retorna Primeira linhaSegunda linhaTerceira linhaQuarta linhaQuinta linhaNo Javascript temos a função assíncrona setTimeout onde no primeiro parâmetro ela espera uma função e no segundo o tempo que após ser feita a chamada da função ela seráexecutada isso em milissegundos Sendo assim vamos analisar o código abaixo console log Primeira linha console log Segunda linha setTimeout gt console log setTimeout console log Terceira linha console log Quarta linha console log Quinta linha Caso a função setTimeout fosse síncrona deveriamos ter o retorno abaixo jáque estásendo chamado na terceira linha Primeira linhaSegunda linhasetTimeoutTerceira linhaQuarta linhaQuinta linhaPorém ela éuma função que não acontece junto com outra coisa assíncrona ela sósera retornada com uma condição ou parâmetro que no caso éser executada após segundos nos retornando Primeira linhaSegunda linhaTerceira linhaQuarta linhaQuinta linhasetTimeoutOu seja ela executa todas as outras linhas de maneira síncrona quando chega no setTimeout ela éentregue para uma request separada que éexecutada fora da thread do Javascript lembrando que o código que escrevemos éexecutado em uma única thread fazendo com que o restante continue a ser executado Agora jácom o conhecimento de síncrono assíncrono podemos tratar das Promises Como o próprio nome diz éuma promessa que pode ou não estar disponível em algum momento sendo assim ela possui um comportamento assíncrono Promise éum objeto que possui três possíveis estados sendo eles Pending Estado inicial pendente de execuçãoFulfilled Concluido com sucessoRejected Ocorreu algum erroA mesma recebe dois parâmetros sendo eles comumente chamados de resolve e reject sendo assim apenas um dos métodos de tratamento seráchamado Para acessar a resposta dessa promisse temos o then e o catch sendo responsáveis por tratar a resposta e o erro respectivamente O método then iráregistrar um callback de sucesso e écomum executar duas ou mais operações assíncronas consecutivas executando a ação posterior apenas quando a anterior for bem sucedida isso épossível realizando o encadeamento do método then onde o mesmo retorna uma nova promise diferente da original new Promise resolve reject gt console log Inicio da Promise const numero resolve numero then value gt console log Primeiro valor value return value then newValue gt console log Valor somado de newValue No código foi chamado a função construtora passando os dois parâmetros como argumento e a chamada de uma função callback Logo de início jáéexecutado nosso primeiro console log e o armazenamento de numero em uma constante recebendo o valor logo após chamamos nosso resolve numero passando como resolvida nossa promise e ela recebe esse número Agora devemos tratar esse resultado fazendo a chamada do nosso primeiro then onde o mesmo recebe um parâmetro value esse valor recebe o que foi passado em resolve logo value equivale a numero sendo assim chamamos o console log desse value e retornamos ele para que possamos utilizar no próximo encadeamento de then onde iremos tratar o retorno anterior Para diferenciarmos foi passado como parâmetro agora newValue onde o mesmo recebeu o valor anterior e serátratado no console sendo acrescido de O resultado final desse código new Promise resolve reject gt console log Inicio da Promise const numero resolve numero then value gt console log Primeiro valor value return value then newValue gt console log Valor somado de newValue Agora iremos tratar a promise caso fosse chamado o reject new Promise resolve reject gt console log Inicio da Promise const numero reject Número não identificado then value gt console log Primeiro valor value return value then newValue gt console log Valor somado de newValue catch error gt console log Houve um erro error Como fazemos a chamada de reject a função logo iráchamar o método catch que também recebe um parâmetro e o mesmo éretornado no console log renderizando Inicio da PromiseHouve um erro Número não identificadoUm método muito utilizado éa API fetch que realiza requisições HTTP através de Promises	2022-03-13 17:03:30
海外TECH	DEV Community	8 Scroll Effects To SUPERCHARGE Your UX! 👆️✨️	https://dev.to/bestofstuff/8-scroll-effects-to-supercharge-your-ux-4nm9	Scroll Effects To SUPERCHARGE Your UX ️️Scroll effects are an easy way to improve the user experience of your website so I created a list of the best scrolling effects Parallax EffectParallax is when closer objects move faster than farther objects This amazing real life effect is on the web too CSS only Scroll SnappingDid you know that you can add scroll snapping to your site without using Javascript I sure didn t but when I found out I was completely shocked carousel scroll snap type x mandatory scroll snap align center CSS only Scrolling IndicatorFrom blogs to news sites scrolling indicators are everywhere Did you know that you didn t need Javascript to make one You can scroll if you want toIt s often useful to tell the user that they can scroll down to view more content Here is a cool example of that Shrinking HeaderMake a header start large then become smaller as the user scrolls down This little effect is very common and you can easily add it to your site using CSS Sticky NavbarNavbars are very important Users use them to know where they are in the site and where they can go Here s a cool navbar Flying GradientsYou can use CSS to animate a gradient as the user scrolls down Animate on ScrollThis Javascript library lets you enable CSS animations only when they get into the viewport Scroll ButtonsHere are cool HTML and CSS only scroll buttons If you found this list useful please follow me here Have a great day ️	2022-03-13 17:02:01
海外TECH	DEV Community	How to Design Sweet Dishes Text Effect With CSS | CSS animation | Effects	https://dev.to/codinghindi/how-to-design-sweet-dishes-text-effect-with-css-css-animation-effects-2ak5	How to Design Sweet Dishes Text Effect With CSS CSS animation EffectsFull Video TutorialSource Code	2022-03-13 17:00:51
海外TECH	Engadget	This website allows Westerners to talk to Russians about the war in Ukraine	https://www.engadget.com/squad303-website-russia-173853019.html?src=rss	This website allows Westerners to talk to Russians about the war in UkraineWith the Kremlin restricting access to online platforms like Twitter and Instagram in recent days people in Russia are quickly losing access to information about the war in Ukraine that doesn t come from the government Enter Squad a website created by a group of Polish programmers to help people from around the world establish a dialogue with their Russian counterparts Spotted by The Wall Street Journal the website randomly generates a number or email address for you to contact It pulls from a database that contains million cellphone numbers and approximately million email addresses Since the Squad went online on March th its creators told The Journal that individuals from around the world have sent nearly million text messages and million emails in Russian along with countless images and videos from the conflict “Our aim was to break through Putin s digital wall of censorship and make sure that Russian people are not totally cut off from the world and the reality of what Russia is doing in Ukraine a spokesperson for told the outlet This is crazy The person questioned me being American so I had to prove it I ve sent over messages thanks to squado to Russian cell phones This one got me it roughly translates to “it s terrible in Russia xxNB YourAnonNews xenasolo ZelenskyyUa got a new friendpic twitter com UOunxsaIJーMr T aka Masta Chef CireX titancrawford March The website is named after the Royal Air Force s famous Fighter Squadron It was one units made up of Polish airmen that flew for the RAF during World War II The played a pivotal role in the Battle of Britain shooting down the largest number of Luftwaffe aircraft during the months long campaign In another historical allusion the creators of Squad compared their project to Radio Free Europe which began as a US funded effort to broadcast news information and analysis to Soviet satellite states during the Cold War Using the website The Journal was able to talk to a year old law student from Moscow They told the outlet they opposed the war but said they didn t plan to protest against it for fear of retribution from the government “Am I supposed to risk my education my future the student said “I know Putin is killing people in Ukraine but it is not my fault I am not killing anyone and I am not supporting any wars Even engaging in conversations like the one above is risky for Russians Videos have recently emerged allegedly showing Russian police stopping commuters to screen the messages on their phones for signs of dissent	2022-03-13 17:38:53
海外科学	NYT > Science	Two years after declaring a pandemic, the W.H.O.’s watchword is still caution.	https://www.nytimes.com/2022/03/11/world/two-years-after-declaring-a-pandemic-the-whos-watchword-is-still-caution.html	Two years after declaring a pandemic the W H O s watchword is still caution Slow to say a pandemic had begun the global health agency is worried now about countries wanting to move on before it is over	2022-03-13 17:41:35
ニュース	@日本経済新聞 電子版	森ビル｢ヴィーナスフォート｣閉館へ　東京臨海の未来探る https://t.co/oTLOqwEYh1	https://twitter.com/nikkei/statuses/1503053722150387717	閉館	2022-03-13 17:01:47
ニュース	@日本経済新聞 電子版	半導体、3次元積層で進化　TSMCなど微細化の限界超える https://t.co/7kX3jB23wI	https://twitter.com/nikkei/statuses/1503053721210535936	進化	2022-03-13 17:01:47
ニュース	@日本経済新聞 電子版	侵攻なんてウソ・イラクで爆発・中国でコロナ過去最多 https://t.co/6Pe3jNsjJ5	https://twitter.com/nikkei/statuses/1503053718853685254	過去最多	2022-03-13 17:01:46
ニュース	BBC News - Home	Ukraine war: UK households offered £350 a month for hosting refugees	https://www.bbc.co.uk/news/uk-60724111?at_medium=RSS&at_campaign=KARANGA	authorities	2022-03-13 17:49:36
ニュース	BBC News - Home	Bafta Awards 2022: Stars gather for return to in-person ceremony	https://www.bbc.co.uk/news/entertainment-arts-60675263?at_medium=RSS&at_campaign=KARANGA	albert	2022-03-13 17:07:54
ニュース	BBC News - Home	'Stop Putin' chant at Downing Street demonstration	https://www.bbc.co.uk/news/uk-england-london-60729468?at_medium=RSS&at_campaign=KARANGA	assistance	2022-03-13 17:21:07
ニュース	BBC News - Home	St Patrick's Day parade returns to London after Covid hiatus	https://www.bbc.co.uk/news/uk-england-london-60728242?at_medium=RSS&at_campaign=KARANGA	covid	2022-03-13 17:28:27
ニュース	BBC News - Home	Emotional Yarmolenko scores winner as West Ham beat Aston Villa	https://www.bbc.co.uk/sport/football/60635701?at_medium=RSS&at_campaign=KARANGA	Emotional Yarmolenko scores winner as West Ham beat Aston VillaUkraine international Andriy Yarmolenko scores the opener against Aston Villa in his first West Ham appearance since the outbreak of war in his native country	2022-03-13 17:03:37
ニュース	BBC News - Home	Matt Dawson column: England’s Ireland loss is gold dust for World Cup	https://www.bbc.co.uk/sport/rugby-union/60729793?at_medium=RSS&at_campaign=KARANGA	france	2022-03-13 17:48:54
ビジネス	ダイヤモンド・オンライン - 新着記事	理想のゴールまで、経営者は事業にどう関わるべきかミクシィ流・新規事業の成功法則 - Virtical Analysis	https://diamond.jp/articles/-/298502	理想のゴールまで、経営者は事業にどう関わるべきかミクシィ流・新規事業の成功法則VirticalAnalysis年代に国産SNS「mixi」で一時代を築き、業績が低迷していた年にスマホゲーム「モンスターストライクモンスト」のスマッシュヒットからの超回復で驚異の急成長を果たしたミクシィ。	2022-03-14 02:57:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ひろゆきが呆れる「頭の悪い人はプライドが捨てられない」そのワケとは？ - 1％の努力	https://diamond.jp/articles/-/298335	youtube	2022-03-14 02:55:00
ビジネス	ダイヤモンド・オンライン - 新着記事	「仕事はできるのに自己肯定感が低い人」と「楽しそうに仕事をする人」の決定的な差 - 起業家の思考法	https://diamond.jp/articles/-/298915	問題解決	2022-03-14 02:50:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【投資のプロが東大生に教える】「超長期で利益が残る会社」の見極め方 - 東大金融研究会のお金超講義	https://diamond.jp/articles/-/298921	【投資のプロが東大生に教える】「超長期で利益が残る会社」の見極め方東大金融研究会のお金超講義年月に発足した東大金融研究会。	2022-03-14 02:45:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【林家木久扇が分類】「人間の『業』を感じさせるバカ」 - バカのすすめ	https://diamond.jp/articles/-/297914	【林家木久扇が分類】「人間の『業』を感じさせるバカ」バカのすすめバカは強い、バカは愛される、バカは楽しい、バカは得であるー。	2022-03-14 02:40:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【カンタンなのに料亭風！ レンチンレシピ】 しょうがの風味で体ポカポカ！ 鶏もも肉のしょうが煮 - 銀座料亭の若女将が教える 料亭レベルのレンチンレシピ	https://diamond.jp/articles/-/298339	【カンタンなのに料亭風レンチンレシピ】しょうがの風味で体ポカポカ鶏もも肉のしょうが煮銀座料亭の若女将が教える料亭レベルのレンチンレシピ『銀座料亭の若女将が教える料亭レベルのレンチンレシピ』から、煮ない・焼かない・炒めない【つの具材】と【つのステップ】で、すぐ美味しいレシピを紹介。	2022-03-14 02:35:00
ビジネス	ダイヤモンド・オンライン - 新着記事	つみたてNISAで購入していい投資信託は、ズバリ9本 - 最新版つみたてNISAはこの9本から選びなさい	https://diamond.jp/articles/-/298276		2022-03-14 02:30:00
ビジネス	ダイヤモンド・オンライン - 新着記事	メーカーに就職したい人なら知っておきたい！ 物流費と利益の関係 - 全図解 メーカーの仕事	https://diamond.jp/articles/-/298932	メーカーに就職したい人なら知っておきたい物流費と利益の関係全図解メーカーの仕事メーカー製造業の仕事は、自動車、電機、食品……などの商品・サービスをつくって売ることですが、お客さまに満足いただけるものを過不足なくつくって遅滞なく届けるために、メーカーにはさまざまな機能があります。	2022-03-14 02:25:00
ビジネス	ダイヤモンド・オンライン - 新着記事	ゴールドマン・サックスに16年勤めた金融教育家が教える「不可欠な金融リテラシー」 - お金のむこうに人がいる	https://diamond.jp/articles/-/298569	金融教育	2022-03-14 02:20:00
ビジネス	ダイヤモンド・オンライン - 新着記事	【最強開運日に“1日1分強運貯金”で願いが全て叶う】 見るだけで、突然、ウルトラハッピー運急上昇！ “四つ葉のクローバー”の最強御利益パワーとは？ - 1日1分見るだけで願いが叶う！ふくふく開運絵馬	https://diamond.jp/articles/-/297336	【最強開運日に“日分強運貯金で願いが全て叶う】見るだけで、突然、ウルトラハッピー運急上昇“四つ葉のクローバーの最強御利益パワーとは日分見るだけで願いが叶うふくふく開運絵馬Amazonランキング第位祭祀・、楽天ブックスランキング第位民俗・、。	2022-03-14 02:15:00
北海道	北海道新聞	石川県知事に馳氏初当選　元文科相、保守分裂選制す	https://www.hokkaido-np.co.jp/article/656434/	衆院議員	2022-03-14 02:03:01