投稿時間:2022-06-20 22:12:46 RSSフィード2022-06-20 22:00 分まとめ(15件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] 既存小型船をR2-D2のように自動操縦　船舶ドローン化ユニットをベンチャーが開発	https://www.itmedia.co.jp/news/articles/2206/20/news190.html	itmedia	2022-06-20 21:17:00
js	JavaScriptタグが付けられた新着投稿 - Qiita	実験的なJavascriptの仕様であるECMAScript throw expressionsを利用してみた　ESLintの設定も	https://qiita.com/yuta-katayama-23/items/20d2eb59c33c78147f2d	ecmascript	2022-06-20 21:11:27
Docker	dockerタグが付けられた新着投稿 - Qiita	今日のdocker 作業	https://qiita.com/kaizen_nagoya/items/e4bb38dfb669acbecfde	docker	2022-06-20 21:55:03
海外TECH	MakeUseOf	The 7 Best Gaming Chairs for PC Gaming	https://www.makeuseof.com/tag/best-cheap-computer-chairs/	start	2022-06-20 12:05:53
海外TECH	DEV Community	Make your life as frontend developer easier	https://dev.to/luciacenetiempo/make-your-life-as-frontend-developer-easier-46op	Make your life as frontend developer easier List of JS snippets useful on a daily basis One liner snippets here is a list of my favorite javascript snippet most of them are one line code but solve a lot of tasks Javascript Copy text to clipboardIf you work on an e commerce website sooner or later you need to create a copy promo code component It could be a popup a push notification or a simple text on your website With this one line of code you rocket it const copyToClipboard text gt navigator clipboard writeText text usage exampledocument addEventListener selectionchange gt copyToClipboard window getSelection toString Pay attention my usage example could be dangerous for performance Use the function with a specific event and not for a recursive one Javascript Is focusedIn a complex application or website it can be helpful to know if an element is in focus For example you may want to know if your login popup is active and in focus to perform some actions on it Here s an easy way to do it const isOnFocus el gt el document activeElement usage exampleisOnFocus document querySelector popup Javascript Scroll an element into viewDo you need to create a smooth anchor for your website You can use this one line function to put your element smoothly on top const scrollToTop el gt el scrollIntoView behavior smooth block start usage examplescrollToTop document querySelector mySection In the same way but changing only the block you can anchor your element to the bottom const scrollToBottom el gt el scrollIntoView behavior smooth block end usage examplescrollToBottom document querySelector mySection Javascript Detect device typeDo you want to know if your user is browsing your website from a mobile or desktop device Check the navigator agent in this way const detectDevice gt Android webOS iPhone iPod BlackBerry IEMobile Opera Mini i test navigator userAgent Mobile Desktop usage exampledetectDevice Javascript Detect dark modeCheck if the user s preferred color scheme is in dark mode to offer them the perfect version of your website for them with this one line feature const isDarkMode gt window matchMedia amp amp window matchMedia prefers color scheme dark matches usage exampleisDarkMode Do you want to create a dark mode for your site look at this repository where I create a dark mode toggle with very few lines of code link but first you might need to know if the user Star these snippets on github to keep them handy What are the snippets you use every day in your work Share them with me below REMEMBER Sharing is caring	2022-06-20 12:45:47
海外TECH	DEV Community	Introducing Cryptocademy: A real time virtual crypto trading simulator	https://dev.to/narottam04/introducing-cryptocademy-a-real-time-crypto-trading-simulator-15ca	Introducing Cryptocademy A real time virtual crypto trading simulatorIn this article I will share my experience building my first solo big project that I ve been working on for the past few months My goal in creating this project was to improve my web development skills and to add something meaningful to my portfolio It would be greatly appreciated if you could try it out and let me know what you think of it You can comment or you can email me at webdripdev gmail com Cryptocademy app doesn t involve any real money and it is for educational purpose Introducing CryptocademyThe Cryptocademy app is the perfect way to learn about cryptocurrency without any risk With the cryptocademy virtual trading simulator you can trade and invest in crypto without spending any real money Plus detailed candlestick charts and USD converter will help track prices and trends And if you want to compete with others global leaderboard will let you see how you stack up Plus cryptocademy has curated resources to help you learn about cryptocurrency and blockchain from scratch And to keep you up to date cryptocademy sends daily cryptocurrency news right to the app Check out this short video to learn more about cryptocademy Link to the app Cryptocademy is a cross platform application so you can test it on your web browser or download it from play store only mb Website Android App What problem it is trying to solve Let s look at some of the problems this cross platform app is trying to solve Risk of losing real money It is difficult to predict whether the price of tens of thousands of coins will increase or decrease at a particular time or over a period of time since many of these coins are new and unstable on the market If people want to experiment or learn how to trade coins by investing real money Taking this route is risky because the chances of losing well earned money are high Also crypto is in winter right now Here is a look at my portfolio It s a good thing I purchased the coins virtually using cryptocademy because I would ve had an emotional breakdown What is cryptocurrency The technology behind cryptocurrency is not well known by most people They are unaware of the fundamentals Investing in something you don t understand the problem it is trying to solve can be risky Similar AppsNumerous apps are available that attempt to solve this issue Several of these apps provide limited coins while others lack real market prices The majority of these apps do not have curated resources search coins and much more features that cryptocademy provides Talk is cheap show me A overview of all the features of cryptocademy Discover the future of digital finance Real time risk free trading simulator that allows you to master crypto trading at zero cost Buy from over k coins using virtual usd and start your trading journey Analysis of coinsSee detailed cryptocurrency price change candlestick charts USD converter social media trends and followers of over k coins Keep track of your virtual portfolio You decide how to utilize mock virutal USD Buy sell trade and profit Learn how to become a savvy investor with cryptocademy Compete GloballyDo you have what it takes to be a better investor compete globally with other users and become a better investor Search CoinsThe majority of the apps I tried did not offer this capability You may search for and learn about any coin on Cryptocademy Coin prices and details are provided by coingecko api Daily Top Cryptocurrencies NewsGet the latest news on Cryptocurrency and stay up to date on major crypto like Bitcoin Ethereum etc Curated resources to learn fundamentals We curated the best resources we could find on the Internet to learn about cryptocurrencies trading blockchain and web As time progresses there will be more articles and resources available on the app Tech stack React Js FrontendFirebase AuthenticationSupabase Postgres SQL databaseFramer motion AnimationTailwind CSS StylingRedux Toolkit State managementCapacitor In order to convert the Web App to Android app and deploy it to the Play StoreNetlify Hosting Challenges Faced ReduxMany would argue that I could have utilized context API for state management instead of redux I believe redux is one of those libraries where even if you grasp the concept you really need to code to understand it But I think using the redux toolkit was a good choice because it simplified caching results refetching etc Overall I think it was a good experience Authentication amp DatabaseWhen I first started my project I used Firebase authentication and hoped to use the decentralized peer to peer database Gun js but I ran into many unexpected errors I literally wanted to give up while debugging one problem after another I was having a hard time visualizing my data in gun js so I decided I needed a relational database rather than peer to peer When I started working with supabase everything started to click and I was so happy implementing one feature after another I really like the developer experience of supabase and would recommend other to try it out not sponsored I wanted to switch my authentication from firebase to supabase but I didn t want to write any code and logic to do so ChartsI decided to utilise apexchart however the example in the documentation was written in class component and this was the first time I transformed a class component code into a functional component I suppose I need to work more on the candlestick chart and make it more detailed but for now I am pleased with the results ContributingPRs are always welcome If you want to file an issue or add a new feature to this programme I would appreciate any collaboration and effort You can add contribute here  Thanks Hope you like my project Please let me know what do you think about my project	2022-06-20 12:32:28
海外TECH	DEV Community	Obstacles at the end of the tunnel: trying to finish my tutorial plugin	https://dev.to/ingosteinke/obstacles-at-the-end-of-the-tunnel-trying-to-finish-my-tutorial-plugin-3ke8	Obstacles at the end of the tunnel trying to finish my tutorial pluginEver so often I felt I finally see the light at the end of the tunnel of my learning session only to hit the next obstacle But let s sum up what seems to be left to do and sum up my achievements coding a Shopware plugin as a side project so far I have been developing a back end API plugin for Shopware for my former employer back in partially based on trial and error and advice from the helpful community After focusing on front end development when I quit my job to become self employed I started various side projects to deepen my knowledge both as a full stack developer using TypeScript Preact and MongoDB as well as revisiting PHP based back end development to get a proper understanding and prepare for an exam to get certified as an official Shopware developer Having overcome the challenge to install a development platform on localhost things have been going quite well and I followed the greater part of the developer tutorial successfully all the more taken aback by the fact that some of seemingly simple details turned out to be the biggest obstacles Where is the Harmony of Symfony After fixing the relatively easy steps like using translations setting a twig variable to avoid redundant paths and improve readability I came back to some problems that kept bothering me Besides actual bugs some parts of the code are hard to memorize as long as they appear to be in a random order following an inconsistent arbitrary syntax instead of making sense and fitting into the large picture I know that I probably shouldn t say this about back end development as someone who loves to code in CSS but I hope that one day I will see the harmony of Symfony as well Inconsistent Naming Capitalization Plural CasesSometimes the mixture of capitalization and cases helps to memorize where in the project we are currently working The PHP Symfony parts seem to be the most consistent using capitalized first letters singular form and camel case mostly likesrc Storefront Subscriber FooterSubscriber phpwhile the storefront resources get more inconsistent Capitalization ends after the first level of sub directories e g it s src Resources anything below is not capitalized but there is no comprehensive rule when to use singular or plural so we have src Resources snippet vs src Resources views although both directories usually contain more than one file So all of that stays annoyingly inconsistent but at least it s consistent with the original framework s Symfony Shopware that we want to extend And again just like CSS and spoken languages programming languages and frameworks have evolved over time and it takes time and practice to learn how to use them properly Logging an excecption causes an ErrorExceptionThis is a hard one a problem that I already encountered skipped and worked around earlier many months ago Trying to log errors or info messages The common practice would be something like this gt logger gt info Message much like we would use console log message in our front end JavaScript code What a pity that it simply does not work in my custom plugin maybe not even anywhere in my local Shopware installation Worse still this one seems impossible to google Searching for my error message ErrorException Notice Undefined property IngoSFraktalistheme Storefront Subscriber FooterSubscriber logger in various variations either produces results omitting the relevant search terms or else stating that it looks like there aren t many great matches for my search You don t say I already wasted a lot of time and still fail to understand how I seem to be the only person on this planet to run into this kind of problem And it s not the first time either that I thought I really enjoy life long learning but I suspect that this is another example of I closely followed every aspect of a tutorial but my code is not working instead of just getting inspired by tutorials without stopping to use my own brain Keeping a local dev installation up to dateWhich brings me to another issue how to make sure that my local installation is up to date Maybe there are bugs in the framework that have been fixed already Unlikely that s what s causing my current errors but doesn t help to check anyway According to my admin dashboard I am using dev which is always greater and seemingly newer than the latest current stable x release so there must be another way to update hopefully without breaking the working system probably pulling the latest changes from git and rebuilding the framework and that should have been obvious from the docs but obviously it wasn t and I forgot getting so desperate confused and lazy that I have to seek guidance and assistance and ask another question in the community chat Meanwhile I could try my luck with one of the other leftover embarrassments like the system config service not working properly Fix reading Shopware s SystemConfigServiceCan t hurt to make our code so verbose that it starts to look like Java there are occurrences of SystemConfigService in my class file only to look up one setting in my plugin configuration once But that would be fine for me if it would work only it doesn t It s not the first time that I use the logger or the system config service so what is going on here I will probably tell you in the next part of my shameless revelations about feeling clueless learning in public so stay tuned	2022-06-20 12:31:03
海外TECH	DEV Community	My first month as a UI/UX Designer	https://dev.to/advikguptadev/my-first-month-as-a-uiux-designer-1e83	My first month as a UI UX DesignerHey guys So I just started to learn UI UX design this month if you are interested or new to design here s my journey What I have learned so farI started of by learning some of the basics of design and moved straight into learning about sketching This was my first experience with designing drawing sketching and it wasn t bad I never thought I could draw sketch but what I made wasn t half as bad as I thought it was gonna be They are no masterpieces but better than the stickmen I drew in art class Then I moved onto make some user flows This was my first experience using Figma and it was so much fun Figma is like having a superpower you can visualize stuff without having to write any code which is a completely new thing for me Using Figma for the first time was definitely the biggest thing I learned here while making some nice user flows that lead me to Sitemaps which has been the most fun thing so far cause they look really cool and professional and clean Next up I will be working on making wireframes pretty excited for that How am I learning I am learning using a Udemy course by Zero To Mastery Academy I really like the instructor Daniel Schifano and the course is pretty nice overall I would suggest it if you wanna learn design and Figma Complete Web amp Mobile Designer in UI UX Figma by Zero To Mastery Few things I have learnt as a beginner in designDesign unlike other things can be learnt by practice and putting in effort I spent the longest time thinking you have to be naturally creative to be a designer but now I do feel like its a skill you can acquire by working towards it But being naturally creative is a great thing if you wanna become a designer I am learning design cause it interests me and I just wanna make better looking websites my main work will still remain web development If you wanna be a full time designer a little natural creativity wont hurt but definitely that doesn t mean you cannot learn design if you aren t creative naturally Figma is awesome For more progress on my journey head on over toYoutubeTwitterLinkedInInstagramGithub	2022-06-20 12:25:51
海外TECH	DEV Community	Arquitetura Limpa: Camadas e limites	https://dev.to/rubemfsv/arquitetura-limpa-camadas-e-limites-22p9	Arquitetura Limpa Camadas e limitesApós compreender sobre os conceitos chaves da Arquitetura Limpa e alguns conceitos importantes que a rodeiam como SOLID e princípios dos componentes émais fácil de entender sobre a sua divisão em camadas e seus limites Um sistema pode ser definido por três componentes básicos a UI as regras de negócio do banco de dados sendo que em sistemas maiores existem muito mais componentes Para explicar o conceito de camadas e limites seráutilizado o exemplo feito por MARTIN que descreve sobre o jogo da década de chamado Hunt the Wumpus As regras do jogo são irrelevantes para esse exemplo pois o foco serána implementação em si Considerando que éutilizada uma UI baseada em texto faz se necessário desacoplar as regras do jogo para que ele possa ter diferentes idiomas As regras se comunicarão com a UI utilizando uma API independente do idioma e a UI que faráa tradução para o idioma solicitado Dessa forma todos os componentes da UI poderão fazer uso das mesmas regras do jogo Supondo que o estado do jogo émantido em um armazenamento persistente não épreciso que as regras do jogo conheçam os detalhes logo serácriada uma API para fazer a comunicação dessas regras com o componente de armazenamento de dados As regras do jogo também não devem saber sobre os diferentes tipos de armazenamento de dados logo as dependências devem ser direcionadas corretamente seguindo a Regra da Dependência como visto na figura da estrutura básica do jogo fonte MARTIN Após essa breve descrição e baseando se nos conceitos da Arquitetura Limpa imagina se que a arquitetura limpa seria facilmente aplicada nesse exemplo Entretanto não estão claros todos os limites arquiteturais Nesse exemplo o idioma não éo único eixo de mudança da UI pode ser variado também o mecanismo de comunicação como por exemplo uma aplicação de chat uma janela normal ou mensagens de texto Existem inúmeras possibilidades de mudança o que mostra que háum limite arquitetural definido por esses eixos de mudança Portanto faz se necessária a criação de uma API para cruzar esse limite e isolar o idioma do mecanismo de comunicação A figura acima reflete a estrutura do jogo reformulada fonte MARTIN os retângulos pontilhados são as APIs e o retângulo escrito Game Rules contém as regras do jogo O componente das regras do jogo estáposicionado no topo do diagrama pois nele estão as políticas de mais alto nível Essa organização divide o fluxo de dados sendo o lado esquerdo para se comunicar com o usuário e o direito para persistência dos dados Àmedida que os sistemas vão crescendo a estrutura de componentes pode se dividir em diversos fluxos com diferentes hierarquias o que deixa a arquitetura cada vez mais complexa MARTIN conclui esse assunto afirmando que o papel do arquiteto de software éavaliar os custos determinar os limites arquiteturais e quais desses limites devem ser implementados por completo quais devem ser implementados parcialmente e quais devem ser ignorados ConclusãoEsse exemplo simples tem a finalidade de mostrar que existem limites arquiteturais em todos os lugares e que cabe aos arquitetos de software reconhecer as necessidades Épreciso saber também que a implementação desses limites éalgo caro porém ao mesmo tempo se não implementados no início do desenvolvimento podem ter custos ainda maiores ao longo do tempo Martin reforça que essas decisões não são tomadas uma única vez que énecessário observar a evolução do sistema analisar onde os limites podem ser necessários e o que pode acontecer caso não tenham limites bem definidos Reforça a importância de comparar os custos de implementação desses limites com o custo de ignorá los buscando sempre implementar os limites certos no ponto ideal onde o custo de implementar seja menor do que o de ignorar ReferênciasMARTIN Robert C Clean Architecture A Craftsman s Guide to Software Structure and Design st ed USA Prentice Hall Press ISBN	2022-06-20 12:18:48
Cisco	Cisco Blog	How Cloud Calling Adds Value in Education	https://blogs.cisco.com/education/how-cloud-calling-adds-value-in-education	learn	2022-06-20 12:00:54
ニュース	BBC News - Home	Rail strike: Travellers face 'misery' in biggest walkout in 30 years	https://www.bbc.co.uk/news/uk-61861040?at_medium=RSS&at_campaign=KARANGA	misery	2022-06-20 12:56:39
ニュース	BBC News - Home	Boris Johnson returns to No 10 after minor sinus operation	https://www.bbc.co.uk/news/uk-politics-61865032?at_medium=RSS&at_campaign=KARANGA	downing	2022-06-20 12:06:16
ニュース	BBC News - Home	Helicopter crashes in field near Burton in Lonsdale	https://www.bbc.co.uk/news/uk-england-york-north-yorkshire-61869042?at_medium=RSS&at_campaign=KARANGA	bentham	2022-06-20 12:30:27
ニュース	BBC News - Home	Free school meals: Wales' rollout starts in September	https://www.bbc.co.uk/news/uk-wales-61853137?at_medium=RSS&at_campaign=KARANGA	primary	2022-06-20 12:30:23
ニュース	BBC News - Home	Eastbourne: Heather Watson beaten by Rebecca Marino in first round	https://www.bbc.co.uk/sport/tennis/61865714?at_medium=RSS&at_campaign=KARANGA	eastbourne	2022-06-20 12:37:12