IT |
気になる、記になる… |
現時点で分かっている「M1 Ultra」チップのベンチマークスコアのまとめ |
https://taisy0.com/2022/03/09/154404.html
|
multra |
2022-03-09 13:32:09 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
Next.js×microCMSで自作のポートフォリオサイトを無料で作れるようになるまでのロードマップ |
https://qiita.com/hpfull-yamucha/items/3c1c2231108f8d912a76
|
または、シンプルにProgateなどでHTMLCSSのコースをするのが手っ取り早いかと思います。 |
2022-03-09 22:41:48 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
ユーザー情報の編集機能 |
https://qiita.com/murara_ra/items/78b3a5d84ba5dc7aef30
|
編集の時に登録したパスワードは変更しないようにしたいので、今回の編集項目にはパスワードは入れない。 |
2022-03-09 22:20:30 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
【Rspec】Error: raise WrongScopeError の解消法 |
https://qiita.com/salsasource/items/6e8d9029c3f856d764fc
|
【Rspec】ErrorraiseWrongScopeErrorの解消法RSPecでテストを実行すると以下のエラーが発生。 |
2022-03-09 22:08:03 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS CLIのバージョンアップ試してみた |
https://qiita.com/yokoo-an209/items/de99de037b7dcc913a2d
|
AWSCLIだが、verとverでは同じawsコマンドが使用されるので共存はできるみたいなのだが、あまり推奨はされていないらしいので、今回はverとはおさらばしてみる。 |
2022-03-09 22:01:51 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
ユーザー情報の編集機能 |
https://qiita.com/murara_ra/items/78b3a5d84ba5dc7aef30
|
編集の時に登録したパスワードは変更しないようにしたいので、今回の編集項目にはパスワードは入れない。 |
2022-03-09 22:20:30 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
【Rspec】Error: raise WrongScopeError の解消法 |
https://qiita.com/salsasource/items/6e8d9029c3f856d764fc
|
【Rspec】ErrorraiseWrongScopeErrorの解消法RSPecでテストを実行すると以下のエラーが発生。 |
2022-03-09 22:08:03 |
海外TECH |
Ars Technica |
Congress finally delivers a budget, and NASA gets most of what it wants |
https://arstechnica.com/?p=1839704
|
favorite |
2022-03-09 13:22:30 |
海外TECH |
MakeUseOf |
Are All Social Media Platforms Becoming the Same? |
https://www.makeuseof.com/social-media-sites-becoming-the-same/
|
features |
2022-03-09 13:45:13 |
海外TECH |
MakeUseOf |
What Is Unscripted and Why Should Photographers Use It? |
https://www.makeuseof.com/unscripted-app-for-photographers/
|
unscripted |
2022-03-09 13:30:13 |
海外TECH |
MakeUseOf |
Google Claims That Chrome Is Now Faster Than Safari |
https://www.makeuseof.com/google-chrome-now-faster-than-safari/
|
browser |
2022-03-09 13:22:21 |
海外TECH |
MakeUseOf |
The Best Car Gadgets to Make Your Ride More Enjoyable |
https://www.makeuseof.com/tag/best-automotive-gadgets/
|
The Best Car Gadgets to Make Your Ride More EnjoyableLooking to deck your car out with the latest gadgets We ve rounded up some of the best hardware to make commuting and road trips more pleasant |
2022-03-09 13:04:55 |
海外TECH |
DEV Community |
Getting Started with HTML5 Canvas |
https://dev.to/smpnjn/getting-started-with-html5-canvas-4h7a
|
Getting Started with HTML CanvasHTML canvas is the easiest way to create graphics in Javascript and HTML You may see it also written as HTML Canvas as it is strongly associated with the shift to HTML HTML Canvas can be hard to get the hang of If you agree you re not alone So in this guide let s go through the basics of HTML canvas and how you can use it How to use HTML CanvasTo start with HTML Canvas we need to create a lt canvas gt element This is just an empty tag which will contain the graphic produced by our Javascript In HTML we can create a canvas by writing the following lt canvas id myCanvas width height gt lt canvas gt You may often see canvas with predefined width and height which is useful if the graphic we re producing has to have a certain size You could set your canvas to be of width and height too That s all you need to do on the HTML side of things Let s look at how we can initiate a basic canvas which we can start to produce graphics on Creating a HTML Canvas with JavascriptThe next thing we have to do to produce our canvas is to select our canvas element and apply a context to it Applying a context to our HTML Canvas with getContext Canvas elements can have a context added to them which can be one of the following d a dimensional context for rendering d graphics on webgl a dimensional context for rendering d objects on bitmaprenderer only allows us to replace the canvas context with something that is a BitImage Although all of these are useful for most canvas work we use d So let s start by selecting our canvas element and applying the correct context let myCanvas document getElementById myCanvas Set the context of our canvaslet context myCanvas getContext d Above we now have a variable context which we can use to draw graphics on our canvas Although I ve called this variable context it is common to see it named ctx instead Remember Javascript OrderIf you are having trouble getting this to work make sure your Javascript is after your lt canvas gt element The HTML element needs to exist before we can select it Drawing on our canvasNow we have our context we can start to draw on it HTML canvas has a number of different ways to draw Let s look at a basic example creating a rectangle let myCanvas document getElementById myCanvas Set the context of our canvaslet context myCanvas getContext d Begin drawing something on the contextcontext beginPath Draw a rectangle using the rect functioncontext rect Fill our rectanglecontext fillStyle caa context fill Add a border to our rectanglecontext lineWidth context strokeStyle white context stroke Finish our rectanglecontext closePath Output of this code As you can see HTML canvas drawing can become quite verbose quite quickly Let s break down the code section by section after creating our context context beginPath We begin any new shape or drawing on a canvas with beginPath This lets us split out the information on one shape versus the next context rect This is a standard shape function the arguments of which are x y width height The above code then creates a rectangle px from the top and px from the left of width px and height px context fillStyle context fill The first line fillStyle sets the color and then fill the shape itself with the function fill context lineWidth strokeStyle stroke These should look familiar to the last section we set the pixel width of the border with lineWidth then the color with strokeWidth and action the stroke with stroke context closePath Our rectangle is now done we finish it off by using the closePath function Now that we ve closed our path we are free to create more shapes if we like Drawing Multiple Shapes with HTML CanvasSince we re using Javascript we can programmatically draw shapes with canvas For example we can use a while loop to draw many rectangles all beside each other The code for this follows the same concepts as we followed before the only difference is that we are using a while loop to reiteratively draw more rectangles until the canvas is full Using a while loop in HTML Canvas let myCanvas document getElementById myCanvas Set the context of our canvaslet context myCanvas getContext d Draw a rectangle using the rect functionlet startX let startY let rectWidth let rectHeight while startY lt newCanvas height Begin drawing something on the context context beginPath Draw our canvas context rect startX startY rectWidth rectHeight Fill our rectangle context fillStyle caa context fill Add a border to our rectangle context lineWidth context strokeStyle white context stroke Finish our rectangle context closePath startX rectWidth console log startX startY newCanvas width newCanvas height if startX gt newCanvas width startX startY rectHeight if startY gt newCanvas height startX newCanvas width startY newCanvas height ConclusionIn this introduction we ve looked at how HTML canvas can be created and how you can draw basic shapes onto it We ve covered how you can reiteratively draw on the canvas through Javascript by using a while loop Using this as a base you ll be able to experiment and try out even more I hope you ve enjoyed this article |
2022-03-09 13:43:54 |
海外TECH |
DEV Community |
Azure Functions Deployment using GitHub Actions |
https://dev.to/officialcookj/azure-functions-deployment-using-github-actions-2fa2
|
Azure Functions Deployment using GitHub ActionsHave you ever been in a situation where you have been asked to set up CI CD for your new Azure Function App Have the requirements been to use a single repository and workflow in GitHub to distribute the application to deployment slots In this post you will follow step by step instructions to set up deployment slots within your Azure Function resource implement a branching strategy in your repository identify and create environments in GitHub and assemble a single workflow to run in GitHub Actions as your CI CD What you needYou would have already created the Azure Function resource in advance of following the below You will also need access to this resource to configure it and download publication profiles Deployment SlotsMy workflow for this project will be targeting three deployment slots DevelopmentTestStagingDeployment Slots allow me to run multiple environments within a single Azure Function App This will provide a unique public endpoint for each of them allowing me to develop and test without impacting the staging and live slots I haven t listed a production slot and this is because a default slot is available after creating an Azure Function for production use If you want to create a Deployment Slot Open Azure Function AppSelect Deployment Slots from the side menuSelect Add SlotProvide a name for your slot The Function App name will automatically appear at the start so it s unique across the azurewebsites net domain You can then click the Add button when you are ready Branch StrategyI will be using three git branches to represent the slots I ve created above They are main will deploy to Staging slot test will deploy to Test slot develop will deploy to the Development slot I will not require a branch for production as I will either run a manual Swap of the Staging slot with Production or incorporate a release approval gate that will trigger the Swap with Staging and Production in the workflow Publish ProfileTo publish our code to a deployment slot we require the Publish Profile for each slot excluding production To do this follow each step below and repeat for each slot you have Open Azure Function AppSelect Deployment Slots from the side menuSelect a Slot one with the blue hyperlink At the top of the window select Get Publish Profile This will download a copy of the publish profile as a file Repeat these steps per deployment slot EnvironmentsI will create an environment in GitHub for every deployment slot I created allowing me to associate each publish profile to its environment using secrets To create an environment Open your GitHub repository in the Web UISelect SettingsFrom the side menu select EnvironmentsClick the New environment buttonGive your environment a name and click Configure environmentRepeating the above steps I have the following environments DevelopmentTestProduction where we will publish to the Staging slot I have enabled Required reviewers in each environment and added myself When we run a job within a workflow against any of these environments I do not want it to proceed until my approval If you don t have this selected our workflow will automatically deploy to the environment once the Pull Request merges SecretsWithin each environment we will be creating a new secret that will contain the contents of the publish profile First select Add Secret under the heading Environments secrets in the environment you are configuring In the Name field give your secret an appropriate name The name you provide will be used when referring to the secret in the workflow so make it identifiable In the Value field copy and paste the content from the Publish Profile file This includes all the information required for authenticating and deploying your Azure Function App to the correct slot Select Save when you are ready For this post my secret will be named AZURE FUNCTIONAPP PUBLISH PROFILE WorkflowI will break down each part of the workflow we will use to deploy our Azure Function name Function App Deploymenton push branches main test develop workflow dispatch Above is the first part of our workflow I have defined the workflow s name as Function App Deployment and specified this workflow to run when push updates happen on one of the three branches I have also included workflow dispatch so I can run the workflow manually jobs cd build deploy dev name Continuous Deployment Development runs on ubuntu latest environment Development if github ref refs heads develop env AZURE FUNCTIONAPP NAME MyHTTPTrigger AZURE FUNCTIONAPP PACKAGE PATH DOTNET VERSION Next we define the jobs we are going to run We will have in total three jobs one for each environment First we will define the development environment job We will set the job id to cd build deploy dev and the name to Continuous Deployment Development We will be using ubuntu latestfor all the runs but we will be setting environments to each environment we create in GitHub We use an if statement here to say if push happens on the develop branch run the job We do this for all three of our jobs to run based on the branch push If the if statement is not met the job will skip And we define environment variables for the job These will be AZURE FUNCTIONAPP NAME the name of the function appAZURE FUNCTIONAPP PACKAGE PATH the path to the code mine is at the root of the repo so I specified DOTNET VERSION the version of NET I am using steps name Checkout uses actions checkout main name Setup DotNet x Environment uses actions setup dotnet v with dotnet version x name Resolve Project Dependencies Using Dotnet shell bash run pushd env AZURE FUNCTIONAPP PACKAGE PATH dotnet build configuration Release output output popd name Run Azure Functions Action uses Azure functions action v id fa with app name env AZURE FUNCTIONAPP NAME package env AZURE FUNCTIONAPP PACKAGE PATH output publish profile secrets AZURE FUNCTIONAPP PUBLISH PROFILE Once the job is configured we want to configure each step we require to get the deployment going The first step is Checkout this will clone the branch to the local runner The second step will set up NET on the runner Here I have specified to install the latest version of We are using the GitHub action project setup dotnet to complete the installation on the runner The third step will trigger a build ready for the function app to deploy The final step is for deployment to take place to our Function App We specify environment variables and GitHub secrets to complete the app name package and publish profile parameters This uses a supplied GitHub action from Microsoft called functions action Now you have to complete this for the other jobs listed below and copy the steps below each job the steps should be identical cd build deploy test name Continuous Deployment Test runs on ubuntu latest environment Test if github ref refs heads test env AZURE FUNCTIONAPP NAME MyHTTPTrigger AZURE FUNCTIONAPP PACKAGE PATH DOTNET VERSION cd build deploy prod name Continuous Deployment Production runs on ubuntu latest environment Production if github ref refs heads main env AZURE FUNCTIONAPP NAME MyHTTPTrigger AZURE FUNCTIONAPP PACKAGE PATH DOTNET VERSION The final workflow should look similar to this name Function App Deploymenton push branches main test develop workflow dispatch jobs cd build deploy dev name Continuous Deployment Development runs on ubuntu latest environment Development if github ref refs heads develop env AZURE FUNCTIONAPP NAME MyHTTPTrigger AZURE FUNCTIONAPP PACKAGE PATH DOTNET VERSION steps name Checkout uses actions checkout main name Setup DotNet x Environment uses actions setup dotnet v with dotnet version x name Resolve Project Dependencies Using Dotnet shell bash run pushd env AZURE FUNCTIONAPP PACKAGE PATH dotnet build configuration Release output output popd name Run Azure Functions Action uses Azure functions action v id fa with app name env AZURE FUNCTIONAPP NAME package env AZURE FUNCTIONAPP PACKAGE PATH output publish profile secrets AZURE FUNCTIONAPP PUBLISH PROFILE cd build deploy test name Continuous Deployment Test runs on ubuntu latest environment Test if github ref refs heads test env AZURE FUNCTIONAPP NAME MyHTTPTrigger AZURE FUNCTIONAPP PACKAGE PATH DOTNET VERSION steps name Checkout uses actions checkout main name Setup DotNet x Environment uses actions setup dotnet v with dotnet version x name Resolve Project Dependencies Using Dotnet shell bash run pushd env AZURE FUNCTIONAPP PACKAGE PATH dotnet build configuration Release output output popd name Run Azure Functions Action uses Azure functions action v id fa with app name env AZURE FUNCTIONAPP NAME package env AZURE FUNCTIONAPP PACKAGE PATH output publish profile secrets AZURE FUNCTIONAPP PUBLISH PROFILE cd build deploy prod name Continuous Deployment Production runs on ubuntu latest environment Production if github ref refs heads main env AZURE FUNCTIONAPP NAME MyHTTPTrigger AZURE FUNCTIONAPP PACKAGE PATH DOTNET VERSION steps name Checkout uses actions checkout main name Setup DotNet x Environment uses actions setup dotnet v with dotnet version x name Resolve Project Dependencies Using Dotnet shell bash run pushd env AZURE FUNCTIONAPP PACKAGE PATH dotnet build configuration Release output output popd name Run Azure Functions Action uses Azure functions action v id fa with app name env AZURE FUNCTIONAPP NAME package env AZURE FUNCTIONAPP PACKAGE PATH output publish profile secrets AZURE FUNCTIONAPP PUBLISH PROFILE Commit the workflow once completed and update your branches so they are up to date DeploymentNow we have our workflow in place we can trigger the workflow either by pushing to a particular branch or running manually For this post I am going to trigger the deployment manually To do this I select the Actions tab and select my workflow from the left side menu From there I click on the Run workflow button and select the develop branch to deploy the function app to the development slot If you ve set up reviewers on your environments the deployment will not start until a reviewer approves the job Once the deployment completes and I can confirm it s working as intended I can repeat the above to deploy to the testing slot and then the stagging slot Once I am happy for the app to go into the production slot I will use the Swap button in the Deployment blade to swap Stagging with Production within the Azure Function App resource |
2022-03-09 13:13:53 |
Apple |
AppleInsider - Frontpage News |
Apple's MLB deal is good for Apple TV+, but making a bad situation worse for baseball fans |
https://appleinsider.com/articles/22/03/09/apples-mlb-deal-is-good-for-apple-tv-but-making-a-bad-situation-worse-for-baseball-fans?utm_medium=rss
|
Apple x s MLB deal is good for Apple TV but making a bad situation worse for baseball fansAt Tuesday s Apple Event Apple rolled out the long rumored deal it signed with Major League Baseball But in a time where it is getting harder for local fans to watch their team play this is making that situation worse and not better As I write this MLB is still shut down after its COVID impacted run and a shortened campaign Making a long story short the owners decided that they wanted to negotiate with the players union with training shut down and this will in all likelihood take out a big chunk of the start of the season as spring training has not even started yet And yet on Tuesday Apple announced that every Friday night it will stream two games starting on April I am telling you now in all likelihood the season will not have started then Read more |
2022-03-09 13:50:41 |
Apple |
AppleInsider - Frontpage News |
Apple praised and slammed for representation of women at March event |
https://appleinsider.com/articles/22/03/09/apple-praised-and-slammed-for-representation-of-women-at-march-event?utm_medium=rss
|
Apple praised and slammed for representation of women at March eventMore women presented at its March Apple Event than ever before and it happened without Apple patronizingly championing the fact Yet behind the scenes the company is still apparently failing its staff in this regard Colleen Novielli product line manager Mac introducing the Mac StudioFour of the seven presenters at Apple s March event and all six developers interviewed were women On the face of it the only sensible comment to make is So what Read more |
2022-03-09 13:19:31 |
Apple |
AppleInsider - Frontpage News |
Leaked M1 Ultra Mac Studio benchmarks prove it outclasses top Mac Pro |
https://appleinsider.com/articles/22/03/08/leaked-m1-ultra-mac-studio-benchmarks-prove-it-outclasses-top-mac-pro?utm_medium=rss
|
Leaked M Ultra Mac Studio benchmarks prove it outclasses top Mac ProBenchmark results for Apple s recently announced M Ultra chip have surfaced revealing just how significant the performance gains in the Mac Studio are versus the highest end Mac Pro and MacBook Pro with M Max processor The benchmark results were published at around p m Eastern on Monday a few hours after Apple s Peek Performance event During the event Apple unveiled its new M Ultra chip which essentially combines two M Max chips in a single package Apple s M Ultra chip achieved a score in single core Geekbench testing and a score in multi core score testing Read more |
2022-03-09 13:41:31 |
海外TECH |
Engadget |
'Mar10 Day' sales knock up to 83 percent off Nintendo Switch titles |
https://www.engadget.com/mar10-day-nintendo-switch-game-sales-132544529.html?src=rss
|
x Mar Day x sales knock up to percent off Nintendo Switch titlesMario has a lot of days worth celebrating ーhe made his first appearance in Donkey Kong way back in July while the first Mario Bros title came out in July and Super Mario Bros hit the scene in September So to make things easier Nintendo settled on March th as a day to celebrate all things Mario ーwritten as “Mar for this now yearly occasion This year s celebration is a bit of a subdued affair but if you re looking to save on some popular games head on over to Amazon to order some normally titles for only a percent discount Buy New Super Mario Bros U Deluxe at Amazon Buy Mario Kart Deluxe at Amazon Buy Luigi s Mansion at Amazon Last week our deputy editor Nate Ingraham named Super Mario Bros U Deluxeas one of his all time faves for the Nintendo Switch and right now you can snag it for only Also for grabs at the same price are the must have Mario Kart Deluxe s Luigi s Mansion Super Mario D World Bowser s Fury and Yoshi s Crafted World Sports fans might also want to add Mario Tennis Aces to their collection for only ーunfortunately there are no deals on upcoming titles like Mario Strikers Battle League Another standout is Mario Kart Live Home Circuit which usually costs for a single kart set but you can grab Mario or Luigi for each right now Titles on sale at other retailers include the delightful Mario Rabbits Kingdom Battle nbsp for only over at Nintendo com and you can grab Super Mario Odyssey nbsp for at Walmart if you re one of the Switch owners who doesn t own a copy yet Buy Mario Tennis Aces at Amazon Buy Mario Kart Live Home Circuit at Amazon Buy Mario Rabbids Kingdom Battle at Nintendo Buy Super Mario Odyssey at Walmart Follow EngadgetDeals on Twitter for the latest tech deals and buying advice |
2022-03-09 13:25:44 |
Cisco |
Cisco Blog |
3 Strategies for Service Providers to Overcome Tech Talent Shortages |
https://blogs.cisco.com/customerexperience/3-strategies-for-service-providers-to-overcome-tech-talent-shortages
|
Strategies for Service Providers to Overcome Tech Talent ShortagesService providers are focused on connecting workforces and cultures while closing technology skills gaps being widened by an aging workforce See how Cisco Business Critical Services can help |
2022-03-09 13:00:59 |
金融 |
金融庁ホームページ |
スチュワードシップ・コードの受入れを表明した機関投資家のリストを更新しました。 |
https://www.fsa.go.jp/singi/stewardship/list/20171225.html
|
機関投資家 |
2022-03-09 15:00:00 |
海外ニュース |
Japan Times latest articles |
Power cut at Ukraine’s Chernobyl nuclear plant |
https://www.japantimes.co.jp/news/2022/03/09/world/chernobyl-power-outage/
|
nuclear |
2022-03-09 22:21:33 |
ニュース |
BBC News - Home |
Climber dies in rescue of 23 people on Ben Nevis |
https://www.bbc.co.uk/news/uk-scotland-highlands-islands-60675661?at_medium=RSS&at_campaign=KARANGA
|
climber |
2022-03-09 13:53:43 |
ニュース |
BBC News - Home |
Ukraine war: Visas a shambles, Brits with Ukrainian family say |
https://www.bbc.co.uk/news/uk-60673933?at_medium=RSS&at_campaign=KARANGA
|
brits |
2022-03-09 13:29:45 |
ニュース |
BBC News - Home |
War in Ukraine: Russia soon unable to pay its debts, warns agency |
https://www.bbc.co.uk/news/business-60672085?at_medium=RSS&at_campaign=KARANGA
|
fitch |
2022-03-09 13:40:00 |
ニュース |
BBC News - Home |
A Russian woman considers leaving her country behind |
https://www.bbc.co.uk/news/world-europe-60674341?at_medium=RSS&at_campaign=KARANGA
|
moscow |
2022-03-09 13:19:56 |
北海道 |
北海道新聞 |
津別の山上木工専務「アトツギ甲子園」決勝へ 「世界一の木製車いす作る」 |
https://www.hokkaido-np.co.jp/article/654823/
|
車いす |
2022-03-09 22:13:54 |
北海道 |
北海道新聞 |
コロナ重症者、死亡者もピーク越える 専門家組織が分析 |
https://www.hokkaido-np.co.jp/article/654981/
|
厚生労働省 |
2022-03-09 22:14:10 |
北海道 |
北海道新聞 |
ロシア軍、3方向から首都攻勢 侵攻2週間、犠牲者が急増 |
https://www.hokkaido-np.co.jp/article/655000/
|
首都 |
2022-03-09 22:12:00 |
北海道 |
北海道新聞 |
55歳カズが開幕戦先発へ JFL鈴鹿監督が明らかに |
https://www.hokkaido-np.co.jp/article/654999/
|
日本フットボールリーグ |
2022-03-09 22:08:00 |
北海道 |
北海道新聞 |
ロシア「経済戦争の宣戦布告」 米の原油輸入禁止を批判 |
https://www.hokkaido-np.co.jp/article/654998/
|
大統領報道官 |
2022-03-09 22:06:00 |
ビジネス |
東洋経済オンライン |
ロシア軍の暴挙で高まる「原発破壊リスク」の恐怖 チェルノブイリ原発で新たな懸念が出てきた | ウクライナ侵攻、危機の本質 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/537591?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
東洋経済オンライン |
2022-03-09 22:30:00 |
コメント
コメントを投稿