IT |
ITmedia 総合記事一覧 |
[ITmedia News] ポケモンGOで初のアーティストコラボイベント、23日から 「エド・シーラン」ってどんな人? |
https://www.itmedia.co.jp/news/articles/2111/23/news027.html
|
itmedia |
2021-11-23 00:05:00 |
AWS |
AWS Partner Network (APN) Blog |
Know Before You Go: An AWS Partner’s Guide to re:Invent 2021 |
https://aws.amazon.com/blogs/apn/know-before-you-go-an-aws-partners-guide-to-reinvent-2021/
|
Know Before You Go An AWS Partner s Guide to re Invent We are looking forward to bringing you Global Partner Summit as part of AWS re Invent both in person and virtually The in person conference is Nov Dec in Las Vegas with virtual opportunities to watch keynotes and leadership sessions live Virtual options for the breakout sessions will be available the following week Dec Don t miss the Partner Keynote leadership sessions APN booth and mini theater at the Expo and more |
2021-11-22 15:42:36 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
【Python】画像ファイルの解像度取得方法メモ |
https://qiita.com/Mrrmm252/items/3b4c4e1b4c0795f123a5
|
|
2021-11-23 00:34:01 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
オリジナルCコンパイラ neo-c2 version 1.5.0リリースです。BoehmGCをデフォルトとしました。 |
https://qiita.com/ab25cq/items/de402bce3790376a0163
|
viクローンの方もBoehmGCを使ったものとなってますソースコードレベルでは互換性があるので、特に変更は加えてませんがPython処理系を作るのが楽しみですね。 |
2021-11-23 00:31:32 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
Smart Custom Fieldsでタームに記事を関連付ける |
https://teratail.com/questions/370564?rss=all
|
記事編集で関連するタームは設定できるのですが、タクソノミー一覧のほうを見ますと、紐づけ記事の数カウントがになっており、タームに記事が関連付けられておりません。 |
2021-11-23 00:52:13 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
C# ViewModelのテストについて |
https://teratail.com/questions/370563?rss=all
|
CViewModelのテストについて前提・実現したいことCでの単体テストについてお伺いしたいです。 |
2021-11-23 00:46:14 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
【ExcelVBA】 GetObject("winmgmts:").ExecQueryで取得したプロセスIDの処理を終了するまでに待機させる方法をお聞かせください |
https://teratail.com/questions/370562?rss=all
|
【ExcelVBA】GetObjectquotwinmgmtsquotExecQueryで取得したプロセスIDの処理を終了するまでに待機させる方法をお聞かせくださいご覧いただきありがとうございます。 |
2021-11-23 00:26:05 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
スプレッドシートである特定の列に内容が追加されたらメールが送信されるようにしたい |
https://teratail.com/questions/370561?rss=all
|
スプレッドシートである特定の列に内容が追加されたらメールが送信されるようにしたい要回答一覧表を作成しております。 |
2021-11-23 00:19:29 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
Ubuntu21.10でトラックパッドが認識されない |
https://teratail.com/questions/370560?rss=all
|
Ubuntuでトラックパッドが認識されないUbuntuをインストールしたが、トラックパッドが反応しないxinputコマンドを確認するも、トラックパッドは表示されません以前、ubuntunbspnbspLTSインストール時にも同じ現象が発生しており、今回SSDを換装、再インストールした際に再現してしましました。 |
2021-11-23 00:09:21 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
require_onceでファイルが読み込めない |
https://teratail.com/questions/370559?rss=all
|
requireonceでファイルが読み込めないltphpinisetdisplayerrorserrorreportingEALLrequireonceclassesUserLogicphperrifusernamefilterinputINPUTPOSTusernameerrユーザ名を記入してください。 |
2021-11-23 00:04:32 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
Amazon SageMakerでセマンティックセグメンテーション |
https://qiita.com/ted-17/items/239cedbd0d0460ef187a
|
学習したモデルを使って予測推論できるようにするために、SagemakerのエンドポイントにデプロイしますこれでLambdaから呼び出したりできるってことですね。 |
2021-11-23 00:02:32 |
海外TECH |
MakeUseOf |
Save up to $600 on a 4K Smart TV in Best Buy's Black Friday 2021 Deals |
https://www.makeuseof.com/4k-smart-tv-best-buy-black-friday-2021/
|
black |
2021-11-22 15:56:22 |
海外TECH |
MakeUseOf |
The 9 Best Archaeology Websites and Blogs to Follow |
https://www.makeuseof.com/best-archaeology-websites/
|
things |
2021-11-22 15:30:21 |
海外TECH |
MakeUseOf |
The Best and Cheapest VPN Deals for Black Friday 2021 |
https://www.makeuseof.com/tag/best-cheapest-vpn-deals/
|
black |
2021-11-22 15:15:21 |
海外TECH |
DEV Community |
Hello! It's been a while... |
https://dev.to/mattmarquise/hello-its-been-a-while-21bo
|
Hello It x s been a while Lately I ve been transitioning from a front end developer to a UX designer and I haven t posted much on Dev to since my popular Implement Dark Mode on Your Website article went viral which now has received roughly views I greatly appreciate all the support from the Dev to community and though I have no plans to leave this platform I just won t be writing as frequently on here however I do have another super neat programming tutorial in the works for here In the mean time if you want to read more of my design development content then I d suggest checking me out on Medium Today I just published my second major case study about my journey in designing and developing an entirely new website for a real estate and vacation rental agency in Maine Read it here My previous case study was about designing a concept app that enables users to effortlessly pre order food from food trucks so they didn t have to wait in line and could be guaranteed food Read it here Again thank you all for your overwhelming support and stay tuned for the next programming tutorial |
2021-11-22 15:44:49 |
海外TECH |
DEV Community |
Llamar a funciones JavaScript desde DotVVM con JS Directive |
https://dev.to/esdanielgomez/llamar-a-funciones-javascript-desde-dotvvm-con-js-directive-32f6
|
Llamar a funciones JavaScript desde DotVVM con JS Directive¡Hola Un gusto saludarte Para aprender a llamar funciones JavaScript desde DotVVM en ASP NET y viceversa en este artículo tutorial aprenderemos a utilizar JS Directive al solicitar dos números desde una página web realizar la operación en JavaScript y mostrar los resultados en dicha página ¿Quées JS Directive La directiva JS es un conjunto de características que ofrece una manera de interactuar entre los controles de DotVVM y el código JavaScript Por ejemplo con JS Directive podemos llamar funciones JavaScript desde DotVVM y enviar datos desde JavaScript hacia DotVVM Nota Esta funcionalidad fue incorporada en DotVVM Pasos a seguirPara que nosotros podamos establecer una comunicación entre DotVVM y JavaScript estos son los pasos que debemos seguir Declarar un modulo JavaScript con sus respectivas funciones Registrar ese modulo en DotVVM Startup Importar el modulo declarado en nuestras vistas DotVVM ¡Manos a la obra Llamar funciones JavaScript desde DotVVM o recibir datos Caso practicoPara ver el funcionamiento de JS Directive en un ejemplo sigamos los pasos antes mencionados para solicitar dos números al usuario llamar una función de JavaScript que realice esa operación y finalmente mostrar el resultado en la página web Nuestro ejemplo se visualizaría de la siguiente manera Lo primero que debemos tener es el modulo JavaScript con sus funciones correspondientes en este caso tenemos un archivo llamado JavaScript js ubicado en el wwwroot con las siguientes definiciones export default contextApp gt new App contextApp var WEB class App constructor contextApp this contextApp contextApp WEB contextApp operation a b let result a b WEB namedCommands ResultOperation result Aquíla función operation serála encargada de realizar la suma para luego poner el resultado en la sección ResultOperation definida en una vista con DotVVVM Con esta clase App y su contexto definido ahora podemos registrarlo en DotVVM para poder realizar llamadas desde DotVVM hacia JavaScript y viceversa En este sentido debemos dirigirnos a la clase DotVVM Startup y en el método ConfigureResources hacer referencia al archivo JavaScript en cuestión y ponerle un nombre a este registro en este caso el nombre serámodule private void ConfigureResources DotvvmConfiguration config string applicationPath JS Directive config Resources Register module new ScriptModuleResource new UrlResourceLocation JavaScript js Dependencies new external other js file Con esta definición ya podemos utilizar JS Directive Para la suma de los dos números definiremos tres variables en el ViewModel en este caso en el DefaultViewModel cs public class DefaultViewModel MasterPageViewModel public int Number get set public int Number get set public int Result get set Finalmente tendremos la sección de la vista ubicada en Default dothtml de la siguiente manera viewModel JSDirective ViewModels DefaultViewModel JSDirective masterPage Views MasterPage dotmaster js module lt dot Content ContentPlaceHolderID MainContent gt lt div class content gt lt div class content text gt lt h gt JS Directive Demo lt h gt lt h gt Add two numbers lt h gt lt ul class content page gt lt li gt lt b gt Number lt b gt lt li gt lt li gt lt dot TextBox Text value Number Type Number gt lt li gt lt li gt lt b gt Number lt b gt lt li gt lt li gt lt dot TextBox Text value Number Type Number gt lt li gt lt ul gt lt dot Button Text Calculate Click staticCommand js Invoke operation Number Number gt lt dot NamedCommand Name ResultOperation Command staticCommand int id gt root Result id gt lt h gt Result lt b gt value Result lt b gt lt h gt lt div gt lt div gt lt dot Content gt En la vista es necesario hacer referencia al modulo JavaScript que queremos utilizar en este caso podemos referenciarlo con el identificador js con el nombre del modulo registrado previamente js moduleLuego en esta vista podemos mencionar tres cosas importantes Para establecer los dos números a sumar se han utilizado dos controles de DotVVM de tipo TextBox Para llamar a la función JavaScript podemos hacerlo con un Button especificando el nombre de la función y enviando los parámetros respectivos Number y Number El control NamedCommand nos permite invocar comandos desde JavaScript en este caso se ha definido una sección con el nombre ResultOperation para enviar el valor de la operación desde JavaScript y guardarlo en la variable Result definida en el ViewModel desde DotVVM Ccon este proceso hemos podido llamar funciones JavaScript desde DotVVM y enviar valores desde JavaScript hacia DotVVM La documentación completa de JS Directive se puede revisar desde la documentación en DotVVM JS directive overview Gracias por leerMuchas gracias por leer espero que este artículo te haya parecido interesante y pueda serte de utilidad en el futuro El código fuente de este ejemplo lo puedes encontrar en el siguiente repositorio en GitHub DotVVM JS Directive Si tienes alguna pregunta o alguna idea que necesites discutir seráun gusto poder colaborarte y juntos intercambiar conocimientos entre sí ¡Nos vemos en Twitter |
2021-11-22 15:40:48 |
海外TECH |
DEV Community |
Create a custom error component in Next.js (SSR & CSR) |
https://dev.to/elisabethleonhardt/create-a-custom-error-component-in-nextjs-ssr-csr-4kk9
|
Create a custom error component in Next js SSR amp CSR Next js comes with great support for error handling In the following article I am going to show you how to implement a personalized error component by building a tiny application that fetches data from the Rick and Morty API and can handle errors both on the server side and the client side If you want to go straight to the code here is the repo Next js Error ComponentLet s dive right in Set up a tiny project and simulate some errors Feel free to skip this part if you already have an application up and running that throws some errors First create a fresh Next js project by running npx create next app latest custom error componentVerify that everything worked out by running npm run dev inside that newly created directory and inspecting the Next js default page on localhost We now will create the three pages our app consists of First replace the code in index js with the following import Link from next link export default function Home return lt div className home container gt lt h gt Welcome to my amazing Rick and Morty Page lt h gt lt div className img container gt lt img src gt lt img gt lt img src gt lt img gt lt div gt lt div className link container gt lt Link href characters gt lt a gt Show me Rick and Morty Characters lt a gt lt Link gt lt Link href locations gt lt a gt Show me Rick and Morty locations lt a gt lt Link gt lt div gt lt div gt For the CSS just grab this and copy it into the globals css file html body padding margin font family apple system BlinkMacSystemFont Segoe UI Roboto Oxygen Ubuntu Cantarell Fira Sans Droid Sans Helvetica Neue sans serif a color inherit text decoration none box sizing border box styles for index js home container min height vh display flex flex direction column gap rem justify content center home container h text align center img container display flex gap rem justify content center a border px solid black padding rem rem border radius px link container display flex justify content center gap rem styles for locations js locations container max width px margin auto display grid grid template columns repeat fr gap rem margin block rem locations container a align self baseline justify self baseline locations container a nth of type justify self end locations container h text align center article border px solid black border radius px padding rem styles for characters js character card padding rem display grid grid template columns auto fr gap rem styles for the error page error container min height vh display flex flex direction column justify content center align items center As you can see this shows pictures and renders Links to the two remaining pages Very simple Now create a file called locations js we want to fetch data on the client side and display a list of Rick and Morty locations on this page Our code looks like this import React useEffect useState from react import Link from next link function Locations rops const locations setLocations useState useEffect gt fetch then res gt res json then data gt setLocations data return lt div className locations container gt lt Link href gt lt a gt Back to home lt a gt lt Link gt lt h gt Rick and Morty Locations lt h gt lt Link href characters gt lt a gt Show me Rick and Morty Characters lt a gt lt Link gt locations results map location gt lt article key location id gt lt p gt Name location name lt p gt lt p gt Dimension location dimension lt p gt lt p gt Type location type lt p gt lt article gt lt div gt export default Locations We are just fetching the data inside the useEffect hook and reading it into state Then we map over the data and display some decent looking cards on our page Please go ahead and improve this visually if your design skills are better than mine but I didn t want to write too much CSS and distract from the actual topic Note the in locations results map This is called optional chaining If the data takes a while to be fetched React will try to map over locations results but there will be no locations results yet and our application will break With conditional chaining React will not try to iterate if there is no data yet and just display the title and the buttons For the characters page we are going to implement server side rendering with getServerSideProps import React from react import Link from next link function Characters props return lt div className locations container gt lt Link href gt lt a gt Back to home lt a gt lt Link gt lt h gt Rick and Morty Characters lt h gt lt Link href locations gt lt a gt Show me Rick and Morty Locations lt a gt lt Link gt props characters results map character gt lt article key character id className character card gt lt img src character image alt character name height px gt lt div gt lt p gt character name lt p gt lt p gt character location name lt p gt lt div gt lt article gt lt div gt export default Characters export async function getServerSideProps context const characters await fetch then res gt res json return props characters The function getServerSideProps will get called before the component is mounted Then it will pass the data via props to the component and render it out We won t be able to see the request in the network tab of our development tools because the development server is doing the fetching before sending the page to our browser We also don t need any conditional chaining here since there won t be a moment where the component is waiting for data Our characters page will look something like this Beautiful We can now navigate around and everything works just fine But what happens if the Rick and Morty API changes or breaks Let s try Producing some errorsYou might think we have a little problem here The Rick and Morty API is not under our control so we can t break it or force it to return errors to us That s true and I chose the API on purpose because of that We will have to get creative to simulate some errors go locations js and change location in the API call for something else like for example locaonin characters js do the same Replace character with charter or something else that does not exist stop your dev build with hot reloading and let s take a look at how these errors would look like in production run npm run build to create a production buildrun npm run start to start that production build locally open the build on localhost navigate around and see what the pages look like In locations we will just see the title and the buttons since our conditional chaining is protecting us from errors However this is quite confusing for the user There is no data and also no feedback on why there is no data In Characters we can see this error message which is better than nothing but doesn t go with the look and feel of our app Let s fix this Create our custom error componentFirst of all stop the production build and return to your hot reloaded dev build To create a custom error component we have to create a file called error js in the pages folder You can find the documentation about this page in the Next js docs Customized Error Component Copy and paste the code from the docs and adapt it to go with the look and feel of your application Mine looks like this import Link from next link function Error statusCode return lt div className error container gt lt img src alt a dead morty gt statusCode amp amp lt h gt Error statusCode lt h gt lt p gt We are sorry There was an error lt p gt lt Link href gt lt a gt Go back home lt a gt lt Link gt lt div gt Error getInitialProps res err gt const statusCode res res statusCode err err statusCode return statusCode Now how do we show it Let s look at locations js first Leave the typo we introduced earlier and call instead of location we will get back an object looking like this error There is nothing here With this I can conditionally render the Error component I just created const locations setLocations useState useEffect gt fetch then res gt res json then data gt setLocations data if locations error return lt Error gt return lt div className locations container gt lt Link href gt lt a gt Back to home lt a gt lt Link gt As a result you will see the following on your locations page You might have noticed that when you reload the page there is a slight flicker where you first see the title of the page and then the error The following is happening Next js renders the buttons and the title Since there is not yet a locations results it doesn t render those Concurrently it is trying to fetch the data inside the useEffect hook Once the data is fetched the state is updated which triggers a rerender Since there is an error the Error component gets rendered instead of the title and buttons Now fix the URL and see how the original page reappears How can we tackle the server side rendered page We need to take into account that the Next js documentation explains that this error component is only shown in production and we will see a stack trace in our dev environment To test our error component is working for SSR leave the typo in the API call and create a new production build as we did before stop npm in your terminal and run npm run buildonce that is finished run npm run start Now you can visit your production build on localhost when you navigate to localhost characters you will see our error component with additional information we didn t see in our client side rendered component What is happening When we make the petition to the server it tries to fetch the data but encounters an error Therefore it directly returns the error page instead of the characters page and you won t see the flicker you saw with client side rendering Also note that we didn t modify the code in characters js itself besides obviously introducing the error That s it You now have personalized error components that show when your app encounters errors on both server side and client side SidenoteMost APIs return status codes and descriptive error messages you can display inside your Error component if you want to Play around with that this code is just a template to get you started I hope that this was helpful Have a great week everybody |
2021-11-22 15:34:39 |
海外TECH |
DEV Community |
The Easy Way to Copy Text in Tmux |
https://dev.to/iggredible/the-easy-way-to-copy-text-in-tmux-319g
|
The Easy Way to Copy Text in Tmux How to Easily Copy Texts in TmuxIf you ve used tmux for a while you will realize that highlighting a text with a mouse in tmux to copy them is a painful experience That s because it s now how tmux is designed Having used text editing softwares like Microsoft Word Google Docs and to some extent Atom VSCode IntelliJ it may feel natural to grab your mouse highlight the body of texts and press Ctrl C Not so with tmux Copying with tmux is more like copying in Vim where it s best done with a keyboard rather than a mouse This is done in tmux copy mode In this article I will show you how to utilize tmux copy mode to easily copy text Vi Copy ModeTmux is similar to vim in many ways One of them is that they are modal programs What that means is that to accomplish a specific task you need to switch to a mode that s optimized for that task In Vim we have a normal mode where you can move around with your keyboard Vim s normal mode is designed for moving and to a certain extent modifying within your file If you need to insert texts you need to switch to vim insert mode To navigate your terminal history and to copy text you need to switch to tmux copy mode technically it is vi copy mode but to keep it simple let s call it copy mode So what exactly is a copy mode If you try to copy a text from a tmux window with your mouse you may have seen a warning saying that you can t simply copy the text The correct way to copy a text from tmux is to first switch to copy mode then copy it then paste it To enable this copy mode in you tmux config file add setw g mode keys viThen save and source the tmux config This will enable vi mode keys If you are unsure about tmux config check out my previous article on tmux config To enter the copy mode use Ctrl You should be able to see a yellow visual indicator on the top right of your tmux window With this you can now move around using vim navigation keys Although tmux copy mode doesn t translate to vim navigation keys overall they are good enough to feel natural Some navigation keys that you can use h j k l to move left down up rightw W e E b B to move forward to the start to the end backward a word or WORD to move backward forward a paragraphCtrl e d f to scroll down a line half screen whole screenCtrl y u b to scroll up a line half screen whole screen to search forward backwardn N to repeat the previous search forward backwardetcThere are a lot more navigation keys Check out inside man tmux and search for the mode keys keyword In this mode you can move around the terminal like you move around vim To exit this mode press q or Enter To begin highlighting press Space Note that your cursor will highlight the letter under it It will expand the highlight as you move around your cursor Once you highlight all the text you want to copy press Enter You should automatically exit the copy mode The text that you copied are stored inside a tmux buffer It is an allocated space in the memory where tmux temporarily stores data To paste from the tmux buffer press Ctrl Woot Congratulations you ve copied a text with tmux stress free To recap Add setw g mode keys vi in your tmux configCtrl to enter tmux vi copy modeMove around with vim navigation keysBegin highlight with SpaceCopy with EnterPaste with Ctrl Making Copy Paste More IntuitiveI find a number of the copy pasting keys unintuitive Let s modify them to mimic vim keybindings Recall that vim has a visual mode v that allows you to highlight a body of text You can also yank text with y Finally you can paste the yanked text with p or P Let s use similar keymaps Add these lines in the tmux config bind T copy mode vi v send X begin selectionbind T copy mode vi y send keys X copy pipe and cancel pbcopy bind P paste bufferbind T copy mode vi MouseDragEndPane send keys X copy pipe and cancel pbcopy The first line bind T copy mode vi v send X begin selection lets you begin selection highlight by pressing v while in copy mode copy mode vi The second line allows you to yank the text with y The third line allows us to paste from the tmux buffer where our text is saved with Ctrl P The last line is a bonus It lets you copy the text that you highlight with the mouse note that it has the same effect as the second line Notice that on the second and fourth line I use pbcopy I need to use it to pipe the copied text into the clipboard on my Mac If you re on linux omit pbcopy bind key T copy mode vi y send X copy selection and cancelbind key T copy mode vi MouseDragEndPane send keys X copy pipe and cancelAs always don t forget to save and source the config file With this new setting the workflow is Enter the copy mode with Ctrl Position yourself to the start of the text you want to copy with vim navigation Start highlight with v similar to vim visual mode Yank the highlighted text with yPaste with Prefix PI use an uppercase P instead of lowercase p because Prefix p is how tmux goes to the previous window recall Prefix p to go to the previous window and Prefix n to go to the next window If you are not familiar with this I d highly recommend you to read my first tmux article Taking Advantage of the Vi ModeThe vi copy mode is not only useful for copying texts You can use it to quickly search through your terminal For example in the terminal if you are looking for a text you would press Cmd f or Ctrl f and type in the string that you want to search This method has limitations First you can only search for that exact string what if instead of searching for the string mux you want to search for mux mix and max simultaneously Second if you have multiple panes in a window this method will search for the text in all panes what if you need to constrain your search only to the current pane Third it is limited to what is currently displayed on tmux at the moment Due to the nature of tmux s scrolling it can t search for texts that are above the displayed window A better way to search is to leverage the vi copy mode Recall that in Vim you can search forward with and backward with With vi mode you can do that too Suppose that I need to search for redis in my terminal Here s how I would do it From inside a tmux session enter the vi mode Prefix Then search backward with KEYWORDIn this case KEYWORD is redis I find myself using much more than because of the time I would be searching backwards Tmux should highlight all redis texts To keep jumping to the subsequent or preceding matches use either n or N Sweet But wait there s more Just like you can use regular expressions in Vim while searching you can with tmux too Suppose that I want to search for words like redis OR node OR rails I can search for all of them with a z a z Regex breakdown a z is the lowercase a z means one or more subsequent characters which was a z a z means one or more any lowercase alphabet character is a literal underscore followed by a literal one This will match redis node and rails it will also match strings like java sidekiq etc If you want to match ONLY redis node or rails you can use a group match redis node rails Pretty cool I won t go through regex here because it s outside the scope of this article The point is searching in tmux using vi mode is a powerful tool especially if you re proficient with regex even if you don t you can get pretty far with just a little regex knowledge Emacs Copy ModeIf you look at the man tmux page in addition to the vi copy mode tmux also has an emacs copy mode It is similar to vi copy mode but instead of using vi key bindings it uses emacs key bindings If you re more of an emacs guy don t worry we can still be friends and want to set it up to use emacs keybindings instead check out inside the man tmux page under mode keys section There you will find instructions on how to set it up including a list of keymaps ConclusionIn this article we learned how to leverage the copy mode to make it easier to copy paste from your tmux terminal We also learned how to configure it to mimic vim copy pasting behavior This copy mode can be leveraged to be an effective search tool Tmux is a powerful tool It complements with vim well To make it even more powerful you can configure it to behave like vim behaves Happy hacking |
2021-11-22 15:34:08 |
海外TECH |
DEV Community |
Advanced Authentication and Authorization |
https://dev.to/thenerdydev/advanced-authentication-and-authorization-4eeg
|
Advanced Authentication and AuthorizationHey everyone In this article let us learn about one of the most important concepts that you as a developer must have a solid knowledge of and that is Advanced Authentication and Authorization Advanced Authentication and AuthorizationLet us consider the case of resetting of the user password Password ResettingYou have to implement authentication in a way that prevents users from resetting random user accounts Reset tokens have to be random unguessable atleast in a reasonable amount of time and unique Therefore reset token is a great mechanism to identify the user for which we need to reset the password Whenever a user wants to reset his password he can click on the reset password link and provide the email to which the reset link will be sent from there they can reset the password For that we have to create a unique token which also has some expiration date which we will store in our database so that the link which the user clicks includes that token and we can verify that the user did get that link from us This is an additional security mechanism for changing of password thereby ensuring that the user password can only be changed only the identity of the user has been verified and it is also ensured that the user who is trying to change the password is in fact the owner of the account and is authorized to do so Node js has a core module which helps us in creating secure unique random values That core module is known as the crypto module Here is the link for same if you want to learn more about Crypto module Working with AuthorizationNot every authenticated user is allowed to do everything Authorization means that we restrict the permissions of the logged in user For example to restrict that no one else is able to add items to our cart no one can visit a certain protected route if they don t have the required privileged levelsSo to sum it up Authorization is an important part of pretty much every application Locking down access for authenticated users Not every authenticated user should be able to do everything Instead you want to lock down access by restricting the permissions of your users |
2021-11-22 15:21:22 |
Apple |
AppleInsider - Frontpage News |
iPhone 13 lead times shorten, suggest supply ramp-up, analyst says |
https://appleinsider.com/articles/21/11/22/iphone-13-lead-times-shorten-suggest-supply-ramp-up-analyst-says?utm_medium=rss
|
iPhone lead times shorten suggest supply ramp up analyst saysAlthough still elevated compared to the iPhone estimated delivery dates appear to be contracting for the iPhone lineup according to JP Morgan Credit Andrew O Hara AppleInsiderIn a note to investors seen by AppleInsider JP Morgan analyst Samik Chatterjee writes that lead times for all iPhone and iPhone Pro models moderated for the second week in a row marking only the third time this has happened for the stable of Apple handsets Read more |
2021-11-22 15:54:52 |
Apple |
AppleInsider - Frontpage News |
Black Friday Deals: AirPods 3 dip to $154.99, AirPods Pro with MagSafe drop to $169.99 at Amazon |
https://appleinsider.com/articles/21/11/22/black-friday-deals-airpods-3-dip-to-15499-airpods-pro-with-magsafe-drop-to-16999-at-amazon?utm_medium=rss
|
Black Friday Deals AirPods dip to AirPods Pro with MagSafe drop to at AmazonBlack Friday week has officially started and prices have been slashed on Apple AirPods and AirPods Pro with MagSafe to as low as Save up to instantly Black Friday AirPods Pro sale Read more |
2021-11-22 15:29:22 |
Apple |
AppleInsider - Frontpage News |
Apple's home head leaves, and new products launch, on HomeKit Insider |
https://appleinsider.com/articles/21/11/22/apples-home-head-leaves-and-new-products-launch-on-homekit-insider?utm_medium=rss
|
Apple x s home head leaves and new products launch on HomeKit InsiderIn this week s episode of HomeKit Insider we talk about Apple s home services head s departure a new study on smart home adoption rates and a few new product launches Apple had someHomeKit news of its own this week Its head of home services Sam Jadallah has left the company We discuss the implications of this and what it could mean for the future of Apple s smart home plans A few devices were announced this week too such as the Terncy Light This ceiling mounted light is a low profile fixture that supports HomeKit and Adaptive Lighting It does require a hub but the hub has a built in audio output that can be used as an AirPlay speaker Read more |
2021-11-22 15:22:02 |
Apple |
AppleInsider - Frontpage News |
Best deals Nov. 22: $20 off 3 months of Xbox Game Pass Ultimate, $430 70-inch 4K TV, more! |
https://appleinsider.com/articles/21/11/22/best-deals-nov-22-20-off-3-months-of-xbox-game-pass-ultimate-430-70-inch-4k-tv-more?utm_medium=rss
|
Best deals Nov off months of Xbox Game Pass Ultimate inch K TV more Monday s best deals include off a TB rugged SSD toys at Target Vizio K TV sale off Netgear Orbi mesh router system Best deals November The internet has a plethora of deals each day but many deals aren t worth pursuing In an effort to help you sift through the chaos we ve hand curated some of the best deals we could find on Apple products tech accessories and other items for the AppleInsider audience Read more |
2021-11-22 15:00:27 |
海外TECH |
Engadget |
Sundance’s ‘biodigital’ film festival will try to bridge the gap between VR and reality |
https://www.engadget.com/sundance-vr-2022-film-festival-154350393.html?src=rss
|
Sundance s biodigital film festival will try to bridge the gap between VR and realityNext year s Sundance Film Festival will mark a momentous return to Park City Utah after in person festivities were cancelled last year But Sundance isn t giving up on the digital platforms it used to stream films and bring cinephiles into a VR social hub last January As part of its New Frontier exhibition Sundance plans to expand The Spaceship its virtual venue where attendees can chat together and explore VR and mixed reality art installations In an effort to connect Sundance s in person attendees with its global online audience the Festival will also launch a quot Biodigital Bridge quot in Park City Shari Frilot Sundance s Senior Programmer and Chief Curator of New Frontier describes it as a human scale screen where physical and digital attendees will be able to interact with each other Developed together with the immersive studio Active Theory the bridge will offer basic chat support but it s mostly a way for Sundance goers to see how other attendees enjoy the event Sundance New Frontier curator Shari Frilot Sundance Film FestivalFrilot says New Frontier has been pushing the concept of biodigital experiences for several years now mostly through an exploration of how technology can intersect with our lives Think of the way that an app like Uber or even Google Maps has reshaped the way we navigate physical spaces But now that the pandemic has forced us to rely on our tech more than ever ーSundance wouldn t have been possible without it last year after all ーthe term seems practically prescient It s more than just a buzzword Frilot says she s interested in exploring the technology that best serves humanity or Team Human as media theorist Douglas Rushkoff put it Last year I found Sundance s online platform last year to be a fascinating way to explore the festival and interact with fans The core of the experience is the aforementioned Spaceship which allows attendees on computers and VR headsets to mull about together On a laptop or desktop it resembles a stripped down version of Second Life You walk around as simplistic avatars and if you choose you can also flip on your webcam which fills your avatar s head with a live video feed Since Sundance s platform is built on WebXR a way to deliver virtual reality over the web you can enter that same space in VR by slipping on any headset and visiting Sundance s website Sundance Film FestivalCompared to SXSW s VR platform which looked beautiful but mostly felt like a virtual wasteland it was clear that Sundance got something right last year After isolating for most of being able to see many of my cinephile friends in VR made last year s Sundance feel special So for next year Frilot says the festival is going even further The Spaceship will be upgraded with a new Cinema House where attendees on computers and VR headsets can view events livestreamed from Park City as well as room scale discussions On the ground Sundance will also have a new space called The Craft which will let in person attendees visit New Frontier exhibits artist discussions and panels There will also be VR headsets to use though the festival is also encouraging people to bring their own gear if they ve got it Sundance hasn t finalized its list of New Frontier exhibits yet but Frilot tells me many artists are optimizing for the Oculus Quest so fest goers can experience their work without being connected to a PC But there will likely still be pieces that demand a serious VR rig Sundance s famed Egyptian theater will also host some New Frontier performances which will occur both on the ground and virtually on the Spaceship You ll need a Sundance Explorer Pass to access all of these virtual goodies which is double what it cost last year It s a shame to see the price jump so quickly but it s also reflective of the deeper commitment the festival is making in its digital platforms Notably the Explorer Pass is also open to people around the world whereas Sundance s virtual screenings are limited to U S attendees quot The virtual platform is not just this thing that we re trying we re actually doubling down on this quot Frilot says quot This points to the vital landscape of how cinema and storytelling is going to manifest going forward We re here to not only contribute to it but to meet it and support it quot |
2021-11-22 15:43:50 |
海外TECH |
Engadget |
The Instant Pot Duo Plus is already half off for Black Friday |
https://www.engadget.com/the-instant-pot-duo-plus-is-already-half-off-for-black-friday-151743555.html?src=rss
|
The Instant Pot Duo Plus is already half off for Black FridayFor those who haven t jumped on the Instant Pot bandwagon yet the holiday shopping season is a great time to buy one because you ll find most models on sale We re a few days out from Black Friday but the six quart Instant Pot Duo Plus is already half off bringing it down to a record low of The higher end Instant Pot Pro Crisp which includes an air fryer lid is also down to an all time low of Buy Instant Pot Duo Plus at Amazon Buy Instant Pot Pro Crisp at Amazon The Instant Pot Duo Plus is better for most people and certainly better for Instant Pot newbies It combines nine cooking methods in one device pressure cooking slow cooking sautéing rice cooking yogurt making steaming warming sous vide cooking and sterilizing It also has a number of quick cooking modes including slow cook soup eggs and rice that can be activated with just one button press All that is to say that this one device can prepare a bunch of different foods in various ways without much hassle on the part of the home cook The inner pot is made of food grade stainless steel and is dishwasher safe too so cleanup is a breeze as well And with this model s six quart capacity you ll be able to make a full meal for a mid sized family or a group of visiting friends easily Air frying is a big trend right now and thankfully you don t have to buy a dedicated air fryer to get those results A few Instant Pot models have an air fry mode but they require a special lid The Instant Pot Pro Crisp is one such model that comes with the necessary lid along with the standard multi cooker lid and it s off right now bringing it down to This model has cooking modes the two included lids plus additional accessories like an air fryer basket and a dehydrating broiling tray It s also an eight quart machine making it even better than the discounted Duo Plus for large families and gatherings Get the latest Black Friday and Cyber Monday offers by visiting our deals homepage and following EngadgetDeals on Twitter All products recommended by Engadget are selected by our editorial team independent of our parent company Some of our stories include affiliate links If you buy something through one of these links we may earn an affiliate commission |
2021-11-22 15:17:43 |
海外TECH |
Engadget |
Google Messages will display iMessage reactions as emoji |
https://www.engadget.com/google-messages-android-imessage-reactions-emoji-150947375.html?src=rss
|
Google Messages will display iMessage reactions as emojiThe latest version of Google s Messages app seems to fix a long standing issue for Android users it finally displays reactions sent via Apple s iMessage correctly As reported by to Google the app now turns Tapbacks into emoji Until now Messages has converted Tapbacks into quot fallback quot text So if an Android user sent a message to an iPhone owner reading quot see you in ten quot and their iOS buddy used the thumbs up reaction Messages displayed that response as its own line of text i e quot liked see you in ten quot That often made conversations far messier than they needed to be especially in group chats Google brought emoji reactions to Messages on RCS compatible Android devices last year but there are some differences from iOS Tapbacks While Apple uses a heart icon a quot ha ha quot label and other punctuation Google uses emoji So the Android app appears to convert the heart into a face with heart eyes quot ha ha quot into a laughing face and so on Some nuance might get lost in translation but it s still far cleaner than Google s previous method of displaying Tapbacks Word of the change first emerged via to Google s deep dive into the latest Messages beta Google is now rolling out the update We re not quite at the stage where iMessage is on Android but at least Google is playing a little nicer with iOS |
2021-11-22 15:09:47 |
海外TECH |
Engadget |
GoDaddy discloses recent security breach that exposed 1.2 million accounts |
https://www.engadget.com/godaddy-wordpress-security-issue-1-2-million-users-150142622.html?src=rss
|
GoDaddy discloses recent security breach that exposed million accountsIn disclosures to the Securities and Exchange Commission web registrar and hosting company GoDaddy has revealed that it discovered it had been hacked The company says that it discovered an “unauthorized third party had gained access to its Managed WordPress hosting environment Anything up to million users have seen their email address and customer number exposed as well as admin passwords for both WordPress sites hosted on the platform plus passwords for sFTPs databases and SSL private keys The document says that GoDaddy believes that the breach first occurred on September th and the investigation is currently ongoing Demetrius Comes Chief Information Security Officer says that GoDaddy is currently working with law enforcement and a private IT forensics firm In addition it says that it has reset the relevant credentials and will work with users to issue new SSL certificates Comes ends his statement by saying that the company will perhaps a little too belatedly “learn from this incident and will take steps to prevent such a breach happening in future This is far from the first time that GoDaddy has been spoken in the same sentence as a security breach in recent years In an AWS error exposed data on GoDaddy servers and in user accounts were breached by an unauthorized individual Later last year GoDaddy was also referenced as part of a hack that took down a number of sites in the cryptocurrency space |
2021-11-22 15:01:42 |
海外TECH |
Engadget |
A little-known company made smart fitness clothing you might actually wear at the gym |
https://www.engadget.com/prevayl-smartwear-smart-shirt-fitness-workout-150040128.html?src=rss
|
A little known company made smart fitness clothing you might actually wear at the gymSmartwear hasn t quite had its moment Innovators like Hexoskin and Omsignal not to mention huge companies like Adidas and Ralph Lauren have struggled to make an impact demanding a lot of money for dedicated shirts and sensors while contending with mediocre accuracy polarizing style choices and not many compelling reasons to exist As Adam Crofts founder of the startup Prevayl puts it there have been a lot of lessons to learn from other companies mistakes He s hoping to get it right Prevayl whose first products launch in the UK later this month combines a small tracking sensor with a line of fitness “smart shirts from crop tops through to vests and compression shirts in addition to a companion app of course and an online community Usually that means something approximating a forum but according to the company s website it s created “a members only private community designed for amateur athletes and the sporting elite It s limited its first wave of users to people The audience seems to be well the fittest friends and acquaintances you know The ones that know what they can benchpress their fastest K time or their VO Max The latter is not a haircare product Prevayl s sweet spot is this area between amateur athlete and biometric obsessive and it s approaching the fitness tech fight with style It has a slick promotional video featuring pro athletes a moody black logo and a surprisingly slick well designed app Seriously it amazes me how poor most entry level fitness apps can still look And the shirt Well it looks good on the athletes At a preview event in London the team set me up in one of their first shirts ahead of a planned launch early next year It feels like a premium luxury sports tee It s breathable soft to the touch and tight An elasticated band across the chest on all of the garments houses the conductive sensors connected with graphene augmented knitted electrodes The fibers connecting these sensors look like metallic shoelaces and are machine washable The shirt can go straight into a warm laundry wash you just need to ensure you ve taken the sensor out from the tiny pocket on the front of the clothing Mat Smith EngadgetThere s no need to fasten the sensor in place as it comes in contact with the conductive fabric as soon as it s in the front of the shirt The sensor itself is an evolution from the chunky haphazard sensor unit design of smartwear s past The sensor has a plastic stopper that protects the USB C charging port while the charging cable is a small machined aluminum clasp that magnetically folds in on itself The company makes everything here in house and Crofts believes this is why Prevayl can do things differently “Usually it s been tech companies trying to make clothing or visa versa The company s approach to the clothing itself was “style led design Prevayl s head office has entire machines and technicians dedicated to knitting the clothing part of the equation Despite the sensor itself being so small it s packed with tech There s a “clinical grade ECG that tracks your workout with four times the frequency of Polar heart rate monitors It also monitors breathing frequency motion and even body temperature There s even a bioimpedance sensor which can be used for body composition scans but there didn t seem to be any feature that takes advantage of that yet Prevayl is trying to do it all The company puts all this biometric data to use through many of the features and guidance you ve seen on other fitness devices and services Like Whoop the system can be used to gauge whether your body has fully recovered from a workout like MyZone s traffic light system it color codes your workout effort into five categories measuring both how hard you re working out and when your heart rate has recovered This is all in addition to tracking your heart rate caloric burn and more Within the app you can even see an accurate cardiogram of your heart as it beats away Mat Smith EngadgetOne of the bigger challenges which many fitness trackers and wearables struggle with is ensuring a decent level of accuracy Crofts mentioned multiple times during our interview that the company has been obsessed with gathering data The company worked with the UK s University of Salford to validate the accuracy of its ECG unit The team also recruited professional athletes including British Olympic and Paralympic athletes and professional sportspeople to test its prototypes and offer up crucial data for the team to chew over The next stage is testing with more typical gym goers weekend warriors and the marginal gain chaser kicking off this month Even sized at a large my tee felt a little too snug I know many of us aren t fans of the compression fit but this a tank top and crop top are the only options for now Fortunately Prevayl is working on loose fit and long sleeved options which I d find more appealing More colors beyond Personal Trainer Black my name not theirs are also incoming The issue remains though If you wanted to use this system frequently you will need more than one top Or to do a daily laundry run As the sensor is removable this should strip away some most of the cost of additional shirts But Prevayl wants to invade the luxury sportswear segment and that means prices to reflect that ambition To begin with it will cost you at least £ which is roughly equivalent to This starter kit includes a sensor priced at £ and a tank top Not including the sensor the Smart Tank will cost £ while the Smarts Sports Bra will be £ The Smart T Shirt which I tested will cost £ The impressive specs and tight app integration will go up against the expensive cost of entry Judging from my demo with Prevayl s team and my own early testing the product is already looking polished I spoke with a fitness professional at my local gym who conveniently had also tested out Prevayl She noted that any new smartwear product would have to fight against incumbent chest straps and fitness trackers Unlike a smartwatch it s nearly impossible to wear this top in tandem with a chest strap from another manufacturer People are creators of habit ーespecially when it comes to exercise People swear by Strada or their Apple Watch because it s familiar and consistent At this early stage Prevayl s online community isn t yet live For now the company is focusing on the UK and Ireland but Prevayl s spokesperson told me that the US will be a priority I m planning to test the smart shirt further but I might have to invest in more items if I want to get serious about using Prevayl regularly |
2021-11-22 15:00:40 |
海外TECH |
CodeProject Latest Articles |
4db: A Dynamic File-based NoSQL Database for C++ |
https://www.codeproject.com/Articles/5318279/4db-A-Dynamic-File-based-NoSQL-Database-for-Cplusp
|
basic |
2021-11-22 15:12:00 |
金融 |
RSS FILE - 日本証券業協会 |
株券等の配分状況 |
https://www.jsda.or.jp/shiryoshitsu/toukei/kabu-haibun/index.html
|
配分 |
2021-11-22 15:30:00 |
金融 |
RSS FILE - 日本証券業協会 |
全国上場会社のエクイティファイナンスの状況 |
https://www.jsda.or.jp/shiryoshitsu/toukei/finance/index.html
|
上場会社 |
2021-11-22 15:30:00 |
金融 |
RSS FILE - 日本証券業協会 |
投資部門別売買状況における個人の状況 |
https://www.jsda.or.jp/shiryoshitsu/toukei/kojin/index.html
|
部門別 |
2021-11-22 15:30:00 |
金融 |
金融庁ホームページ |
金融機関における貸付条件の変更等の状況について更新しました。 |
https://www.fsa.go.jp/ordinary/coronavirus202001/kashitsuke/20200430.html
|
金融機関 |
2021-11-22 17:00:00 |
金融 |
金融庁ホームページ |
第16回金融審議会公認会計士制度部会を開催します。 |
https://www.fsa.go.jp/news/r3/singi/20211122_2.html
|
公認会計士制度 |
2021-11-22 17:00:00 |
金融 |
金融庁ホームページ |
鈴木財務大臣兼内閣府特命担当大臣閣議後記者会見の概要(令和3年11月12日)について公表しました。 |
https://www.fsa.go.jp/common/conference/minister/2021b/20211112-1.html
|
内閣府特命担当大臣 |
2021-11-22 15:31:00 |
金融 |
金融庁ホームページ |
鈴木財務大臣兼内閣府特命担当大臣閣議後記者会見の概要(令和3年11月5日)について公表しました。 |
https://www.fsa.go.jp/common/conference/minister/2021b/20211105-1.html
|
内閣府特命担当大臣 |
2021-11-22 15:20:00 |
ニュース |
BBC News - Home |
CBI conference: Boris Johnson veers off road in speech to business leaders |
https://www.bbc.co.uk/news/uk-politics-59373237?at_medium=RSS&at_campaign=KARANGA
|
boris |
2021-11-22 15:54:37 |
ニュース |
BBC News - Home |
Brit Awards scrap male and female categories |
https://www.bbc.co.uk/news/entertainment-arts-59372522?at_medium=RSS&at_campaign=KARANGA
|
artist |
2021-11-22 15:15:09 |
ニュース |
BBC News - Home |
Wisconsin: Five dead after car ploughs into Waukesha Christmas parade |
https://www.bbc.co.uk/news/world-us-canada-59369492?at_medium=RSS&at_campaign=KARANGA
|
waukesha |
2021-11-22 15:36:29 |
ニュース |
BBC News - Home |
Ghislaine Maxwell will not get fair trial, says her brother |
https://www.bbc.co.uk/news/world-us-canada-59377699?at_medium=RSS&at_campaign=KARANGA
|
maxwell |
2021-11-22 15:53:29 |
ニュース |
BBC News - Home |
Colin Pitchfork recalled to jail after approaching young women |
https://www.bbc.co.uk/news/uk-england-leicestershire-59377431?at_medium=RSS&at_campaign=KARANGA
|
pitchfork |
2021-11-22 15:03:22 |
ニュース |
BBC News - Home |
Man and woman found dead in Somerset village |
https://www.bbc.co.uk/news/uk-england-somerset-59377956?at_medium=RSS&at_campaign=KARANGA
|
somerset |
2021-11-22 15:10:00 |
ニュース |
BBC News - Home |
Social care changes: How will the new system work? |
https://www.bbc.co.uk/news/uk-politics-58473787?at_medium=RSS&at_campaign=KARANGA
|
proposals |
2021-11-22 15:21:16 |
ニュース |
BBC News - Home |
Yorkshire whistleblower hotline contacted by 36 people in first week |
https://www.bbc.co.uk/sport/cricket/59378363?at_medium=RSS&at_campaign=KARANGA
|
independent |
2021-11-22 15:33:27 |
ニュース |
BBC News - Home |
Improving team spirit, riding a wave and who's eating Beef Wellington? - England's autumn review |
https://www.bbc.co.uk/sport/rugby-union/59377715?at_medium=RSS&at_campaign=KARANGA
|
Improving team spirit riding a wave and who x s eating Beef Wellington England x s autumn reviewEngland s successful autumn is partially down to forward Maro Itoje s work in improving communication among the side says head coach Eddie Jones |
2021-11-22 15:39:41 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ロックダウン再導入のオーストリア、首都で抗議デモ - WSJ発 |
https://diamond.jp/articles/-/288510
|
抗議デモ |
2021-11-23 00:16:00 |
北海道 |
北海道新聞 |
日ハム新球場で高校野球 23年夏の南・北大会、準決勝と決勝 |
https://www.hokkaido-np.co.jp/article/614320/
|
北海道日本ハム |
2021-11-23 00:11:18 |
北海道 |
北海道新聞 |
マイナカード 道内自治体、申請急増見込み対策 週末、夜間に窓口開設 都市部と地方で意識に差も |
https://www.hokkaido-np.co.jp/article/614620/
|
開設 |
2021-11-23 00:04:59 |
コメント
コメントを投稿