投稿時間:2022-06-06 21:21:51 RSSフィード2022-06-06 21:00 分まとめ(26件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	米国の家電量販店が掲載した｢Mac mini Tower｣などの情報は誤りであることが確認される	https://taisy0.com/2022/06/06/157733.html	macbooka	2022-06-06 11:34:08
IT	気になる、記になる…	｢WWDC22｣の基調講演を前にApple公式サイトがメンテナンスモードに − 基調講演後に何らかの新製品発売か	https://taisy0.com/2022/06/06/157727.html	apple	2022-06-06 11:15:09
IT	ITmedia 総合記事一覧	[ITmedia News] サイゼリヤ、JCBカードでの決済に対応	https://www.itmedia.co.jp/news/articles/2206/06/news200.html	itmedia	2022-06-06 20:45:00
AWS	lambdaタグが付けられた新着投稿 - Qiita	[AWS Lambda] Pythonで外部モジュール(Pillow)を使う	https://qiita.com/Bashi50/items/1f72a93dbde23de55dda	awslambda	2022-06-06 20:05:11
python	Pythonタグが付けられた新着投稿 - Qiita	asdf/pyenv/python-buildでPythonをインストールしようとするとModuleNotFoundError: No module named '_socket'が出る	https://qiita.com/que9/items/28a9f7978fd34a620193	asdfpyenvpythonbuild	2022-06-06 20:41:33
python	Pythonタグが付けられた新着投稿 - Qiita	知財データAPI作成（3/n）	https://qiita.com/niship2/items/7a0b29a79965819cb03a	知財	2022-06-06 20:30:41
python	Pythonタグが付けられた新着投稿 - Qiita	テンキーで操作するラズパイラジオ	https://qiita.com/kobbeko/items/0ce5488209850704c3a3	https	2022-06-06 20:23:36
python	Pythonタグが付けられた新着投稿 - Qiita	[AWS Lambda] Pythonで外部モジュール(Pillow)を使う	https://qiita.com/Bashi50/items/1f72a93dbde23de55dda	awslambda	2022-06-06 20:05:11
AWS	AWSタグが付けられた新着投稿 - Qiita	[AWS Lambda] Pythonで外部モジュール(Pillow)を使う	https://qiita.com/Bashi50/items/1f72a93dbde23de55dda	awslambda	2022-06-06 20:05:11
海外TECH	Ars Technica	Gut check: Fossil finds give us a history of life—and what it ate	https://arstechnica.com/?p=1846093	ecosystems	2022-06-06 11:12:00
海外TECH	DEV Community	How to make a slick CSS animation from Upload (TV series title sequence)	https://dev.to/robole/how-to-make-a-slick-css-animation-from-upload-tv-series-title-sequence-2h8f	How to make a slick CSS animation from Upload TV series title sequence This time I will tackle a title sequence from Upload Upload is an American science fiction comedy drama television series created by Greg Daniels The story takes place in when humans can upload themselves into a virtual afterlife of their choosing When a programmer Nathan Brown dies prematurely he is uploaded to the luxury Lakeview facility but then finds himself under the thumb of his possessive still living girlfriend Ingrid who has paid for him to be there It is quite a funny series and is geek adjacent It is worth checking out The title sequenceBelow is a clip of the title sequence from episode of season which we will be making The title sequence mimicks an upload progress bar slowly revealing the name of the TV series as it goes The text is transparent and underneath it shows an image which is the first frame of the opening scene People usually refer to this as knockout text that is text that appears cut out such that you can see a background behind it Just before the name is fully revealed it glitches and then flies past the viewer to reveal the opening scene TLDRHere is the codepen with the final result Give it a ️on Codepen if you like it Design considerationsAfter searching a bit I found that Paytone One was a good match for the font of the title text It is available on Google Fonts The central part of the animation is the knockout text There are a number of ways you can achieve this effect and it would be great to do it in CSS entirely but there are some catches The knockout text moves towards the viewer while the background remains static This rules out techniques that apply the background image to the actual text such as using webkit background clip text The glitch effect has colourful elements between the background image and the text In order to do this in the least complex manner it is preferable to have the background image as a separate element to the knockout text and be able to place whatever we want between them We could use a clipPath that contains a duplicate of our text element and apply it to the glitch elements This ensures that there will be no overflow However we may need to apply the animation that moves the text towards the viewer to the clipPath to keep things in sync even though the glitch is quite brief milliseconds or so It would be more performant if we don t move the glitching elements at all and just animate their appearance With this in mind I think it would be easier to bake in the knockout text inside a vector graphics editor I can turn the text element into a SVG path and combine it with a black rectangle to create a single path Here is a visual overview of what we want to create This is a cross section of the elements that we will create from back to front left to right Making the SVGWe will create the SVG by hand initially We want a landscape SVG so we can create this with a viewBox that specifies the width as units and height as units We want a black rectangle that will fill the entire canvas so we give it a width of and height of We will add a text element and position it towards the center of the canvas so we can see it We specify our font via the font family attribute We will pick a big font size to begin with to see how it looks and give it a fill of white so that we can see it against the black rectangle lt svg viewBox gt lt rect x y fill black width height gt lt rect gt lt text x y font family Paytone One font size px fill white gt UPLOAD lt text gt lt svg gt Now we can open this up in Inkscape or your favourite vector graphics editor If you are using Inkscape I recommend installing the SVGO plugin for Inkscape This will enable you to optimize the markup when you save the file I will guide you through creating the SVG in Inkscape First thing that I check is the document properties On the menu go to File then Document Properties It opens up the following tab It appears the canvas dimensions are a bit small it is px by px Let s change that to px by px to match our viewBox Now let s look to size and align the text now First we can try some bigger font sizes by clicking on the text tool press the letter T to activate it Let s double the size to px Now let s open the Align and Distribute tab so we can center our text On the menu click on Object then select Align and Distribute It opens this tab Click on the UPLOAD text element We want to align our text element relative to the page and center on both axes Check it that Page is selected in the dropdown boxIn the Align section click the Align on vertical axis button This is the third button on the first row as circled in green in the screenshot below Now click the Align on horizontal button This is the third button on the second row as circled in green in the screenshot below And this is the result The letter spacing is a bit tighter in the title so lets adjust our text to match it I tried some values and minus was the sweet spot as below As the text is a bit narrower now lets center it again Repeat as I described previously Stroked textWe want to duplicate the text element to use as it the stroked outline So we can see what we are doing create a rectangle off to the side of the canvas and fill it in red Now select and copy the text element and paste it on top of the red rectangle Now select the duplicate and let s style it Go the to menu click on Object then select Fill and Stroke to open the Fill and Stroke tab Now select clear the fill We select the red X on the Fill sub tab Next go to the Stroke paint tab and pick white Finally move to the Stroke style sub tab and select px as the stroke width Knocking out the textWe want to convert our elements to paths in order to integrate them as a single path element Select the black rectangle and white text element On the main menu click on Path and select Object to Path Now the recentangle is a path and the text element has become a group with path elements one path for each letter Our next move does not work if the letters are inside a group Select the group and right click select Ungroup from the context menu Now select the rectangle path and the letter paths It should look like this Notice the separate dashed lines around each path We can now combine all the paths in the way we want On the main menu click on Path then select Exclusion Now the text has been knocked out of the rectangle To prove it worked you can drag it over the red rectangle to see how it is a single object with the negative space in place of the text Combining and aligningThe last bit is to position the stroked text text element exactly on top of the knocked out text You can see how this looks below Instead of the red rectangle we will be able to have an image underneath that will peer through the negative space Now you can delete the red rectangle The elements required for revealing the textI will do this bit by hand This what the SVG looks like so far lt svg viewBox gt lt path d m vhv zm c s c zm hvc v hvc s c zm hc h vh zm hvhvh zm hl h l h l h zm hc h zm hzm vc s c zm c s c zm vhc z gt lt text x y fill none font family Paytone One font size px letter spacing px stroke ffffff stroke width gt UPLOAD lt text gt lt svg gt Later we will be manipulating the path and text together so lets group them for convenience I will wrap them in a g element and give it an id of title We will add a black rectangle to cover everything and animate this later to reveal the text Let s call this our reveal rectangle It will have the same dimensions as the canvas lt rect id reveal x y width height gt lt rect gt We create a second small rectangle for the white beam that tracks the progress for the revealing of the title We wil make it thin a width of and the height can be the same height as the canvas We give it a x coordinate of minus and a y coordinate of zero This is so it to the left of the reveal rectangle We will give it a fill of white for now we can tweak this later to look a bit better lt rect id beam x y width height fill white gt lt rect gt We will position the beam rectangle underneath before our title group Putting it all together the SVG looks like this lt svg viewBox gt lt rect id beam x y width height gt lt rect gt lt g id title gt lt path d m vhv zm c s c zm hvc v hvc s c zm hc h vh zm hvhvh zm hl h l h l h zm hc h zm hzm vc s c zm c s c zm vhc z gt lt text x y fill none font family Paytone One font size px letter spacing px stroke ffffff stroke width gt UPLOAD lt text gt lt g gt lt rect id reveal x y width height fill white gt lt rect gt lt svg gt At this stage I prefer to try out animating what I have I get a bit impatient to get going You can continue on and create the glitch elements if you prefer Glitch elementsFrom the outset a glitch effect can seem complicated but it can be quite simple In this case the glitch effect happens very quickly so it can be quite rudimentary and rough The best starting point for us is to grab a screenshot from the actual title sequence Below you can see the glitch is just some coloured rectangles positioned randomly in bands We can just replicate this Open the SVG from the last step and move the reveal rectangle to the side Let s just draw the colored rectangles similar to the reference above This is what I did Select the coloured rectangles you made and group them together Now place this group underneath the title group Next we want to turn this group into a symbol so that we can reuse it in multiple places You can do this inside Inkscape but I find it a bit awkard I find it easiest to do is to open the SVG source and make the edits myself Later we will experiment with using multiple instances of the glitch we will shift these instances around quickly to give the impression of shifting pixels We will add instances for now slightly offset from each other and see how we will get on with it later We create a defs and we wrap our rectangles inside a symbol which we place inside lt defs gt lt symbol id glitch gt lt rect x y width height fill dbf fill opacity stroke width gt lt rect x y width height fill d fill opacity stroke width gt lt and so on gt lt symbol gt lt defs gt Then directly underneath before the beam rectangle we add use instances lt use class glitches href glitch x y gt lt use gt lt use class glitches href glitch x y gt lt use gt lt use class glitches href glitch gt lt use gt When we get into this territory with manual editing Inkscape no longer can show our SVG I opened it in Firefox to see how it looks To complete the SVG for now we restore the reveal rectangle to its initial position We also add opacity to all use instances to hide them until we will animate them You can view the SVG to see the markup Complete SVG lt svg viewBox gt lt defs gt lt symbol id glitch gt lt rect x y width height fill dbf fill opacity stroke width gt lt rect x y width height fill d fill opacity stroke width gt lt rect x y width height fill ee fill opacity stroke width gt lt rect x y width height fill cadd fill opacity stroke width gt lt rect x y width height fill cadd fill opacity stroke width gt lt rect x y width height fill a fill opacity stroke width gt lt rect x y width height fill fd fill opacity gt lt rect x y width height fill fill opacity stroke width gt lt rect x y width height fill daf fill opacity stroke width gt lt rect x y width height fill fill opacity stroke width gt lt rect x y width height fill f fill opacity stroke width gt lt rect x y width height fill fill opacity stroke width gt lt rect x y width height fill fill opacity stroke width gt lt rect x y width height fill cc fill opacity stroke width gt lt rect x y width height fill a fill opacity stroke width gt lt symbol gt lt defs gt lt use class glitches href glitch x y opacity gt lt use gt lt use class glitches href glitch x y opacity gt lt use gt lt use class glitches href glitch opacity gt lt use gt lt rect id beam x width height fill white gt lt g id title gt lt path d m vhv zm c s c zm hvc v hvc s c zm hc h vh zm hvhvh zm hl h l h l h zm hc h zm hzm vc s c zm c s c zm vhc z gt lt text x y fill none font family Paytone One font size px letter spacing px stroke ffffff stroke width gt UPLOAD lt text gt lt g gt lt rect id reveal x y width height gt lt svg gt That is the hard part done My methods are probably a bit unorthodox here so don t worry if some of it seems a bit strange All editors have their limitations when converting drawn graphics to SVG elements editors can output some gnarly markup I don t know if you should follow my habits ideally you would do all of the drawing and arranging in the graphics editor We may need to make some tweaks later when we animate it I suspect that I may need to convert the text element to a path as this can be a pain point in some browsers Let s get stuck in Basic HTML and CSSBefore we get to the animation we need to write our HTML and add some basic styles The HTMLWe wrap the SVG we made in a container div It is this div that we will add our background image to lt div class container gt lt svg viewbox gt lt more stuff here gt lt svg gt lt div gt The CSSWe add some dimensions to our container and center it with margin auto We add the background image to the container and have it cover it completely We want our SVG to span the full width of the container as an overlay body margin container width max width px margin auto background image url background position center background repeat no repeat background size cover svg width Load the font somewhereYou can load the font by Adding the resources to the head to load it from Google Fonts locally Adding import statement to the CSS file Declare it as a font face rule I prefer to bypass Google Fonts so I load it locally And I choose option when I do this as my own local experiment Font loading strategies is a meaty topic of its own that I will not get into now The key takeaway is to have the browser load the font quickly we don t want the browser to swap out the fonts in an ugly way Animation timeI wil break the animation into parts Bringing the title towards the viewer that culminates in the title moving beyond the viewer leaving the picture revealed underneathThe slow reveal of the title in a chugging fashion that mimicks an uploading barThe leading beam that tracks the reveal of the titleThe glitch effect Part Bringing the title towards the viewerIt is generally a good idea to start with this part of the animation because it can impact the rest of the animation the most Performing transformations on text has its pitfalls You can achieve the same effect with transform scale or transform translateZ I find the results are generally better with scale Chrome is particularly fussy when you do transformations on text One reason for this is that Chrome treats D transformed elements as textures instead of vectors in order to provide hardware D acceleration This can make text appear blurry when you move it around in dimensions I have done it both ways below so you can see the results side by side I tested them and they both look the same in Firefox However I found that the translateZ version behaves in a peciular way on Chrome especially on mobile With translateZ You can find the right value to supply to perspective to give the right viewing distance For the majority of the time we are slowly moving the title positively along the Z axis towards the viewer We want it to move very fast at the end so we pick a big value for translateZ so it whizzes beyond the viewer keyframes grow from transform perspective px translateZ transform perspective px translateZ px to transform perspective px translateZ px This is it This is what it looks on Chrome Linux and Android ‍ I did try some variations out by using transform style and perspective but it looked the same regardless With scale Similiar to the previous example we are slowly increasing the size of the text for the majority of the time until For the final we want to provide a big value to scale so that it outgrows the screen We also set the opacity to zero because we need to make it disappear Otherwise we get stuck in the blackness of the center of the letter O Also I added translateX to the final transformation to move it to the right as it grows expotentialy to match the original keyframes grow transform scale opacity to opacity transform translateX px scale This is it I m still not totally happy with how it looks in Chrome there is a slight bit of jank it appears that the text is vibrating I can convert the text element to a group of path elements and see if it will improve it This is what it becomes lt g id stroked text fill none stroke fff stroke width aria label UPLOAD gt lt path d m q v hvq t q v hvq z gt lt path d m hq h vh zm q t q h vq z gt lt path d m hvhvh z gt lt path d m q t q t zm q t z gt lt path d m hl h l h l h zm z gt lt path d m hq h zm q h vz gt lt g gt Notice that we have an aria label so that the text is still accessible And it appears to be smoother We will use this version Part The slow reveal of the titleThe reveal animation requires moving our rectangle which has the id of reveal across the SVG canvas in chugging way It reveals the beginning of the word quickly but stops approxmiately one third of the way in over the letter P and slowly moves across the letter This behaviour repeats twice It jumps quickly to two thirds of the way in over the letter O and slowly reveals the final part of the letter Lastly this repeats for the final letter D We will use a translateX transformation with positive values There is no secret sauce here we just got to experiment to find the right input values for the animation I find percentages are easiest to work with Roughly are good starting inputs to translateX for the slow movement sections For the distance covered for the slow movement let s say it moves more The jump to these points is very quick so in terms of time we want a small amount dedicated to the intervening jumps let s start with The first cut would be something like this for the first jumps From to of the timeline move right in total From to of the timeline move right in total From to of the timeline move right in total From to of the timeline move right in total Then it is a matter of tweaking these values until you are happy Here are the magic numbers reveal animation duration s animation fill mode forwards animation iteration count animation name reveal keyframes reveal transform translateX transform translateX transform translateX transform translateX transform translateX transform translateX to transform translateX And here we are Part The leading beam that tracks the reveal of the titleSince the movement of the beam follow the reveal rectangle I just copied the upload keyframes and renamed it to follow reveal The only thing that requires a change is the initial jumping phase I wanted the beam to be invisible So I added scale to the transformation to shrink it to nothing and then scale to restore it to regular size when it should be seen We can get away without hiding the beam in the subsequent jumps since it happens so quickly beam animation duration s animation fill mode forwards animation iteration count animation name follow reveal keyframes follow reveal transform scale translateX transform scale translateX transform scale translateX transform translateX transform translateX transform translateX transform translateX to transform translateX This is a case where I went back to tweak the SVG to give the beam a more transulent blurry appearance I open up an earlier version of the SVG that Inkscape would display and change the fill Instead of a solid white I give it a right to left linear gradient with white and grey Then I added a blur filter via the menu Filters gt Blurs gt Blur Hopefully this will not have no negative impact on the animation speed adding blur to anything makes me nervous Here is a video showing a side by side comparison the tweaked version is on the left and the original version is on the right Try pausing it at a couple of junctures to see the difference It looks marginally better IMHO Part The glitchingTaking another glance at the reference shot of the glitch you will notice that the background image is actually desaturated in this moment also This is a step affair Since our glitch happens seconds into the sequence we will need to delay it Let s add a CSS variable for this as we will need to use this value in a couple of places I tried some values out with the grayscale and saturate CSS filter functions and found grayscale to look the best We will have it happen milliseconds before our colourful boxes step root glitch delay s container other styles from before animation delay calc var glitch delay s animation duration s animation name darken bg keyframes darken bg filter grayscale For showing our colourful boxes with the class glitches we will stagger them animating We will give them each a different animation delay to achieve this For the animation we will move them around a bit mostly down and play with the opacity so it appears subtly What I found is that it looks best to appear at opacity in the beginning and then move it across and down then fade it out completely glitches animation duration s animation name glitch glitches nth of type animation delay var glitch delay glitches nth of type animation delay calc var glitch delay s glitches nth of type animation delay calc var glitch delay s keyframes glitch opacity transform translate px transform translate px opacity It turned out to be too subtle I added more instances of the glitch symbol to bring the total to instances I tried out different positions and found it to be a stronger showing overall lt svg gt lt other stuff gt lt use class glitches href glitch x y opacity gt lt use gt lt use class glitches href glitch x y opacity gt lt use gt lt use class glitches href glitch x y opacity gt lt use gt lt use class glitches href glitch opacity gt lt use gt lt use class glitches href glitch x y opacity gt lt use gt lt svg gt You can see the final outcome in the completed animation Completed animation Source codeThe source code is available in this github repo I will create more title sequences soon and add them to the repo also Also you can check them all out in this codepen collection Wrapping upIf you made this far I salute you	2022-06-06 11:22:05
海外TECH	DEV Community	VirtualenvWrapper & Python Virtual Environments	https://dev.to/jkariukidev/virtualenvwrapper-python-virtual-environments-3fj7	VirtualenvWrapper amp Python Virtual Environments What is VirtualenvwrapperIt is a library containing extensions that support management of Python virtual environments and the workflow of development using these environments Virtualenvwrapper enables Python developers manage multiple virtual environments create copy and delete these environments among other functionalities illustrated here Python Virtual EnvironmentsThere are many third party Python libraries that are used by developers to achieve tasks and improve functionality of their software Third party libraries are simply code written by someone else rather than you and has probably been published to address a given problem and while developing you may require to leverage the functionality of that library Also these libraries are not part of the Python s Standard Library Therefore anyone who writes more than just a few lines of code or single script will more often than not find themselves making use of one or more of these libraries Installing VirtualenvwrapperVirtualenvwrapper can be installed in some few steps that are illustrated in this section The first step is to ensure that you have Python installed in your machine If not refer to these posts Installing Python on Linux Installing Python on WindowsAlso you require to have pip the Python s package index installed and likewise if you do not have it refer to this post Managing Python virtual environments LinuxThe official documentation recommends that virtualenvwrapper be installed in the same global site packages as the virtualenv Log into your Linux machine and on the terminal install Virtualenvrapper using pip pip install virtualenvwrapperTo install it for your user only use the following command with user statement to tell pip to install it for current user only pip install user virtualenvwrapperTo confirm successful installation one can use the whereis command to search the location of the virtualenvwrapper executable shell script that is usually installed with the library whereis virtualenvwrapper shwhich should print out the location of virtualenvwrapper as shown below For the local user installation with the additional user command the output will appear as shown below To execute run virtualenvwrapper run the shell script that has been shown in the search source usr local bin virtualenvwrapper shand depending on your installation the following error message may appear which simply complains that it cannot get the value for the VIRTUALENVWRAPPER PYTHON variable and therefore as a quick fix we have to set this in the terminal Check Python path using which pythonand copy the output of the above command as the value as shown belowVIRTUALENVWRAPPER PYTHON usr bin pythonhen re run the source commandsource usr local bin virtualenvwrapper shwhich creates the virtual environment management command scripts as shown below Note that your path may be different The virtualenvwrapper has successfully been set up for use WindowsThere is a different library for virtualenvwrapper called virtualenvwrapper win Assuming that you already have installed Python in Windows proceed with opening the Windows terminal or command prompt and install the package using pip pip install virtualenvwrapper winAfter installing one can confirm installation using the pip list command which in this case shows the library package and its dependencies that have been installed The virtualenvwrapper win package has been successfully installed Common virtualenvwrapper commandsworkon Activate deactivate and switch between multiple virtual environments mkvirtualenv Create a new virtual environment mktmpenv Create a temporary virtual environment rmvirtualenv Remove an existing virtual environmentmkproject Project directory management command for creating a new virtual environment in the preset PROJECT HOME directory rmproject Remove existing project lsvirtualenv List all the environments deactivate Deactivate an active virtual environment and switch back to global system based Python Add Virtualenvwrapper to Startup LinuxAfter installing virtualenvwrapper successfully via pip if you try executing any of the commands directly from the CommandPrompt or Powershell you will get an error To enable virtualenvwrapper to work on startup a number a environment variables should be added either to the bashrc or profile scripts in the home directory of the user This is because when system is started or rebooted the OS begins with these VIRTUALENVWRAPPER PYTHON Overrides the PATH search by setting the variable to the full path of the Python interpreter to use In this specific case we ll set it to usr bin pythonWORKON HOME optional This directs virtualenvwrapper on where to place the virtual environments which will be created If not set it defaults to local share virtualenvs PROJECT HOME This directs virtualenvwrapper on where to place the project working directories Note that this folder must be existing otherwise an error will be thrown You can use your preferred editor to append the environment variables to the end of either bashrc or profile file This is how the configuration done in bashrc file appears in vim editor yours may be different After appending run the script otherwise you may have to re log in or reboot to pick up the new variables which can be quite a hassle on time source bashrcAnd any of the virtualenvwrapper commands can now be executed in the terminal An illustration is shown below Note the brackets on the terminal prompt which indicates that we are in an active Python virtual environment Now one can proceed with installing packages and developing their software or app WindowsAfter installing virtualenvwrapper win successfully via pip if you try executing any of the commands directly from the CommandPrompt or Powershell you will get an error PowerShellCommandPromptTherefore we should add the Python package scripts folder onto the Windows environment variables of the current user The path to the scripts is usually located at C Users lt USERNAME gt AppData Roaming Python Python Scripts in the case of Python Use the following command to add the location to PATH Remember to replace jkariukidev below with your user setx PATH PATH C Users jkariukidev AppData Roaming Python Python Scripts Restart Command Prompt or PowerShell and try to create a new virtual environment using mkvirtualenv command as illustrated below ReferencesPython Virtual Environments Python DocumentationVirtualenvwrapper Python Package Index CheeseshopVirtualenvwrapper win Python Package Index CheeseshopLinux Environment variables Ubuntu DocumentationWindows Environment Variables Microsoft Documentation	2022-06-06 11:10:48
海外TECH	DEV Community	Docker series (Part 3): Running 3 different containers with 3 different images in Docker	https://dev.to/mitul3737/running-3-different-containers-with-3-different-images-in-docker-312l	Docker series Part Running different containers with different images in DockerLet s run a container of mysql image which has been detached and also has a name db and a variable set to it Here we have told the environment variable to set a root passwordLet s check itdocker container logs dbdb is the name we gave to this containerNow you can see the ROOT PASSWORD You may ask what is this root password Then check the first image again to find the environment variable We asked it to create a root password for us using value yes to permit it done Let s create another container using image httpdsetting the name of the container as webserver and port to NOw let s writedocker psto see the running containers an old command nd one done Let s create the rd oneThis time we will create a container using nginx imageWWe have set the container name to proxy and also port to Let s see the total listIt is better to rundocker container lsNow lets see the localhostcurl localhostfor port which means nginx container Now check the localhost for httpd container which had port with it curl localhost you can see that they are working Now lets stop them and then remove themWE just used few letters of the container ID while stopping them Now lets check if they exist or notSO now we will remove them using their container id s againSo done faqs I ran docker container run p nginx and my command line is gone and everything looks frozen Why Answer You didn t specify the d flag to detach it in the background and there aren t any logs coming across the screen because you haven t connected to the published port yet so Nginx has nothing to log about	2022-06-06 11:10:41
海外TECH	DEV Community	Run Laravel on Different Port	https://dev.to/krixnaas/run-laravel-on-different-port-58ab	different	2022-06-06 11:04:02
Apple	AppleInsider - Frontpage News	Daily deals June 6: $900 12.9-inch iPad Pro, $197 AirPods Pro, $520 off Radeon RX 6800 XT GPU, more	https://appleinsider.com/articles/22/06/06/daily-deals-june-6-900-129-inch-ipad-pro-197-airpods-pro-520-off-radeon-rx-6800-xt-gpu-more?utm_medium=rss	Daily deals June inch iPad Pro AirPods Pro off Radeon RX XT GPU moreMonday s best deals include an MagSafe Battery Pack a Anycubic D printer and much more Best deals for June Each day AppleInsider checks online stores to uncover discounts and offers on Apple devices hardware accessories smart TVs and other items The best savings are compiled into our daily deals post Read more	2022-06-06 11:59:46
Apple	AppleInsider - Frontpage News	Apple Store down ahead of WWDC keynote	https://appleinsider.com/articles/22/06/06/apple-store-down-ahead-of-wwdc-keynote?utm_medium=rss	Apple Store down ahead of WWDC keynoteApple has taken down the Apple Store as the company makes updates to its website ahead of the WWDC keynote A customary tradition of major Apple events the online Apple Store is not accessible to the public as of Monday morning In such cases the store will remain offline until after the day s major event has concluded In a change to the norm Apple hasn t put its usual logo animation in place of its store and instead offers a WWDC graphic declaring there is developing news The image also tells visitors to check back after the event and to watch the keynote via the Apple website and the Apple TV app Read more	2022-06-06 11:29:53
海外TECH	Engadget	The Morning After: NASA gears up for another Artemis test	https://www.engadget.com/the-morning-after-nas-as-gearing-up-for-another-artemis-test-111519836.html?src=rss	The Morning After NASA gears up for another Artemis testThere s plenty riding on NASA s next generation Space Launch System the modern day rocket that will carry the Artemis missions But after delaying its most recent test to make urgent repairs to the fuel system the SLS is once again ready for another milestone Today the craft is on its way over to Launch Pad B to prepare for its “wet dress rehearsal so they fuel it even if they have no intention of launching later this month That test will take the rocket all the way to the countdown procedure while fully fuelled giving engineers plenty of new data ahead of a planned real world launch If that all goes to plan we could be a few months away from sending an uncrewed vehicle into orbit around the Moon Give it a couple more years and we ll hopefully send a crew beyond Earth s gravity for the first time since ーDan CooperThe biggest stories you might have missed I Am Groot heads to Disney on August thBored Ape Yacht Club Discord compromised in NFT phishing attackFTC says victims of crypto scams have lost more than billion since Diablo Immortal is unplayable on some Samsung phones with Exynos chipsetsThis is not an out of season April Fools joke Blizzard NetEaseThe Diablo Immortal reviews all said pretty much the same thing There s a good game hidden beneath all of that loot box crud Unfortunately if you were using a Samsung phone with one of the company s own Exynos chipsets the game feels a lot more broken than that It appears as if the title isn t working well with that silicon making the title almost unplayable A Blizzard spokesperson said the company is exploring the problem and may block downloads of the title to some affected phones while they scramble for a fix Continue Reading NASA probably won t need Russia to send more astronauts to the ISSNow SpaceX is its best friend for now NASANASA has purchased an extra raft of crewed missions from SpaceX to ensure the International Space Station retains its full personnel complement until The five trips are enough to provide an “uninterrupted US presence on the station until its planned retirement date Not only will it help give NASA options during its launch program it ll also cover any gaps made by Boeing s yet to be certified Starliner vehicle which isn t due to fly until next year If nothing else that s some egg on the face of the aerospace giant which has lost ground to its upstart rival in the spaceflight world for some time now Continue Reading Apple s MacBook Air reportedly won t come in a selection of iMac like colorsNo Orange MacBook Air for you It s the week of Apple s big developer event which means we re likely to get a whole host of new hardware and software announcements as part of the main show But if you were hoping the next generation MacBook Air would have the same bunch of color options as the new iMac prepare for disappointment Those in the know claim an updated M MacBook Air will only sell in four hues space gray silver blue and gold That said it s hard to know what the company will announce given the factory closures caused by China s fresh round of COVID lockdowns Continue Reading China s Shenzhou mission arrives at Tiangong space station for final constructionThe country s homegrown space station is getting a big push toward completion Astronauts aboard China s Shenzhou mission have successfully arrived on the nation s Tiangong space station The crew of three will spend the next six months on the station to make a significant stride toward completing its setup Next month the country will launch a lab module to expand the station s footprint with a second unit going up in October and astronauts will conduct several EVAs to get everything connected and ready If successful the nation expects Tiangong to be fully operational by the end of the year Continue Reading Automotive giant Stellantis pleads guilty to diesel emissions fraudIt paid a million fine Stellantis parent company of Fiat Chrysler and PSA Group has pleaded guilty to charges of criminal conspiracy after covering the extent of its diesel emissions The automotive giant was accused of violating the Clean Air Act misleading regulators around tailpipe emissions and installing defeat devices to cheat government tests As part of the settlement the company must submit compliance reports to the Justice Department for three years Meanwhile three of its employees are awaiting criminal charges Given the outsize impact that tailpipe emissions have both on people s health and the climate and that the company s net profit was reportedly nearly billion in the penalty seems like something of a bargain Continue Reading	2022-06-06 11:15:19
海外TECH	CodeProject Latest Articles	Kotlin DSL: From Theory to Practice	https://www.codeproject.com/Articles/1222492/Kotlin-DSL-From-Theory-to-Practice	building	2022-06-06 11:03:00
ニュース	BBC News - Home	Cancelled flights fuel summer holiday fears	https://www.bbc.co.uk/news/business-61704432?at_medium=RSS&at_campaign=KARANGA	anxious	2022-06-06 11:32:00
ニュース	BBC News - Home	The workers getting 100% pay for 80% of the hours	https://www.bbc.co.uk/news/business-61570021?at_medium=RSS&at_campaign=KARANGA	week	2022-06-06 11:42:15
ニュース	BBC News - Home	Ryanair Afrikaans test: South African fury over language quiz	https://www.bbc.co.uk/news/world-africa-61703174?at_medium=RSS&at_campaign=KARANGA	afrikaans	2022-06-06 11:41:39
ニュース	BBC News - Home	Tube strike signals end of party for Londoners	https://www.bbc.co.uk/news/uk-england-london-61706223?at_medium=RSS&at_campaign=KARANGA	londonersmonday	2022-06-06 11:37:22
ニュース	BBC News - Home	Ballot win Boris Johnson doesn't mean political escape	https://www.bbc.co.uk/news/uk-politics-61707571?at_medium=RSS&at_campaign=KARANGA	chris	2022-06-06 11:40:39
ニュース	BBC News - Home	No confidence vote: How many votes does Boris Johnson need?	https://www.bbc.co.uk/news/uk-politics-45953182?at_medium=RSS&at_campaign=KARANGA	conservative	2022-06-06 11:15:56
ビジネス	ダイヤモンド・オンライン - 新着記事	ジョイフル本田(3191)、株主優待を変更！ 選択式の 優待品が従来の2つから｢自社商品券・茨城県産の米・ 茨城県特産品のカタログギフト・寄付｣の4つに変更！ - 株主優待【新設・変更・廃止】最新ニュース	https://diamond.jp/articles/-/304392	ジョイフル本田、株主優待を変更選択式の優待品が従来のつから「自社商品券・茨城県産の米・茨城県特産品のカタログギフト・寄付」のつに変更株主優待【新設・変更・廃止】最新ニュースジョイフル本田が株主優待を一部変更することを、年月日の時に発表した。	2022-06-06 20:30:00
IT	週刊アスキー	WWDCを前にオンラインのApple Storeがアップデート中に	https://weekly.ascii.jp/elem/000/004/093/4093863/	applestore	2022-06-06 20:55:00