Docker |
dockerタグが付けられた新着投稿 - Qiita |
Docker Engine on Vagrant (VirtualBox) on Linux な環境を用意する |
https://qiita.com/k_uchida_____/items/93cb267be4e65a22c825
|
docker |
2022-04-09 04:40:38 |
海外TECH |
MakeUseOf |
The 10 Best Free Turn-Based Strategy Games to Play |
https://www.makeuseof.com/tag/5-popular-free-turnbased-strategy-games/
|
games |
2022-04-08 19:45:14 |
海外TECH |
DEV Community |
Top 3 Tutorials of the Week #5 |
https://dev.to/codecast/top-3-tutorials-of-the-week-5-1gka
|
Top Tutorials of the Week It s that time of the week again where we give our love to our top Casts of the week on CodeCast This week we have some great videos in store for you so let s get right into it OOP with TypeScript Constructor Functions by shahzaibkamalConstructor functions are an important skill to learn in TypeScript and this is one of two Casts that Shahzaib has made covering the topic CSS Injection by jesusvillaCybersecurity has become and incredibly important topic and a skill all developer should have in at least the most basic form In this Cast Jesus goes over injection in CSS and the vulnerabilities it can cause Recipe App Click Event by kauresssJannat continues her Spoonacular API Series on building a recipe App and in this instalment she goes over working with click events Be sure to follow us here and everywhere to stay up to date with our latest features |
2022-04-08 19:48:58 |
海外TECH |
DEV Community |
Another cheat sheet for Dependabot |
https://dev.to/jmau111/another-cheat-sheet-for-dependabot-12d0
|
Another cheat sheet for Dependabot Basic concepts What is Dependabot Dependabot automates dependencies management and supply chain security for free With a simple dependabot yml file in your repository and a few lines inside you can automatically raise pull requests to keep your dependencies up to date This is major in terms of security as supply chain attacks are rising these days Is it only for GitHub Yes Microsoft GitHub acquired the company some time ago What is GitHub Advisory Database It s the main database that Dependabot uses to learn about security vulnerabilities How can I enable Dependabot Go to YOUR REPO settings security analysis You get a dedicated page Code security and analysis where you can enable Dependabot s features Where do I put the configuration file On GitHub you can create the file here github dependabot yml Getting started with dependabot ymlHere is a very basic example to handle npm dependencies version updates package ecosystem npm directory schedule interval weekly Don t forget the version parameter Is it for public packages only No You can add a registries section containing authentication details to the dependabot yml file version registries npm npmjs type npm registry url username my username password secrets MY NPM PASSWORD updates package ecosystem npm could be bundler pip docker composer etc see package ecosystem directory schedule interval weekly Schedule intervalThe schedule interval is a required setting and probably one of the most critical ones as it determines the cycle of updates and PRs I really appreciate the possibility to delay updates because you don t have infinite time to allocate to each repository There are different options dailyweeklymonthlyYou can add schedule day if you choose weekly to start the cycle on some day other than Monday schedule interval weekly day friday You can even add a specific time schedule interval weekly day friday time am UTCIf you don t want to use UTC you can specify a timezone schedule interval weekly day friday time am UTC timezone Europe Vatican Custom labelsThe default label for all PRs is dependencies by default but you might want to customize that especially when you handle multiple packages ecosystems updates package ecosystem npm directory schedule interval weekly labels npm dependencies package ecosystem docker directory schedule interval weekly labels docker dependencies It s also great to keep things organized Note that you can use several labels for each package ecosystem Target branchesYou can use the target branch parameter to prevent Dependabot from raising PRs only on the default branch Note that you can add a custom branch per each package ecosystem updates package ecosystem npm directory schedule interval weekly labels npm dependencies target branch trunk Available packages ecosystemsGo there Helpful commandsCommandDescription dependabot cancel mergecancel a merge dependabot closeclose the PR and Dependabot will not recreate the same PR dependabot ignoreclose the PR and stop depdendabot on this repository dependabot ignore this major versionclose the PR and Dependabot will not recreate PRs for this major version dependabot ignore this minor versionclose the PR and Dependabot will not recreate PRs for this minor version dependabot mergemerge the pull after CI tests dependabot rebaserebase the PR dependabot recreateforce recreate the PR dependabot reopenreopen the closed PR dependabot squash and mergesquash and merge after CI testsYou can talk with the bot by commenting the PR with special commands which can save a lot of time For example I often use the dependabot rebase command to resolve merge conflicts between several PRs that update the same dependencies It s quite often enough to proceed Things to know and errors to avoidDependabot is fantastic but be aware of potential mistakes Don t merge PRs blindly as you might break your appAdd a CI server whenever you can especially for live production appsDependabot does not automatically warn of absolutely everything keep some monitoringEnabling Dependabot grants read only permission to GitHub for analysis purposeDependabot may have some issues when trying to read your dependency file so check it carefullyIt s best if not only person review all Dependabot s PRs Remove unused dependencies More advanced usagesDependabot is pretty straightforward but you might need more advanced usages open pull requests limitBy default Dependabot cannot open more than PRs at the same time but you can change this setting per each package ecosystem version updates package ecosystem composer directory schedule interval weekly open pull requests limit How to disable PRs for a specific package ecosystemYou may set the open pull requests limit to updates package ecosystem npm directory schedule interval weekly labels npm dependencies open pull requests limit will disable PRs package ecosystem docker directory schedule interval weekly labels docker dependencies open pull requests limit Auto mergesIt s possible to connect Dependabot to scheduled actions for automatic merges While it s not something I would recommend you might beg to differ Here s a nice introduction versioning strategyThe versioning strategy parameter can be helpful to change the default strategy according to various package managers For example you might want to increase the version with Composer dependencies only when it s required In such case you can do version updates package ecosystem composer directory schedule interval weekly versioning strategy increase if necessary Dependency GraphGo to YOUR REPO network dependencies to get an overview of all your dependencies There s even a tab called Dependents where you can list repositories that depend on your repository Photo by neonbrand |
2022-04-08 19:38:43 |
海外TECH |
DEV Community |
Ruby VS Code Snippets |
https://dev.to/arkfuldodger/ruby-vs-code-snippets-37id
|
Ruby VS Code SnippetsI have a minor addiction to writing snippets Below are a few of the ones I have created for use in programming with Ruby Feel free to add these to your own snippet files in VS Code Ref for adding custom snippets to VS Code Stack Overflow How to Add Custom Code Snippets in VSCodeVS Code Snippets DocsMy blog post on VS Code Snippet TransformationsVS Code Snippet TransformationsThe program I use to record my gifs LICEcap Snippet ListInitialize with Variable AssignmentsInitialize with Attr AccessorClass SetupAll VariableActiveRecord Model Class Initialize with Variable Assignments Initialize With Var Assign prefix init var body def initialize t w s w n t g end Purpose creates initialize method for a class taking arguments which are assigned to class scoped variablesDemo How To Prefix init var Tabstop enter any parameters which should be set as class variables separated by a commaformat will update after tabbing out of this tabstopTabstop enter any parameters which should not be set as class variables separated by a commaTabstop cursor placed within end of initialize method Initialize with Attr Accessor Initialize With Attr prefix init attr body attr accessor w s w g def initialize t w s w n t g end Purpose creates initialize method for a class as with the prior snippet but additionally creates attr accessors for each class variable setDemo How To Prefix init attr Tabstop enter any initialize method parameters which should be set as class variables and attr accessors separated by a commaformat will update after tabbing out of this tabstopTabstop enter any initialize method parameters which should not be set as class variables separated by a commaTabstop enter any additional attr accessors or enter other needed code such as attr readers on a new lineTabstop cursor placed within end of initialize method Class Setup Class Setup prefix class setup body class TM FILENAME BASE a zA Z a zA Z a zA Z a zA Z pascalcase capitalize tattr accessor w s w g tdef initialize t t w s w n t t g tend t end Purpose creates initialize method and attr accessors as with the prior snippet but also creates the containing class definition which derives its name from the filenameDemo How To Prefix class setup Tabstop enter class nameby default will be set to file name in PascalCase UpperCamelCase omitting leading numbersTabstop enter any initialize method parameters which should be set as class variables and attr accessors separated by a commaformat will update after tabbing out of this tabstopTabstop enter any initialize method parameters which should not be set as class variables separated by a commaTabstop enter any additional attr accessors or enter other needed code such as attr readers on a new lineTabstop enter any additional code within initialize methodTabstop cursor placed within end of class definition All Variable All Class Variable prefix all body t all TM SELECTED TEXT end n t t all lt lt self n tend tdef self all t t all tend Purpose for an existing class creates class level all variable to contain array of class instances adds instance to array within initialize method and creates class level get methodDemo How To Select initialize method starting with the beginning of the first row through the final word end closing the method definitionNOTE the end must be the final characters in your selection for the snippet to work properly If they are not the shovel method within initialize will not generateType Prefix all Tabstop cursor placed at end of getter method ActiveRecord Model Class ActiveRecord Class prefix ar class body class TM FILENAME BASE a zA Z a zA Z a zA Z a zA Z pascalcase capitalize lt ActiveRecord Base t end Purpose creates basic class definition with inheritance for use with the ActiveRecord ORM gemDemo How To Prompt ar class Tabstop enter class nameby default will be set to file name in PascalCase UpperCamelCase omitting leading numbersTabstop cursor placed within class definition |
2022-04-08 19:38:31 |
海外TECH |
DEV Community |
Create short commands and example using recursive contextable work in Telegram bot on NestJS |
https://dev.to/endykaufman/create-short-commands-and-example-using-recursive-contextable-work-in-telegram-bot-on-nestjs-3gfo
|
Create short commands and example using recursive contextable work in Telegram bot on NestJS Links source code of bot current bot in telegram Description of workIn this post I will describe the creation of the short commands module it is needed for faster command call At the end of the post I will give an example of using recursive contextable work Add short commandsThis command module need to use short versions for run other command handlers Create nx librarynpm run nx g nrwl nest lib short commands serverendy endy virtual machine Projects current kaufman bot npm run nx g nrwl nest lib short commands server gt kaufman bot nx gt nx g nrwl nest lib short commands server CREATE libs short commands server README mdCREATE libs short commands server babelrcCREATE libs short commands server src index tsCREATE libs short commands server tsconfig jsonCREATE libs short commands server tsconfig lib jsonUPDATE tsconfig base jsonCREATE libs short commands server project jsonUPDATE workspace jsonCREATE libs short commands server eslintrc jsonCREATE libs short commands server jest config jsCREATE libs short commands server tsconfig spec jsonCREATE libs short commands server src lib short commands server module ts Add ShortCommandsConfiglibs short commands server src lib short commands config short commands config tsexport const SHORT COMMANDS CONFIG Symbol SHORT COMMANDS CONFIG export interface ShortCommandsConfig title string name string descriptions string usage string spyWords string commands langCode string text string string Add ShortCommandsServicelibs short commands server src lib short commands services short commands service tsimport BotCommandsEnum BotCommandsProvider BotCommandsProviderActionMsg BotCommandsProviderActionResultType BotСommandsToolsService OnBeforeBotCommands from kaufman bot core server import DEFAULT LANGUAGE from kaufman bot language swither server import Inject Injectable Logger from nestjs common import getText from class validator multi lang import TranslatesService TranslatesStorage from nestjs translates import ShortCommandsConfig SHORT COMMANDS CONFIG from short commands config short commands config Injectable export class ShortCommandsService implements BotCommandsProvider OnBeforeBotCommands private readonly logger new Logger ShortCommandsService name constructor Inject SHORT COMMANDS CONFIG private readonly shortCommandsConfig ShortCommandsConfig private readonly botСommandsToolsService BotСommandsToolsService private readonly translatesStorage TranslatesStorage private readonly translatesService TranslatesService async onBeforeBotCommands lt TMsg extends BotCommandsProviderActionMsg BotCommandsProviderActionMsg gt msg TMsg Promise lt TMsg gt const locale msg from language code const text msg text if locale amp amp this shortCommandsConfig const shortCommands this shortCommandsConfig commands locale const matchedCommands Object keys shortCommands filter commands gt this botСommandsToolsService checkCommands text commands split map commands gt shortCommands commands if matchedCommands length gt msg text matchedCommands return msg async onHelp lt TMsg extends BotCommandsProviderActionMsg BotCommandsProviderActionMsg gt msg TMsg Promise lt BotCommandsProviderActionResultType lt TMsg gt gt return await this onMessage msg text this shortCommandsConfig name BotCommandsEnum help async onMessage lt TMsg extends BotCommandsProviderActionMsg BotCommandsProviderActionMsg gt msg TMsg Promise lt BotCommandsProviderActionResultType lt TMsg gt gt let locale msg from language code if locale Object keys this translatesStorage translates find key gt locale includes key locale DEFAULT LANGUAGE const spyWord this shortCommandsConfig spyWords find spyWord gt this botСommandsToolsService checkCommands msg text spyWord locale if spyWord if this botСommandsToolsService checkCommands msg text BotCommandsEnum help locale return type markdown message msg markdown this botСommandsToolsService generateHelpMessage locale name this shortCommandsConfig title descriptions this shortCommandsConfig descriptions usage this shortCommandsConfig usage if this botСommandsToolsService checkCommands msg text BotCommandsEnum state locale const detectedLang Object keys this shortCommandsConfig commands filter langCode gt this shortCommandsConfig commands langCode amp amp langCode locale DEFAULT LANGUAGE const commands this shortCommandsConfig commands detectedLang const aliases Object keys commands const markdown this translatesService translate getText List of short commands locale aliases map alias gt locale this translatesService translate getText alias locale alias split map u gt u join this translatesService translate getText command locale commands alias n join n filter Boolean join n return type markdown message msg markdown this logger warn Unhandled commands for text msg text this logger debug msg return null ShortCommandsModulelibs short commands server src lib short commands module tsimport BotCommandsModule BOT COMMANDS PROVIDER from kaufman bot core server import DynamicModule Module from nestjs common import getText from class validator multi lang import TranslatesModule from nestjs translates import ShortCommandsConfig SHORT COMMANDS CONFIG from short commands config short commands config import ShortCommandsService from short commands services short commands service Module imports TranslatesModule BotCommandsModule exports TranslatesModule BotCommandsModule export class ShortCommandsModule static forRoot config Pick lt ShortCommandsConfig commands gt DynamicModule return module ShortCommandsModule providers provide SHORT COMMANDS CONFIG useValue lt ShortCommandsConfig gt title getText Short commands name scmd usage getText scmd state getText scmd help descriptions getText Shortened versions of commands for quick launch spyWords getText scmd commands config commands provide BOT COMMANDS PROVIDER useClass ShortCommandsService Prepare filesnpm run generate Translate all words with po editor Prepare files for convert po dictionaries to jsonnpm run generate Add ShortCommandsModule to AppModuleapps server src app app module ts Module imports BotCommandsModule forRoot LanguageSwitherModule forRoot DebugMessagesModule forRoot ShortCommandsModule forRoot commands en joke get jokes quote thought wisdom get quotes facts fact history get facts ru joke jokes шутка шутки пошути шути рассмеши смешинки смешинка get jokes quote thought wisdom цитата цитаты цитируй мысль мудрость залечи get quotes facts fact history факт факты история get facts export class AppModule Check new logic in telegram botCommon help messageGet state of short commandsTry usage one of short command Recursive contextable workI am not write all process of create this logic because that have very more code I write about only usage on simple example on jokes commands Update JokesGeneratorServicelibs jokes generator server src lib jokes generator services jokes generator service tsimport BotCommandsEnum BotCommandsProvider BotCommandsProviderActionMsg BotCommandsProviderActionResultType BotСommandsToolsService OnContextBotCommands from kaufman bot core server import ScraperService from kaufman bot html scraper server import DEFAULT LANGUAGE from kaufman bot language swither server import Injectable from nestjs common import TranslatesStorage from nestjs translates Injectable export class JokesGeneratorService implements BotCommandsProvider OnContextBotCommands constructor private readonly scraperService ScraperService private readonly botСommandsToolsService BotСommandsToolsService private readonly translatesStorage TranslatesStorage async onContextBotCommands lt TMsg extends BotCommandsProviderActionMsg BotCommandsProviderActionMsg gt msg TMsg Promise lt BotCommandsProviderActionResultType lt TMsg gt gt const contextMsg await this scraperService onContextBotCommands msg return contextMsg this onMessage contextMsg message null async onHelp lt TMsg extends BotCommandsProviderActionMsg BotCommandsProviderActionMsg gt msg TMsg const locale msg from language code if Object keys this translatesStorage translates find key gt locale includes key amp amp locale includes DEFAULT LANGUAGE return null return await this scraperService onHelp msg async onMessage lt TMsg extends BotCommandsProviderActionMsg BotCommandsProviderActionMsg gt msg TMsg Promise lt BotCommandsProviderActionResultType lt TMsg gt gt const locale msg from language code if Object keys this translatesStorage translates find key gt locale includes key amp amp locale includes DEFAULT LANGUAGE return null if this botСommandsToolsService checkCommands msg text Object keys BotCommandsEnum locale const result await this scraperService onMessage msg try if result type text return type text message msg text result text split join split n join return result catch err console debug result console error err err stack throw err return null Update JokesGeneratorModulelibs jokes generator server src lib jokes generator module tsimport BotCommandsModule BOT COMMANDS PROVIDER from kaufman bot core server import ScraperModule from kaufman bot html scraper server import DynamicModule Module from nestjs common import getText from class validator multi lang import CustomInjectorModule from nestjs custom injector import TranslatesModule from nestjs translates import JokesGeneratorService from jokes generator services jokes generator service import RuJokesGeneratorService from jokes generator services ru jokes generator service Module imports TranslatesModule BotCommandsModule exports TranslatesModule BotCommandsModule export class JokesGeneratorModule static forRoot DynamicModule return module JokesGeneratorModule imports CustomInjectorModule forFeature imports ScraperModule forRoot title getText Jokes generator name jokes descriptions getText Command to generate text with a random jokes usage getText get joke getText jokes help contextUsage getText more getText next contentSelector joke gt table gt tbody gt tr gt td spyWords getText jokes getText joke removeWords getText get getText please uri contentCodepage utf providers provide BOT COMMANDS PROVIDER useClass RuJokesGeneratorService exports ScraperModule CustomInjectorModule forFeature imports ScraperModule forRoot title getText Jokes generator name jokes descriptions getText Command to generate text with a random jokes usage getText get joke getText jokes help contextUsage getText more getText next contentSelector data gt joke spyWords getText jokes getText joke removeWords getText get getText please uri religious political racist sexist explicit amp type single amp format xml contentCodepage utf providers provide BOT COMMANDS PROVIDER useClass JokesGeneratorService exports ScraperModule Check new logic in telegram botExample with save information of last active commands and use it for generate responseWords for use in context mode your may see in help textIn next post I am append simple commands module with example recursive work with include if else logics |
2022-04-08 19:38:02 |
海外TECH |
DEV Community |
Do you do any programming in the weekend? |
https://dev.to/shahednasser/do-you-do-any-programming-in-the-weekend-2h0f
|
Do you do any programming in the weekend Do you guys do any programming in the weekend whether for work for learning or just for fun I used to think I needed to practice programming in the weekend or at least use the time to do freelance work Now I try not to do any programming in the weekend unless I actually feel like I want to do it It helped me focus on other aspects of my life and do other things that make me happy |
2022-04-08 19:21:58 |
海外TECH |
DEV Community |
Top Online SideHustle Ideas You can start now to earn money |
https://dev.to/emenikepeacee/top-online-sidehustle-ideas-you-can-start-now-to-earn-money-466c
|
Top Online SideHustle Ideas You can start now to earn moneyBeginning a side hustle is an incredible method for expanding your income taking care of your obligation put something aside for large buys Be that as it may observing the best side hustle in light of your abilities and experience can be a remarkable undertaking Side Hustle Ideas to start and earn moneyThe following are side hustle ideas you can start Immediately Monetise your skills You can make money by monetising your skills Skills like writing teaching any course you know like Mathematics English etcBy copying and pasting You can make money by copying and pasting to achieve this you need google news i e where you get the information then paste on Spinbot which will transform your written words into different words but the same meaning Then you register with eating well which will pay you for those articles you wrote Sell and Rent This is another way to make money online by selling and renting used items online Free platforms to use to generate traffic includes Facebook Instagram Twitter and other social media Partner with Smile com ng You can partner with smile to make more money I use this platform and it has helped me a lot I generate traffics from Facebook and other social media Watch the video above to know and don t forget to drop your comment |
2022-04-08 19:11:59 |
海外TECH |
DEV Community |
Creating a Flutter App on Windows with WSL2 |
https://dev.to/mariasitumbeko/creating-a-flutter-app-on-windows-with-wsl2-3an0
|
Creating a Flutter App on Windows with WSLWindows Subsystem for Linux WSL allows you to run a Linux environment without having to dual boot your system or use a virtual machine In this tutorial we will look at creating a Flutter app using a Linux environment while fully inside Windows Note that you need to be running Windows version and higher or Windows Install WSLOpen your Windows PowerShell as an administrator and run the below command to install WSL and Ubuntu wsl installYou may need to restart your computer when the installation completes After restarting your computer open the Start menu and click the newly installed Ubuntu on Windows application Enter a username and password to create a new Ubuntu user who will have administrative control whenever you need to run a sudo command When you have created your user check the Windows File Explorer and you will see a new Linux section that has all your Ubuntu files including the home folder which we will work from most of the time This means WSL is now fully installed and we can run Linux commands without having to dual boot or use a virtual machine Install and Customize the Windows TerminalNow we need a terminal to run these Linux commands Install Windows Terminal or Windows Terminal Preview from the Windows Store if you do not have it already By default it will open Windows PowerShell but we can set it to use Ubuntu instead Click the dropdown arrow next to the open PowerShell tab and go to Settings Under Startup change the default profile to Ubuntu so that every time you open the Windows Terminal you can work seamlessly inside Ubuntu While in the Settings we can also edit our starting directory to make it shorter and less clunky Under the Profiles section click Ubuntu and edit the starting directory to home your user name and save the changes Reopen your terminal and you should see that the starting directory should be much shorter We are now ready to run actions inside our Ubuntu filesystem Install FlutterLet s install Flutter on our newly operational Ubuntu system In your terminal make a Development folder mkdir DevelopmentThen go to the Flutter installation page and download the tar file to get started It is important to note that you will only be able to download the file in the Windows Downloads folder but later on we can enter our terminal and extract the file in the Development folder we just created in Ubuntu This is possible because the Ubuntu side considers Disk C the disk where all Windows content is a mounted drive which means we can access all Windows side files in the mnt folder For example getting to the Downloads folder on Windows through the terminal would look like this mnt c Users your username Downloads To extract the Flutter tar file out of the Downloads folder in Windows into the Development folder in Ubuntu enter your terminal and navigate into the Development folder cd DevelopmentThen run the below command tar xf mnt c Users your username Downloads flutter linux your flutter version stable tar xzOnce the folder is extracted add Flutter into your PATH by editing your shell s rc file If you use Bash run sudo nano HOME bashrc or if you use ZSH run sudo nano HOME zshrc and enter your password to edit your file Navigate to the bottom of the file and add the path where your Flutter folder is found In this tutorial Flutter is saved in the Development folder meaning our path will look like the below export PATH PATH HOME Development flutter bin Save and exit your file and then run the below command to refresh your terminal and implement the changes source HOME lt rc file gt You can then run which flutter to confirm that the Flutter command now works in your terminal If there are no errors you can run the below command to make sure everything is working as it should flutter doctorThis will show a checklist that indicates what is working fine and what still needs installation That list will show that we need Android Studio and Android SDKs installed next Install Android StudioWe will install Android Studio directly to our Ubuntu side Go to the terminal in the home directory and create a Downloads directory mkdir DownloadsGo to the Android Studio downloads page and select the Linux platform It will open a popup for you to accept Android s terms and conditions Scroll to the bottom accept the terms and conditions and then right click the Download button and copy the download link In your terminal go to your newly created Downloads folder and type the wget command followed by the download link you just copied to get the Android Studio tar file wget android studio download linkWhen the download has finished navigate into the Development folder you made earlier and extract the Android Studio tar file which will create an android studio folder tar xf Downloads android studio version number linux tar gzStill inside the Development directory run android studio bin studio sh to launch Android Studio The first time you run Android Studio an error about not being able to find SDKs may pop up That error can be ignored because SDKs will be installed later When the installation guide comes up you may choose to do the default installation or the custom installation that allows you to select file locations for the SDK Accept all the prompts or select a location for the SDK and other folders and click the Finish button when done After Android Studio has installed the SDK and other core files click the More Actions button on the application that opens up and select SDK Manager A page will open up where you can install the latest SDK Command Line tools and Google Play services for our virtual devices The next stage is to create a virtual device to test our Flutter app If you try creating a virtual device right away you will probably get an error about needing dev kvm installed before you can proceed Learn about KVM and how to fix this error here Once you have installed KVM from the link above you can proceed to create a virtual device Cancel the SDK Manager if it is still open and click the More Actions button inside the original Android Studio window Then click the Virtual Device Manager to start creating a virtual device Once the Virtual Device Manager opens click the Create Device button and select a device you would like to use For this tutorial we will use a Pixel Click Next and select an Android version to download and use on the virtual device When you have downloaded and selected your preferred Android version click Next and choose a name for your device You can leave the default name or name it something else and you can make as many different virtual devices as you need to Click Finish to complete the creation of the virtual device and click the green play button to launch it Run flutter doctor again and this time every checkbox should be ticked which means we have everything we need to get started with Flutter Coding Our Flutter App in Visual Studio CodeNext we need to create a Flutter app and set up a code editor like Visual Studio Code VS Code so that we can begin coding our Flutter app Installing VS CodeA cool thing about WSL is that VS Code can be downloaded on the Windows side and still connect to files found on the Ubuntu side so let s download VS Code for Windows When VS Code has been downloaded install the Remote Development extension pack which will enable you to open folders in WSL in containers or through SSH You may need to restart VS Code once the installation completes Next we need to install extensions that can help with Flutter development Install the Flutter and Dart extensions to get code snippets and Flutter support We can also install an emulator extension that allows us to effortlessly run our installed Android emulators without having to open Android Studio every single time as that can be very slow Close Android Studio and the virtual device we opened earlier and install the Android iOS Emulator extension which will make emulator opening quick and easy Once the extension is installed we need to give it the path to our emulator location so that it knows where to find our emulators Enter your VS Code settings by pressing Ctrl on your keyboard and click Extensions on the left side of the screen Once the list of extensions opens up click Emulator Configuration to open the settings for the emulator Fill in the Emulator Emulator Path Linux text field with the path to your emulator inside the SDK folder If you followed this tutorial the path would be like below but put the path that applies to you Android Sdk emulatorCancel the Settings page and press Ctrl Shift e to run the extension Click View Android Emulators and it will show a list of installed emulators in your system Select the one you wish to use and it will open up ready to be used without opening Android Studio Creating and running the Flutter appTo create your Flutter app create a Projects directory using your terminal Let s make our Projects directory inside the Development directory we made earlier cd Developmentmkdir Projectscd ProjectsWhen you are inside the Projects folder create your Flutter app and open it in VS Code using the code below flutter create testappcd testappcode It will start to download the WSL server eventually opening the project in VS Code and you can begin to code anything you want in your Flutter app To open the app in your emulator go to the terminal under your project and type flutter run You can make changes to the app in VS Code and those changes can be viewed instantly by pressing either r or R in the terminal Thanks for reading |
2022-04-08 19:11:08 |
Apple |
AppleInsider - Frontpage News |
Apple leaks its own dual-port 35W power adapter |
https://appleinsider.com/articles/22/04/08/apple-leaks-its-own-dual-port-35w-power-adapter?utm_medium=rss
|
Apple leaks its own dual port W power adapterApple may soon release a new USB C wall charger equipped with at least two ports according to a support document posted briefly to the company s website GaN ChargersThe support document described a new Apple W Dual USB C Port Power Adapter noting that users could plug a USB C cable into either port on the power adapter Additionally it noted that the adapter has extendable prongs akin to Apple s current wall plugs Read more |
2022-04-08 19:38:44 |
海外TECH |
Engadget |
Researchers may have discovered a galaxy barely younger than the Big Bang |
https://www.engadget.com/most-distant-known-galaxy-hd1-192050141.html?src=rss
|
Researchers may have discovered a galaxy barely younger than the Big BangIt s been a good few weeks for spotting distant objects in the universe As Forbesnotes Japanese researchers have detected what might be the most distant galaxy known to date HD is far enough that its light is estimated to be billion years old or just million years after the Big Bang That makes it million years older than the previous record setter GN z and suggests it might have some of the very first Population III stars that emerged in the reionization following the universe s quot dark ages quot The team spotted HD using about hours of observations between the Spitzer Space Telescope Subaru Telescope UK Infrared Telescope and VISTA Telescope They verified the distance using the Atacama Large Millimeter submillimeter Array and the red hue was indicative of the extreme redshift you d expect from a very distant galaxy Astronomers still want to double check their results The signal from HD has a percent significance but observers won t be sure until they have a significance of percent or better The researchers may get that opportunity when the James Webb Space Telescope takes a look at the galaxy using its infrared focused sensors If scientists can confirm HD s existence that will raise numerous questions HD doesn t fit easily into existing models of galaxy formation and suggests there were already extremely bright objects in the early universe Not that the astronomy community would mind ーthis would help refine their cosmological models |
2022-04-08 19:20:50 |
Cisco |
Cisco Blog |
3 Reasons Enterprise Developers Should Get “Pager Duty” |
https://blogs.cisco.com/developer/enterprisedeveloperspagerduty01
|
Reasons Enterprise Developers Should Get “Pager Duty It s time to rethink who gets woken up in the middle of the night when there s an application outage Today both SREs and app devs should be on pager duty |
2022-04-08 19:02:40 |
ニュース |
BBC News - Home |
Rishi Sunak's wife to pay UK tax on overseas income |
https://www.bbc.co.uk/news/uk-politics-61045825?at_medium=RSS&at_campaign=KARANGA
|
company |
2022-04-08 19:48:47 |
ニュース |
BBC News - Home |
Will Smith banned from Oscars for 10 years over slap |
https://www.bbc.co.uk/news/world-us-canada-61018821?at_medium=RSS&at_campaign=KARANGA
|
chris |
2022-04-08 19:20:00 |
ニュース |
BBC News - Home |
Paul Gascoigne says watching BBC documentary about his life was 'emotional' |
https://www.bbc.co.uk/sport/football/61004110?at_medium=RSS&at_campaign=KARANGA
|
Paul Gascoigne says watching BBC documentary about his life was x emotional x Gazza a documentary on BBC Two tells the story of Paul Gascoigne s playing career private life and relationship with the press |
2022-04-08 19:03:02 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
アンガーマネジメントが実践されれば、ウィル・スミスは平手打ちをせずに済んだか - 井の中の宴 武藤弘樹 |
https://diamond.jp/articles/-/301311
|
平手打ち |
2022-04-09 05:00:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「退職金運用病」で大損してしまう人の特徴とは?FP歴26年の結論 - ニュース3面鏡 |
https://diamond.jp/articles/-/301079
|
資産運用 |
2022-04-09 04:55:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
小宮山・早稲田の2022年シーズン、チームに覇気があっても監督が苦言を呈する理由 - メジャーリーガー小宮山悟監督の「早稲田伝統」チームビルディング |
https://diamond.jp/articles/-/301022
|
小宮山悟 |
2022-04-09 04:50:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
一流の経営トップは「聴き方」も一流なのはナゼか? - 「超」戦略的に聴く技術 |
https://diamond.jp/articles/-/300610
|
一流の経営トップは「聴き方」も一流なのはナゼか「超」戦略的に聴く技術時には、とことん相手を喜ばせ、時にはしたたかに相手の本音を引き出す「戦略的な聴き方」のスキルを磨けば、人間関係も、仕事もうまくいくようになる。 |
2022-04-09 04:45:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
世界101の国と地域のカレー&スパイス料理を、食の雑学を交えて大解説! - 地球の歩き方ニュース&レポート |
https://diamond.jp/articles/-/300883
|
地球の歩き方 |
2022-04-09 04:40:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
新入生を狙う「カルト」の最新手口、SDGsやゴスペルサークルを偽装、SNSで“カモ”探し - from AERAdot. |
https://diamond.jp/articles/-/300888
|
新入生を狙う「カルト」の最新手口、SDGsやゴスペルサークルを偽装、SNSで“カモ探しfromAERAdot月は大学の入学シーズン。 |
2022-04-09 04:35:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ロレックスやブランパン…傑作ダイバーズウォッチの歴史を写真で解説 - 男のオフビジネス |
https://diamond.jp/articles/-/300886
|
防水 |
2022-04-09 04:30:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
コロナワクチンを迷っている妊娠中の女性に伝えたい、ある研究結果とは? - ヘルスデーニュース |
https://diamond.jp/articles/-/300880
|
コロナワクチンを迷っている妊娠中の女性に伝えたい、ある研究結果とはヘルスデーニュース新型コロナウイルス感染症COVIDのワクチン接種を受けるべきか否か迷っている妊娠中の女性がいたとしたら、その判断に影響を及ぼすであろう、新たな研究結果が報告された。 |
2022-04-09 04:25:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ひろゆきが語る「仕事のやりがいより休みのほうが大事」そのワケとは? - 1%の努力 |
https://diamond.jp/articles/-/300965
|
youtube |
2022-04-09 04:20:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
【井上貴博TBSアナウンサー×精神科医Tomy】 「伝わる」話し方に欠かせないたった1つのこと - 精神科医Tomyが教える 心の荷物の手放し方 |
https://diamond.jp/articles/-/299250
|
【井上貴博TBSアナウンサー×精神科医Tomy】「伝わる」話し方に欠かせないたったつのこと精神科医Tomyが教える心の荷物の手放し方報道番組『Nスタ』平日版の総合司会として活躍、いまや“TBSの夕方の顔ともいえる井上貴博アナウンサー。 |
2022-04-09 04:15:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
子ども向け「やばい歴史入門書」が異例のロングセラーになった3つの理由 - 東大教授がおしえる やばい日本史 |
https://diamond.jp/articles/-/301351
|
子ども向け「やばい歴史入門書」が異例のロングセラーになったつの理由東大教授がおしえるやばい日本史子ども向けの笑える歴史入門書、『東大教授がおしえるやばい日本史』が年月に発売を開始して以降、ロングセラーになっている。 |
2022-04-09 04:10:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
年上に可愛がれる人の「温度感」の秘密とは - 起業家の思考法 |
https://diamond.jp/articles/-/301218
|
現在は万以上のショップが利用し、ネットショップ開設実績年連続Noを獲得している。 |
2022-04-09 04:05:00 |
ビジネス |
東洋経済オンライン |
自民「元おニャン子」生稲氏擁立の裏にある大乱戦 迫る7月参院選、東京選挙区6議席をめぐる熾烈 | 国内政治 | 東洋経済オンライン |
https://toyokeizai.net/articles/-/580517?utm_source=rss&utm_medium=http&utm_campaign=link_back
|
国内政治 |
2022-04-09 04:30:00 |
コメント
コメントを投稿