投稿時間:2021-12-30 00:31:46 RSSフィード2021-12-30 00:00 分まとめ(36件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	Windows11+WSL2+VSCode+Python3.10.1	https://qiita.com/k_o_gj/items/7269a5e5f7b2a8db564d		2021-12-29 23:46:05
python	Pythonタグが付けられた新着投稿 - Qiita	Python(Django)でSNS系アプリ作ってみた	https://qiita.com/wooooo/items/bafb497803159c3d89b2	django	2021-12-29 23:36:59
python	Pythonタグが付けられた新着投稿 - Qiita	LINE Messaging API＋Ngrok＋Python　で実験的にLINEボットを開発してみよう　Part2簡易動作と応用の準備	https://qiita.com/Antareskkudo/items/4d70c6cc0f8dfd18e82b	では今回は前回準備したコードを実際に動かしていきます前回から時間が経ちRaspberrypiやVscodeのバージョンがアップしていますが操作の違いや環境設定の変更などは必要ないです。	2021-12-29 23:33:52
python	Pythonタグが付けられた新着投稿 - Qiita	Pythonのsubprocessでkillが効かないときの対処法	https://qiita.com/lobmto/items/49f2a3fbfd913fcd35d5		2021-12-29 23:19:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ログイン時のユーザーテーブルについて、氏名とパスワードが同一のユーザーが複数存在した場合の対応	https://teratail.com/questions/376019?rss=all	nbsp知りたいことこの定義ではメールアドレスの情報からユーザー名やパスワードが同一でも、ログイン時に正しいユーザーでログインできると思います。	2021-12-29 23:53:44
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	syntaxについて	https://teratail.com/questions/376018?rss=all	syntaxについて初心者です。	2021-12-29 23:41:59
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	inputに入力された文字列をmysqlと照合させてヒットしたい	https://teratail.com/questions/376017?rss=all	inputに入力された文字列をmysqlと照合させてヒットしたい下記コードをご覧ください。	2021-12-29 23:38:22
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	WordPressの記事をランキング形式で表示するプラグインPopular Postsでカテゴリを表示させたい	https://teratail.com/questions/376016?rss=all	WordPressの記事をランキング形式で表示するプラグインPopularPostsでカテゴリを表示させたい前提・実現したいことWordPressの記事をランキング形式で表示するプラグインPopularnbspPostsで文字列としてランキングと一緒に記事ごとにカテゴリー名を表示させたい。	2021-12-29 23:30:43
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	syntax error, unexpected ' ' (T_STRING)への対処法を教えてください。	https://teratail.com/questions/376015?rss=all	syntaxerrorunexpectedxxTSTRINGへの対処法を教えてください。	2021-12-29 23:24:09
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	MY SQLのMy SQL workbench 8.0 CEの日本語化を最適化したいです。	https://teratail.com/questions/376014?rss=all	MYSQLのMySQLworkbenchCEの日本語化を最適化したいです。	2021-12-29 23:17:24
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Rust：Shift-JIS（cp932・Windows-31J）でCSV出力	https://teratail.com/questions/376013?rss=all	RustShiftJIScp・WindowsJでCSV出力前提・実現したいことRustを使って、ShiftJISのCSVを読み込み・加工後、ShiftJIScp・WindowsJでCSV出力したいと考えております。	2021-12-29 23:15:19
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Next.jsでmdx-js/reactを使ってMDXを読み込もうとするとTypeErrorが発生することに困っています	https://teratail.com/questions/376012?rss=all	Nextjsでmdxjsreactを使ってMDXを読み込もうとするとTypeErrorが発生することに困っています前提・実現したいことNextjsでmdxjsreactを使ってmdxファイルを読み込みたいです。	2021-12-29 23:13:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	HerokuのRailsアプリのDBのデータを入れ直したい	https://teratail.com/questions/376011?rss=all	Heroku上にはDBがあるもののアプリとDBのリンクができていないという状態かと思われます。	2021-12-29 23:07:25
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Apache2.2.11をHTTPS化しようとすると最新のApacheがインストールされてしまいます	https://teratail.com/questions/376010?rss=all	ApacheをHTTPS化しようとすると最新のApacheがインストールされてしまいますApacheをHTTPS化しようとすると最新のApacheがインストールされてしまいますApacheのDocker環境を構築したいのですが、以下を実行するとApacheがになってしまいます。	2021-12-29 23:06:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	discord.js で計算ボッが作りたいい	https://teratail.com/questions/376009?rss=all	discordjsで計算ボッが作りたいいletprefixkeisanifmessagecontentindexOfprefixreturnconstargsmessagecontentsliceprefixlengthtrimsplitgconstcommandargsshifttoLowerCaseifcommandmathifargsreturnmessagereplyモードを選んでください。	2021-12-29 23:02:44
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	ラズパイ用のsquidをクロスビルドしたときの話	https://qiita.com/mp2147483647/items/b0d4e74304292cb24f9b	ラズパイ用のsquidをクロスビルドしたときの話本記事の想定する読者RaspberryPiにUbuntuをインストールしている。	2021-12-29 23:08:08
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS入門編	https://qiita.com/i-f/items/9c5d1271181a6f2c6c40	AWSを使うメリットWebシステムに必要な機能やサービスが一式揃うAWSは提供しているサービスの種類がとても豊富。	2021-12-29 23:54:32
Docker	dockerタグが付けられた新着投稿 - Qiita	自作アプリケーションのデプロイに役立つなにか	https://qiita.com/tingtt/items/4d03c9df9e4a96c333fb	目標開発環境どまりをやめる基礎の基礎自作アプリケーションを動かすにはビルドインストール実行に必要なファイルの配置assets等をする必要がある。	2021-12-29 23:21:27
golang	Goタグが付けられた新着投稿 - Qiita	自作アプリケーションのデプロイに役立つなにか	https://qiita.com/tingtt/items/4d03c9df9e4a96c333fb	目標開発環境どまりをやめる基礎の基礎自作アプリケーションを動かすにはビルドインストール実行に必要なファイルの配置assets等をする必要がある。	2021-12-29 23:21:27
Git	Gitタグが付けられた新着投稿 - Qiita	git hooksの始め方	https://qiita.com/odayushin/items/c7ae38bf08aa1830f74b	githooksの始め方本記事に書かれていることgithooksを使って、スクリプトを実行する設定方法githooksのスクリプトをgitで管理する方法pythonやrubyでスクリプトを書く方法hooksスクリプトで実際にやりそうなあれこれのサンプルコードとかはないです。	2021-12-29 23:03:38
海外TECH	MakeUseOf	How to Disable the "People You May Know" Feature on Facebook	https://www.makeuseof.com/how-to-disable-people-you-may-know-feature-on-facebook/	facebook	2021-12-29 14:45:22
海外TECH	MakeUseOf	How to Forward Calls on Android and iPhone	https://www.makeuseof.com/tag/call-forwarding-iphone-android/	android	2021-12-29 14:15:12
海外TECH	MakeUseOf	6 Ways to Love Your Job All Over Again	https://www.makeuseof.com/ways-to-love-your-job/	againis	2021-12-29 14:15:11
海外TECH	DEV Community	How to build UI elements using CSS pseudo elements	https://dev.to/ashu96/how-to-build-ui-elements-using-css-pseudo-elements-p15	How to build UI elements using CSS pseudo elements IntroductionThese days there are a lot of designs that intuitively display information Instead of plain old one to one mapping of fields in a database we re moving towards a more human friendly and easy to understand UI element For example icons loaders badges and progress indicators Being front end developers it s our responsibility to bring such UI to life using code or magic 🪄 An example of such a UI element is a simple status indicator that shows how many steps have been completed in a multi step process Because of its visual nature it conveys this information in an instant look The problem arises when we use a bunch of lt div gt s and lt span gt s to build such UI It gets complicated unreadable and hard to maintain very quickly In this article we will see how we can build such UI using CSS pseudo elements and minimising the need for lt div gt s or lt span gt s Tools UsedI m using React for making the UI element dynamic so that we can easily change the status of a step from pending to complete Also using the emotion library for writing css styles with JavaScript because it s efficient and fun We can achieve the same result using CSS SCSS SASS Here is the CodeSandbox link to the final output Let s get started Building the UIWe will build this UI component in a few steps That way it is easier to follow and recall a step later So without further ado let s go First Stepimport styled from emotion styled import checkmarkImage from path to file file name svg const Circle styled div We re using CSS variables here primaryColor ccb secondaryColor eee scale size calc px var scale border radius position relative width var size height var size box sizing border box background color props gt props active var primaryColor var secondaryColor margin right var size export default Circle First we import styled from the emotion library and an image that we will use in a moment Then we create a styled component named Circle and add a few CSS rules that make it a nice circle Let s decode this cryptic looking line background color props gt props active var primaryColor var secondaryColor Here we are using template literals syntax to dynamically assign the value of background color based on the active prop which will be passed by the parent component At this point if we wrap a couple of this components in a box we will have a few nice circles lt Circle active true gt lt Circle active false gt lt Circle active false gt Connect the Dots Let s go ahead and connect the dots pun intended by creating the link between these circles We use the after pseudo element for this as shown below const Circle styled div primaryColor ccb secondaryColor eee scale size calc px var scale linkWidth calc px var scale linkHeight calc px var scale border radius position relative width var size height var size box sizing border box background color props gt props active var primaryColor var secondaryColor margin right var size Make a pill shaped element that will act as link between two circles amp after content width var linkWidth height var linkHeight border radius px position absolute left calc var size var size var linkWidth top calc var size var linkHeight background color props gt props active var primaryColor var secondaryColor Let s understand the code First make a rectangle with rounded borders to give it a pill like shape using width height and border radius properties Then align it centrally relative to the circle using top and left properties Note We use calc function to figure out values for top and left properties based on the dimension of the Circle and Link so that changing scale won t affect the alignment With that change in place our UI look as follow Remove ExtrasNice job But there is also a line at the end of the last circle that we don t need So let s remove it real quick with the following change const Circle styled div primaryColor ccb secondaryColor eee scale size calc px var scale linkWidth calc px var scale linkHeight calc px var scale border radius position relative width var size height var size box sizing border box background color props gt props active var primaryColor var secondaryColor margin right var size Make a pill shaped element that will act as link between two circles amp after content position absolute width var linkWidth height var linkHeight left calc var size var size var linkWidth top calc var size var linkHeight background color props gt props active var primaryColor var secondaryColor border radius px We don t want to show the link after the last element amp last child amp after display none Now that looks better Final StepThe last missing piece in this UI is the checkmark icon which renders when the step is active We use before pseudo element to create it as shown below const Circle styled div primaryColor ccb secondaryColor eee scale size calc px var scale linkWidth calc px var scale linkHeight calc px var scale checkmarkWidth calc px var scale checkmarkHeight calc px var scale border radius position relative width var size height var size box sizing border box background color props gt props active var primaryColor var secondaryColor margin right var size Center svg checkmark in this case amp before content display props gt props active block none position absolute top calc var size var checkmarkHeight left calc var size var checkmarkWidth width var checkmarkWidth height var checkmarkHeight background image url checkmarkImage Make a pill shaped element that will act as link between two circles amp after content position absolute width var linkWidth height var linkHeight left calc var size var size var linkWidth top calc var size var linkHeight background color props gt props active var primaryColor var secondaryColor border radius px We don t want to show the link after the last element amp last child amp after display none Voila Nice and clean ConclusionWe can build many UI elements using the this approach And that way we eliminate the need for extra HTML elements such as lt div gt I hope you find this article interesting and had fun reading it because I for sure had fun writing it If you find it helpful please give it a like and share it with someone who might benefit for it My name is Ashutosh and apart from working as a Full stack engineer I love to share my learnings with the community You can connect with me on LinkedIn or follow me on Twitter	2021-12-29 14:25:47
海外TECH	DEV Community	Data Engineering and Secure Coding with a Vulnerability Database	https://dev.to/sagu94271/data-engineering-and-secure-coding-with-a-vulnerability-database-2aa7	Data Engineering and Secure Coding with a Vulnerability DatabaseWe are living in the world of data and AI Enterprise organizations worldwide are trying to gather as much data as possible to create a data abstraction layer which business users and data analysts can easily access to extract value and insights from data Although it seems to be a very straightforward solution to collect data and gather insights from it enterprise organizations have to build and implement various data governance pillars to ensure data is collected efficiently and is securely and easily accessible to end users There are various tools available in the market for code security like the WhiteSource Vulnerability Database Sonarqube GitHub GitLab etc Let s delve into building a data engineering application with end to end implementation using Python and the WhiteSource Vulnerability Database Secure Data Engineering with PythonMost enterprise organizations use Python to build data solutions Thus it s important to scan all Python vulnerabilities using open source and free databases to secure the code with automated checks about any potential vulnerabilities Data engineering teams in enterprise organizations and small scale companies can perform the following activities to make data available and easily accessible for downstream users to perform business analytics Build automated and generic data pipelines to gather raw data in a data lake or data lake house platform Build ETL ELT pipelines to pre process clean transform and load data to the destination store Machine learning engineers can use this data to build machine learning models Business analysts and data analysts can use this data to create interactive visual reports The day to day life of a data engineer includes processing data from different data sources in the form of batch processing and streaming Data engineers focus more on building data pipelines ETL or ELT to create robust reliable and efficient data processing mechanisms to make the data easily available for the business users to get more insights from the data Most public cloud providers like AWS and Azure work easily with Python bases serverless computing and microservices Business data comes from a variety of sources like relational or non relational databases flat files spreadsheets and external systems like APIs With the help of the Pandas dataframe we can read a variety of files as it supports various column oriented formats Once your application development is ready with Python Spark code you can build or integrate utility in Python to scan your code against the WhiteSource Vulnerability Database to check for potential security issues The open source database allows us to use web scraping facilities which we can integrate into our Python code Using the Vulnerability DatabaseThe WhiteSource Vulnerability Database is a free open source vulnerability database It is also the largest database It can be used for securing your application with code scanning The database stores information in the following formats You can find the full list of vulnerabilities available in the database online It scans for more than programming languages Additionally the WhiteSource database also provides the following additional information to make developers lives easier CWE TypeRecommended fixSupport from the communityExposure levelLet s look at the trend of open source vulnerabilities per year from to SourceConsidering the sharp increase in open source vulnerabilities it is important to incorporate tools to improve code security before deploying the code and using them in higher environments If you want to explore the WhiteSource Vulnerability Database you can simply go to the website and use the search functionalities If you want to add a new vulnerability to their database click on the link to add the new vulnerability Once you provide information it will be added to the database Thus with a combination of Python code with the database we can proactively scan any Python source code and detect code vulnerabilities Although this approach works well it becomes cumbersome to incorporate into day to day Agile work It is better to create an automated mechanism using a CI pipeline to continuously scan the source code against the database We can create a CI pipeline in Azure DevOps that executes every time during the code commit to the Azure DevOps Repos This way we can securely scan our Python source code against the WhiteSource Vulnerability Database ConclusionIn summary we have understood the WhiteSource Vulnerability Database and how it stores information about vulnerabilities for more than programming languages We have also discussed using a WhiteSource Vulnerability Database with Python for data engineering applications and using it to create secure Python applications In the end we also explored using Azure DevOps to automate scanning with CI pipelines	2021-12-29 14:23:59
海外TECH	DEV Community	tsParticles 1.38.0 Released	https://dev.to/matteobruni/tsparticles-1380-released-61a	tsParticles Released tsParticles Changelog Breaking ChangesRemoved the custom canvas class tsparticles canvas el replacing it with a data attribute This will break some CSS but I d prefer breaking it for focusing more on options New FeaturesAdded style options they are applied directly to the canvas it s the same style object of the standard JavaScript HTMLElement class docs here matteobruni tsparticles tsParticles Easily create highly customizable particles animations and use them as animated backgrounds for your website Ready to use components available for React js Vue js x and x Angular Svelte jQuery Preact Inferno Solid Riot and Web Components tsParticles TypeScript ParticlesA lightweight TypeScript library for creating particles Dependency free browser ready and compatible withReact js Vue js x and x Angular Svelte jQuery Preact Inferno Riot js Solid js and Web Components Table of ContentsUse for your websiteLibrary installationOfficial components for some of the most used frameworksAngularInfernojQueryPreactReactJSRiotJSSolidJSSvelteVueJS xVueJS xWeb ComponentsWordPressTemplates and ResourcesDemo GeneratorCharacters as particlesMouse hover connectionsPolygon maskAnimated starsNyan cat flying on scrolling starsBackground Mask particlesMigrating from Particles jsPlugins CustomizationsDo you want to use it on your website Documentation and Development references here This library is available on the two most popular CDNs and it s easy and ready to use if you were using particles jsit s even easier You ll find theinstructions below with all thelinks you need and… View on GitHub	2021-12-29 14:20:54
Apple	AppleInsider - Frontpage News	Best deals Dec. 29: $100 off Dyson cordless vacuum, $35 Razer gaming mouse, more!	https://appleinsider.com/articles/21/12/29/best-deals-dec-29-100-off-dyson-cordless-vacuum-35-razer-gaming-mouse-more?utm_medium=rss	Best deals Dec off Dyson cordless vacuum Razer gaming mouse more Wednesday s best deals include off a Dyson cordless vacuum a inch ultra wide K monitor off a Fujifilm instant camera a heavy duty tripod and more Best deals December To help you search through the continuing holiday deal chaos we ve curated some of the best deals we could find on Apple products tech accessories and other things for the AppleInsider audience Read more	2021-12-29 14:30:38
Apple	AppleInsider - Frontpage News	Boss BE10ACP Receiver review: Add CarPlay to your vehicle at a low entry-price	https://appleinsider.com/articles/21/12/28/boss-be10acp-receiver-review-add-carplay-to-your-vehicle-at-a-low-entry-price?utm_medium=rss	Boss BEACP Receiver review Add CarPlay to your vehicle at a low entry priceCarPlay has come a long way in the seven years since its release and the Boss BEACP is an affordable gateway to integrating Apple technologies into your car The Boss BEACP CarPlay Receiver head unit and the display If you need to replace your car stereo there are options on the market that provide support for Apple s CarPlay system The problem in many cases is that you could end up needing to use a single DIN head unit a compact size that doesn t necessarily offer space for a display Read more	2021-12-29 14:35:28
海外TECH	Engadget	Jabra's Elite 4 Active earbuds add ANC and better sweat resistance	https://www.engadget.com/jabra-elite-4-active-wireless-earbuds-142911217.html?src=rss	Jabra x s Elite Active earbuds add ANC and better sweat resistanceJabra only just launched its Elite wireless earbuds but it already has a follow up TechRadarnotes Jabra has introduced the Elite Active a step up model that addresses a few of the omissions from the They now have active noise cancellation to drown out the world during your workouts while improved IP water resistance up from IP should help deal with sweat and downpours The features will otherwise seem familiar if you ve seen the Elite although that s not necessarily a problem The Elite Active packs mm drivers a quot HearThrough quot mode to amplify outside sounds and single bud listening You ll have to make do with wired charging but you still get a claimed seven hours og battery life from the buds themselves and hours when you include the charging case Availability in some countries is the bigger unknown The Elite Active is available now in the UK for £ about but they haven t been announced for the US as we write this We ve asked Jabra if it can share more Provided the earbuds do arrive stateside though they could easily represent a bargain We liked the Elite for a combination of a low price with strong sound quality healthy battery life and comfort ーthe Active builds on that formula They may represent better value than the Echo Buds and other rivals that make more noticeable compromises	2021-12-29 14:29:11
海外TECH	Engadget	Roku expands its TV Ready program to include more brands and regions	https://www.engadget.com/roku-expands-tv-ready-program-140038201.html?src=rss	Roku expands its TV Ready program to include more brands and regionsRoku TVs will be able to pair quickly with more audio products in the future The company has expanded its TV Ready Certification Program adding Element JVC Pheanoo and Philips this year with Polk Audio and Westinghouse joining the list in Roku also opened the program internationally and partners like Bose are expected to launch TV Ready devices in the United Kingdom Canada and Mexico soon nbsp Bose vice president of Product and Experience Doug Cunningham said quot Roku TV Ready makes it easier than ever to set up and use a Bose TV speaker for an improved audio experience We are excited to bring this option to more Roku TV owners across the globe quot The TV Ready initiative makes it easy to connect soundbars and speakers to Roku TVs ーso long as the audio device supports the feature it will automatically be detected as soon as you plug it in Your TV will then turn off its speakers and switch audio output and you ll be able to control your speaker s soundbar s volume using the Roku remote The program launched in with Sound United the parent company of Polk Denon Marantz Class A and Boston Acoustics and TCL as the first official partners Roku says the program provides participants with an quot easy to implement quot SDK for fast integration as well as a wireless soundbar reference design that it launched at CES TCL released the first model based on the reference and it of course pairs automatically with a Roku TV	2021-12-29 14:00:38
金融	RSS FILE - 日本証券業協会	株主コミュニティの統計情報・取扱状況	https://www.jsda.or.jp/shiryoshitsu/toukei/kabucommunity/index.html	株主コミュニティ	2021-12-29 15:30:00
ニュース	BBC News - Home	Covid: Warning over patchy lateral flow test supply	https://www.bbc.co.uk/news/uk-59814032?at_medium=RSS&at_campaign=KARANGA	pharmacists	2021-12-29 14:47:30
ニュース	BBC News - Home	Covid in Scotland: Another record high number of infections	https://www.bbc.co.uk/news/uk-scotland-scotland-politics-59817793?at_medium=RSS&at_campaign=KARANGA	omicron	2021-12-29 14:47:03
ニュース	BBC News - Home	Sabine Weiss: Legend of street photography dies at 97	https://www.bbc.co.uk/news/world-europe-59816052?at_medium=RSS&at_campaign=KARANGA	french	2021-12-29 14:05:03
ニュース	BBC News - Home	Chisnall out of World Darts Championship after positive Covid-19 test	https://www.bbc.co.uk/sport/darts/59818041?at_medium=RSS&at_campaign=KARANGA	covid	2021-12-29 14:41:32
北海道	北海道新聞	ＮＹ円、１１５円近辺	https://www.hokkaido-np.co.jp/article/628793/	外国為替市場	2021-12-29 23:12:00