投稿時間:2021-12-21 21:34:04 RSSフィード2021-12-21 21:00 分まとめ(45件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	日本通信、｢合理的20GBプラン｣にかけ放題を提供へ	https://taisy0.com/2021/12/21/149999.html	日本通信	2021-12-21 11:42:43
IT	気になる、記になる…	au、｢ウォッチナンバー｣のau以外のユーザーからの申込受付を開始	https://taisy0.com/2021/12/21/149997.html	applewatch	2021-12-21 11:35:42
IT	気になる、記になる…	マツモトキヨシ、｢ポケモンGO｣とのコラボレーションを終了 − 2022年元旦にポケストップなどは消去へ	https://taisy0.com/2021/12/21/149995.html	締結	2021-12-21 11:17:32
IT	気になる、記になる…	楽天モバイル、iPhoneで着信に失敗する事象について案内	https://taisy0.com/2021/12/21/149993.html	iphone	2021-12-21 11:06:06
IT	ITmedia 総合記事一覧	[ITmedia News] 何これ便利　「そのデータ、印刷して郵送して」を1通99円から日本郵便が代行するサービス	https://www.itmedia.co.jp/news/articles/2112/21/news145.html	itmedia	2021-12-21 20:30:00
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】Discord Botにページネーションを実装する【pycord】	https://qiita.com/melonade/items/d185eea243ed3555f206	当記事では、Python製のDiscordBotでページネーションを実装していきます。	2021-12-21 20:22:01
js	JavaScriptタグが付けられた新着投稿 - Qiita	jsにてユーザーエージェントを判別する方法。PCでのみ表示などが可能	https://qiita.com/zechan_nel/items/10725e29e59c872ae702	jsにてユーザーエージェントを判別する方法。	2021-12-21 20:56:30
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	nginxをリバースプロキシとしたときのrender	https://teratail.com/questions/374939?rss=all	nodejsでMySQLを使ったデータ管理システムを作ったのですが、nginxの導入に手間取っています。	2021-12-21 20:56:13
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	wordの表にセル単位ではなく行単位で書き込みを行いたい	https://teratail.com/questions/374938?rss=all	wordの表にセル単位ではなく行単位で書き込みを行いたい実現したいことpythonで一部VBAを使う部分があります。	2021-12-21 20:55:41
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[Go]linebot event.Joined.Membersの情報を取得したい	https://teratail.com/questions/374937?rss=all	GolineboteventJoinedMembersの情報を取得したいやりたいことlinebotが所属しているチャネルに、新たにメンバーが参加した際、そのメンバーの情報memberidを取得したいできていることlinebotが所属しているチャネルにメッセージを送信するとボットがオウム返ししてくれる新たにメンバーが参加した際、groupidを表示することができる起こっていること該当部分のコードがこちらの画像になります。	2021-12-21 20:53:21
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	配列を２つ使い動的配列を作りたい。	https://teratail.com/questions/374936?rss=all	配列をつ使い動的配列を作りたい。	2021-12-21 20:53:06
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	重力反転プログラムがおかしい	https://teratail.com/questions/374935?rss=all		2021-12-21 20:47:32
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	下記のようにC#からC++にstring（unicode）を渡した結果、c++側で受け取った文字列wstring上で文字数が半分になってしまいました。	https://teratail.com/questions/374934?rss=all	下記のようにCからCにstringunicodeを渡した結果、c側で受け取った文字列wstring上で文字数が半分になってしまいました。	2021-12-21 20:42:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VSCode gitのガータインジケータが一部のファイルで表示されない	https://teratail.com/questions/374933?rss=all	VSCodegitのガータインジケータが一部のファイルで表示されないフォルダ構成client├nodemodules├public├src│├components│├images│├pages│├timeLogs││├AddActionjs││└EditActionjs│││├Homejs│├Loginjs│└Signupjs├Appjs├indexjs├packagejson├packagelockjson└gitignore質問内容現在、上記のようなディレクトリ構成でReactを使ったWebアプリを個人で作成しています。	2021-12-21 20:28:08
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	VBA 非アクティブでブラウザを起動	https://teratail.com/questions/374932?rss=all	VBA非アクティブでブラウザを起動前提・実現したいことマクロを実行しているExcelのバックグラウンドでChromeを起動させたいです。	2021-12-21 20:18:16
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	twitterAPIでアカウントの所在国を調べたい	https://teratail.com/questions/374931?rss=all	twitterAPIでアカウントの所在国を調べたいTwitterAPIを用いたアプリケーションを作成しています。	2021-12-21 20:14:45
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Visual studioでgit pushを利用した際にrejected master -> master (pre-receive hook declined)が起こる	https://teratail.com/questions/374930?rss=all	Visualstudioでgitpushを利用した際にrejectedmastergtmasterprereceivehookdeclinedが起こるVisualnbspStudionbspでgitnbsppushをしようとしたところ、以下のようなエラーが出ました。	2021-12-21 20:13:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	データベースを更新したい。	https://teratail.com/questions/374929?rss=all	データベースを更新したい。	2021-12-21 20:13:07
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	【Unity】Rigitbodyとカプセルコライダーの挙動が変なのです	https://teratail.com/questions/374928?rss=all	【Unity】Rigitbodyとカプセルコライダーの挙動が変なのです前提・実現したいことunityでゲームを作っている者です。	2021-12-21 20:11:38
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	親要素でmargin:0 auto;としていしても全体が中央に寄らない。	https://teratail.com/questions/374927?rss=all	親要素でmarginautoとしていしても全体が中央に寄らない。	2021-12-21 20:04:44
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	herokuにスクレイピングファイルをアップロードすると要素がないとエラーになります	https://teratail.com/questions/374926?rss=all	herokuにスクレイピングファイルをアップロードすると要素がないとエラーになります前提・実現したいことスクレイピングを定期実行したくてherokuにアップしました。	2021-12-21 20:01:55
Ruby	Rubyタグが付けられた新着投稿 - Qiita	PC使用時の猫背を矯正するクソアプリ	https://qiita.com/takuminmin0718/items/52d0ad59726c1a2cda4a		2021-12-21 20:32:59
golang	Goタグが付けられた新着投稿 - Qiita	Mattermost 403 エラー	https://qiita.com/AbeTetsuya20/items/7d7991990b3186263e80	MattermostエラーGo言語でMattermostBOTを作成するMattermostとGo言語でBotを作ろうとして、リクエストを投げるとエラーが出力された。	2021-12-21 20:33:14
GCP	gcpタグが付けられた新着投稿 - Qiita	GCP スキルバッジをもらおう 〜７.ユーザー認証: Identity-Aware Proxy	https://qiita.com/orange-tora/items/da3113c36cfd4156da6d	IAPを無効にする今度は、IAPを無効にした状態でアプリを確認すると、アクセスはできるけどユーザー情報が表示されなくなっていることがわかる。	2021-12-21 20:23:14
技術ブログ	Developers.IO	Snowflake×dbtを試してみた～Part3：パイプライン構築編その１～ #SnowflakeDB #dbt	https://dev.classmethod.jp/articles/accelerating-data-teams-with-dbt-and-snowflake-part3/	adventcalendar	2021-12-21 11:20:27
海外TECH	MakeUseOf	How to Convert MBR to GPT Without Losing Data in Windows	https://www.makeuseof.com/tag/convert-mbr-gpt-windows/	convert	2021-12-21 11:50:21
海外TECH	DEV Community	Python Computer Vision Libraries Every Developer Should Know	https://dev.to/imagescv/python-computer-vision-libraries-every-developer-should-know-1i00	Python Computer Vision Libraries Every Developer Should KnowPython is one of the most popular languages of the current age It has gained more popularity with the rise of Artificial Intelligence and Machine Learning Developers of these domains prefer python for coding and developing applications Since Computer Vision falls under a wide umbrella of Artificial Intelligence python is widely used for CV related applications In this article we will discuss the gold standard libraries for python that are used for the development of computer vision applications OpenCVOpenCV Open Source Computer Vision Library is an open source computer vision and machine learning software library OpenCV was built to provide a common infrastructure for computer vision applications and to accelerate the use of machine perception in commercial products The library has more than optimized algorithms which includes a comprehensive set of both classic and state of the art computer vision and machine learning algorithms These algorithms can be used to detect and recognize faces identify objects classify human actions in videos track camera movements track moving objects extract D models of objects produce D point clouds from stereo cameras stitch images together to produce a high resolution image of an entire scene find similar images from an image database remove red eyes from images taken using flash follow eye movements recognize scenery and establish markers to overlay it with augmented reality etc KerasKeras is an API designed with humans in mind rather than machines Keras follows best practices for reducing cognitive load It offers consistent amp simple APIs minimizes the number of user actions required for common use cases and it provides clear amp actionable error messages It also has extensive documentation and developer guides Keras is the most used deep learning framework among the top winning teams on Kaggle Built on top of TensorFlow Keras is an industry strength framework that can scale to large clusters of GPUs or an entire TPU pod MatplotlibMatplotlib is a comprehensive library for creating static animated and interactive visualizations in Python Matplotlib makes easy things easy and hard things possible Create publication quality plots Make interactive figures that can zoom pan update Customize visual style and layout Export to many file formats Embed in JupyterLab and Graphical User Interfaces Use a rich array of third party packages built on Matplotlib Scikit Imagescikit image is an open source image processing library for the Python programming language It comprises a wide collection of algorithms for image processing such as segmentation geometric transformations color space manipulation analysis filtering morphology feature detection and more ImutilsImutils is a series of convenience functions to make basic image processing functions such as translation rotation resizing skeletonization and displaying Matplotlib images easier with OpenCV and both Python and Python SciPySciPy is a free and open source Python library used for scientific computing and technical computing SciPy contains modules for optimization linear algebra integration interpolation special functions FFT signal and image processing ODE solvers and other tasks common in science and engineering PillowPython Imaging Library is a free and open source additional library for the Python programming language that adds support for opening manipulating and saving many different image file formats It is available for Windows Mac OS X and Linux This library provides extensive file format support an efficient internal representation and fairly powerful image processing capabilities The core image library is designed for fast access to data stored in a few basic pixel formats It should provide a solid foundation for a general image processing tool NumPyNumPy is the fundamental package for scientific computing in Python It is a Python library that provides a multidimensional array object various derived objects such as masked arrays and matrices and an assortment of routines for fast operations on arrays including mathematical logical shape manipulation sorting selecting I O discrete Fourier transforms basic linear algebra basic statistical operations random simulation and much more At the core of the NumPy package is the ndarray object This encapsulates n dimensional arrays of homogeneous data types with many operations being performed in compiled code for performance TensorFlowTensorFlow is a free and open source software library for machine learning and artificial intelligence It can be used across a range of tasks but has a particular focus on the training and inference of deep neural networks It is an end to end open source platform for machine learning It has a comprehensive flexible ecosystem of tools libraries and community resources that lets researchers push the state of the art in ML and developers easily build and deploy ML powered applications In this article we discussed the most popular libraries that allow computer vision applications to be deployed and manipulated These libraries are a gold standard for anyone who wants to enter the domain of Computer Vision in Python images cv provide you with an easy way to build image datasets K categories to choose fromConsistent folders structure for easy parsingAdvanced tools for dataset pre processing image format data split image size and data augmentation Visit images cv to learn more	2021-12-21 11:29:18
海外TECH	DEV Community	Loading Animation with CSS only	https://dev.to/devrohit0/loading-animation-with-css-only-4i6n	Loading Animation with CSS onlyHello Everyone Today we are going to create cool loading animation with CSS only So let s get started Our final result will look like thisIn the end of this post I attached Codepen Pen Firstly we have to write some HTML lt body gt lt span gt L lt span gt lt span gt O lt span gt lt span gt A lt span gt lt span gt D lt span gt lt span gt I lt span gt lt span gt N lt span gt lt span gt G lt span gt lt body gt We just created lt span gt and now it s time to write CSS part for this loading animation effect First set margin and padding to margin padding font weight bolder Now set body display flex and justify content center and align items center to center the LOADING word body display flex justify content center align items center height vh background color Now set font size to a desired value and set margin to create some gap inbetween span font size px margin px Now target the individual letter with nth child pseudo selector to animate them Set animation delay of each child to some random value So there is a difference in their timing span nth child color red animation l s linear infinite span nth child color blue animation l s s linear infinite span nth child color green animation l s s linear infinite span nth child color red animation l s s linear infinite span nth child color orange animation l s s linear infinite span nth child color cyan animation l s s linear infinite span nth child color magenta animation l s s linear infinite Create a keyframe to animate them keyframes l transform translateY px transform rotateY deg transform translateY px If we change transform with respect to Y axis to X axis the final result will look like this Codepen I hope you love this post Support me if you can	2021-12-21 11:28:19
海外TECH	DEV Community	Striver's SDE Sheet Journey - #4 Kadane's Algorithm	https://dev.to/sachin26/strivers-sde-sheet-journey-4-kadanes-algorithm-3ga7	Striver x s SDE Sheet Journey Kadane x s AlgorithmHiDevs In the previous post we have solved and understood the Next Permutation problem and in this post we will tackle the next one Kadane s algorithms Kadane s Algorithmsin this problem we have given an integer array nums find the contiguous subarray containing at least one number which has the largest sum and return its sum Example Input nums Output Explanation has the largest sum Example Input nums Output Solutionwe can easily solve this problem using the kadane s algorithms lets discuss Kadane s algorithms step by step step initialize three int variable sum max nums arrSize nums length step run a loop from i to arrSize sum sum nums i if sum gt max then max sum if sum lt then sum step return maxstep endwhy reinitialize sum if sum lt negative sum never contribute to maximum sum so it is better to reinitialize sum to and start adding from next elementbefore coding this algorithm in java have a look at this image for a better understanding of this algo Javaclass Solution public int maxSubArray int nums int sum int max nums int arrSize nums length for int i i lt arrSize i sum sum nums i if sum gt max max sum if sum lt sum return max But how can we know length of the max subarraystart amp end index of the max subarrayelements of the max subarrayso for these we can make two more int variables firstIndex amp lastIndex that store the start amp last index number of the max subarray and then do modification in the step step run a loop from i to arrSize sum sum nums i if sum gt max then max sum lastIndex i if sum lt then sum firstIndex i using firstIndex and lastIndex variables now we can answer the following questions length of the subarray subArrSize lastIndex firstIndexstart amp end index of subarray by using firstIndex and lastIndex variableelements of the max subarray by traversing from firstIndex to lastIndex we can find the elementsJavaclass Solution public int maxSubArray int nums int sum int max nums int arrSize nums length int firstIndex lastIndex for int i i lt arrSize i sum sum nums i if sum gt max max sum lastIndex i if sum lt sum firstIndex i return max Time Complexity️running a for loop from to arrSize so O arrSize will be it s time complexity Space Complexity️the algo is not using any extra space then O will be its space complexity if you like this article please let me in the comment section if you find anything wrong in the post plz correct me Thank you for reading	2021-12-21 11:13:17
海外TECH	DEV Community	DOs and DON'Ts of Web Scraping	https://dev.to/anderrv/dos-and-donts-of-web-scraping-4lnl	DOs and DON x Ts of Web ScrapingFor those of you new to web scraping regular users or just curious these tips are golden Scraping might seem an easy entry activity and it is But it will take you down a rabbit hole Before you realize it you got blocked from a website your code is spaghetti and there s no way you can scale that to another four sites Ever been there I was there years ago ーno shame well just a bit Continue with us for a few minutes and we ll help you navigate through the rabbit hole ️ DO Rotate IPsThe simplest and most common anti scraping technique is to ban by IP The server will show you the first pages but it will detect too much traffic from the same IP and block it after some time Then your scraper will be unusable And you won t even be able to access the webpage from a real browser The first lesson on web scraping is never to use your actual IP Every request leaves a trace even if you try to avoid it from your code There are some parts of the networking that you cannot control But you can use a proxy to change your IP The server will see an IP but it won t be yours The next step rotate the IP or use a service that will do it for you What does this even mean You can use a different IP every few seconds or per request The target server can t identify your requests and won t block those IPs You can build a massive list of proxies and take one randomly for every request Or use a Rotating Proxy which will do that for you Either way The chances of your scraper working correctly skyrocketed with just this change import requestsimport randomurls more URLsproxy list more proxy IPs for url in urls proxy random choice proxy list proxies http f http proxy https f http proxy response requests get url proxies proxies print response text prints or any other proxy IP Note that these free proxies might not work for you They are short time lived DO Use Custom User AgentThe second most common anti scraping mechanism is User Agent UA is a header that browsers send in requests to identify themselves They are usually a long string declaring the browser s name version platform and many more An example for an iPhone Mozilla iPhone CPU iPhone OS like Mac OS X AppleWebKit KHTML like Gecko Version Mobile E Safari There is nothing wrong with sending a User Agent and it is actually recommended to do so The problem is which one to send Many HTTP clients send their own cURL requests in Python or Axios in Javascript which might be suspicious Can you imagine your server getting hundreds of requests with a curl UA You d be skeptical at the very least The solution is usually finding valid UAs like the one from the iPhone above and using them But it might turn against you also Thousands of requests with exactly the same version in short periods So the next step is to have several valid and modern User Agents and use those And to keep the list updated As with the IPs rotate the UA in every request in your code same as above user agents Mozilla iPhone Mozilla Windows more User Agents for url in urls proxy random choice proxy list proxies http f http proxy https f http proxy response requests get url proxies proxies print response text DO Research Target ContentTake a look at the source code before starting development Many websites offer more manageable ways to scrape data than CSS selectors A standard method of exposing data is through rich snippets for example via Schema org JSON or itemprop data attributes Others use hidden inputs for internal purposes i e IDs categories product code and you can take advantage There s more than meets the eye Some other sites rely on XHR requests after the first load to get the data And it comes structured For us the easier way is to browse the site with DevTools open and check both the HTML and Network tab You will have a clear vision and decide how to extract the data in a few minutes These tricks are not always available but you can save a headache by using them Metadata for example tends to change less than HTML or CSS classes making it more reliable and maintainable long term We wrote about exploring before coding with examples and code in Python check out for more info DO Parallelize RequestsAfter switching gear and scaling up the old one file sequential script will not be enough You probably need to professionalize it For a tiny target and a few URLs getting them one by one might be enough But then scale it to thousands and different domains It won t work correctly One of the first steps of that scaling would be to get several URLs simultaneously and not stop the whole scraping for a slow response Going from line script to Google scale is a giant leap but the first steps are achievable There are the main things you ll need concurrency and a queue ConcurrencyThe main idea is to send multiple requests simultaneously but with a limit And then as soon as a response arrives send a new one Let s say the limit is ten That would mean that ten URLs would always be running at any given time until there are no more which brings us to the next step We wrote a guide on using concurrency examples in Python and Javascript QueueA queue is a data structure that allows adding items to be processed later You can start the crawling with a single URL get the HTML and extract the links you want Add those to the queue and they will start running Keep on doing the same and you built a scalable crawler Some points are missing like deduplicating URLs not crawling the same one twice or infinite loops But the easy way to solve it would be to set a maximum number of pages crawled and stop once you get there We have an article with an example in Python scraping from a seed URL Still far from Google scale obviously but you can go to thousands of pages with this approach To be more precise you can have different settings per domain to avoid overloading a single target We ll leave that up to you DON T Use Headless Browsers for EverythingSelenium Puppeteer and Playwright are great no doubt but not a silver bullet They bring a resource overhead and slow down the scraping process So why use them needed for Javascript rendered content and helpful in many circumstances But ask yourself if that s your case Most of the sites serve the data one way or another on the first HTML request Because of that we advocate going the other way around Test first plain HTML by using your favorite tool and language cURL requests in Python Axios in Javascript whatever Check for the content you need text IDs prices Be careful here since sometimes the data you see on the browser might be encoded i e shown in plain HTML as Copy amp paste might not work In some cases you won t find the info because it is not there on the first load for example in Angular io No problem headless browsers come in handy for those cases Or XHR scraping as shown above for Auction If you find the info try to write the extractors A quick hack might be good enough for a test Once you have identified all the content you want the following point is to separate generic crawling code from the custom one for the target site Using Python s requests secondsA playwright with chromium opening a new browser per request secondsPlaywright with chromium sharing browser and context for all the URLs secondsIt is not conclusive nor statistically accurate but it shows the difference In the best case we are talking about x slower using Playwright and sharing context is not always a good idea And we are not even talking about CPU and memory consumption DON T Couple Code to TargetSome actions are independent of the website you are scraping get HTML parse it queue new links to crawl store content and more In an ideal scenario we would separate those from the ones that depend on the target site CSS selectors URL structure DDBB structure The first script is usually entangled no problem there But as it grows and new pages are added separating responsibilities is crucial We know easier said than done But to pause and think matters to develop a maintainable and scalable scraper We published a repository and blog post about distributed crawling in Python It is a bit more complicated than what we ve seen so far It uses external software Celery for asynchronous task queue and Redis as the database How to get the HTML requests VS headless browser Filter URLs to queue for crawlingWhat content to extract CSS selectors Where to store the data a list in Redis def extract content url soup def store content url content def allow url filter url def get html url return headless chromium get html url headers random headers proxies random proxies It is still far from massive scale production ready But code reuse is easy as is adding new domains And when adding updated browsers or headers it would be easy to modify the old scrapers to use those DON T Take Down your Target SiteYour extra load might be a drop in the ocean for Amazon but a burden for a small independent store Be mindful of the scale of your scraping and the size of your targets You can probably crawl hundreds of pages at Amazon concurrently and they won t even notice careful nonetheless But many websites run on a single shared machine with poor specs and they deserve our understanding Tune down your scripts capabilities for those sites It might complicate the code but stopping if the response times increase would be nice Another point is to inspect and comply with their robots txt Mainly two rules do not scrape disallowed pages and obey Crawl Delay That directive is not common but when present represents the amount of seconds crawlers should wait between requests There is a Python module that can help us to comply with robots txt We will not go into details but do not perform malicious activities there should be no need to say it just in case We are always talking about extracting data without breaking the law or causing damage to the target site DON T Mix Headers from Different BrowsersThis last technique is for higher level anti bot solutions Browsers send several headers with a set format that varies from version to version And advanced solutions check those and compare them to a real world header set database Which means you will raise red flags when sending the wrong ones Or even more difficult to notice by not sending the right ones Visit httpbin to see the headers your browser sends Probably more than you imagine and some you haven t even heard of Sec Ch Ua There is no easy way out of this but to have an actual full set of headers And to have plenty of them one for each User Agent you use Not one for Chrome and another for iPhone nope One Per User Agent Some people try to avoid this by using headless browsers but we already shaw why it is better to avoid them And anyway you are not on the clear with them They send the whole set of headers that work for that browser on that version If you modify any of that the rest might not be valid If using Chrome with Puppeteer and overwriting the UA to use the iPhone one you can have a surprise A real iPhone does not send Sec Ch Ua but Puppeteer will since you overwrote UA but didn t delete that one Some sites offer a list of User Agents But it is hard to get the complete sets for hundreds of them which is the needed scale when scraping at complex sites header sets Accept Encoding gzip deflate br Cache Control no cache User Agent Mozilla iPhone User Agent Mozilla Windows more header sets for url in urls headers random choice header sets response requests get url proxies proxies headers headers print response text We know this last one was a bit picky But some anti scraping solutions can be super picky and even more than headers Some might check browser or even connection fingerprinting ーhigh level stuff ConclusionRotating IPs and having good headers will allow you to crawl and scrape most websites Use headless browsers only when necessary and apply Software Engineering good practices Build small and grow from there add functionalities and use cases But always try to keep scale and maintainability in mind while keeping success rates high Don t despair if you get blocked from time to time and learn from every case Web scraping at scale is a challenging and long journey but you might not need the best ever system Nor a accuracy If it works on the domains you want good enough Do not freeze trying to reach perfection since you probably don t need it In case of doubts questions or suggestions do not hesitate to contact us Thanks for reading Did you find the content helpful Please spread the word and share it Originally published at	2021-12-21 11:09:49
海外TECH	DEV Community	Introduction to Web Development	https://dev.to/muthuannamalai12/introduction-to-web-development-5b2g	Introduction to Web DevelopmentI admit it can be intimidating to want to learn web development and to attempt to do so Due to the overload of information the internet provides many people never even give it a try because of the information overload If you re not sure where to start you re in the right place In this article I want to explain to you how to learn and understand web development Together we will take one step at a time What is Web DevelopmentWeb development is basically the creation of website pages ーeither a single page or many pages There are several aspects to it including web design web publishing web programming and database management It is the creation of an application that works over the internet i e websites The word Web Development is made up of two words that is Web It refers to websites web pages or anything that works over the internet Development Building the application from scratch How do Websites Exactly Work When you type a web address into your browser The browser uses the DNS server to find the real address of the server that the website lives onBrowsers send HTTP requests to servers asking them to send a copy of the website to clients as requested TCP IP is used to send this message and all other data between your computer and the server If the server approves the client s request the server sends the client a OK message meaning Sure you can look at that website Here it is and then begins sending the website s files to the browser as small chunks called data packets The browser assembles the small chunks into a complete web page to display What is Front End And Back End Front End The front end of a website is the part that users interact directly with It is also known as the client side of the application It includes everything that Users experience directly text colors and styles images graphs and tables buttons colors and navigation menu Front end development is done using HTML CSS and JavaScript Whenever a website web application or mobile app is opened front end developers implement the structure design behavior and content on the browser screen Among the main goals of the Front End are responsiveness and performance There should be no part of the website that behaves abnormally irrespective of the screen size the developer must ensure that the site is responsive i e that it appears correctly on devices of all sizes Back End The backend of a website is server side The server stores and organizes data and ensures there is no problem on the client end of the web page It is the part of the website that can not be seen or interacted with It is the part of the software that does not have direct contact with users Backend designers develop software components and characteristics that end users can access indirectly through a front end application Besides creating APIs establishing libraries and working with systems without user interfaces the backend also includes scientific programming systems Start by Learning the Basics HTML CSS and JavaScriptThree basic components make every website Those are HTML CSS and JavaScript HTML Hypertext Markup Language HTML is a computer language that makes up most web pages and online applications A hypertext is a text that is used to reference other pieces of text while a markup language is a series of markings that tells web servers the style and structure of a document HTML is not considered a programming language as it can t create dynamic functionality Instead with HTML web users can create and structure sections paragraphs and links using elements tags and attributes CSS CSS stands for Cascading Style Sheets It is a style sheet language that is used to describe the look and formatting of a document written in a markup language It provides an additional feature to HTML It is generally used with HTML to change the style of web pages and user interfaces It can also be used with any kind of XML documents including plain XML SVG and XUL CSS is used along with HTML and JavaScript in most websites to create user interfaces for web applications and user interfaces for many mobile applications JavaScript JavaScript is a scripting or programming language that allows you to implement complex features on web pages ーevery time a web page does more than just sit there and display static information for you to look at ーdisplaying timely content updates interactive maps animated D D graphics scrolling video jukeboxes etc ーyou can bet that JavaScript is probably involved It is the third layer of the layer cake of standard web technologies two of which HTML and CSS we have covered in much more detail in other parts of the Learning Area Code editor You will need a program called a code editor on your computer to work with the three types of files mentioned above The type of coder editor you need depends on the type of code you want to write The different types of code editors available arei Visual Studio Code Visual Studio Code is an open source code editor developed by Microsoft This is probably the closest thing we have to an IDE of all the code editors in our list The program is very robust but it takes a while to launch While using it VS Code is not only quick but it can also handle quite a few interesting tasks such as quick Git commits or opening and sorting through multiple folders ii Sublime Text Sublime Text revolutionized the way code editors work When you click the button it doesn t take much time for your file to be ready for editing The responsiveness of this code editor makes it the best in its class overall Opening a file and making a quick edit may not seem like much of a hassle but the delay can quickly become frustrating iii Codespaces Github s owner Microsoft said it wants the cloud to be the centerpiece of its s vision and here s an example Codespaces a browser based code editor based on Visual Studio Code was released in May There is support for Git repositories extensions and a built in command line interface so you can edit run and debug your applications from any device It s obvious that this allows you to work from anywhere and makes collaboration with other developers easier iv Atom Atom is an open source code editor from GitHub The editor was heavily influenced by Sublime Text in its initial development but has several major differences Atom is free and open source and it integrates seamlessly with Git and GitHub out of the box Atom has historically had performance and stability issues but these have diminished as it has matured While it does launch more slowly than some code editors it s just as reliable and fast once it s running Frameworks to infinity and beyondAfter you know everything you must realize that to build a website you will need to work with frameworks Frameworks are heavily used in real world web development Frameworks are more like add ons to existing languages than they are new languages themselves Frameworks change the rules and syntax of a language a little bit but they save us a lot of time and effort in developing web development codeTo use a framework you will have to install it on your own website files After that you can then add commands on those structures to create the website according to your needs For Example A CSS framework such as Bootstrap for example requires us to write CSS using slightly different rules than regular vanilla CSS This will also limit the amount of customization we can do with CSSWhile Bootstrap has drawbacks we often overlook them because we can create mobile friendly pages faster and with less effort with itSo that was all about the basics of web development Conclusion Before you leave there are some things you should keep in mind Please do not get overwhelmed In beginning you will not understand everything that is okayTake notes on syntax theory concept and everythingTry to solve the bug by yourselfDo not try to learn everything at once In the end you ll be back at square one Trust me that s not what you want Keep your patience and don t jump from one video tutorial after another I encourage you to skim through a few but please choose only one to learn from From my end that s all I have to say Oh Last but not least I wish you the best of luck You can now extend your support by buying me a Coffee Thanks for Reading	2021-12-21 11:02:45
海外TECH	DEV Community	Introduction to Expressjs	https://dev.to/nmurgor/introduction-to-expressjs-4je7	Introduction to Expressjs IntroductionIn this blog article we ll learn how to set up express and run an http server instance using the express library Expressjs is a non opinionated library for setting up an http server for a REST api or web backend Express never puts restrictions on how to set up your project Express is very lean with no third party libraries preinstalled This makes Express powerful because express is easily extesible using middlewares Middlewares are functions that have access to the request and response objects Middlewares intercept requests to your application and can check validate modify or read values from the request and response objects With that said let s set up a simple Expressjs application create a new projectTo create a new project run the following command to create a new directory and initialize a project You may create the directory manually by going inside the directory create a New folder give the folder a name then using Powershell run npm init y to initialize the project mkdir express introcd express intro initialize a Nodejs projectnpm init yThis creates an empty Nodejs project with a package json file that will hold project metadata and scripts Install expressInstall express dependency from npmnpm i express Create app jsCreate a file named app js the name does not have to be app js you can choose any meaningful name for the file Import the express dependency const express require express Initialize your applicationconst app express Declare a port which the http server will listen for requests onconst PORT process env PORT Ideally we d want to read the value of PORT off process env PORT if not available use This is good practice so that we don t run into issues in productioncreate a routeA route maps to a resource on the http server tha we will run using express on a seperate line app get hello world req res gt res send hello word run the http server on PORT app listen PORT gt console log app runinng at port PORT Download project code here intro to expressThis route will map to hello worldVisiting this route on the browser ExplanationWhen we visit the hello world route we initiate a GET request to our http server When the request reaches the server the get method is called on our app instance passing in the hello world route name and a callback function that has access to request and response objects Inside the callback nothing special happens we send back a response to complete the request response cycle This is a a sequel to tutorial serries on the Expressjs framwork We shall cover the following areas Setting up expressRoutingMiddlewaresSecurity practices SummaryExpress supports more http verbs such as POSTPATCHDELETEFound this article helpful you may preorder Modern JavaScript Primer to improve and help better understanding of Modern JavaScript Merry Christmas	2021-12-21 11:02:37
Apple	AppleInsider - Frontpage News	Apple begins trial production of iPhone 13 in India	https://appleinsider.com/articles/21/12/21/apple-begins-trial-production-of-iphone-13-in-india?utm_medium=rss	Apple begins trial production of iPhone in IndiaApple is trialling an expansion to the range of iPhones it manufactures in India with the company starting a program of producing the iPhone at Foxconn s Chennai plant Despite protests over food poisoning at the Foxconn factory near Chennai the manufacturer is reportedly not only able to continue production but also to expand it The move follows previous attempts to produce more iPhones in India and the problems that has caused with China According to India s The Economic Times trial production of the iPhone has begun in the factory Reportedly Apple intends to move from a trial to full commercial production of the model by February Read more	2021-12-21 11:40:40
海外TECH	Engadget	Three and EE will offer 4G and 5G access across London Underground	https://www.engadget.com/three-ee-london-underground-114010662.html?src=rss	Three and EE will offer G and G access across London UndergroundBritish mobile providers Three and EE are the first networks to reach an agreement regarding G and G coverage across the whole London Underground The carriers have reached a deal with infrastructure provider BAI Communications which is currently building out a network across the Tube as part of a year concession with Transport for London Three s and EE s deal will give customers access to mobile data within the stations and while on the Tube London Mayor Sadiq Khan said in a statement quot I m delighted to see Three and EE sign up as the first operators to provide full high speed G access across the tube network This will make a huge difference to passengers allowing them to make calls read emails and check travel information while on the move Investing in London s connectivity and digital infrastructure is one important way we are helping to stimulate our city s economy It also represents a significant step towards ensuring the whole tube network has G ready mobile coverage quot London s Underground network has offered WiFi connectivity for almost a decade but it s only available to customers of certain carriers on certain platforms Earlier this year Transport for London chose BAI Communications to build out a mobile network spanning all stations and tunnels allowing commuters to check emails watch videos and do everything else online on G or G even while they re inside metal tubes underground nbsp BAI has already started building the network at some of London s busiest stations including Oxford Circus Tottenham Court Road Bank Euston and Camden Town They ll be the first to allow G and G connectivity by the end of City authorities expect the network to be completed and for the whole of London Underground to have mobile coverage by the end of	2021-12-21 11:40:10
海外TECH	Engadget	Tesla's holiday update adds TikTok and 'Sonic' to its infotainment system	https://www.engadget.com/tesla-holiday-update-tiktok-sonic-110149488.html?src=rss	Tesla x s holiday update adds TikTok and x Sonic x to its infotainment systemTesla s big holiday update for the year has started making its way to the automaker s fleet of electric vehicles and it adds quite a large list of improvements and new features For those addicted to scrolling on TikTok perhaps the biggest addition is the TikTok app on Tesla Theater According to the update notes posted by Electrek they ll now be able to scroll the platform s short form videos ーon repeat if they want ーright on their vehicle s screen so long as their car is parked nbsp In Toybox owners will now also find the Light Show feature that Tesla introduced as an Easter Egg on the Model X back in For the Model X a choreographed light show includes both flashing lights and opening falcon wing doors but other models will have to make do with the former Tesla has made its app launcher customizable letting owners drag and drop their favorite apps onto the bottom menu bar It s also simplifying navigation to make most the common primary controls such as charging and windshield wipers easier to access To automatically see a live camera view of their blind spot when they activate their turn signal drivers can activate the new quot Automatic Blind Spot Camera quot option under Autopilot in Controls Plus drivers can now edit Waypoints to add stops or to initiate new navigation routes with updated arrival times The holiday bundle has updates that fit the season as well including automatic seat heating that can regulate the front row seat temperatures based on the cabin environment along with other cold weather improvements nbsp In addition drivers can now delete dashcam clips directly from the touchscreen and hide map details to remove distractions if they want Finally in the entertainment department Tesla has added Sonic the Hedgehog and Sudoku to its Arcade ーthough we strongly suggest playing any Arcade game only while parked Earlier this month The New York Times reported that Tesla allowed drivers to play some games in moving cars a concern that the National Highway Traffic Safety Administration is discussing with the company The agency told Engadget in a statement quot Distraction affected crashes are a concern particularly in vehicles equipped with an array of convenience technologies such as entertainment screens We are aware of driver concerns and are discussing the feature with the manufacturer quot	2021-12-21 11:01:49
ニュース	BBC News - Home	Covid: Firms urge PM for clarity on restrictions over Christmas	https://www.bbc.co.uk/news/uk-59736716?at_medium=RSS&at_campaign=KARANGA	cabinet	2021-12-21 11:17:09
ニュース	BBC News - Home	Immensa: Month delay before incorrect Covid tests halted	https://www.bbc.co.uk/news/uk-england-somerset-59730888?at_medium=RSS&at_campaign=KARANGA	september	2021-12-21 11:14:01
ニュース	BBC News - Home	Malaysia: Death toll rises after massive floods	https://www.bbc.co.uk/news/world-asia-59723341?at_medium=RSS&at_campaign=KARANGA	floodsat	2021-12-21 11:14:38
ニュース	BBC News - Home	Downing Street gatherings: What were the Covid rules at the time?	https://www.bbc.co.uk/news/uk-politics-59577129?at_medium=RSS&at_campaign=KARANGA	civil	2021-12-21 11:11:07
ニュース	BBC News - Home	Omicron: Will schools be open in January?	https://www.bbc.co.uk/news/education-51643556?at_medium=RSS&at_campaign=KARANGA	christmas	2021-12-21 11:50:37
ビジネス	ダイヤモンド・オンライン - 新着記事	NJS（2325）、4期連続となる「増配」を発表して、 配当利回り3.4％に！ 年間配当は4年で1.6倍に増加、 2021年12月期は前期比10円増の｢1株あたり65円｣に - 配当【増配・減配】最新ニュース！	https://diamond.jp/articles/-/291520		2021-12-21 21:00:00
LifeHuck	ライフハッカー［日本版］	形はそのままコンパクトサイズに！ 大人のランドセル型スリングバッグを使ってみた	https://www.lifehacker.jp/2021/12/247673-machi-ya-ranselslingbag-review.html	頑丈	2021-12-21 21:00:00
サブカルネタ	ラーブロ	旭川ラーメン 山頭火 動物園通り店 しお篇	http://ra-blog.net/modules/rssc/single_feed.php?fid=194767	旭川ラーメン	2021-12-21 11:09:01
北海道	北海道新聞	ＰＣＢ受け入れ「説明責任果たせ」　室蘭などの３３団体が市に抗議	https://www.hokkaido-np.co.jp/article/625793/	受け入れ	2021-12-21 20:13:00
北海道	北海道新聞	新千歳にＰＣＲ検査センター　２５日に開設　道内空港で初	https://www.hokkaido-np.co.jp/article/625790/	木下グループ	2021-12-21 20:10:40