投稿時間:2021-11-23 21:34:31 RSSフィード2021-11-23 21:00 分まとめ(38件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	JSONと辞書型（ディクショナリー）の違い	https://qiita.com/botchi/items/0e87fbd144319926475c	JSONと辞書型の違いが理解できなかったプログラミングを学びたてだった当時、私は「辞書型」→「JSON」の順でこれらを知ることになりますが、長らくその違いを理解することができませんでした。	2021-11-23 20:10:28
js	JavaScriptタグが付けられた新着投稿 - Qiita	【PIXI.js】Graphicsのtintで塗りつぶしを設定する方法	https://qiita.com/komugichan/items/0aaa4823f49de185ea32	GIFを見ての通りブレンドされることなく、秒後に緑色に変更されていることが分かる。	2021-11-23 20:59:46
js	JavaScriptタグが付けられた新着投稿 - Qiita	Chrome拡張でリクエストの簡易フィルタリング	https://qiita.com/tmk_ggl81/items/7f967bc671288cea0af1	目的バックグラウンドページを使い、リクエストのフィルタリングをしてみたかった。	2021-11-23 20:56:50
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	specファイルってなんですか	https://teratail.com/questions/370673?rss=all	pyinstaller	2021-11-23 20:47:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	HTMLの共通要素、インクルードについて	https://teratail.com/questions/370672?rss=all	HTMLの共通要素、インクルードについて前提・実現したいことWebサイトを制作しています。	2021-11-23 20:45:40
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	windows server 2016にてApatch Python/Flaskを動作させたいがApatch起動エラーとなる	https://teratail.com/questions/370671?rss=all	flaskを使用するにはmodwsgisoが条件となっていて環境設定しましたがApatch起動でエラーとなり起動できませんでした。	2021-11-23 20:34:48
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Ubuntu20.04のショートカットアイコンについて	https://teratail.com/questions/370670?rss=all	Ubuntuのショートカットアイコンについてubuntuでpythonをマウスクリックで実行するためのショートカットをデスクトップに作成したのですが、アイコンの右下に矢印が表示されてしまっています。	2021-11-23 20:32:28
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	勾配降下法の数式の意味とLatexの書き方	https://teratail.com/questions/370669?rss=all	勾配降下法の数式の意味とLatexの書き方下記の数式を理解しようとしています。	2021-11-23 20:24:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Docker macのVScode内のterminalにいる状態でcontainer から detachする方法	https://teratail.com/questions/370668?rss=all	こちらに関してご教授いただけると幸いです。	2021-11-23 20:10:32
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	エラーAttributeError: 'NoneType' object has no attribute 'shape'	https://teratail.com/questions/370667?rss=all	背景は黒くマスクしてエッジを赤くするプログラムを作っています。	2021-11-23 20:07:13
Docker	dockerタグが付けられた新着投稿 - Qiita	【個人メモ】restartしまくっているDockerコンテナのlogを追う	https://qiita.com/smtrdev/items/16184a2a2735d31513bf	【個人メモ】restartしまくっているDockerコンテナのlogを追う概要起動したはずのコンテナが永遠にrestartingしているので、ログを追って何が起きているのかを調べる。	2021-11-23 20:45:37
Docker	dockerタグが付けられた新着投稿 - Qiita	「WSL2 + Docker」が遅いなら、速くすればいい	https://qiita.com/LemonmanNo39/items/e92ed9e3b9c812238006	所感ほんと、とんでもなく速くなっているので、なんでもっと早く気付かなかったのだろうと・・・とにかく、「WSLDockerLaravelReactorVue」などの環境で動作が遅いことを気にされている方は一読を。	2021-11-23 20:02:56
海外TECH	DEV Community	30 Free Vue.js Admin and Dashboard Templates	https://dev.to/markc86/30-free-vuejs-admin-and-dashboard-templates-14jm	Free Vue js Admin and Dashboard TemplatesAfter the very good result of this article where I have published some of my favorite premium resources based on Vuejs today I would like to share with you a selection of gorgeous and open source admin dashboard templates and themes to help you kickstart your next web interface project There is a wide range of open source projects to help you give your web app a more professional design touch but here I collected only the ones that you can evaluate yourself freely that follows strict quality criteria Precisely they are chosen according to the following standards Clean looking codeThorough descriptionsSmall size compressed Rich features but not bloated Attractive design aesthetic sense All these templates are intended to be used as an entry point for developers who want to speed up their design process so you can say goodbye to working with design tools such as Figma or Sketch and they are published under the MIT license meaning you are free to use them however you d like even in commercial applications or client projects Mosaic Lite VueLive Demo DownloadMosaic is the perfect admin dashboard template to get started with your next project Built on top of the popular Mosaic template it s designed for companies of any size in any industry It features hundreds of pre built pages and sections and its modular style layout can be used for both backend amp frontend applications Additional features include multiple full screen segments that can be used independently or in tandem to craft unique experiences Features Interactive graphs and chartsAccessible based workflowLifetime free updates Start Vue FreeLive Demo DownloadStart Vue Free is a beautiful and elegant theme developed by KeenThemes specifically for VueJS and Bootstrap enthusiasts This theme has a fully responsive layout that can be used as is to build stunning and functional web applications that work on desktops smartphones and tablets The theme installs in minutes and comes with dozens of components plugins and grid systems to help get you started Features free themeImage gallery and search panelCross browser tested Materio FreeLive Demo DownloadMaterio Free is a futuristic Vue admin dashboard template built with the latest advancements in hybrid app building The team aimed to bring it to you in its most straightforward form by offering a wealth of customisable elements a clean and highly adaptable UI UX design and access to native like performance on any device type or platform All of this means that you will have true power over your creations while working with a framework that gives you total flexibility Features Custom made D illustrationsFully functional cardsSimple from elements MuseLive Demo DownloadMuse is a beautiful free Vue js admin dashboard template structurally based on the principles of Ant Design It comes with a growing set of fine tuned components intentionally designed to create a stunning visual style using pre made blocks and pages The combination of minimalism and high functionality makes it perfect for business dashboards and the Muse Builder allows you to decide how much you want from the finished product in terms of its look and functionality Features Premium version availableDocumentation on all available componentsToast notifications Rider Vue FreeLive Demo DownloadRider Vue Free is a free Vue dashboard template built with unlimited possibilities Its exceptional design is perfectly crafted for optimized products to suit every modern web request Rider Vue Free is based on the ultimate mega theme for VueJS development starters and for those who don t have enough money to pay for premium templates or want to save money With endless UI components gorgeous design robust layouts and zero price tag that s what you get with this free template Features Bootstrapped form wizardMax width validatorAdvanced data tables Vue Ant AdminLive Demo DownloadLooking for a functional and beautiful admin dashboard template with Vue and Ant Design Pro s implementation We got you covered This modern dashboard template has an elegant design with a clean layout and a minimal background to cover several professional features such as speaker icons social media icons and the option to choose between dark or light environments This template includes two main applications to make your life easier during the customisation flow Features Over K stars on GithubNo packages publishedAccepts contributions Star Admin VueLive Demo DownloadStar Admin Vue Admin Template is a free admin template based on Bootstrap and Vue js This theme uses the Bootstrap Vue framework and makes it easy to build functional apps with Vue The exceptionally flexible set of dynamic elements helps you create an amazing user interface for your admin panel packed with over UI components polished by a dedicated team of designers behind the project Features Multiple file uploadsVector maps and widgetsDetached sidebar Layout Purple Free VueLive Demo DownloadOpen your door to the world of dashboards by exploring Purple Free Vue the free version of one of the most popular admin dashboard templates built with Vue js Purple Built with the latest web technologies including Vue js this free template will make it easy to get started with building your own dashboards and as tradition demands it comes with a transparent MIT license and uses syntax on all the projects Features Social FeedLock Screen with two variationsSample dashboards Vue Material FreeLive Demo DownloadBuilt with the Vuetify library Vue Material Free is an open source dashboard template for building interactive material style design dashboard products Once installed it lets you quickly create a unique and interactive interface environment with automatic layouts based on window size touch enabled communication widgets and internationalisation support connected with the back end The Vue architecture allows for an easy transition to the patterns making it easy to adapt things on the fly Features Styled Vuetify componentsVue Apex chartsFunctional login and logout Sing App VueLive Demo DownloadNo matter if you run a small business or a large company visualising your data is a great tool to see your goals and results instantly Sing App Vue dashboard is a free and open source admin dashboard template released with Bootstrap and Vue js By using this template you will leverage lots of built in components and thus focus on building features that set you apart from competitors rather than developing everything from scratch Turn your simple data into attractive charts on a real time basis with Sing App Vue Dashboard Features Customer relationship managementSocial media metricsCustomised web platform Vue Black DashboardLive Demo DownloadVue Black Dashboard is a beautiful Vue js admin dashboard template built to fit together and look amazing on any browser and device Designed with all plugins you might need to start any project Vue Black Dashboard features over individual components spacious cards and gorgeous graphics to give you the freedom of choosing and combining multiple layouts into one while keeping all the benefits of an all in one production ready product Features Easily modify SASS filesAdvanced modalsCode amp UI Visualisation Monster Admin LiteLive Demo DownloadMonster Admin Lite is a VueJS based dashboard template created by the organisation of WrapPixel This template comes as a single page web application template that is built with the latest trends and stack that use the power of Vue to render a fantastic user experience By adding admin control to your current project you ll get a complete web existence without struggling to code a different layout for each page Features Responsive and adaptiveSticky headerAside navigation MaterialPro Vuetify Admin LiteLive Demo DownloadMaterialPro Vuejs Admin Lite is a beautiful Material based admin dashboard template made for business marketing analytics eCommerce app monitor and tracking tools Being very easy to use and highly adaptable it has everything you need to build your app backend in an efficient way It comes with some nicely designed page templates that will make your life much easier when you are creating your next project or web solution Features Premium form validationAdvanced interaction controlsSimple and flexible charting ShardsLive Demo DownloadThe goal of the Shards dashboard template is to provide a modern easily extensible Vue foundation for your dashboard development It s a production ready product that you can use as a starting point to build a fully functional data driven application This template provides a modular foundation that can be easily extended to fit almost any type of development environment and it s well documented so you can start building impressive user interfaces right away Features Solid design SystemAccess to updatesSource Sketch design files ExtremeLive Demo DownloadExtreme is a free VueJS dashboard template by WrapPixel With Extreme you can build a complete web experience without compromising accessibility and by simply adding admin control to your current app Some key features of this beautiful responsive dashboard template are multiple charts together that helps you understand relationships between variables an easy way to visualise any data from your app in single page mode the block of data builder that will help you track and scan users activity across web apps Features Animate scrolling to anchor linksOpen source icon library Powerful tag component Vue Argon DashboardLive Demo DownloadVue Argon Dashboard is a great starting point for developers that want to build websites using popular technologies like Bootstrap and Vue js The set contains high quality and free to use components such as forms modal windows tabs cards navigation menus and much more This template aimed to avoid reinventing the wheel and focus on building a useful dashboard that we all need to perform our daily tasks most efficiently Features Proptypes checking for all componentsInteractive and functional demosBuilt in packages Corona Vue FreeLive Demo DownloadIn love with dark mode Let me present you Corona Vue now available for free and fully downloadable via Github Don t let the name scare you Corona is a sleek stylish and sexy new admin dashboard from BootstrapDash that is super easy to customize and launch This is one of the most popular admin dashboard templates on the market and the open source version has enough features to let you kickstart anything with the power of the fabulous web Features Full source code of the themeSocial map pageMultiple user card variants Vue White DashboardLive Demo DownloadVue White Dashboard is a free and premium dashboard template developed as a solid alternative to the popular Vue Black Dashboard This template opens its doors to new prospects who want to create beautiful user experiences without wading through the intricate structure of JavaScript It is the number one choice for beginners as it is entirely open source and available on GitHub right on the developer s doorstep Features Easy developmentWebpack based layout Timepickers Admin Base TemplateLive Demo DownloadAdmin base is a free admin template built using Vue js Vite Element UI and Typescript These extraordinary technology stacks start up a world of possibilities by giving you a highly flexible admin template that can be used to build structural panels for any application big or small Admin base comes with lots of pre built functionalities available out the box such as permission systems permission rules filters charts and so on Features Email details pageMaintenance panelProduct listing AatroXLive Demo DownloadAatrox is a highly customisable and feature rich Vue admin dashboard template that can be used to create any application you desire with no effort Aatrox will help you achieve the startup of your dreams with a stylish and clean admin database that will entice and impress your users and investors With maximum convenience and flexibility you ll be able to develop faster make changes faster and launch faster It s time for you to get back the world Features Accessible routingProduction readyVue amp Vite ArchitectUI Dashboard Vue FreeLive Demo DownloadAs a base admin dashboard template ArchitectUI Vue is powered by Vue js version It contains handpicked widgets and components that are perfectly integrated with each other in order to create a common visual design language In order to use this template you ll need at least a few basic coding skills but don t worry this template has pretty straightforward coding and uses Vue Router for the navigation links Features Easy layout modifiersMultiple color schemes Dashboards AdminPro VueJs LiteLive Demo DownloadIntroducing AdminPro VueJs Lite a stylish Vue js admin dashboard template that is great for users who are looking to build CRM systems and management platforms in a visually appealing way This template comes with a superb design system integrated into a responsive navigation system with loading indicators lightbox icons with retina support router state transitions beautiful animations color schemes and typography Features Real time previewsQuick guides with code examplesBusiness ready modals Vuetify AdminLive Demo DownloadVuetify Admin is the perfect frontend admin template for building highly responsive scalable admin dashboards This Vue js based UI component pack provides you with all components that are required even the common ones to make your next digital product stand out In terms of the tech stack it comes with a built in Vue js theme plugin and works seamlessly with REST APIs a dedicated code environment for fast shipping Features Storage manager appEvent management viewFullcalendar plugin Vue Element AdminLive Demo DownloadI m very excited to share with you the new major release of Vue Element Admin Vue Element Admin is a powerful responsive admin template based on the latest development stack of Vue and it has a built in in solution typical templates for enterprise applications and some other incredible features It is compatible with Mock js and it means that you no longer have to use any confusing UI framework while keeping your code super optimized and easy to maintain I believe whatever your needs are this project will help you Features Directive permissionMulti environment buildMultiple dynamic themes CoreUILive Demo DownloadCoreUI has designed over attractive fresh and modern Vue js UI components with clean code Each component can be used separately or in any combination to create complex applications I m pretty confident that once used CoreUI will become your most valuable asset and the reason for saying this is that it will help you significantly cut development time by creating simple customisable types of layouts that are already styled according to your taste Give CoreUI a try and I m sure that won t regret it Features No design skills requiredSCSS source filesHuman tech support Admin OneLive Demo DownloadAdmin One is a manageable and beautiful admin dashboard template built with Vue js and Tailwind CSS The most convenient elements are included with Admin One Free however also provides a huge amount of customisation options for those with a little more time I believe Admin One is most suited to those who want an admin dashboard template but have little to no front end or design experience This FREE version comes with a ton of features without the need for a third party license key Features Advanced version available adaptive amp responsiveQuick search form Light Blue Vue AdminLive Demo DownloadLight Blue Vue is an admin template built with Vue JS Vue CLI and Bootstrap Unique inconspicuous design with slightly transparent widgets and gradient background make this Vue JS template a rare visual gem among other similar products and resources With Light Blue it becomes much easier to build a management interface for your IoT dashboard SAAS startup booking management system or any other web app that requires built in functionalities and multiple authentication options Features Multiselect componentsDocumentation amp toolingBasic form elements Vuestic AdminLive Demo DownloadVuestic is an elegant Vue js admin template for development teams crafted with love This minimal based dashboard template built with Webpack amp SASS can be used to create powerful sub projects management tools project tracking systems sophisticated CRMs knowledgebase systems and many other administration panels The Vuestic admin template was founded on the motivation to get the code quality to rock star level but have it still be familiar enough to be accessible early on in your project Features Original and corporate color schemeExpansion cardsClient Billing and contact ArbanoLive Demo DownloadArbano is a free admin template built with Bootstrap and VueJS It comes with high quality clean looking code and a great visual design language The fully scalable layout of Arbano supports any kind of modular functionalities while keeping all the advantages of a fully liquid layout product Arbano has more than custom elements like figures charts feeds and visual pickers that can be combined or adapted from a single repository without touching any other files This template is the quickest way to build a responsive admin panel for your back end structure Features Code splittingDetached sidebar LayoutAsync loading DashblocksLive Demo DownloadDashblocks is a complete admin template built with care on top of Quasar Framework Vuex and Vuejs It enables developers to build complex dashboards in minutes while keeping all the front end simple for non tech savvy people This template includes beautiful interactive charts support for the latest web technology Webpack Lazy Loading Server Side Rendering Sass support customisable theme colors and typography scale pre styled TypeScript components that quickly integrate into any project Features Integrated build toolsPowerful SASS frameworkFriendly navigation and search features ConclusionHopefully this will be a living collection where I can update it as I come across more quality resources Thanks for reading and if you have more high quality and free templates to suggest please feel free to share them below	2021-11-23 11:46:58
海外TECH	DEV Community	Django – How to upload, view, delete file using ModelForm and MySQL	https://dev.to/harrynguyen88/django-how-to-upload-view-delete-file-using-modelform-and-mysql-43bh	Django How to upload view delete file using ModelForm and MySQLIn this tutorial we re gonna look at way to upload file in Django using Django ModelForm and save its information to MySQL Database We also have UI to view list of uploaded items and function to delete specific file Read more	2021-11-23 11:25:57
海外TECH	DEV Community	Basic server side caching using Redis in nodejs	https://dev.to/singhutkarshh/basic-server-side-caching-using-redis-4e1f	Basic server side caching using Redis in nodejsCaching is the process of storing copies of files in a cache or temporary storage location so that they can be accessed more quickly Caching helps us in making our website more faster respond to user queries faster by acting as a middleware between server and database There is commonly two types of caching Server side caches are generally used to avoid making expensive database operations repeatedly to serve up the same content to lots of different clients Client side caches are used to avoid transferring the same data over the network repeatedly Today we will learn basic server side caching using redis a fast open source in memory key value data store Installing Redis Firstly we will need to install redis before using it in our project Installing redis on Mac using Homebrew brew install redisbrew services start redisredis server usr local etc redis confInstalling redis on Windows Enable WindowsOptionalFeature Online FeatureName Microsoft Windows Subsystem Linuxsudo apt get updatesudo apt get upgradesudo apt get install redis serversudo service redis server restartInstalling redis on ubuntu sudo apt updatesudo apt install redis serversudo nano etc redis redis confInside the file find the supervised directive This directive allows you to declare an init system to manage Redis as a service providing you with more control over its operation The supervised directive is set to no by default Since you are running Ubuntu which uses the systemd init system change this to systemd If you run Redis from upstart or systemd Redis can interact with your supervision tree Options supervised no no supervision interaction supervised upstart signal upstart by putting Redis into SIGSTOP mode supervised systemd signal systemd by writing READY to NOTIFY SOCKET supervised auto detect upstart or systemd method based on UPSTART JOB or NOTIFY SOCKET environment variables Note these supervision methods only signal process is ready They do not enable continuous liveness pings back to your supervisor supervised systemd and finally restart redissudo systemctl restart redis service In the project folder initialise the project using npm init and install express redis and node fetch same as fetch in javascript for making requests to rest clients Also install nodemon as dev dependency npm init ynpm install save express redisnpm install dev nodemon In the project folder paste this code in app js importing express nodefetch and redis and start basic server const express require express const app express const redis require redis const fetch require node fetch app get req res gt res status send This is homepage app listen gt console log Server started Create a redis client passing default redis port as parameter and also create a new route post that will fetch data from and send data as response We will cache this data on our first visit to server and after that in all visits we will check if data is stored in cache or not If it is stored we will not fetch it instead send response from cache const express require express const app express const redis require redis const fetch require node fetch const client redis createClient app get posts req res gt console log fetching data this will tell uswe are fetching data from api fetch response gt const data response json client set userData data save data key value pair in redis in form of cache res send data data app listen gt console log Server started Here we used client set key value for saving data in redis We will now create a middleware and add it in post route for checking if cache already exists If data is already present in cache we will return it directly else we will leave our middleware and fetch it from the route const checkDataInCache req res next gt const data client get userData get data from cache and check if it exists if data null res send data data else next Now we are almost done with our code full code given at last and now we will test it If we send a get request at posts at first we will see log as fetching that shows that we are fetching data from api But after that in all requests there will be no log and data will be loaded more quickly We can check for the speed by going in console and them network This was basic representation of how to use caching Full code given below Hope it helps const express require express const app express const redis require redis const fetch require node fetch const client redis createClient app get posts checkDataInCache req res gt console log fetching data this will tell us if we are fetching data from api fetch response gt const data response json client set userData data save data key value pair in redis in form of cache res send data data const checkDataInCache req res next gt const data client get userData get data from cache and check if it exists if data null res send data data else next app listen gt console log Server started	2021-11-23 11:20:21
海外TECH	DEV Community	Django Star Admin - Open-source / Bootstrap 5 / Docker / CookieCutter	https://dev.to/sm0ke/django-star-admin-open-source-bootstrap-5-docker-cookiecutter-3hhl	Django Star Admin Open source Bootstrap Docker CookieCutterHello Coders This article presents an open source Django Dashboard that has all the ready to use bare minimum essentials database authentication Docker support and a modern Bootstrap design Star Admin The product can be downloaded from Github and used for unlimited hobby amp commercial products For newcomers Star Admin is an iconic template recently migrated to Bootstrap and Django is a leading framework actively supported and versioned by programming experts Thanks for reading Content provided by App Generator Star Admin Django LIVE DemoStar Admin Django Product pageFor support via Discord join AppSeed Product FeaturesThis simple project comes with basic features up to date dependencies and a modern Bootstrap design that was released for free by BootstrapDash Up to date dependencies Django LTSSCSS compilation via GulpUI Kit Star Admin Free Version Session Based Authentication Forms validationDeployment scripts Docker Gunicorn NginxSupport via Github and Discord The product can be used and compiled in a local environment in multiple ways Probably the most simple one is via Docker Start In DockerDjango Star Admin comes with a simple Docker configuration that starts the project using Gunicorn behind an Nginx proxy Let s follow the setup as suggested in the project README and see the project in action Step Clone Sources git clone cd django star adminStep Start in Docker docker compose up buildOnce all the above commands are executed we should be able to access the project in the browser at the address http localhost Generate via CookieCutterThe same codebase can be generated and started using the popular CookieCutter tool During the generation process the sources are downloaded from a remote repository and configured locally to match the user choices Step Install cookiecutter tool pip install cookiecutterStep Generate the code via Django Cookie Cutter cookiecutter gt gt gt project name Django Seed project Django Star Admin gt gt gt project slug django star admin gt gt gt description A simple Django project gt gt gt author name AppSeed your name gt gt gt domain name example com localhost gt gt gt email your name example com bill microsoft com gt gt gt version gt gt gt Select theme volt soft ui datta able material dashboard star adminChoose from lt Select STAR ADMIN design gt gt gt Select database sqlite mysql postgresql gt gt gt Choose from database name appseed django database user appseed user database pass Pass PRE Gen hook executed Cloning theme lt star admin gt REPO donePOST Gen hook executed Copy assets done Copy templates doneAt this point the source code is generated and we can use the sources cd django star admin docker compose up build Design InformationBeautifully designed and well coded admin template that comes with excellent support from experts Built using the latest technologies and up to date with the latest trends and tools Star Admin is the perfect amalgamation of beautiful design and meticulously well written code This template comes with an MIT license free for commercial use Thanks for reading For more resources amp support please access AppSeed for upport via email and DiscordMore Free Dashboards crafted in Django Flask and React	2021-11-23 11:19:06
海外TECH	DEV Community	What is Javascript?	https://dev.to/whitehatdevv/what-is-javascript-4aj6	What is Javascript I suppose it s your first time trying to read about how to code unfortunately we will not talk about that First of all you need to understand why JS is important and how to use JS in your daily routine When I started coding in JS I realised that JS bring some new features and facilities than other languages it s allow me to learn about algorithms and practice creating complex algorithms and run it easily with one command Sincerely I love JS and I usually use it when I want to learn using learning by doing paradigm So I strongly recommend you do the same as me please you should love Use casesJavascript is a text based programming language used both on the client side and server side that allows you to make web pages interactive OMG client amp server side you could think that JS is the unique programming language you need to know as a developer but NO 🥲 JS is like a tool which you will use to fulfill some requirements for a specific task Then what s exactly client amp server side Client sideJS is usually used to allow you make interactive and modern websites you can create HTML and prepare actions for each HTML element it s can be really amazing since you can detect click on buttons and make different actions trying to improve UX Here there is some example code detect click on some buttonbutton addEventListener click ev gt make here your actions to make web page interactive Server sideJS is usually used with Node JS to create the most complex API with different models and different types of DDBB getting from SQL as MySQL until NO SQL as MongoDB detect get requestapp get basic uri customers customerController getCustomers controller function located in other fileconst getCustomers req res next gt make query to ddbb As you can see above JS is a dynamic typed language it s mean that data types are processing during execution time so you will not worry about data types and how to use it This is the reason why I really recommend JS as a first programming language since you can focus on algorithms and logic Moreover you have already seen that JS sintaxis is really clear and easier than other similar languages maybe it s another reason to choose JS as a first programming language I hope you are enjoying reading the first post about JS it s really important understand the use cases and how to work with JS In the following posts we will talking about more exiting and difficult topics with more example code	2021-11-23 11:18:04
海外TECH	DEV Community	Web 3.0 Terms and Their Definitions in Plain English	https://dev.to/suhailkakar/web-30-terms-and-their-definitions-in-plain-english-2ok8	Web Terms and Their Definitions in Plain EnglishYou ve probably heard about Web unless you ve been living under a rock Web is the next step in the web s growth and it aims to make the internet more intelligent In this article we are going to learn some commonly used Web terms and their definition CryptocurrencyCryptocurrency or crypto is a type of digital currency that can be used as a medium of exchange It employs encryption to safeguard and authenticate transactions as well as to regulate the generation of new digital currency units When you hear about Web you ll notice that cryptocurrencies are frequently referenced Because many of these systems involve cryptocurrency anyone who wants to help build manage or improve one of the projects will receive a monetary reward tokens There are nearly over cryptocurrencies at the time of writing this article Nov TokensA crypto token is a virtual money It is a tradable asset or utility that exists on its own blockchain and can be used for investment Tokens are typically used to describe all crypto assets Smart ContractA smart contract is a decentralized program that responds to events by executing business logic The exchange of money delivery of services unlocking of information controlled by digital rights management and other forms of data manipulation such as altering the name on a property title are all possible outcomes of smart contract execution Smart contracts are often written in Solidity MiningMining is the process of adding transactions to the blockchain which is a vast distributed public database of existing transactions Mining is usually done on a separate computer because it necessitates a fast CPU as well as more electricity and heat generation than normal computer operations SoliditySolidity is an object oriented high level programming language for creating smart contracts on the blockchain that automate transactions According to its documentation Solidity is a curly bracket language It is influenced by C Python and JavaScript and is designed to target the Ethereum Virtual Machine EVM If you are new to Solidity I have written a beginner s guide about it Ethereum Virtual MachineThe Ethereum Virtual Machine EVM is the Ethereum smart contract runtime environment The Ethereum Virtual Machine is focused on providing security and allowing machines all around the world to execute programs SolanaSolana is an open source project that implements a new permissionless high performance blockchain Solana has its own native token called SOL It can be passed to nodes in a Solana cluster in exchange for running an on chain program or validating its output ICOs Initial Coin OfferingInitial Coin Offerings ICOs are a popular financing tool for firms that want to sell products and services in the cryptocurrency and blockchain arena Gas FeesThe transaction costs that users pay to miners on a blockchain protocol to get their transaction included in the block are referred to as gas fees Crypto WalletA crypto wallet is a program or software that allows users to engage and interact with blockchain networks directly Some popular are Coinbase Exodus and BlockFi Cryptocurrency wallets can be software or hardware based EtherscanEtherscan is a program that allows you to see information about any Ethereum blockchain transactions that are either pending or confirmed Because Ethereum is a public open blockchain every interaction with it is documented in the transaction history which is visible to anybody DApp Decentralized applicationA decentralized app dApp is a digital application or a program that resides and executes on a blockchain or peer to peer network of computers rather than a single computer and is independent of anyone s authority s control NFT Non fungible tokenNFTs non fungible tokens are blockchain based tokens that each represent a unique asset such as a work of art digital property or media It can be anything from music to a website domain You can also create your own NFT collections Eda has written an awesome guide about it ConsensusA consensus mechanism is any of the methods for achieving agreement trust and security across a decentralized computer network A consensus algorithm is a method through which all peers in a Blockchain network come to an agreement on the current state of the distributed ledger ConclusionThat is it for this article I hope you found this article useful if you need any help please let me know in the comment section Would you like to buy me a coffee You can do it here Let s connect on Twitter and LinkedIn Thanks for reading See you next time	2021-11-23 11:14:02
海外TECH	DEV Community	How to hack Chrome Dino Game using Javascript	https://dev.to/spandyboss/how-to-hack-chrome-dino-game-using-javascript-5ah3	How to hack Chrome Dino Game using Javascript IntroWe all know the popular internet game of chrome which appears when there is no internet there is however another way to access it that is by typing chrome dino into the address bar So I have discovered a trick by which you can play that game without dying Let s StartFirst of all go to chrome dinoThen right click anywhere from there select inspectFrom there go to console tab from the top and now type the following code and hit enter Runner prototype gameOver function After that when you will start playing the game you don t need to press any key and you will never die I hope you all enjoyed this post Be safe and do take good care of yourselves If you see this then comment Yaay Feel free to ask or give suggestions in the comments section	2021-11-23 11:11:57
海外TECH	DEV Community	Secrets Detection – Tools for reproducible, detailed, and meaningful benchmarks	https://dev.to/gitguardian/secrets-detection-tools-for-reproducible-detailed-and-meaningful-benchmarks-222m	Secrets Detection Tools for reproducible detailed and meaningful benchmarksNew series focusing on performance at GitGuardian Learn how we built the tools to produce meaningful benchmarks and track our improvements in speed over the year This article is the first in a series on performance GitGuardian IntroductionSpeed is a crucial component in secret detection because of the sheer volume of data to scan In the State of the Octoverse GitHub reports nearly billion contributions Around one third of those contributions are commits and each commit contains multiple patches In at GitGuardian we scanned billions patches Furthermore we perform historical scans on the complete private git history of new clients meaning we need to be able to scan decades of contributions in a few seconds Secrets detection is a balancing act between speed precision and recall This is a post on how we managed to make our engine times faster while increasing by the number of detectors not to mention continuously improving existing ones All of that since the beginning of the year The first step is to build a baseline intuition and gut feeling are not enough we need to be able to quantify improvement To reach this goal we need a way to run comparable benchmarks The critical parts are a static dataset to feed each of the engine s versions In our case the dataset is a collection of commits a way to measure how long it takes for our engine to perform its task on the dataset Since a benchmark is only as good as its test bench we need to take extra care when designing the test bench In the first section we will explain how we dealt with this task and how we avoided common pitfalls Building a test benchA good dataset needs to be representative of real life data Our method to produce a representative dataset of commits is to gather every commit from GitHub during a long enough timeframe in our case weeks which allows us to gather tens of millions of commits Even with such a large dataset you need to be careful because it is not unusual to see a single account commit hundreds of thousands of times in a few days It is usually the result of a script updating every second a file in a repository In order to filter out this noise we add a limit of commits per GitHub user Every new dataset is inspected and statistics are computed to ensure its representativity and coherence with both previous ones and real life stats Every months we start over and generate a new dataset It s a trade off between staying up to date with secrets from the latest hyped services and being able to reliably compare benchmarks Also even if the generation of new datasets is largely automated it s still time consuming A helpful realization is that a majority of performance problems can be detected within a subset of the main dataset in other words an abnormally slow detector will be significantly slower even on a small dataset Another important component of our test bench is the dedicated powerful server used to run the benchmarks Each benchmark is run in the same conditions otherwise they wouldn t be comparable Once a good test bench has been established we can run benchmarks regularly in order to help us keep improving the performance of our engine Implementing benchmarking scriptsBenchmarking is not a trivial task it can be easy to make mistakes and misinterpret results It is even harder when the program you are benchmarking is running in parallel in multiple processes It is also important to remember that the act of measuring time will in itself take time and consume memory We created a powerful tool able to run our detection engine s benchmarking in parallel and gather statistics while handling both input and output from and to multiple sources pipe filesystem MongoDB ElasticSearch and more Every part of this tool can be instrumented with time measurement so we can have a very fine grained benchmarking capacity We have two levels of details for our benchmarks at the detector level to compare the performance of the detectors rank them and know which one should be improved in priority at the component level more detailed which gives us the time taken by each component of the secrets detection engine and is used to improve the performance of the engine as a whole For both types of benchmarks we also developed comparison scripts to interpret the results As said above measuring time takes time the result of the benchmark is the time taken by the detection engine the benchmark overhead o Ti ti o we assume the benchmark overhead is constant When comparing the performance evolution between two benchmarks the overhead is cancelled out Ti Tj ti o tj o ti tjThis is enough for tracing gross evolution Leveraging benchmarks and monitoring performanceWe run benchmarks at all steps of the development process On every newly created branch we run a quick detector level benchmark on a sample dataset This allows us to identify abnormally slow detectors where we would expect similar detectors to have similar performance A new detector should not rank among the slowest unless it is the only way to reach our standard of precision and recall for example generic detectors are among our slowest detectors but they catch of the secrets We leverage GitLab s metrics reports to show the results directly in the merge request Reviewers can see code changes and their impact on performance in one place with it Before each release we run the same benchmark on the complete tens of millions commits wide dataset It takes a few hours to run but it is more representative and less subject to random fluctuations By comparing the results with the previous release benchmark we can be confident that we are not degrading the performance We ve never been surprised by the results thanks to the smaller benchmarks How to read itWe release a new version internally every weeks the was released months ago and the was released a few days ago at the time of writing The time it takes to run the secrets detection engine on our dataset was reduced by nearly Another way of saying it is that the engine speed has been multiplied by x The graph above shows this evolution and you can notice that in the meantime the number of detectors in green steadily increases We are doing more in less time Significant variations are represented by blue bars while purples ones correspond to smaller lt variations A change of less than may be caused by outside factors The detailed benchmark on the other hand is significantly slower because it is timing a lot more components It is only run before and after improvements to validate the performance gains It allows us to know which part of the detection engine should be improved first Detectors are made of three elements pre validators matchers and post validators For example post validators represent less than of the function calls and less than of the scanning time they are only called when a secret is found to validate it Improving the speed of the post validation even making them a million times faster would have almost no impact on the global speed of the engine Pre validators on the other hand are applied to every commit The performance gains in the release are entirely due to pre validators The reasons for this improvement are only understandable with the detailed benchmark As you can see pre validators went from dominating the scanning time to almost taking as much time as the matchers After the the pre validators became nearly times faster making the whole engine nearly times faster If you re curious about how we managed to achieve such a feat we will go into further details in the next article ConclusionWith precision and recall speed is part of our main objectives when developing our secret detection engine I hope you now have a better understanding of how we structured our benchmarking tools to gain a clearer vision on the places where we could quickly improve the engine performance as a whole Without it we surely wouldn t have been able to add detectors while actually decreasing the scanning time of our sample dataset If you are interested in learning more about the crucial pre validation step and what key decisions were made about our regex engine hit subscribe to stay tuned for the next article	2021-11-23 11:06:54
Apple	AppleInsider - Frontpage News	Italy fines Apple, Amazon $230 million over price fixing	https://appleinsider.com/articles/21/11/23/italy-fines-apple-amazon-230-million-over-price-fixing?utm_medium=rss	Italy fines Apple Amazon million over price fixingA fine totalling million Euros has been imposed on Apple and Amazon by Italian regulators following an antitrust investigation about retail collusion and price fixing Apple Store Piazza in MilanItaly s antitrust regulator L Autorit Garante della Concorrenza e del Mercato AGCM had been investigating the two companies following allegations that they worked together to prevent price cuts from other vendors Now the AGCM has ruled that the two cooperated in anti competitive moves over the sale of Apple and Beats devices Read more	2021-11-23 11:45:17
Apple	AppleInsider - Frontpage News	Apple struggling to make enough iPhones, iPads for Christmas in Asia	https://appleinsider.com/articles/21/11/23/apple-struggling-to-make-enough-iphones-ipads-for-christmas-in-asia?utm_medium=rss	Apple struggling to make enough iPhones iPads for Christmas in AsiaCustomers across key Asia markets can no longer guarantee getting iPads or the iPhone in time for the holidays as shortages push delivery dates into January Credit Andrew O Hara AppleInsiderApple s iPhone range has previously been hit by supplier chip shortages to the extent that Tim Cook says it cost the company billion in lost sales for Q Now a new report says that Apple will not be able to deliver the iPhone Pro or some iPad models to customers across Asia Read more	2021-11-23 11:15:24
海外科学	NYT > Science	The Hubble Telescope Checks In With the Most Distant Planets	https://www.nytimes.com/2021/11/23/science/hubble-telescope-jupiter-saturn-uranus-neptune.html	neptune	2021-11-23 11:49:22
海外科学	NYT > Science	Vaquitas Could Soon Be Extinct. Mexico Will Largely Determine Their Fate.	https://www.nytimes.com/2021/11/23/climate/vaquita-mexico-extinction.html	Vaquitas Could Soon Be Extinct Mexico Will Largely Determine Their Fate Only about vaquitas remain but scientists say there s still hope for the elusive porpoises Their fate largely depends on the Mexican government	2021-11-23 11:54:59
ニュース	BBC News - Home	Covid-19: Home working advised to curb spread	https://www.bbc.co.uk/news/uk-northern-ireland-59382390?at_medium=RSS&at_campaign=KARANGA	number	2021-11-23 11:30:59
ニュース	BBC News - Home	Sir David Amess: Funeral service takes place at Westminster Cathedral	https://www.bbc.co.uk/news/uk-england-essex-59386018?at_medium=RSS&at_campaign=KARANGA	conservative	2021-11-23 11:55:27
ニュース	BBC News - Home	Kevin Sinfield: Leeds Rhinos legend raises £900,000 after completing 24-hour 101-mile MND run	https://www.bbc.co.uk/sport/rugby-league/59385774?at_medium=RSS&at_campaign=KARANGA	Kevin Sinfield Leeds Rhinos legend raises £ after completing hour mile MND runKevin Sinfield raises more than £ after running miles in hours on behalf of motor neurone disease research	2021-11-23 11:49:13
ニュース	BBC News - Home	Bulgaria bus crash: Children among at least 46 killed	https://www.bbc.co.uk/news/world-europe-59383852?at_medium=RSS&at_campaign=KARANGA	macedonia	2021-11-23 11:50:52
ニュース	BBC News - Home	Norton Fitzwarren deaths: Two men arrested	https://www.bbc.co.uk/news/uk-england-somerset-59385676?at_medium=RSS&at_campaign=KARANGA	police	2021-11-23 11:18:07
ニュース	BBC News - Home	Andy Murray & Emma Raducanu to play in Mubadala World Tennis Championship	https://www.bbc.co.uk/sport/tennis/59388161?at_medium=RSS&at_campaign=KARANGA	Andy Murray amp Emma Raducanu to play in Mubadala World Tennis ChampionshipBritons Andy Murray and Emma Raducanu will take part in the Mubadala World Tennis Championship exhibition event in December	2021-11-23 11:43:58
LifeHuck	ライフハッカー［日本版］	3wayで便利。小型ミニマルなアウトドアランタンが登場	https://www.lifehacker.jp/2021/11/machi-ya-piccolo-lanthanum-start.html	防災グッズ	2021-11-23 21:00:00
北海道	北海道新聞	新生銀の買収防衛困難に　大株主の政府反対へ、ＳＢＩ支持	https://www.hokkaido-np.co.jp/article/614821/	株式公開	2021-11-23 20:02:22
北海道	北海道新聞	国内で１１３人感染、死者２人　新型コロナ	https://www.hokkaido-np.co.jp/article/614842/	新型コロナウイルス	2021-11-23 20:15:00
北海道	北海道新聞	プーチン氏、北京五輪出席で調整　開会式、中国公表	https://www.hokkaido-np.co.jp/article/614828/	中国外務省	2021-11-23 20:16:14
北海道	北海道新聞	中国の出生率、建国以来で最低　コロナ影響、近く人口減も	https://www.hokkaido-np.co.jp/article/614820/	近く	2021-11-23 20:16:07
北海道	北海道新聞	１万メートル、明大の児玉トップ　関東学生陸上競技連盟主催	https://www.hokkaido-np.co.jp/article/614841/	関東学生陸上競技連盟	2021-11-23 20:13:00
北海道	北海道新聞	日越防衛相、対中国で連携　海洋秩序維持、サイバーも	https://www.hokkaido-np.co.jp/article/614840/	海洋秩序	2021-11-23 20:05:00
北海道	北海道新聞	青森・三沢基地でＰＡＣ３展開　ミサイル警戒の自衛隊演習	https://www.hokkaido-np.co.jp/article/614835/	三沢基地	2021-11-23 20:06:03