投稿時間:2022-07-17 21:12:51 RSSフィード2022-07-17 21:00 分まとめ(13件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS: Amplify の使い方 (その2)	https://qiita.com/ekzemplaro/items/88093ced765e800c6776	indexht	2022-07-17 20:34:14
Azure	Azureタグが付けられた新着投稿 - Qiita	Azureのお勉強#01【Microsoft Power Platform × Pleasanter 外部API連携 ノーコード開発①】	https://qiita.com/Tsora1216/items/c1b82da276518b99f2e7	azure	2022-07-17 20:56:37
海外TECH	Ars Technica	2022 Porsche 911 GT3 review: The superlative sports car	https://arstechnica.com/?p=1867268	lineage	2022-07-17 11:30:09
海外TECH	DEV Community	Full Stack Youtube Clone (5 hours free tutorial)	https://dev.to/safak/full-stack-youtube-clone-5-hours-free-tutorial-2kfg	Full Stack Youtube Clone hours free tutorial Hi friends I m Safak I am a full stack web developer and I m sharing open source web projects on my dev blog and their tutorials on my YouTube channel I ve shared full stack projects so far and I want to share my hours Full Stack Video Sharing App tutorial for free You can find the playlist here What technologies are used Backend Node js Express Framework Database MongoDB Firebase Auth JWT Cookies Firebase Google Auth Front End Framework React js with hooks UI library Styled Components State Management Library Redux File Storage Firebase Storage Design Part of the Video Sharing AppIn this part I ve designed a YouTube like video sharing app using React js functional components hooks and Styled Components For the layout I preferred using Flexbox The app includes pages and small components srcpagesHome jsxSearch jsxVideo jsxSignIn jsxcomponentsCard jsxComments jsxComment jsxMenu jsxNavbar jsxRecommendation jsxUpload jsx Full Stack Part of the Youtube CloneIn this part of the video I ve created an API using Node js Express server with a MongoDB connection Then created necessary models routes and controllers in order to handle CRUD operations rootmodelsUser model jsVideo model jsComment model jsroutesauth jsusers jsvideos jscomments jscontrollersauth controller jsuser controller jsvideo controller jscomment controller jsAs you realize there is an additional route and controller to take care of user authentication To provide a security I ve used bcryptjs and JWT library with cookies in the auth controller export const signin async req res next gt try const user await User findOne name req body name if user return next createError User not found const isCorrect await bcrypt compare req body password user password if isCorrect return next createError Wrong Credentials const token jwt sign id user id process env JWT const password others user doc res cookie access token token httpOnly true status json others catch err next err And finally I ve combined the API with the UI Design in order to make the application dynamic To fetch data and make other API requests axios was used and to handle state management I preferred using redux toolkit I hope it was useful If you want to learn more about web development and practice with real world projects you can check out my channel and other posts Other Dev to Posts️Full Stack E Commerce App Hours free tutorial Full Stack Netflix App Hours free tutorial ‍‍Full Stack Social Media App Hours free tutorial Lama DevLama Dev YouTube Channel️Lama Dev FacebookSource Code	2022-07-17 11:35:59
海外TECH	DEV Community	How to Optimize Your Workflow with VSCode Shortcuts	https://dev.to/nathan20/how-to-optimize-your-workflow-with-vscode-shortcuts-248i	How to Optimize Your Workflow with VSCode Shortcuts IntroductionMicrosoft s Visual Studio Code is a free open source code editor that runs on Windows Linux and macOS It s a full featured development environment with support for hundreds of programming languages including C F and Visual Basic In this article you ll learn how to improve your workflow with VSCode How to customize your VSCode shortcutsCreating custom VSCode shortcuts is very easy All you need to do is open the Keyboard Shortcuts editor and add a new shortcut To open the Keyboard Shortcuts editor go to File gt Preferences gt Keyboard Shortcuts In the Keyboard Shortcuts editor you can either search for an existing command or create a new one To create a new shortcut click on the icon Enter the name of the command choose the key combination and click on Add Now that you have created a custom shortcut let s see how to use it To use a custom shortcut simply type the key combination you assigned to the command For example if you created a shortcut for the Open File command you would type Ctrl O to open a file Creating custom VSCode shortcuts is a great way to optimize your workflow and be more productive By taking the time to customize your shortcuts you can save yourself a lot of time in the long run Navigation ShortcutsThe Command Palette Ctrl Shift P is another great shortcut for quickly finding and executing commands For example if you want to reformat your code you can use the Command Palette to find and run the Format Document command Ctrl G is a shortcut that allows you to go to a specific line in a file This can be handy if you want to quickly jump to a certain section of code Ctrl F is a shortcut for finding text in the current file This can be useful if you want to quickly find and replace a piece of text Ctrl Shift F is a shortcut for finding text in all files This can be useful if you want to search your entire project for a certain piece of text Editing ShortcutsHere are some of the best VSCode shortcuts for editing code Ctrl Shift Up Down Move a line of code up or downCtrl J Join two lines of codeAlt Enter Insert a new line after the current lineCtrl Comment out a line of codeCtrl Z Undo an editCtrl Y Redo an editCtrl X Cut a line of codeCtrl C Copy a line of codeCtrl V Paste a line of codeThese are just some of the many shortcuts that VSCode offers for editing code Be sure to experiment with them and find the ones that work best for you And if you know of any other great shortcuts be sure to share them in the comments Multi Cursor and Selection ShortcutsOnce you have your cursors in place you can use the shortcuts below to edit code more efficiently To delete the current line press Ctrl Shift K To duplicate the current line press Ctrl Shift D To move the current line up or down press Alt Up or Alt Down To indent or unindent the current line press Tab or Shift Tab You can also use these shortcuts to quickly select and edit code in multiple files For example if you need to make changes in multiple files you can use the MultiCursor shortcut to select all occurrences of a word in all open files To do this press Ctrl Shift P and type MultiCursor Then select the Add Cursors to All Occurrences of Word option If you re working on a project with multiple files you can use VSCode shortcuts to optimize your workflow The MultiCursor and Selection shortcuts let you quickly select and edit code in multiple files which can save you a lot of time when making changes in multiple files To select multiple cursors hold down the Alt key and click where you want to add a cursor You can also select a block of text and then press Alt Shift I to add cursors at each end of the selection To quickly select all occurrences of a word for editing press Alt F Once you have your cursors in place there are several shortcuts available for editing code more efficiently To delete the current line press Ctrl Shift K To duplicate the current line press Ctrl Shift D To move the current line up or down press Alt Up or Alt Down respectively To indent or unindent the current line press Tab or Shift Tab respectively These shortcuts can also be used to quickly select and edit code in multiple filesーfor example if you need to make changes in multiple files containing similar code To do this using the MultiCursor shortcut first press Ctrl Shift P and type MultiCursor into the Command Palette that appears then select the Add Cursors to All Occurrences of Word option from the dropdown menu that appears next Code Formatting And Linting ShortcutsTo format your code simply press ⌘ ⇧ P on a Mac or Ctrl ⇧ P on Windows and type format This will bring up the Format Document command which will automatically format your code according to the rules specified in your editorconfig file To lint your code press ⌘ ⇧ P on a Mac or Ctrl ⇧ P on Windows and type lint This will bring up the Run Linter command which will run the linter specified in your editorconfig file Both of these shortcuts are lifesavers when it comes to code quality and we highly recommend taking advantage of them Code formatting is the process of setting specific standards for how code should look This can include anything from spacing and indentation to how comments should be formatted There are a variety of reasons why code formatting is important including making code more readable and consistent reducing errors and improving team collaboration There are many different ways to format code and the best way to do it depends on the language you re using as well as your personal preferences However there are some general guidelines that all developers should follow For example most languages use some form of indentation to denote different blocks of code In addition it s generally considered good practice to use consistent spacing throughout your code You can also use the Format Selection command to format only a specific section of code To do this highlight the section of code you want to format and press ⌘ ⇧ F on a Mac or Ctrl ⇧ F on Windows VSCode ExtensionsThe best extensions for VSCode will vary depending on the specific needs of the developer There are also extensions that add new features to VSCode However some useful extensions that many developers may find helpful include the following Code Runner Allows you to run code snippets directly from the editor GitLens Helps you better understand code with features like code lens blame annotations and references heatmaps Path Intellisense Autocompletes filenames and folder paths indent rainbow Colors your indentation to help you better visualize code structure Bracket Pair Colorizer Colors matching brackets to help you better identify code blocks If you are looking to improve your productivity and workflow installing some VSCode extensions can be a great way to do so By taking the time to learn some of the available shortcuts you can save yourself a lot of time in the long run Check us at www Blstsecurity com	2022-07-17 11:09:51
海外TECH	DEV Community	How I got my first job as a programmer (no CS degree)	https://dev.to/beetlehope/how-i-got-my-first-job-as-a-programmer-no-cs-degree-28b4	How I got my first job as a programmer no CS degree In this video I share how I found my first job as a software engineer without a Computer Science degree or attending a bootcamp Check out my book if you want to learn how I became a software engineer without a CS degree and how you can do the same	2022-07-17 11:03:38
海外ニュース	Japan Times latest articles	Moscow signals a shift to a more aggressive phase of Ukraine war	https://www.japantimes.co.jp/news/2022/07/17/world/moscow-shift-aggressive-ukraine-war/	Moscow signals a shift to a more aggressive phase of Ukraine warThere were signs of new ground fighting in the hotly contested Donbas region where Russian forces have taken one of its provinces Luhansk	2022-07-17 20:00:58
ニュース	BBC News - Home	Hot weather: Amber heat warning in place as country braces for record temperatures	https://www.bbc.co.uk/news/uk-62195015?at_medium=RSS&at_campaign=KARANGA	england	2022-07-17 11:13:39
ニュース	BBC News - Home	Heatwave: More evacuations as Mediterranean wildfires spread	https://www.bbc.co.uk/news/world-europe-62196045?at_medium=RSS&at_campaign=KARANGA	greece	2022-07-17 11:52:47
ニュース	BBC News - Home	Captured Briton John Harding appears in video in Ukraine	https://www.bbc.co.uk/news/uk-62195183?at_medium=RSS&at_campaign=KARANGA	death	2022-07-17 11:18:09
北海道	北海道新聞	旧統一教会「トラブルなし」誤り　会見を訂正	https://www.hokkaido-np.co.jp/article/706944/	世界平和統一家庭連合	2022-07-17 20:21:11
北海道	北海道新聞	サッカー、東アジアＥ―１へ始動　男子日本代表	https://www.hokkaido-np.co.jp/article/706947/	日本代表	2022-07-17 20:26:00
北海道	北海道新聞	新千歳空港の国際定期便が再開　２年４カ月ぶり　大韓航空が復活第１便	https://www.hokkaido-np.co.jp/article/706945/	大韓航空	2022-07-17 20:07:14