投稿時間:2021-11-25 18:43:01 RSSフィード2021-11-25 18:00 分まとめ(66件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
TECH	Engadget Japanese	ディズニープラス12月の新作発表 スター・ウォーズ『ボバ・フェット』ほか多数	https://japanese.engadget.com/disney-plus-dec-2021-highlights-boba-fett-star-wars-083050104.html		2021-11-25 08:30:50
TECH	Engadget Japanese	今回もお買い得機に？ Pixel 6a(仮)のSoCはTensorを継続、カメラ含む一部仕様が判明か	https://japanese.engadget.com/pixel-6-a-camera-so-c-080948563.html	togoogle	2021-11-25 08:09:48
ROBOT	ロボスタ	アイリスオーヤマ 清掃ロボット「Whiz i アイリスエディション」を南相馬市立原町第三小学校に導入 共用部と体育館を中心に稼働	https://robotstart.info/2021/11/25/whiz-i-iris-edition-shool.html	whizi	2021-11-25 08:46:16
IT	ITmedia 総合記事一覧	[ITmedia News] 「楽天カード」デザイン刷新　カード番号、表面から消える	https://www.itmedia.co.jp/news/articles/2111/25/news158.html	itmedia	2021-11-25 17:25:00
IT	ITmedia 総合記事一覧	[ITmedia News] タクシー配車「Uber Taxi」　ドライバーにチップを贈れる新機能	https://www.itmedia.co.jp/news/articles/2111/25/news152.html	itmedia	2021-11-25 17:04:00
python	Pythonタグが付けられた新着投稿 - Qiita	【Django】一つのviewに対して二つのurlを対応させる	https://qiita.com/masaoguchi/items/fd60b272f72f502aae4b	【Django】一つのviewに対して二つのurlを対応させるはじめにDjangoプロジェクトを開発する際に「このページのURLのパターンが二つ欲しいな」と思う場面がありました自分なりにやってみたところ現状うまくいってるのでご紹介しますどんな状況で複数のurlを対応させる必要があるのか「そもそもそんな機能を実装することあるの」と思う方もいらっしゃると思いますなので私がこの機能を実装したいなと考えたきっかけとなる状況を簡単に共有します私が開発していたプロジェクトではアプリケーション上に地図を表示するもの以下地図表示ページがありましたそのページでは対象の人などの位置情報を更新する必要があり私は定期的にこのページを自動リロードさせることでその更新を実現していましたプロジェクト内の別ページからこの地図表示ページにアクセスする場合は表示する地図座標は設定してあるデフォルト値で問題ないのですが地図表示ページがリロードされたときにも毎回デフォルト座標に戻されてしまうと、「うざい」って感じますよね。	2021-11-25 17:59:07
python	Pythonタグが付けられた新着投稿 - Qiita	SIGNATEの練習問題をやってみた　パート１	https://qiita.com/moritakuya040/items/6b55f86c5f0889449c80	説明変数が多くなっても正答率が変わらないので最初の個でうまく行くのではないか説明変数が少なくてもある程度のものが表現されていそう。	2021-11-25 17:55:11
python	Pythonタグが付けられた新着投稿 - Qiita	コロナウイルスの日ごとの死者数をグラフ化	https://qiita.com/eiraku/items/63856f8cd9e50a86e40a	コロナウイルスの日ごとの死者数をグラフ化厚生労働省オープンデータの死亡者数累積から日々の死亡者数のグラフをgooglecolaboratoryで作成厚生労働省のオープンデータには累積の死亡者数しかなかったので日ごとの死者数を算出してグラフ化してみました。	2021-11-25 17:50:39
python	Pythonタグが付けられた新着投稿 - Qiita	Docker上でのStreamlitの使用方法【Windows 10】	https://qiita.com/momo10/items/225ea3ee01a55dc5c27e	importstreamlitasststtitleHelloWorldターミナルでPythonファイルを実行してみます。	2021-11-25 17:40:51
python	Pythonタグが付けられた新着投稿 - Qiita	実社会でデータサイエンティストに求められているもの。	https://qiita.com/He110w0r1d/items/054f988e9a9b01c46572	言い換えればそれ以外の場合、それ以上の専門性プログラミング、数学、ビジネスが必要な場合でデータサイエンティストの出番となるわけです。	2021-11-25 17:22:37
js	JavaScriptタグが付けられた新着投稿 - Qiita	InDesign用連続置換スクリプト（プログレスバー付き）	https://qiita.com/mori_taksi/items/b2d5d63a13adb1a3363c	InDesign用連続置換スクリプトプログレスバー付き『InDesignのスクリプト配給所』からいただいた「連続文字置換用スクリプトjsx」から古いバージョン用のコードを外し、『AdobeSupportCommunity』の記事「Progressbarscriptrunning」からwillcampbellさんの例を組み込んでみた。	2021-11-25 17:49:17
js	JavaScriptタグが付けられた新着投稿 - Qiita	Webの勉強はじめてみた その3	https://qiita.com/mybrother_jake/items/dbbf7f6bae90fbe7c483	Webの勉強はじめてみたその今日はコマ受講しました。	2021-11-25 17:47:12
js	JavaScriptタグが付けられた新着投稿 - Qiita	既存の自作scriptを簡単にChrome拡張機能にするためのテンプレートを作った	https://qiita.com/kazhashimoto/items/6481280693845e2fca48	javascriptfunctionoptionsactivestorageに保存されたオプションがない場合、のscriptに渡されるoptionにはプリセット値上記で初期化した値が入っています。	2021-11-25 17:34:49
js	JavaScriptタグが付けられた新着投稿 - Qiita	YOUのボイスはジャニーズっぽい！ #音声認識 #ジャニーズ	https://qiita.com/kk_puruzera/items/b1f995d88511f27fd0aa	でもせめて「っぽい」と判定されてちょっとだけテンションあげませんかTeachableMachineの音声認識を利用して、「ボイスVOICE」を「っぽいっす」と判定するので、『POICE』ポイスと名付けました。	2021-11-25 17:02:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	M5STACKCORE2の文字表示について	https://teratail.com/questions/370978?rss=all		2021-11-25 17:56:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	AWS S3 に画像が保存されない。	https://teratail.com/questions/370977?rss=all	AWSSに画像が保存されない。	2021-11-25 17:52:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	playerprefsからデータ取得、そしてJSONで保存したい	https://teratail.com/questions/370976?rss=all	playerprefsからデータ取得、そしてJSONで保存したいやりたいこと今、playerprefsを使い複数のデータを保存しています。	2021-11-25 17:51:52
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	過去1か月の購入金額の合計を追加したい	https://teratail.com/questions/370975?rss=all	uidday	2021-11-25 17:49:56
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	[Nextjs] getStaticPaths() の paths に値が渡せない？	https://teratail.com/questions/370974?rss=all	WordpressとNextの組み合わせでブログサイトを作成しています。	2021-11-25 17:46:04
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Python tkinterでのデフォルトボタン背景色の取得について教えてください	https://teratail.com/questions/370973?rss=all	Pythontkinterでのデフォルトボタン背景色の取得について教えてください初めましてラズパイを利用して無線機の操作状態読み出しGPSセンサーを用いて測位、PCとつないでこれらのデータのやりとりやコントロールプログラムを作成しております。	2021-11-25 17:20:17
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	wordpress front-page.php にメインループが表示できない。	https://teratail.com/questions/370972?rss=all	「ブログ」はwordpressの「投稿」機能より記事を作成しており、メインループで記事一覧を取得。	2021-11-25 17:17:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ハンバーガーメニュー背景にfixed指定するとトップに戻る	https://teratail.com/questions/370971?rss=all	ハンバーガーメニュー背景にfixed指定するとトップに戻る先ほど解決したと思ったのですが、一部わからない部分がありました。	2021-11-25 17:10:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	MySQLのorder by句で条件を指定する	https://teratail.com/questions/370970?rss=all	MySQLのorderby句で条件を指定するMySQLのordernbspby関数は不等号の検索条件を指定できませんでしょうか。	2021-11-25 17:06:36
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	webpackエラー	https://teratail.com/questions/370969?rss=all	webpackエラー前提・実現したいことwebpackでejsをコンパイルしようとしたのですが下記エラーがでてしまいます。	2021-11-25 17:03:39
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	VirtualBoxのUbuntuインストールで画面が見切れて困ったときは	https://qiita.com/baggio/items/06e4132e5e0693c4b7ce	VirtualBoxのUbuntuインストールで画面が見切れて困ったときはUbuntuインストール画面。	2021-11-25 17:17:17
AWS	AWSタグが付けられた新着投稿 - Qiita	mysqlのパスワードを変える方法	https://qiita.com/eito1011/items/1708a477e8c822415a7c	mysqlのパスワードを変える方法背景AWSのECにデプロイするためにmysqlに入ろうとしたがパスワードが間違っていて入れず、パスワードを思い出すこともできなかったので再設定しました。	2021-11-25 17:33:01
AWS	AWSタグが付けられた新着投稿 - Qiita	実社会でデータサイエンティストに求められているもの。	https://qiita.com/He110w0r1d/items/054f988e9a9b01c46572	言い換えればそれ以外の場合、それ以上の専門性プログラミング、数学、ビジネスが必要な場合でデータサイエンティストの出番となるわけです。	2021-11-25 17:22:37
AWS	AWSタグが付けられた新着投稿 - Qiita	CloudFront の プロトコル設定	https://qiita.com/gorooe/items/54759484f246e1413c06	HTTPのみHTTPSのみマッチビューワー例えば、HTTPを選択するとクライアントからHTTPSでアクセスが来てもCloudFrontからオリジンへのアクセスはHTTPを使用する。	2021-11-25 17:16:28
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker上でのStreamlitの使用方法【Windows 10】	https://qiita.com/momo10/items/225ea3ee01a55dc5c27e	importstreamlitasststtitleHelloWorldターミナルでPythonファイルを実行してみます。	2021-11-25 17:40:51
Docker	dockerタグが付けられた新着投稿 - Qiita	dockerネットワークについて調べる〜ネットワークの種類	https://qiita.com/keishi04hrikzira/items/d6ae264b8740e6484685	作成されたコンテナのネットワーク設定Dockerはデフォルトでつのネットワークを保有しており、それぞれのネットワーク名やネットワークタイプについては以下のようになっている。	2021-11-25 17:23:32
golang	Goタグが付けられた新着投稿 - Qiita	Golang + EchoでJWTを使ってみる	https://qiita.com/gs1068/items/7dc95a21eb6611714855	resultdbTableusersFindampuseremailemail上記でユーザーが取得できた場合、ユーザー作成時にFIrebaesUidをハッシュ化したUidDigestを基にログイン時に取得したFirebaseUIDを比較します。	2021-11-25 17:25:33
Azure	Azureタグが付けられた新着投稿 - Qiita	【Azure DevOps】Azure BoardsとAzure Reposを用いて課題立て, ソース管理をやってみた！	https://qiita.com/Ooooooomin_365/items/d9f59dabec938eb3c022	【AzureDevOps】AzureBoardsとAzureReposを用いて課題立てソース管理をやってみたはじめに次に参画予定のお客様先ではソースコード管理にAzureDevOpsを使用していると聞いたので復習がてら触ってみました以前の現場ではBacklogを用いており、課題を立てて、Backlogのリモートリポジトリとその課題を関連付けて管理するという手法だったのでAzureDevOpsでも同じようにその流れをやってみようと思います。	2021-11-25 17:44:32
Ruby	Railsタグが付けられた新着投稿 - Qiita	DBに保存できないデータを受け取るとき	https://qiita.com/shoki_312/items/3053d74ab2ee38ae58b8	rbattraccessor	2021-11-25 17:03:14
技術ブログ	Developers.IO	Amazon Connect API で TooManyRequestsException のスロットリングエラーが発生する場合の対処方法	https://dev.classmethod.jp/articles/tsnote-how-to-workaround-toomanyrequestsexception-throttling-error-with-amazon-connect-api/	amazonconnectapi	2021-11-25 08:36:10
海外TECH	DEV Community	How to become a Frontend Developer in 2022	https://dev.to/javinpaul/how-to-become-a-frontend-developer-in-2022-4k0h	How to become a Frontend Developer in Disclosure This post includes affiliate links I may receive compensation if you purchase products or services from the different links provided in this article Hello Devs If you want to become a frontend developer in and wondering what you should learn to become a professional web developer in but is not sure about which technologies tools framework languages and libraries to learn then you have come to the right place In this article I am going to share some of the most essential things a frontend developer should know Being an author of a technical blog I often receive questions like what tools and technologies should a web developer learn Which programming languages are suitable for web development and what skills are necessary I am going to answer all those questions from my reader in a series of blog posts and this is the first one of them In this article I am going to share the most essential things a web developer should know which obviously includes the big three of Web development HTML CSS and JavaScript and several other useful tools that are essential but not mentioned or taught together If you are looking for surprises or shiny new technologies like Svelte js or WebAssembly then I am sorry they are not part of this article as I don t think they are essential for all web developers They might be good for a seasoned web developer looking to learn a new JavaScript framework but not something a beginner should learn Instead this article is based upon my own practical experience and contains the most essential thing a Web developer should learn in mainly a frontend developer Btw if you are an experienced web developer then I don t want to disappoint you and I ll write about those new technologies frameworks and libraries in the coming days and there we ll see the benefits and wonders of learning new things but for now let s focus on the most essential thing a Web developer should learn in Which skills you can learn to become a frontend developer in Here are the essential skills you can learn to become a frontend developer in The list includes essential technologies programming languages tools libraries and frameworks I have also shared resources and online courses to learn these essential frontend development skills This list includes programming languages like JavaScript markup language like HTML styling tools like CSS a framework like React IDE like VSCode tools like Chrome Developer Tools NPM and Webpack and REST API tools like Postman and GraphQL a better way to develop APIs I have also included Responsive web design as a skill because in it s almost given if you want to serve all of your audience accessing your website or web application using different devices HTMLThis is the first and foremost thing anyone serious about web development should learn It s probably the oldest web technology out there and also the first one I learned long ago but it s still relevant and you just cannot become a Web Developer without a good knowledge of HTML Technically it s a markup language and used to specify the structure of your page Nowadays it s very rare for anyone to create a web page by writing HTML Instead most of the webpage you see is generated by an advanced framework like Angular and React Still if you want to understand debug and solve problems you must know essential HTML tags like div span title headers etc Even if you know HTML there is no harm in updating yourself with the latest development and if you want to start from scratch I suggest you join the Learn HTML Programming from Scratch course on Udemy It also covers CSS which we ll discuss next in the list CSS Flexbox and GridApart from HTML if there is another irreplaceable web technology is then it must be CSS or Cascading Style Sheet CSS is used to style your web page I mean to make it look more beautiful You can also use CSS to specify the layout of the element Just like HTML it s scarce now to style your web pages by writing CSS classes by hand instead of many people and the team using a framework like Bootstrap Tailwind CSS Materialize etc Like HMTL CSS is also evolving and now you have things like Flexbox and Grid Since it s absolutely essential for any project you work on to look more beautiful you have to learn CSS If you are a beginner I suggest you start with barebone CSS and then move on to these new developments like Flexbox and Grid If you need a resource I recommend Advanced CSS and Sass Flexbox Grid Animations and More Course which not only covers CSS from scratch but also teaches you Flexbox and Grid which is going to serve you well in JavaScriptThis is the third most essential thing any Web developer should learn in fact without JavaScript the Web would not have been where it is today When I learned JavaScript people told me that it put life in your webpage it can make your webpage interactive Like you can do things when someone clicks buttons you can change animations and look and feel of your webpage when the user moves the mouse etc All those are still true but JavaScript now offers much more In fact you can develop a complete web application end to end just using JavaScript It has evolved from an essential frontend programming language to a full stack language which also allows you to write backend code This was made possible by Nodejs another necessary framework for web developers The bottom line is JavaScript is absolutely a must for any Web Developer both frontend and backend and you should definitely spend some time learning JavaScript in If you need a resource I recommend The Complete JavaScript Build Real Project class by Jonas Schmedtmann on Udemy which is a great course to learn JavaScript in depth It s equally useful for both beginners and experienced Web Developers By the way JavaScript is still evolving and now we have things like WebAssembly which allows you to run code as fast as C C and Rust in your browser React jsAs I have mentioned in the previous paragraph that Web Development particularly frontend development has come a long way in the last decade Now you don t need to write HTML and CSS to create your webpages like many other web developers and I have done in the late nineties and early s Now you have a framework like React which can dynamically generate web pages for you That s why a web developer needs to learn a frontend framework like React If you want to learn to React in and looking for a recommendation I suggest you join Maximilian s The Complete React Guide with Hooks course which is the most up to date and also covers React Hooks an essential concept to master in Btw React is not the only one out there in fact there are many other frontend frameworks that are as powerful as React like Angular Vuejs Svelete js but I recommend React because it has adopted by many companies both small and large and I think it is here for a long run Responsive Web DesignThis is a no brainer but again an essential thing to learn for Web developers If you want to develop a website or web application it must be responsive to cater to your audiences and customers accessing your site from different devices Responsive web design allows you to best present your website depending upon the size of the tools your users are using I have seen many frontend developers not paying attention to this essential skill don t be one of them and learn Responsive web design Most likely it will be handled for you by a framework but knowing how it works is essential to troubleshoot and maintain your web project If you want to learn Responsive Web design in I suggest you take a look at Jonas Schmedtmann s Build Responsive Real World Websites with HTML and CSS course on Udemy NPM Node Package Manager Now that we have covered the most essential programming language and framework for frontend development it s time to look at essential tools or web development and first one of them is NPM If you don t know now you don t need to write code for everything you need For example if you want to generate dynamic web pages you don t need to write a framework someone else has already written and you can just import them to use in your project All this was made possible because of NPM or Node Package Manager It s the world s biggest software registry and hosts more than code packages Technically NPM is a package manager of the JavaScript programming language It is also the default package manager of Node js which provides a JavaScript runtime environment for server side development It consists of a command line client called npm for downloading those modules and also hosts both public and private packages online You generally learn about NPM when you learn nodejs but even if you don t know node you should learn NPM If you need a resource I recommend Andrea Mead and Rob Percival s The Complete Node js Developer Course on Udemy one of my favorite courses to learn Nodejs from scratch VSCodeWhen it comes to code the IDE is your most important tool and as a Java developer I always feel lucky that we have not one but three top class IDE Eclipse NetBeans and IntelliJIDEA For a long when I do web development I think we don t have any tools which can compete with IDEs like these No doubt that you can use them for web development too but it makes more sense for Web developers who use Java in the backend Microsoft VSCode changed that thing and has come along as the most potent IDE or Editor for Web Development Compared to those fat IDEs VSCode is also very lightweight and highly configurable You have plugins for almost anything from developing frontend to connecting to a cloud like AWS Azure and GCP and deploying your application If you want to become a proficient Web Developer in I suggest you learn VSCode in and if you already know just learn more like shortcuts new extensions etc If you need a resource then John Papa s The Visual Studio Code course on Pluralsight is the best one to start with Chrome Developer ToolsThis is another essential tool for Web Developers particularly frontend developers For a long time I relied on the View Page Source option of Internet Explorer to figure out what s going on on a particular web page it s an old story but things have changed ever since Chrome took the market by storm in the last decade Now almost Web is browsed using Chrome Many web developers don t know that Chrome has a built in debugging tool know as Chrome Developer Tool You can access this by right clicking and clicking on Inspect This tool not only allows you to see raw HTML but also CSS JavaScript libraries and much more You can even change the CSS classes on the fly and play with look and feel I strongly recommend you to learn this tool in depth and if you need a resource I recommend D evTools Pro Beginners to Expert course on Udemy It s a good beginner level course to start with the Chrome Developer tool PostmanThis is another absolutely must know tool for Web Developers Since today s Web world is a Web of APIs you need a tool that can help you to explore APIs and there is no better tool than Postman for interacting with APIs You can use Postman to send HTTP requests access APIs check their response header and do much more It doesn t matter if you connect to internal API or external APIs offered by Google Facebook Amazon and many other payment gateways Postman is essential for exploring and understanding them It s also an excellent tool to test your own APIs You can get Postman as a Chrome extension or a desktop client Again I strongly recommend you to learn Postman if you need a resource check out this Postman Complete Guide REST API Testing course by Valentin Despa on Udemy GraphQLAs you know most of the Web is driven by APIs mainly REST APIs One of the crucial jobs for a web developer is to either develop APIS as a backend developer or consumer those APIs as a frontend developer In both cases you need to know how to interact with them While REST is an easy and accessible way for developing APIS it has some shortcomings for any practical web application like too many end points to maintain and unwanted data to download and process GraphQL addresses that problem and it s already powering the next level of APIs development If you want to stay ahead of the curve I recommend you to learn GraphQL in and if you need a resource I suggest you take a look at the GraphQL with React The Complete Guide course by none other than Stephen Grider one of Udemy s best instructor That s all about how to become a frontend developer in These are the essential technologies for any web developer but particularly frontend developers There is a good chance that you already be familiar with many of these technologies like the big three of web development HTML CSS and JavaScript Still they keep evolving like CSS now have FlexBox and Grid JavaScript has ES and WebAssembly etc Spending some time keeping yourself up to date will go a long way in becoming a better web developer In this article I have tried to mention the most essential things but as a Web developer you also need to learn a lot I don t want to overwhelm you but things like HTTP SSL Certificates are also essential If you re going to in more detail I also recommend you check the following Web Developer RoadMap which includes a lot more things a Web Developer should learn Other Web Development Articles you may like Top Courses to learn Web Development The Frontend and Backend Developer RoadMap Free Courses to learn React Hooks and Context API Programming languages You can Learn in The DevOps Engineer RoadMap Best Courses to become a full stack web developer Frameworks Java and Web Developer should learn The Java Developer RoadMap Top courses to learn Nodejs for Beginners Free Courses to learn TypeScript in Things Java Programmer Should Learn in My favorite courses to learn the Angular framework Best JavaScript Courses for Beginners and Experienced Top Java Frameworks to Learn in Reasons to Learn Python in Top Courses to learn HTML and CSS in JavaScript Frameworks and Libraries to learn in Thanks for reading this article so far If you find these essential frontend technologies tools and libraries useful please share them with your friends and colleagues If you have any questions or feedback then please drop a note If you have any other tools technologies frameworks libraries and skills which a Web developer should learn feel free to drop a comment P S If you are a complete beginner not just for web development but also in the programming world but aim to become a web developer in then I also suggest you join The Complete Web Developer in Zero to Mastery course on Udemy It s one of the comprehensive and most up to date resources to learn Web development in	2021-11-25 08:50:05
海外TECH	DEV Community	Emmet Crash Course!	https://dev.to/ziratsu/emmet-crash-course-gjm	Emmet Crash Course Hey fellow creators Let s boost your productivity with Emmet Originally Emmet was an extension that s become so popular it s now been integrated into VS Code and other code editors It s simply a shortcut extension that s very useful Let s learn the most useful shortcuts If you prefer to watch the video version it s right here Create a div with a class The first and most used shortcut will be the dot It will allow you to create a div with a class quickly For instance write box and then press tab enter on your keyboard this will create the following line of code box lt div class box gt lt div gt By default it will assume that you want a div You can also write div box and then press tab enter which will do the same thing But that means that you can also create another tag with a class for instance li box will create li box lt li class box gt lt li gt You can also create a div with multiple classes by writing for instance div box square circle and then pressing tab enter div box square circle lt div class box square circle gt lt div gt Create a div with an ID The way to create a div with an ID with Emmet is pretty similar instead of a dot you simply need to use a hashtag So write myElement and press tab enter and the following div will be created myElement lt div id myElement gt lt div gt You can also mix the class and the id by writing for instance div id box lt div id id class box gt lt div gt How to create multiple divs at the same time In order to create a div with the same classname multiple times quicker than before you can simply write box for instance which will create six divs with the class name box box lt div class box gt lt div gt lt div class box gt lt div gt lt div class box gt lt div gt lt div class box gt lt div gt lt div class box gt lt div gt lt div class box gt lt div gt You can add some text content If you already know what your tag s content will be you can simply write it in between curly braces for instance writing h Hello World and pressing tab enter will create h Hello World lt h gt Hello World lt h gt Get the index In order to have an index you can type h and press tab enter which will create h lt h gt lt h gt lt h gt lt h gt lt h gt lt h gt lt h gt lt h gt lt h gt lt h gt lt h gt lt h gt Play with the index in your classes By typing p txt and pressing tab enter you ll create an index with the same class p txt lt p class txt gt lt p gt lt p class txt gt lt p gt lt p class txt gt lt p gt lt p class txt gt lt p gt lt p class txt gt lt p gt lt p class txt gt lt p gt The dollar symbol will symbolise the index every time Create nested elements Write parent gt child and press tab enter to create nested elements parent gt child lt div class parent gt lt div class child gt lt div gt lt div gt It is very useful when you want to create a list or a form for example Let s create a complex nested example together Let s say you want to create a container with a ul list within which you ll have six li elements all of which will have the same class name Try it yourself first lt div class container gt lt ul class list gt lt li class item gt lt li gt lt li class item gt lt li gt lt li class item gt lt li gt lt li class item gt lt li gt lt li class item gt lt li gt lt li class item gt lt li gt lt ul gt lt div gt Here s the solution type container gt ul list gt li item and press tab enter Create something at the same level instead of nested Use the sign to create two divs at the same level box box will create box box lt div class box gt lt div gt lt div class box gt lt div gt Go one level up It s useful if you want to create a nested element followed by a simple div for instance In order to do that you need to use like so container gt child container lt div class container gt lt div class child gt lt div gt lt div gt lt div class container gt lt div gt You can also group things up Let s imagine that inside of your container you want a list with li elements but then you want to go up with a paragraph You can therefore do it like this container gt ul gt li p lt div class container gt lt ul gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt lt li gt lt ul gt lt div gt lt p gt lt p gt Create a full doctype quickly To create a doctype very quickly you just need one key and that s an exclamation point Type and then press tab enter and voila tab enter lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF gt lt meta http equiv X UA Compatible content IE edge gt lt meta name viewport content width device width initial scale gt lt title gt Document lt title gt lt head gt lt body gt lt body gt lt html gt Create any element with its name You can simply write an element s name and then press tab enter and it ll create said element Some elements even come with attributes that you can then change however you need For instance by typing input and pressing tab enter you ll have the following code lt input type text gt The same goes for textarea form img a etc lt textarea name id cols rows gt lt textarea gt lt form action gt lt form gt lt img src alt gt lt a href gt lt a gt As you can see you ll now be able to gain many precious seconds in your coding time Here s the full crash course Come and take a look at my Youtube channel See you soon Enzo	2021-11-25 08:25:29
海外TECH	DEV Community	Supercharge Your Node Productivity With Debugging	https://dev.to/ciphercode/debug-a-nodejs-express-app-with-vscode-2bh2	Supercharge Your Node Productivity With Debugging IntroductionThis tutorial will show you how to debug a NodeJS express app using Visual Studio Code You don t need to be a node expert to do debugging beginner level knowledge is all thats required Why you should use a real debugger instead of console log Back when I was a mid level engineer at Symantec learning how to use a debugger supercharged my productivity I could do in a couple of hours work that might have taken me a day to do Fixing bugs and building out features was much easier I ve found debugging especially useful when exploring unfamiliar codebases that I didn t write You can easily see the results of even the most complex logic written in weird ways Its much easier to reason out complex convoluted logic when you can run it line by line and see how things change If you ve ever used console log to print a value to the console you might know how tedious it can get if you are trying to debug something complex It prints one value at a time and you need to write a new console log statement for each value you want to see If the value you are looking at changes you need to console log it again Its a bit like poking around with a blindfold or in the dark None of this is necessary with a real debugger Set a breakpoint in your code then run your app When your app reaches the line you set a breakpoint on you ll be able to see all variables in scope in the debug tab With just one action you can now see everything instead of just one value at a time I started with just debugging my own application code but as time went by and I became more senior I found I could get great insights by debugging framework code such as the code for express itself I was able to find answers to questions that weren t even listed in the documentation PrerequisitesYou ll need to have both Visual Studio Code and NodeJS installed for this guide If you want to run and debug your app with a public URL instead of just localhost you ll also need expose sh Example express appI recommend using my express example app the entire code is shown below app jsconst express require express const app express const port app get req res gt const foo bar const bar baz const one const two const three const five two three res send five app listen port gt console log Example app listening at http localhost port Create a new folder somewhere on your device then copy and paste this code into a file with the name app js Set up your project with npm init then follow the prompts Then run npm install save express to install the express dependency You can run the code with node app js Hit http localhost in your browser and you ll immediately see this code has a bug because the output is not correct But don t fix it yet You could look at the numbers and work out in your mind what the problem is Instead we ll use debugging to make it very easy to spot the problem saving your brain To start with you ll need to set up Visual Studio Code vscode an open source IDE from Microsoft If you don t yet have it grab a free copy from code visualstudio com There are versions for Linux Mac and Windows Set up vscodeVSCode is one of the easiest IDEs out there to set up debugging for because its controlled by a simple config file This means you can just copy and paste the config from a guide like this one without needing to set it up manually or click lots of settings like you might need to do with other IDEs Create a folder with the name vscodeThen create the file vscode launch json and paste in these contents vscode launch json version configurations name Launch Express App program workspaceFolder app js request launch skipFiles lt node internals gt type pwa node Set a breakpointA breakpoint is a place you set in your code where you want your application to pause so you can inspect local variables and the general state of your app In vscode a breakpoint represented by a red dot to the left of the line number you want your app to pause on Breakpoints are set by simply clicking the area to the left of the line number We can see that some numbers have been added incorrectly so set a breakpoint on the res send five line by clicking on the area to the left of the line number A red dot should appear where you clicked like the one on line below We want to get to the bottom of why the value of five is and not like it should be Start your app with debuggingClick on the debug icon at the left of the vscode window to open the Run and debug pane It looks like this You ll see this at the top of the left pane Click that little green arrow icon to the left of Launch Express App Your express app will now launch inside vscode with full debugging support In the Debug Console pane at the bottom of the vscode window you ll see it start up The app is now being run within vscode with debugging support Trigger your breakpointWith the app running in vscode go to http localhost in your browser or just click that link The breakpoint will then be hit It will look like this There are a few things going on here so lets explain below To the left under RUN AND DEBUG you ll see the list of local variables req is the express request object res is the express response object These are useful to look at if you want to see query parameters and data posted to your app You can see all local variables and their values in scope at the line your breakpoint is on To see all of this information using console log you would have to log each variable one by one With the debugger and a breakpoint you can see everything instantly Above the res send line i ve done some basic arithmetic You ll see the results of this in the list of local variables For example the value of two is Now look at the value of three Clearly it should be not so there is the bug Update the value of three to then stop and restart the application and the output will be correct Debug with a Public URLYou ve learned to debug with a localhost URL only accessible from your computer Using expose with a single terminal command you can give your locally running express app a public HTTPS URL which you can share with others All traffic to this public URL will be automatically routed to localhost through a secure tunnel Why would you want to do this Lets say you are building an API for an app and you are working with a front end e g React developer who will integrate with your API This is a very common use case for express You could set a breakpoint then ask the React developer to trigger his app to call your API You can then inspect the request and update your API to handle it Other uses are Webhooks If you ever have to do a webhook integration you can configure your public URL with the webhook provider and trigger them to make a request to your locally running app which you are debugging in vscode You can now see exactly what your webhook provider is sending and you didn t even need to read or even understand their documentation Now you know exactly what code to write to make use of that request Regardless of how good or bad their documentation is you now know what to do To install expose go to the Installation Page and follow the instructions shown Its a copy and paste install for Linux and Mac A downloadable exe is available for Windows Run expose and you should see output like expose is forwarding to localhost is forwarding to localhost Now with the breakpoint still set and your app running in vscode go to the HTTPS URL shown in your browser The breakpoint will be hit as if you have just made the request to localhost If you want to get fancy try hitting this URL from another computer or your phone and the breakpoint will still be hit You can now share this URL with other developers you are integrating with webhook providers and other people you want to share it with Using the debug consoleA nice little feature of the vscode debugger is the debug console It opens up at the bottom of the window when you start debugging inside a pane with the title DEBUG CONSOLE If you ve ever used the console inside devtools for your favorite web browser this is pretty much the same thing but for back end NodeJS code Sometimes you might want to try out an expression without modifying your code In the debug console try typing in one three The result will appear in the console You can run any JavaScript code inside the debug console You can also run functions Lets say a function you are calling is not doing what you expected it to do You could try running it with different parameters inside the debug console until you get it to behave how you want then update your code accordingly Step to the next lineSet a new breakpoint at the line const foo bar Launch your express app in vscode then hit the URL in your browser The breakpoint will be hit A useful feature of the debugger is the ability to run to the next line so you can effectively run your app line by line To step to the next line click the Step Over icon which looks like this If you keep clicking it your app will keep running to the next line until there are no more lines of the current method to run ConclusionDebugging can supercharge your productivity as a NodeJS developer You ll be able to fix bugs faster and spend way less time figuring out unfamiliar code Instead of logging values one by one with console log with debugging you can now see everything at once Once you learn debugging you ll never need to use console log for debugging again Happy Coding	2021-11-25 08:18:21
海外TECH	DEV Community	Adapter Pattern | Design Patterns in Java	https://dev.to/coder4_life/adapter-pattern-design-patterns-in-java-5en9	Adapter Pattern Design Patterns in JavaJava implementation of the Adapter Pattern with acts a wrapper between two objects that have incompatible interfaces In this example we create an Adapter to make it possible to get Employees name and title in the same manner as with an ExecutiveEmployee	2021-11-25 08:11:25
海外TECH	DEV Community	7 tips for the newbie freelancers	https://dev.to/pascavld/7-tips-for-the-newbie-freelancers-hde	tips for the newbie freelancersIf you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer This article was first published on my BlogDo you want to become a freelancer Everyone wants to do that nowBut no one knows how to begin and how to do it the right wayThere are a lot of things I wish I knew earlier when I first started my journeyHere are tips for the newbie freelancersGet a mentorThis is key when you re just starting outHaving a good mentor can save you months of research if used the right wayThe goal is to find someone who is just a few steps ahead of you and learn from themWhen looking for a mentor create a connection firstDon t DM someone and ask them to be your mentor right awayThis is not how you get a mentorAnd be willing to spend money on thisOutreachThis is the action that gets your clientsAnd this at the same time the most important action in the beginningIf you don t do outreach you don t get clientsIf you want to learn how to do it the right way read this threadWork for freeThis is one of the best things you can do when you first start freelancingBecause let s face itYou have no social proofNo past workAnd no one knows youYou can t expect someone to hire you if you have no experienceThis is why working for free is the best strategies you can use in the beginningThis is a strategy I m using and used and it works like wondersIf you want to learn more about it read this threadFocus on the things that matterThis is one of the most overlooked things when you re first starting outEveryone is focusing on creating the perfect portfolio or the perfect offer or the perfect outreach scriptBut in reality this won t get you more clients at least in the beginning What will get you clients in the beginning is outreachThis is why you need to create everything as fast as you can and start doing outreach as soon as possibleYou will thaBuild a portfolioEven though I said that focusing on building a perfect portfolio in the beginning is bad you still need to have a portfolioWhy Because you need to have a place where you can show your past work and your testimonialsIf you create a portfolio you can just redirect all of your potential clients thereWhere they can see your OfferPast workSocial proofAnd they will be more likely to hire you after thatAlso the SEO benefit is hugeYou can literally get clients through SEO without doing anythingJoin a private community of freelancersAnother thing that helped me a lot in the beginningOnce you join a community of freelancers you get access to people who are a lot more experienced with you and who can always help you outAnd this will save you a lot of timeThe price that you ll pay for that community is nothing compared to the time it saves youThe community I joined is Utopia and it quickly became my go to resourceIf you re interested in joining too click the link belowStay consistentYou might not see results in the first few monthsBut that is ok especially if you re working for freeYour goal in the beginning is to get as much social proof as possibleIf your goal is to get results for your clients you will win in the long termI hope found this useful and if you did please let me know If you have any questions feel free to DM me on Twitter	2021-11-25 08:02:39
海外TECH	Engadget	Echo Dot speaker prices drop to an all-time low for Black Friday	https://www.engadget.com/amazon-echo-dot-clock-echo-show-8-blink-mini-black-friday-084004064.html?src=rss	Echo Dot speaker prices drop to an all time low for Black FridayIf you re in the market for a budget friendly smart speaker or two or three this Black Friday it might be worth casting a glance in Amazon s direction Several Echo devices went on sale last week and now you can save on more Among them is the Echo Dot with Clock It s at the moment which is lower than the regular price These are the lowest prices we ve seen for either device Buy Echo Dot with Clock at Amazon The Echo Dot is a smaller version of the Echo speaker Amazon changed the design last year from a flat hockey puck look to a spherical one The Echo Dot with Clock is pretty much the same device save for the addition of an LED clock display We gave the Echo Dot a score of in our review finding that it offered decent sound quality for the price The mm audio out jack is a plus as is the option to tap the speaker to snooze the alarm There are physical volume controls a mic mute button and a button that activates Alexa without having to say the wake word The voice assistant is the main way people will interact with the device of course Elsewhere Amazon has discounted a bundle of the Echo Show and a Blink Mini camera They typically cost when buying them together but the bundle is available right now for Buy Echo Show and Blink Mini bundle at Amazon Amazon upgraded the Echo Show over the summer with a faster processor and better camera than the previous model When you re on a video call the device can follow you around a room using digital panning and zooming In our review we highlighted the quality of the display and audio Nicole Lee EngadgetYou can use the smart display to watch a live feed from the Blink Mini The indoor camera captures video at a resolution of p and it offers motion detection and two way audio Users can control the Blink Mini with another supported Alexa enabled device or the Blink app too Get the latest Black Friday and Cyber Monday offers by visiting our deals homepage and following EngadgetDeals on Twitter All products recommended by Engadget are selected by our editorial team independent of our parent company Some of our stories include affiliate links If you buy something through one of these links we may earn an affiliate commission	2021-11-25 08:40:04
海外TECH	Engadget	The new Kindle Paperwhite is $35 off for Black Friday	https://www.engadget.com/amazon-kindle-paperwhite-black-friday-deal-kindle-oasis-081547739.html?src=rss	The new Kindle Paperwhite is off for Black FridayAmazon isn t quite done with its Black Friday e reader deals After it put several other Kindles on sale the company has dropped the price of the latest Kindle Paperwhite from to Buy Kindle Paperwhite at Amazon The fifth gen Paperwhite the first refresh in three years was announced in September It has a larger screen than the previous model at inches the last gen Paperwhite had a six inch display Amazon claims the ppi screen looks like real paper and the glare free screen enables quot easy reading quot in any condition including direct sunlight Having a screen that s said to be percent brighter than the last model s will certainly help In addition there s a white on black dark mode and revamped interface while Amazon says page turns are percent faster The fifth gen Paperwhite is water resistant and there s support for USB C fast charging Meanwhile the Kindle Oasis is on sale too The GB model which typically costs is currently available for The e reader was previously on sale for that price during this year s Prime Day Buy Kindle Oasis at Amazon The Oasis also has a ppi display though the screen is slightly larger than the Paperwhite at seven inches It has physical page turn buttons an IPX waterproof rating and a color adjustable front light Get the latest Black Friday and Cyber Monday offers by visiting our deals homepage and following EngadgetDeals on Twitter All products recommended by Engadget are selected by our editorial team independent of our parent company Some of our stories include affiliate links If you buy something through one of these links we may earn an affiliate commission	2021-11-25 08:15:47
医療系	医療介護 CBnews	診療報酬改定「国民の負担軽減に」、支払側が要請書-医療機関の経営は総じて安定、引き上げる環境にない	https://www.cbnews.jp/news/entry/20211125161118	健康保険組合連合会	2021-11-25 18:00:00
医療系	医療介護 CBnews	診療所敷地内の薬局、黒字幅拡大-20年度、診療所前などでは縮小	https://www.cbnews.jp/news/entry/20211125154021	保険薬局	2021-11-25 17:55:00
医療系	医療介護 CBnews	通常医療との両立が安定的に可能な状況-東京都がコロナモニタリング会議の専門家意見公表	https://www.cbnews.jp/news/entry/20211125171755	入院患者	2021-11-25 17:50:00
金融	RSS FILE - 日本証券業協会	上場有価証券の発行会社が発行した店頭取扱有価証券の売買状況	https://www.jsda.or.jp/shiryoshitsu/toukei/toriatsukai/index.html	店頭取扱有価証券	2021-11-25 10:00:00
金融	RSS FILE - 日本証券業協会	債券貸借取引残高等状況 (旧債券貸借取引状況)	https://www.jsda.or.jp/shiryoshitsu/toukei/taishaku/index.html	貸借	2021-11-25 09:30:00
海外ニュース	Japan Times latest articles	Japanese financier scores big win in battle for Shinsei Bank	https://www.japantimes.co.jp/news/2021/11/25/business/corporate-business/shinsei-bank-yoshitaka-kitao/	Japanese financier scores big win in battle for Shinsei BankShinsei Bank canceled a shareholder vote on a poison pill defense against a takeover bid from Yoshitaka Kitao s SBI Holdings that was scheduled for Thursday	2021-11-25 17:49:03
海外ニュース	Japan Times latest articles	Boy who stabbed schoolmate in Aichi held ‘grudge’ against victim, investigative sources say	https://www.japantimes.co.jp/news/2021/11/25/national/crime-legal/aichi-stabbing-junior-high-school/	Boy who stabbed schoolmate in Aichi held grudge against victim investigative sources sayThe alleged attacker whose name has been withheld as he is a minor also told investigators he bought a centimeter long kitchen knife online in advance	2021-11-25 17:46:35
海外ニュース	Japan Times latest articles	China’s seven-week port quarantine snarls supply chains further	https://www.japantimes.co.jp/news/2021/11/25/business/china-port-quarantine/	changes	2021-11-25 17:41:49
海外ニュース	Japan Times latest articles	With coordinated stockpile release, Biden White House sets oil market precedent	https://www.japantimes.co.jp/news/2021/11/25/business/joe-biden-oil-markets/	With coordinated stockpile release Biden White House sets oil market precedentThe decision adds a new risk to the landscape for oil traders tracking market moving government policy decisions and the drilling industry with potential to impact	2021-11-25 17:38:40
海外ニュース	Japan Times latest articles	Former Greece manager Michael Skibbe to lead Sanfrecce Hiroshima next season	https://www.japantimes.co.jp/sports/2021/11/25/soccer/j-league/michael-skibbe-sanfrecce-hiroshima/	Former Greece manager Michael Skibbe to lead Sanfrecce Hiroshima next seasonSkibbe who most recently had a short lived spell with Saudi Arabian club Al Ain has also managed Bayer Leverkusen Eintracht Frankfurt Borussia Dortmund and Galatasaray	2021-11-25 17:24:41
ニュース	BBC News - Home	Channel migrants: UK and France agree need for action after boat deaths	https://www.bbc.co.uk/news/uk-59412329?at_medium=RSS&at_campaign=KARANGA	emmanuel	2021-11-25 08:07:40
北海道	北海道新聞	キンプリ永瀬廉らが受賞　ベストジーニスト、新木優子も	https://www.hokkaido-np.co.jp/article/615543/	新木優子	2021-11-25 17:19:00
北海道	北海道新聞	天元戦第３局、関七段が勝って初タイトルに王手	https://www.hokkaido-np.co.jp/article/615534/	航太郎	2021-11-25 17:04:00
北海道	北海道新聞	古江彩佳が首位、稲見萌寧２５位　女子ゴルフ、今季最終戦第１日	https://www.hokkaido-np.co.jp/article/615542/	女子ゴルフ	2021-11-25 17:15:00
北海道	北海道新聞	ヒット番付横綱「東京五輪パラ」　コロナワクチンも	https://www.hokkaido-np.co.jp/article/615536/	三井住友銀行	2021-11-25 17:11:00
北海道	北海道新聞	東京コロナ感染２７人、死者なし　重症者は８人	https://www.hokkaido-np.co.jp/article/615535/	新型コロナウイルス	2021-11-25 17:11:00
北海道	北海道新聞	＜速報・日本ハム契約更改＞１２人がサイン　細川５０万円増	https://www.hokkaido-np.co.jp/article/615530/	契約更改交渉	2021-11-25 17:07:01
北海道	北海道新聞	補正予算総額３５兆９８９５億円　経済対策の裏付け	https://www.hokkaido-np.co.jp/article/615533/	補正予算	2021-11-25 17:01:00
IT	週刊アスキー	季節のイチゴを思う存分に頼める「Sweets Parade～ストロベリー～」、横浜ベイシェラトンにて2022年1月6日提供開始	https://weekly.ascii.jp/elem/000/004/076/4076164/	parade	2021-11-25 17:40:00
IT	週刊アスキー	zeteoh、ディープラーニングによって日常的な身体活動を検知する技術を開発	https://weekly.ascii.jp/elem/000/004/076/4076160/	zeteoh	2021-11-25 17:30:00
IT	週刊アスキー	はやく見に行きたい！ 金沢動物園にてキリンの赤ちゃんが誕生	https://weekly.ascii.jp/elem/000/004/076/4076165/	赤ちゃん	2021-11-25 17:30:00
IT	週刊アスキー	コク旨スープ×たっぷり生姜！ 銀座直久「生姜塩らーめん」、寒さしみる初冬限定で販売	https://weekly.ascii.jp/elem/000/004/076/4076154/	限定	2021-11-25 17:10:00
マーケティング	AdverTimes	【激むず】りんご版「ぷよぷよ」青森県観光企画課が作った「ぷよりんご」が話題に – 「青森県民でもきついぞこれw」の声も	https://www.advertimes.com/20211125/article369522/	青森県民	2021-11-25 09:00:11
マーケティング	AdverTimes	同意を得ていないサポーター情報を誤送信、Excelのフィルタ機能を誤解	https://www.advertimes.com/20211125/article369530/	excel	2021-11-25 08:30:27
マーケティング	AdverTimes	三井不動産、脱炭素に向けグループ行動計画を策定	https://www.advertimes.com/20211125/article369382/	三井不動産、脱炭素に向けグループ行動計画を策定三井不動産は月日、脱炭素社会の実現に向けたグループ行動計画を策定した発表。	2021-11-25 08:02:13