IT |
気になる、記になる… |
Amazon、Kindleストアで「Kindle本24時間限定セール (本日は~第2弾~マンガがお得)」を開催中 |
https://taisy0.com/2021/12/02/149267.html
|
amazon |
2021-12-01 15:16:25 |
AWS |
AWS Compute Blog |
Announcing winners of the AWS Graviton Challenge Contest and Hackathon |
https://aws.amazon.com/blogs/compute/announcing-winners-of-the-aws-graviton-challenge-contest-and-hackathon/
|
Announcing winners of the AWS Graviton Challenge Contest and HackathonAt AWS we are constantly innovating on behalf of our customers so they can run virtually any workload with optimal price and performance Amazon EC now includes more than instance types that offer a choice of compute memory networking and storage to suit your workload needs While we work closely with our silicon partners … |
2021-12-01 15:35:38 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
CharucoBoardつくーる(Windows 10、OpenCV 4.0.0、Python 3.6.12) |
https://qiita.com/SatoshiGachiFujimoto/items/c8f090082fa404c9b88e
|
|
2021-12-02 00:31:27 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
【12月1日開始】Python初心者が学習初日にまず考えたこと |
https://qiita.com/rin5xpbpm/items/7a1f6b2fe045578cd78a
|
【月日開始】Python初心者が学習初日にまず考えたことはじめに初めての記事なので練習を兼ねてPythonを勉強わたしが何を学んでどう活かしたいかを書き連ねていこうと思います。 |
2021-12-02 00:26:09 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
RDKit 記述子が 400 に増えたさかい、他と比較してみてん。 |
https://qiita.com/maskot1977/items/d66e7706165076b83976
|
RDKitのバージョンがになって、計算できる記述子の数が増えたさかい、他と比較してみたで。 |
2021-12-02 00:01:10 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
CSV/TSVファイルのセル内改行に正規表現で対応する |
https://qiita.com/Mihiraghi/items/bb967eeb63ce07ba1b03
|
CSVTSVファイルのセル内改行に正規表現で対応するダブルクォーテーションで囲ったセル内改行がある場合、そのまま改行コードでsplitしてしまうと結果の配列が崩れてしまいます。 |
2021-12-02 00:42:43 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
display関数が使えません |
https://teratail.com/questions/371887?rss=all
|
display関数が使えませんdisplay関数が使えませんjupyternbspnotebookを使ってpythonを用いたプログラミングをしています。 |
2021-12-02 00:29:10 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
canvas上にボタン配置 |
https://teratail.com/questions/371886?rss=all
|
canvas上にボタン配置canvas上にボタンを配置したいのですが、canvasの位置を調整したりして、いろいろ試しましたがうまくいきませんでした。 |
2021-12-02 00:15:01 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
競技プログラミング rubyでの処理速度向上 |
https://teratail.com/questions/371885?rss=all
|
競技プログラミングrubyでの処理速度向上プログラミングの腕を磨くべく、AtCoderといった競技プログラミングの問題に対する解答を実装しています。 |
2021-12-02 00:10:17 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
textファイルの読み込みの仕方を教えてください。 |
https://teratail.com/questions/371884?rss=all
|
textファイルの読み込みの仕方を教えてください。 |
2021-12-02 00:06:16 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
googleスプレッドシートにredashのデータをAPIを通じて反映させる |
https://teratail.com/questions/371883?rss=all
|
googleスプレッドシートにredashのデータをAPIを通じて反映させる前提・実現したいことここに質問の内容を詳しく書いてください。 |
2021-12-02 00:02:34 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
Amazon EventBridgeでAmazon S3のイベント通知を試してみた |
https://qiita.com/nidcode/items/27adb9e069f8fd6bab89
|
AmazonEventBridgeでAmazonSのイベント通知を試してみたAmazonSEventsviaAmazonEventBridgeJeff先生のブログがおすすめ。 |
2021-12-02 00:20:33 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
新たな技術との出会いがあるIBM Cloud Paks |
https://qiita.com/ayatokura/items/39fca3e232edfd1abfc1
|
今年から、IBMが提供するパブリッククラウド「IBMCloud」から「IBMCloudPaks」に軸足を置いた活動を開始しました。 |
2021-12-02 00:00:25 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
macOSにPodmanを導入する |
https://qiita.com/runeleaf/items/4a78eeb20f9bddea181a
|
もともとdockerformacのvolume周りの問題があって代替となりそうな環境を探していたのですが、QEMUのVM上とVagrantでdockerするのもそれほど変わらないので、dockerformacが重いよという方は試してみてもいいかなと思います。 |
2021-12-02 00:00:33 |
GCP |
gcpタグが付けられた新着投稿 - Qiita |
新たな技術との出会いがあるIBM Cloud Paks |
https://qiita.com/ayatokura/items/39fca3e232edfd1abfc1
|
今年から、IBMが提供するパブリッククラウド「IBMCloud」から「IBMCloudPaks」に軸足を置いた活動を開始しました。 |
2021-12-02 00:00:25 |
Azure |
Azureタグが付けられた新着投稿 - Qiita |
Azure Virtual WANを試してみた (前編 ~Azure Virtual WANと仮想Hubの作成~) |
https://qiita.com/hidekko/items/a2f499c71854900cfa39
|
今回はインターネットVPNしか接続しませんが、Standardで構築しましょう。 |
2021-12-02 00:02:01 |
Azure |
Azureタグが付けられた新着投稿 - Qiita |
新たな技術との出会いがあるIBM Cloud Paks |
https://qiita.com/ayatokura/items/39fca3e232edfd1abfc1
|
今年から、IBMが提供するパブリッククラウド「IBMCloud」から「IBMCloudPaks」に軸足を置いた活動を開始しました。 |
2021-12-02 00:00:25 |
技術ブログ |
Developers.IO |
Snowflakeのタイムトラベル関連でよく使いそうなコマンドを試してみた #SnowflakeDB |
https://dev.classmethod.jp/articles/snowflake-timetravel-useful-command/
|
adventcalendar |
2021-12-01 15:30:08 |
技術ブログ |
Developers.IO |
Xen-on-Nitro、旧世代のEC2インスタンスを最新Nitroでサポートする計画が公開されました |
https://dev.classmethod.jp/articles/xen-on-nitro-ec2-support/
|
amazon |
2021-12-01 15:24:15 |
技術ブログ |
Developers.IO |
[小ネタUpdate] AWS Outpostsがコスタリカ、エクアドル、モロッコ、ナイジェリア、ベトナムでも利用可能に! |
https://dev.classmethod.jp/articles/reinvent2021_update-aws-outposts/
|
awsoutposts |
2021-12-01 15:18:39 |
技術ブログ |
Developers.IO |
Cloudflareを接続する(基本編) |
https://dev.classmethod.jp/articles/cloudflare_network_connection/
|
cloudflare |
2021-12-01 15:12:37 |
海外TECH |
MakeUseOf |
Python vs. Java: The Best Language for 2022 |
https://www.makeuseof.com/python-vs-java-best-language/
|
language |
2021-12-01 15:45:44 |
海外TECH |
MakeUseOf |
How to Find and Fix Broken Packages on Linux |
https://www.makeuseof.com/how-to-find-and-fix-broken-packages-on-linux/
|
linux |
2021-12-01 15:45:45 |
海外TECH |
MakeUseOf |
DAC vs. Amp: What’s the Difference? |
https://www.makeuseof.com/dac-vs-amp/
|
audio |
2021-12-01 15:30:12 |
海外TECH |
MakeUseOf |
What's the Best Voice Changer for Discord? |
https://www.makeuseof.com/best-voice-changer-for-discord/
|
changers |
2021-12-01 15:30:12 |
海外TECH |
MakeUseOf |
Typora Is Officially Out of Beta: What's New in v1.0? |
https://www.makeuseof.com/typora-out-of-beta-what-new/
|
Typora Is Officially Out of Beta What x s New in v Typora is one of the most popular Markdown editors available Now the app has officially left beta Here s everything new in its latest v update |
2021-12-01 15:27:14 |
海外TECH |
MakeUseOf |
Your Android Phone Won't Charge? 7 Tips and Fixes to Try |
https://www.makeuseof.com/tag/fixes-android-phone-wont-charge/
|
android |
2021-12-01 15:15:34 |
海外TECH |
MakeUseOf |
How to Use the YouTube Audio Library to Add Music and Sound Effects to Videos |
https://www.makeuseof.com/use-youtube-audio-library-to-add-music-to-videos/
|
How to Use the YouTube Audio Library to Add Music and Sound Effects to VideosAre you struggling to find royalty free songs for your YouTube videos YouTube s Audio Library has you covered Here s how you can use it |
2021-12-01 15:15:33 |
海外TECH |
DEV Community |
How to Set Up Chakra UI with Next JS by creating a Hero component |
https://dev.to/ixartz/how-to-set-up-chakra-ui-with-next-js-by-creating-a-hero-component-3610
|
How to Set Up Chakra UI with Next JS by creating a Hero componentCreating a user interface is never a simple task but Chakra UI is a great UI library to get your Next js application up and running fast all while maintaining aesthetics In this guide you ll learn how to set up a simple Next js app with Chakra UI PresequisitesStandard knowledge of Next js setup and usage Some experience with UI UX Design Create a NextJS ProjectYou can create a blank Next js project by running npx create next app my project oryarn create next app my project Create a Next JS Project Using TypescriptAlternatively Next js provides integrated TypeScript support You can create a TypeScript project with create next app using the ts typescript flag as shown below npx create next app latest ts oryarn create next app typescriptPlease note that when adding Chakra UI to a TypeScript project a minimum TypeScript version of is required Once all installations are successful and complete you re ready to start coding in TypeScript A file named next env d ts will be created in the root of your project This file ensures Next js types are picked up by the TypeScript compiler You cannot remove it or edit it as it can change at any time Learn more about using Typescript in their Next JS Docs Adding Chakra UI to your Next js ApplicationTo get started using Chakra UI install the core Chakra UI package by running npm i chakra ui react emotion react emotion styled framer motion oryarn add chakra ui react emotion react emotion styled framer motion After installation you ll need to add Chakra providers Adding in Chakra ProvidersChakra uses the ChakraProvider component which then wraps your website with a context containing properties such as the Chakra theme color mode functionality CSS reset global styles and more In pages app js import ChakraProvider from chakra ui react const MyApp Component pageProps gt return lt ChakraProvider gt lt Component pageProps gt lt ChakraProvider gt export default MyApp If you are using Typescript use the ChakraProvider component in pages app tsx and replace by the following code import type AppProps from next app import ChakraProvider from chakra ui react const MyApp Component pageProps AppProps gt return lt ChakraProvider gt lt Component pageProps gt lt ChakraProvider gt export default MyApp In your pages index jsx or pages index tsx add the following code import Heading from chakra ui react const Home gt return lt Heading gt Welcome to Chakra Next js lt Heading gt export default Home If everything was imported successfully once the component rerenders you should be greeted with your newly written heading Hero componentNow that you re getting the hang of it let s create a simple hero component First create a components Hero js or components Hero tsx file And inside try out the following example code import Container Stack Flex Box Heading Text Image useColorModeValue from chakra ui react import Blob from Blob const Hero gt return lt Container maxW xl gt lt Stack align center spacing base md py base md direction base column md row gt lt Stack flex spacing base md gt lt Heading lineHeight fontWeight fontSize base xl sm xl lg xl gt lt Text as span position relative after content width full height position absolute bottom left bg cyan zIndex gt Example Application lt Text gt lt br gt lt Text as span color cyan gt Next js Chakra UI lt Text gt lt Heading gt lt Stack gt lt Flex flex justify center align center position relative w full gt lt Blob w h position absolute top left zIndex color useColorModeValue cyan cyan gt lt Box position relative height px rounded xl boxShadow xl width full overflow hidden gt lt Image alt Hero Image fit cover align center w h src gt lt Box gt lt Flex gt lt Stack gt lt Container gt export default Hero You may be wondering when the heck did we make a blob Well we re going to do it right now Create a components Blob jsx find the TypeScript below file with the following code import Icon IconProps from chakra ui react const Blob props IconProps gt return lt Icon width viewBox fill none xmlns props gt lt path fillRule evenodd clipRule evenodd d M c C c C c z fill currentColor gt lt Icon gt export default Blob For TypeScript version create a components Blob tsx file import Icon from chakra ui react const Blob props gt return lt Icon width viewBox fill none xmlns props gt lt path fillRule evenodd clipRule evenodd d M c C c C c z fill currentColor gt lt Icon gt export default Blob Once you ve created your hero and blob component import Hero tsx into your pages index js or pages index tsx file like so import Hero from components Hero const Home gt return lt Hero gt export default Home Once your application re renders your landing page should resemble the following Congratulations You can now create awesome user interfaces time to get your Chakra on ️ React SaaS BoilerplateReact SaaS Boilerplate is the perfect starter kit to launch your SaaS faster and better Focus on your business products and customers instead of losing your time to implement basic functionalities like authentication recurring payment landing page user dashboard form handling error handling CRUD operation database etc |
2021-12-01 15:46:24 |
海外TECH |
DEV Community |
20 ICP(About $800) Bounty for Developer web3 |
https://dev.to/utadamaaya/20-icpabout-800-bounty-for-developer-web3-40cf
|
ICP About Bounty for Developer web ICPs with ICPs bonus for docs sitetask Astrox Network s agent dart api doclink Acceptance Criteria comment on code to cover all apis generate dart docs optional generate gitbook or github pages optional tutorial docs site for developers Context To have better understanding of internet computer for client developers it is the best way to understand how the sdk works Though we have ported most agent js features to agent dart we don t have enough resources to complete the api docs Which is really important work for community developers Thus we need to cover as many apis as possible we need someone to comment on code like we do for dart code |
2021-12-01 15:39:00 |
海外TECH |
DEV Community |
ES6 - A beginners guide - Generators |
https://dev.to/stefanwrightcodes/es6-a-beginners-guide-generators-48hj
|
ES A beginners guide Generators HeyForewarning this topic is hard It s taken me a week to even start to get my head around it You may have to read this a few times also I have spent countless hours watching YouTube videos on this I ll link one of my favourites at the end What are you talking about Generators An ES feature that is ultimately just a function to iterate over a series of values However it has a bonus feature What is it I hear you ask Well let me try to explain When using a generator you can ultimately pause the execution of your code to do something and then return to it later in another clode block They are very intimidating to start with but ultimately easy to understand after a while The hardest bit for me was finding an example or a few examples that would just give me that glimmer as to why they are useful and why they are better than other possible ways of working if I could find the examples showing both ways of working then awesome Normally I would look at the ES way s of working first this time I am going to switch it up a bit and we re going to look at the ES way to begine with So what does a generator look likefunction numberGenerator yield yield yield Notice the after the function keyword that tells us this is a generator function Then we have a new keyword yield this keyword is treated as though it s a mini version of return inside the function function numberGenerator yield yield yield const myNumbers numberGenerator When you call a generator as above it will not start to do anything it will be in a suspended state and it will return a generator object Within the generator object there are prototypes that can be called next return and throw We ll start off by looking at the next prototype next please When we call the next prototype essentially what we are doing is telling the generator function to start and run until it hits a yield keyword let s take a look at the example function numberGenerator yield yield yield const myNumbers numberGenerator console log myNumbers next This will return value done false in a console logHere we see that our code has started and run to the first yield of The output of this give us an opject with a value property and a done property the done property will be false until after the last yield statement is seenfunction numberGenerator yield yield yield const myNumbers numberGenerator console log myNumbers next This will return value done false in a console logconsole log myNumbers next This will return value done false in a console logconsole log myNumbers next This will return value done false in a console logconsole log myNumbers next This will return value undefined done true in a console logAbove we now see that after we get through all the yields we see a value of undefined with a done value of true To make the code execution a bit clearer we can add some log messages into out generator function numberGenerator console log Before yield console log Before yield console log Before yield console log After const myNumbers numberGenerator We will see a console log stating Before console log myNumbers next This will return value done false in a console log We will see a console log stating Before console log myNumbers next This will return value done false in a console log We will see a console log stating Before console log myNumbers next This will return value done false in a console log We will see a console log stating After console log myNumbers next This will return value undefined done true in a console logThe above makes it a bit clearer to understand that when we first call next we will enter our function and execute up until the first yield so we will output Before and then value done false and so on So what about some use cases Before writing this article I wanted to try and find some example that would concrete my understanding of this topic honestly I can t say that I fully understand it but here we are trying things out and perhaps you can help me understand more use cases Generate user ID sfunction generateId let id We could take this number from a database lookup while true yield id id const gen generateId console log gen next value This would return in a console logconsole log gen next value This would return in a console logconsole log gen next value This would return in a console logIn the above example we use a while loop to make our generator an infinite loop always generating us the next number The advantage here Well if you try to run a while true loop in your own code you will crash the browser in a few mere seconds and the only way to stop it will be to kill the browser processes on your PC DO NOT TRY THIS doing this in a generator mean we only execute it one step at a time Can I pass parameters Yes you can pass parameters into a generators next function and I must admit this bit stumped me for a while To put it most simply you can pass a parameter in however if it is the first time calling next it will not have any effect because you are yet to yield anything The parameter sent to the next essentially replaces the previous yielded I ll try to explain with a code example below const maxScore function keepScore let score while true const addToScore yield score the first call to next will only run to here therefore returning if addToScore addToScore is populated by the parameter you pass in after the first run score addToScore const playerOne keepScore console log score after first move console log playerOne next This would output console log score after second move console log playerOne next This would output console log score after third move console log playerOne next This would output console log score after fourth move console log playerOne next This would output console log score after fifth move console log playerOne next This would output Making an early exitWith generators it is possible to exit from the function this can be done in one of two ways Firstly you can call return instead of next to make the generator exit or you can use a return statement inside the generator function itself For example const maxCount let hitMax false function countUp let count while true const addToCount yield count if addToCount count addToCount if count gt maxCount hitMax true return maxCount has been hit or exceeded const counting countUp counting next for let i hitMax i console log counting next i console log I am done Above we will keep counting until hitMax is true after which we will stop and exit our for loop in that example we return inside the generator Let s look at an alternative const maxCount let hitMax false function countUp let count while true const addToCount yield count if addToCount count addToCount if count gt maxCount hitMax true const counting countUp counting next for let i counting next done i if hitMax console log counting next i else console log counting return maxCount has been hit or exceeded console log I am done Above we have to work slightly differently we will keep incrementing until the done value of next is true inside that loop we check our boolean of hitMax and if we have hit that instead of counting again we will call return maxCount has been hit or exceeded which sets the next done value to true and allows us to output a completion message OverviewWOW This was by far the hardest topic I have looked at and I think I have understood it to a basic level at least The biggest challenge I found was finding and understand real world use cases I still don t think i have cracked it with the example perhaps you have something better Feel free to share examples in the comments if you do The bigget point I learnt from this was A generator allows you to exit and re enter the function multiple times until the done vaalue is true meaning you don t need to have multiple functions that you call at various stages through the lifecycle Again if you have a better explanation hit me up Learn JavaScript Generators In Minutes Web Dev Simplified |
2021-12-01 15:37:21 |
海外TECH |
DEV Community |
Simplifying a JavaScript Function With 12 Automated Refactorings |
https://dev.to/p42/simplifying-a-javascript-function-with-12-automated-refactorings-4hk8
|
Simplifying a JavaScript Function With Automated RefactoringsExecuting many automated refactorings in a row is a powerful way to improve your code quickly The advantage of this approach over manual refactoring is that it is less likely to introduce bugs and that it can often be faster with the right keyboard shortcuts However it is a bit of an art to chain refactorings as it can involve unintuitive actions to enable further steps This blog post shows an example of how to simplify a small JavaScript function in a series of automated refactorings without changing its behavior I ll be using Visual Studio Code and the P JavaScript Assistant refactoring extension Initially the function from this blog post looks at follows const lineChecker line isFirstLine gt let document if line amp amp isFirstLine document lt h gt line lt h gt else if line amp amp isFirstLine document lt p gt line lt p gt else if line document lt br gt return document After refactoring the function is much shorter and easier to comprehend const lineChecker line isFirstLine gt if line return lt br gt return isFirstLine lt h gt line lt h gt lt p gt line lt p gt Here are the steps that I took to refactor the function Simplify Control Flow and Remove VariableThe first refactorings eliminate the document variable and simplify the control flow This change makes it easier to reason about the function because there is less state i e no document variable and several execution paths return early Pull out the from the assignments into regular string concatenation This step enables the introduction of early return statements in the next step Replace re assigning the document variable with early return statements This step simplifies the control flow and enables inlining the document variable Inline the document variable This step removes an unnecessary variable and enables the removal of the empty string literals in the next step Remove empty string literals by merging them into the templates After applying these steps the function looks as follows const lineChecker line isFirstLine gt if line amp amp isFirstLine return lt h gt line lt h gt else if line amp amp isFirstLine return lt p gt line lt p gt else if line return lt br gt return Simplify Conditions and Remove CodeThe next goals are to simplify the conditions in the if statements and to remove dead or unnecessary code This change further reduces the complexity of the function and makes it easier to comprehend because there is less code and the conditions are simpler Separate isFirstLine condition into nested if statement Pull up negation from These two steps prepare the removal of the redundant else if condition Remove redundant condition on else if because it is always true After removing the redundant else if condition it becomes clear that the final return statement is unreachable Remove unreachable code Unreachable code is useless and consumes some of our attention without benefit It is almost always better to remove it Push negation back into This refactoring reverts a previous step that was temporarily necessary to enable further refactorings Invert condition and merge nested if The resulting line condition is easier to understand because there is no negation Even better it enables lifting the inner if statement into an else if sequence and indicates that the empty line handling might be a special case After applying these steps the function looks as follows const lineChecker line isFirstLine gt if line return lt br gt else if isFirstLine return lt h gt line lt h gt else return lt p gt line lt p gt Improve ReadabilityThe last set of refactorings aims to improve the readability by moving the special case line into a guard clause and using a conditional return expression Convert line condition into guard clause Simplify return with conditional expression Format e g with Prettier on save Here is the final result const lineChecker line isFirstLine gt if line return lt br gt return isFirstLine lt h gt line lt h gt lt p gt line lt p gt Additional ConsiderationsThis blog post shows how to use automated refactorings to simplify a JavaScript function without changing its behavior In practice there are many additional considerations Automated Test Coverage Automated testing is essential to have confidence that the refactoring did not inadvertently change the code s behavior It is particularly crucial when there are error prone manual refactoring steps When there is insufficient test coverage it is critical to add tests before refactoring code Uncovering Potential BugsSimpler code can uncover potential bugs that you can investigate after the refactoring is completed In the example here a lt br gt is being returned from the function even when isFirstLine is true which might not be the intended behavior Other RefactoringsThere are many ways to refactor the function from this blog post I ve focussed on simplifying the function but renaming or even decomposing it are other possibilities Check out the post How would you refactor this JS function for more I hope this post gave you an idea of how to sequence automated refactoring steps to achieve a more significant refactoring change |
2021-12-01 15:33:30 |
海外TECH |
DEV Community |
Responsive Footer Using HTML & CSS |
https://dev.to/nikhil27b/responsive-footer-using-html-css-3gg
|
Responsive Footer Using HTML amp CSSHello How are you guys today I writing this post after to much request from you In this post I created simple responsive footer using HTML amp CSS You can also create a good and responsive footer after using this I use flex and grid so its responsive for all the media query you can be use any of this to create a footer but I code this footer for beginners if you are good in frontend then you don t need to write this much of code I use media query for this post I hope you like this also comments about your thoughts Please Follow on Instagram For More Content developer nikhil Thank you |
2021-12-01 15:32:19 |
海外TECH |
DEV Community |
DotVVM Advent Calendar 2021 |
https://dev.to/esdanielgomez/dotvvm-advent-calendar-2021-3343
|
DotVVM Advent Calendar Hello everyone Welcome to DotVVM Advent Calendar days with amazing articles to learn about DotVVM and the multiple applications we can carry out We have an article for each of the advent days with the following general topics Basic concepts of ASP NET with DotVVM Controls for web forms Data reports Web pages with SQL and NoSQL databases Deploy DotVVM applications on Azure and Amazon Web Services Construction of applications for real life CalendarIn this second edition of the calendar the general idea is learn from the basics to the most advanced about the wonderful world of web application development with ASP NET and DotVVM through the contributions generated by the DotVVM community this year DayDateContributionDec stIntroduction to DotVVM Dec ndSetting up for Dotvvm Development on Linux MacOS and Windows Dec rdDotVVM and ASP NET Core Implementing CRUD operations Dec thWorking with ASP NET Core and DotVVM on Visual Studio Code Dec thWeb forms with DotVVM controls Dec thForm validation in ASP NET amp DotVVM Dec thReports in DotVVM with GridView CheckBox and TextBox controls Dec thDotVVM Controls GridView Dec thWeb forms with DotVVM Business Pack Dec thDotVVM upload files using FileUpload control Dec thHTML templates for repetitive elements in ASP NET amp DotVVM Dec th Dec thDeveloping web applications with ASP NET Core DotVVM and MongoDB Dec thDotVVM CRUD application with Entity Framework and Cosmos DB Dec thWorking with web services through ASP NET Core and DotVVM A step by step guide Dec thDeploy DotVVM and NET Core web applications to Azure Everything you need to know Dec thGitHub Actions Azure Continuous deployment of ASP NET Core with DotVVM applications Dec thWorking with WCF Services through ASP NET and DotVVM A step by step guide Dec th NET Hot Reload for DotVVM Developers Dec thDeploying ASP NET Core and DotVVM web applications to a virtual machine in AzureDec stBuilding a Dashboard with ASP NET Core and DotVVM Dec ndDeploy web applications with ASP NET Core and DotVVM on AWS Elastic Beanstalk Dec rdDeploying ASP NET amp DotVVM web applications to a Linux virtual machine in Azure Dec thSentiment analysis in a DotVVM web application with ML NET Dec thGuide to organizing and promoting events through a web portal with ASP NET amp DotVVM We hope you enjoy and learn about DotVVM during these days of advent If you have any questions or would like to receive any feedback you can write to me on Twitter or request information from info dotvvm com If you want to share your progress with this amazing experience you can use the hashtags DotVVMCommunity DotVVMAdventCalendar From now on ¡Merry Christmas |
2021-12-01 15:23:56 |
海外TECH |
DEV Community |
How to Use Promise.all with Async/Await |
https://dev.to/softhunt/how-to-use-promiseall-with-asyncawait-4fem
|
How to Use Promise all with Async AwaitAsync functions and the await keyword both introduced in ECMAScript are more recent innovations to the JavaScript language These features are essentially syntactic sugar on top of promises making asynchronous programming easier to write and read They make async code appear more like synchronous code from the past thus they re definitely worth understanding To begin we have the async keyword which is used to convert a function declaration into an async function An async function is one that understands how to anticipate the usage of the await keyword to launch asynchronous functionality When you combine an async function with the await keyword the benefit of an async function becomes clear await only works with async functions in standard JavaScript code but it can also be used with JavaScript modules on its own Any async promise based function can have await in front of it to stop your code on that line until the promise is fulfilled then return the result Any function that returns a Promise including web API calls can be called using await Let s assume I have an API request that retrieves all of the users from a database and takes a certain length of time First promise returns an array after a delayconst getUsers gt return new Promise resolve reject gt return setTimeout gt resolve id ranjeet id adil id preet Now there s another request that relies on data that exists throughout the whole user base Second promise relies on the result of first promiseconst getIdFromUser user gt return new Promise resolve reject gt return setTimeout gt resolve user id There s also a third call that changes the second Third promise relies on the result of the second promiseconst capitalizeIds id gt return new Promise resolve reject gt return setTimeout gt resolve id toUpperCase I m thinking about doing the first call first then using a for…of loop to perform the other calls that rely on it const runAsyncFunctions async gt const users await getUsers for let user of users const userId await getIdFromUser user console log userId const capitalizedId await capitalizeIds userId console log capitalizedId console log users runAsyncFunctions However this will be my output ranjeetRANJEETadilADILpreetPREET … … … Instead I may call Promise all to execute all of the first second and third procedures const runAsyncFunctions async gt const users await getUsers Promise all users map async user gt const userId await getIdFromUser user console log userId const capitalizedId await capitalizeIds userId console log capitalizedId console log users Output … … … ranjeetalipreetRANJEETADILPREETHere is the whole code you can run in the console First promise returns an array after a delayconst getUsers gt return new Promise resolve reject gt return setTimeout gt resolve id ranjeet id adil id preet Second promise relies on the result of first promiseconst getIdFromUser user gt return new Promise resolve reject gt return setTimeout gt resolve user id Third promise relies on the result of the second promiseconst capitalizeIds id gt return new Promise resolve reject gt return setTimeout gt resolve id toUpperCase const runAsyncFunctions async gt const users await getUsers Promise all users map async user gt const userId await getIdFromUser user console log userId const capitalizedId await capitalizeIds userId console log capitalizedId console log users runAsyncFunctions I write detailed article on my website click the link to understand more clearly and follow us for more updates |
2021-12-01 15:18:11 |
海外TECH |
DEV Community |
My Rocket Academy Experience |
https://dev.to/jeromechua/my-rocket-academy-experience-pd1
|
My Rocket Academy Experience Background About myselfI was previously involved in data science projects amp worked with Python and SQL and had close to years of coding experience in Python I also mostly completed an Udemy web development bootcamp prior As of June I graduated from Rocket Academy s month Bootcamp which was fruitful amp enjoyable Thereafter I was a teaching assistant for their weeks Basics course from July to August while applying for jobs And as of August I managed to receive a few offers and settled down on a software engineering role at a Fintech company Researching SWE bootcampsMy research for a choice bootcamp was primarily in the US namely Lambda School Fullstack Academy amp Hack Reactor Reason being I have had acquaintances who did so and doing well in engineering roles I also reached out to alumni on Reddit amp most of them had good to say for the mentioned above In short I did not choose them because of time difference amp cost How did I find out about Rocket Academy in Very interestingly it was through a sponsorship logo they had on a Shopee Code league Then I remembered googling them up and it resurfaced later down the road Prior to contacting Rocket Academy I reached out to a RA alumni who graciously shared on his own bootcamp research and he himself was certain RA would be a good place for growth What really helped me solidify my decision was the open curriculum they had which signalled a proactive learning style focused on the student s desire to learn where I really believe true growth comes from I contacted Kai soon after and the rest was history The Journey General Perception of My InstructorsKai From the start Kai has been meticulous in selection of incoming students yet does it in down to earth in manner which just by observing one can learn so much His teaching of complex topics was always clear and I really like that he cares about the quality of projects amp pushes students to be accountable on their progress Kai was pivotal in me getting good interviews as well amp keeping on the journey Akira My main instructor throughout both Basics amp Bootcamp Akira has a knack for being able to sift out the real question behind my questions Akira is highly gifted in educating Through his teaching he has thought me how to learn amp even teach myself better He demonstrated great passion amp patience in ensuring students pick up the material well amp has genuine interest for them to grasp the material Rocket Academy month Basics This was a month part time program where we had to create projects in total Focused on JavaScript The HTML amp CSS were present but not vital Which allows the students to focus on the essentials of coding Total of hours a week in class where it would be further divided up into minutes of lessons minutes of pair programming and recaps It was a solid foundation for us to build on moving into the month full time bootcamp This was also a good time to see if the learning style suited me and whether I wanted commit View Coding Basics open source curriculum here Rocket Academy month Bootcamp A total of projects were done Ready to show case to potential employers and enough to be proud of accomplishing There was also a group project that helped made us very familiar with Git amp Github Amazingly helpful when on the job Technologies used were mainly JavaScript React Express Third party libraries PostgreSQL Heroku Netlify AWS By the end of the months you would be very familiar on creating full stack web applications Support as usual was great Both from the instructors and community All this while also having check ins on our data structures amp algorithm familiarity View Bootcamp open source curriculum here Rocket Academy month Post Bootcamp I was surprised at the level of support I received from both Kai amp Akira They are genuinely interested in the welfare of their students Not just for me I saw this displayed in their approach to each student under their care I have been to other bootcamps before and although post bootcamp support was sincere it was only a one time affair However at Rocket Academy there were constant check ins referrals advice and encouragement On top of that both of them gave me lots of their personal takes on interviews work and general life So it was really more than a month thing And they were prepared to go all the way I was fortunate to be in Batch because Batch had all found jobs An alumni Jit Corn whom I reached out to was extremely helpful as well And it makes a world of difference to have someone already gone through that journey and giving good advice on hindsight ConclusionWith the current support of our Singapore government to become more tech savvy it is a great time for non CS or non engineering degree people having strong interest in building a career in tech to join bootcamps I highly commend what Rocket Academy is offering strong curriculum dedicated amp personal instructors like minded amp friendly community and strong post bootcamp job search support Have further questions Please feel free to reach me at jerome chuame gmail com or connect with me on LinkedIn You can also read more about Rocket Academy s latest million funding on Forbes |
2021-12-01 15:09:44 |
Apple |
AppleInsider - Frontpage News |
How to let sites use pop-up windows in Safari in macOS Monterey |
https://appleinsider.com/articles/21/12/01/how-to-let-sites-use-pop-up-windows-in-safari-in-macos-monterey?utm_medium=rss
|
How to let sites use pop up windows in Safari in macOS MontereyNot all pop up windows are evil spam some of them remain genuinely useful Here s how to get Safari on macOS Monterey to show you the ones you actually want while still shielding you from all of the rest Safari for MacIt is still the case that there are websites that use pop up windows like it was the early s and we hadn t really heard of spam Safari on macOS Monterey will protect you from them and protect you so well that you almost certainly don t even notice Read more |
2021-12-01 15:37:58 |
Apple |
AppleInsider - Frontpage News |
Apple's November 2021 in review: Right to repair, hardware shortages, and South Korea |
https://appleinsider.com/articles/21/12/01/apples-november-2021-in-review-right-to-repair-hardware-shortages-and-south-korea?utm_medium=rss
|
Apple x s November in review Right to repair hardware shortages and South KoreaApple surprised us in November with a Self Repair service and surprised South Korea with its nonsensical legal stance but at least you can now get a cleaning cloth Apple cleaning cloth has no user serviceable partsNovember saw many of us waiting by our front doors for the new MacBook Pro ーor special Apple Cleaning Cloth ーto finally arrive But that didn t mean Apple took a break The company may not strictly speaking have launched anything in the month but it announced some key launches to come ーand it was of course embroiled in controversies Read more |
2021-12-01 15:05:20 |
Apple |
AppleInsider - Frontpage News |
Apple marks World AIDS Day, says customers have raised nearly $270 million |
https://appleinsider.com/articles/21/12/01/apple-marks-world-aids-day-says-customers-have-raised-nearly-270-million?utm_medium=rss
|
Apple marks World AIDS Day says customers have raised nearly millionIn the years since Apple first supported the fight to end AIDS the company says its customers have raised almost million through buying PRODUCT RED devices Apple s range of PRODUCT RED devicesApple s first PRODUCT RED release was the special edition of the iPod nano A portion of the profits form which went directly to the Global Fund to help with programs for women and children affected by HIV AIDS in Africa Read more |
2021-12-01 15:09:06 |
海外TECH |
Engadget |
The best 2-in-1 laptops you can buy |
https://www.engadget.com/best-2-in-1-laptops-173038508.html?src=rss
|
The best in laptops you can buyThe perfect hybrid machine that s just as good a tablet as it is a laptop still doesn t exist But in companies like Microsoft Apple and Google continued to improve their operating systems for machines that do double duty Windows has features that make it friendlier for multi screen devices while Android L is on the horizon and promises an optimized experience for larger displays Plus with the rise of ARM based chips for laptops especially Apple s impressive M series prospects for a powerful in with a vast touch friendly app ecosystem is at an all time high These machines still have their limits of course Since they re smaller than proper laptops they tend to have less powerful processors Keyboards also tend to be less sturdy with condensed layouts and shallower key travel Plus they re almost always tablets first leaving you to buy a keyboard case separately And those ain t cheap So you can t always assume the advertised price is what you ll actually spend on the in you want Sometimes getting a third party keyboard might be just as good and they re often cheaper than first party offerings If you re looking to save some money Logitech s Slim Folio is a cheaper option and if you don t need your keyboard to attach to your tablet Logitech s K Multi Device wireless keyboard is also a good pick While we ve typically made sure to include a budget in in previous years this time there isn t a great choice We would usually go with a Surface Go but the model is too expensive Other alternatives like cheaper Android tablets are underpowered and don t offer a great multitasking interface If you want something around that s thin lightweight and long lasting you re better off this year looking at a conventional laptop like those on our best budget PCs list Chris Velazco Engadget When you re shopping for a in there are some basic criteria to keep in mind First look at the spec sheet to see how heavy the tablet is alone and with the keyboard Most modern hybrids weigh less than pounds with the pound Surface Pro being one of the heaviest around The iPad Pro and Samsung s Galaxy Tab S are both slightly lighter If the overall weight of the tablet and its keyboard come close to pounds you ll be better off just getting an ultraportable laptop You ll also want to opt for an inch or inch screen instead of a smaller inch model The bigger displays will make multitasking easier plus their companion keyboards will be much better spaced Also try to get GB of RAM if you can for better performance ーyou ll find this in the base model of the Galaxy Tab S while this year s iPad Pro and the Surface Pro start with GB of RAM Finally while some in s offer built in LTE or G connectivity not everyone will want to pay the premium for it An integrated cellular radio makes checking emails or replying to messages on the go far more convenient But it also often costs more and that s not counting what you ll pay for data And as for G ーyou can hold off on it unless you live within range of a mmWave beacon Coverage is still spotty and existing nationwide networks use the slower sub technology that s barely faster than LTE nbsp Engadget PicksBest overall Surface Pro Dana Wollman EngadgetThere s no beating the Surface series when it comes to in s They re powerful sleek tablets running an OS that s actually designed for productivity The Surface Pro is Microsoft s latest and it addresses most of the issues we had with its predecessor It s thinner and looks more modern borrowing the design of last year s Pro X Plus it has a Hz display that makes scrolling endless spreadsheets or emails feel much faster Just remember to drop the refresh rate to Hz if you want to get respectable battery life out of this thing Windows also offers a better split screen experience for on the go multitasking Like most of the other in s on this list the Pro doesn t come with a keyboard cover ーyou ll have to pay extra for that That s a shame considering it starts at Microsoft offers a variety of Type Covers for its Surface Pros ranging from to depending on whether you want a slot for a stylus on it But at least they re comfortable and well spaced You can also get the Surface Slim Pen for sketching out your diagrams or artwork and it also features haptic feedback for a more responsive experience Buy Surface Pro at Microsoft starting at Best for Apple users inch iPad Pro Chris Velazco EngadgetIf you re already in the Apple ecosystem the best option for you is obviously an iPad The inch Pro is our pick Like older models this iPad Pro has a stunning inch screen with a speedy Hz refresh rate but this year it uses mini LED backlighting to deliver greater dynamic range Apple s M chipset is impressively fast too and more than good enough for most tasks Plus the latest iPadOS is superior to older versions thanks to widgets and quick notes support Apple s new Magic Keyboard provides a satisfying typing experience and its trackpad means you won t have to reach for the screen to launch apps But it ll also cost you an extra making it the most expensive case on this list by a lot The iPad also lacks a headphone jack and its webcam is awkwardly positioned along the left bezel when you prop it up horizontally so be aware that it s still far from a perfect laptop replacement Still with its sleek design and respectable battery life the iPad Pro is a good in for Apple users Buy inch iPad Pro at Amazon Best for Android users Samsung Galaxy Tab S Cherlynn Low Engadget While Windows is better than iPadOS and Android for productivity it lags the other two when it comes to apps specifically designed for touchscreens If you want a tablet that has all the apps you want and only need it to occasionally double as a laptop the Galaxy Tab S is a solid option Though it was released last year it s still the best Android powered in around You ll enjoy watching movies and playing games on its gorgeous inch Hz AMOLED screen and Samsung includes the S Pen which is great for sketching and taking notes The Snapdragon processor and GB of RAM keep things running smoothly too Thankfully the company significantly improved its keyboard case over previous models with more comfortable and responsive keys You could type for hours on this thing and not hate yourself or Samsung The battery life is also excellent so you won t need to worry about staying close to an outlet The main caveat is that Android isn t great as a desktop OS and while Samsung s DeX mode offers a somewhat workable solution it has plenty of quirks Still with Android L on the horizon a simple software update could ease some pain Buy Galaxy Tab S at Samsung Best Chrome OS option HP Chromebook xNathan Ingraham EngadgetAndroid might suck as a desktop operating system but Chrome OS doesn t If most of your tasks take place inside a browser the HP Chromebook x will serve you well It has great battery life an excellent inch screen and looks nice to boot HP even includes the keyboard and stylus with the tablet which almost none of the competition does Chrome still isn t a great OS in tablet mode and the Chromebook x s Snapdragon c processor sometimes struggles if you rack up too many tabs It s also a little pricey at but you can often find it for when it goes on sale at sites like Best Buy That makes it a solid choice considering everything HP includes for the money Buy Chromebook x at HP |
2021-12-01 15:30:15 |
Cisco |
Cisco Blog |
NCR accelerates towards zero-trust with Cisco ACI and AlgoSec |
https://blogs.cisco.com/datacenter/ncr-accelerates-towards-zero-trust-with-cisco-aci-and-algosec
|
NCR accelerates towards zero trust with Cisco ACI and AlgoSecThe AlgoSec Security Policy Management Suite and Cisco ACI enable NCR to manage application connectivity end to end across their network including public cloud Cisco ACI and physical firewalls achieving zero trust security and a reduced attack surface |
2021-12-01 16:00:01 |
海外科学 |
NYT > Science |
Vaccine Hesitancy Hurts Covid Fight in Poorer Countries |
https://www.nytimes.com/2021/12/01/world/africa/coranavirus-vaccine-hesitancy-africa.html
|
african |
2021-12-01 15:41:46 |
金融 |
RSS FILE - 日本証券業協会 |
株主コミュニティの統計情報・取扱状況 |
https://www.jsda.or.jp/shiryoshitsu/toukei/kabucommunity/index.html
|
株主コミュニティ |
2021-12-01 15:30:00 |
金融 |
金融庁ホームページ |
「火災保険水災料率に関する有識者懇談会」(第3回)を開催します。 |
https://www.fsa.go.jp/news/r3/singi/20211201-2.html
|
有識者懇談会 |
2021-12-01 17:00:00 |
金融 |
金融庁ホームページ |
審判期日の予定を更新しました。 |
https://www.fsa.go.jp/policy/kachoukin/06.html
|
期日 |
2021-12-01 16:00:00 |
金融 |
金融庁ホームページ |
オンコリスバイオファーマ(株)社員からの情報受領者による内部者取引審判事件の第1回審判期日開催について公表しました。 |
https://www.fsa.go.jp/news/r3/shouken/20211201.html
|
内部者取引 |
2021-12-01 16:00:00 |
ニュース |
BBC News - Home |
Social care: Plans to fund improvement in England unveiled |
https://www.bbc.co.uk/news/uk-politics-59494574?at_medium=RSS&at_campaign=KARANGA
|
health |
2021-12-01 15:13:24 |
ニュース |
BBC News - Home |
Storm Arwen power cuts: 30,000 still waiting to be reconnected |
https://www.bbc.co.uk/news/uk-59396135?at_medium=RSS&at_campaign=KARANGA
|
homes |
2021-12-01 15:52:32 |
ニュース |
BBC News - Home |
Covid: No need to cancel Christmas party plans - Javid |
https://www.bbc.co.uk/news/uk-59486165?at_medium=RSS&at_campaign=KARANGA
|
booster |
2021-12-01 15:35:58 |
ニュース |
BBC News - Home |
Jacob Rees-Mogg investigated by standards watchdog |
https://www.bbc.co.uk/news/uk-politics-59491565?at_medium=RSS&at_campaign=KARANGA
|
companies |
2021-12-01 15:29:54 |
ニュース |
BBC News - Home |
Dunne 'opened towel' to fellow jockey Frost in changing room |
https://www.bbc.co.uk/sport/horse-racing/59488652?at_medium=RSS&at_campaign=KARANGA
|
bryony |
2021-12-01 15:39:14 |
ニュース |
BBC News - Home |
Leicester Tigers set to sign South Africa fly-half Pollard |
https://www.bbc.co.uk/sport/rugby-union/59492849?at_medium=RSS&at_campaign=KARANGA
|
leicester |
2021-12-01 15:14:15 |
北海道 |
北海道新聞 |
新年一般参賀、来年も中止 陛下ビデオメッセージ検討 |
https://www.hokkaido-np.co.jp/article/618069/
|
一般参賀 |
2021-12-02 00:16:00 |
北海道 |
北海道新聞 |
レベル2で「自粛」要請も 道がコロナの新指標案 病床使用率など基準も設定 |
https://www.hokkaido-np.co.jp/article/618036/
|
感染対策 |
2021-12-02 00:08:34 |
北海道 |
北海道新聞 |
「栗さん、ありがとう」 12月25日に栗山監督感謝の集い |
https://www.hokkaido-np.co.jp/article/618039/
|
北海道日本ハムファイターズ |
2021-12-02 00:04:04 |
コメント
コメントを投稿