投稿時間:2021-04-08 23:42:10 RSSフィード2021-04-08 23:00 分まとめ(58件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia PC USER] CORSAIR、CHERRY MXキー採用の“60％”キーボード「K65 RGB MINI」	https://www.itmedia.co.jp/pcuser/articles/2104/08/news108.html	cherry	2021-04-08 22:01:00
TECH	TechAcademyマガジン	Trelloの情報漏洩は人的ミス！？｜公開状況の確認と非公開への設定方法を紹介	https://techacademy.jp/magazine/61915	Trelloの情報漏洩は人的ミス公開状況の確認と非公開への設定方法を紹介本記事ではTrelloの情報漏洩に関しての内容です。	2021-04-08 13:26:22
AWS	AWS Architecture Blog	Field Notes: Launch Amazon EMR with a Static Private IP in a Private Subnet	https://aws.amazon.com/blogs/architecture/field-notes-launch-amazon-emr-with-a-static-private-ip-in-a-private-subnet/	Field Notes Launch Amazon EMR with a Static Private IP in a Private SubnetOrganizations across every industry and sector are looking to easily and cost effectively process vast amounts of data Amazon EMR offers a way to instantly provision as much or as little capacity as needed to perform data intensive tasks When launching Amazon EMR the IPs of the primary master and core node are automatically assigned at …	2021-04-08 13:57:33
AWS	AWS Japan Blog	Amazon EFS CSI dynamic provisioningの御紹介	https://aws.amazon.com/jp/blogs/news/amazon-efs-csi-dynamic-provisioning%E3%81%AE%E5%BE%A1%E7%B4%B9%E4%BB%8B/	これまで、AmazonEFSCSIドライバを使用するKubernetes管理者は、ユーザーがPVCを作成する前に、PVおよび必要なAmazonEFSリソースを静的にプロビジョニングする必要がありました。	2021-04-08 13:07:03
python	Pythonタグが付けられた新着投稿 - Qiita	Appiumで要素のスクリーンショットを取る.	https://qiita.com/K-029/items/eeae58e9bc930d13fcbf	Appiumで要素のスクリーンショットを取るAppiumで要素のスクリーンショットを取る前回の記事で終わる予定だったが、困りごとが発生したので書いときます。	2021-04-08 22:56:20
js	JavaScriptタグが付けられた新着投稿 - Qiita	LaravelとAWSによるwebアプリケーション	https://qiita.com/tom-takeru/items/da1fce1c85a0c4e034ec	作成したwebアプリケーション「Daydule」のリンク利用した技術バックエンドLaravelPHPフロントエンドJavaScriptサーバーAWSアプリケーションの機能固定の予定や時間未定の予定を登録すると、その下に登録内容が表示される最適化ボタンを押すと最適化されたスケジュールが表示される大変だったところフロントエンドで利用したJavaScriptをほとんどから勉強したため、Ajax通信に手間取った。	2021-04-08 22:16:57
js	JavaScriptタグが付けられた新着投稿 - Qiita	フロントエンド(Daydule)	https://qiita.com/tom-takeru/items/a0be3bf385733aa3d26f	フロントエンドDayduleはじめにwebアプリケーション開発の手順やAWSの勉強のために、友人と簡単なwebアプリケーションを開発した。	2021-04-08 22:15:15
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ソートする際にExpression is not assignable: function call returns immutable value	https://teratail.com/questions/332301?rss=all	ソートする際にExpressionisnotassignablefunctioncallreturnsimmutablevalueエラー内容SwiftでRealmのデータをソートしたいところなのですが、Expressionnbspisnbspnotnbspassignablenbspfunctionnbspcallnbspreturnsnbspimmutablenbspvalueと出てしまいます。	2021-04-08 22:58:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	from句で指定した別名がwhere句で参照できない！？	https://teratail.com/questions/332300?rss=all		2021-04-08 22:56:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	laravel トランザクションメソッド内でreturnされない	https://teratail.com/questions/332299?rss=all	手動トランザクションではなく、Transactionメソッドを使用し、DBの更新を行っているのですが、途中で意図的にreturnを実施しているのですが、トランザクションメソッド内ではできないものでしょうか。	2021-04-08 22:56:02
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	python selenumでスマホモードで開き、その後　デスクトップ用webサイトを表示　に変更したい	https://teratail.com/questions/332298?rss=all	現在どうしても、スマホから操作したいページがあり、下記のコードのようにquotmobileEmulationquotを使ってスマホホードを使っています。	2021-04-08 22:48:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Vue.js 切り替え機能	https://teratail.com/questions/332297?rss=all	vuejs	2021-04-08 22:42:48
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	herokuへデプロイできない	https://teratail.com/questions/332296?rss=all	herokuへデプロイできないVuejsでフロントエンドを、Laravelでバックエンドを実装しながら簡単なTodoアプリ追加・更新・削除を作成しております。	2021-04-08 22:36:37
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	wordpressで画像の配置や反映されていない箇所がある	https://teratail.com/questions/332295?rss=all	wordpressで画像の配置や反映されていない箇所がある前提・実現したいことwordpressnに自作模写コーディング通りに画像を反映させたい。	2021-04-08 22:34:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	nextjs vercelでデプロイができない！	https://teratail.com/questions/332294?rss=all	acbacfeddefabdeepng	2021-04-08 22:22:20
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Wordpressのプラグイン「ACF to REST API」で、複数のACFフィールドグループの値をJSONで取得したい	https://teratail.com/questions/332293?rss=all	Wordpressのプラグイン「ACFtoRESTAPI」で、複数のACFフィールドグループの値をJSONで取得したいWordpressでプラグイン「ACFnbspPro」および「ACFnbsptonbspRESTnbspAPI」を利用しています。	2021-04-08 22:06:12
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Rails】 Action Mailerとdeviseをつかって登録完了メールを自動送信してみる	https://qiita.com/mi-1109/items/974c03776eba61146aa4	大まかな流れメール送信用サーバーの設定アプリパスワードの取得WelcomeMailerを生成ApplicationMailerとWelcomeMailerの編集deviseのcontrollerのcreateアクションをオーバーライドして、WelcomeMailerを呼び出すメール本文の作成おまけdotenvrailsでメールアドレスやパスワードをGitHubにあげないようにする前提deviseでUserモデルを作成した、かつusersテーブルにはnameとemailカラムがあることを前提としていますdeviseの設定については、こちらの記事等を参考に設定できればOKかと思います上記の記事を参考にする場合メール認証についてはこの記事でもSTEPでまとめていきますが、どちらの記事を参照していただいても構いませんSTEPの「メール送信用サーバの設定」ではGmailを使用するので、Googleアカウントを一つ用意してください。	2021-04-08 22:52:38
Ruby	Rubyタグが付けられた新着投稿 - Qiita	Rubyの日付を扱うクラス	https://qiita.com/Sa-toimo/items/ff708cf7d7f72c22f60b	日付を扱うためには、Dateクラスを使用します。	2021-04-08 22:15:54
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWSを無料で使おう！】無料枠でできること	https://qiita.com/shihandai/items/d6c9e37126d82c14c0a6	期間か月間容量GB標準ストレージGetリクエスト件Putリクエスト件データ転送GBSは、バケット作って適当なファイルアップロードしてみる動作確認くらいしかできなさそうですが、とにかく回触ってみて操作を覚えたいって人には良いと思いますCloudTrailのログ出力先とするっていうのを思いつきましたが、意外と結構なリクエスト数になるんじゃないかと思いますので、まだAWSの料金体系に不慣れな場合はあまりおすすめしません…無料枠の使用量を確認するには無料枠をどれだけ使用したかは以下の方法で確認することが可能です。	2021-04-08 22:24:17
AWS	AWSタグが付けられた新着投稿 - Qiita	【AWS】用語を整理しながら学ぶAWS - part7 Simple Storage Service	https://qiita.com/ymd65536/items/14ba426bca4eae3dc249	可用性は年でになるように設計されているとかS標準IAデフォルトのストレージクラスクラスにIAというオプションが加わったストレージクラスIAつまりはInfrequencyAccess低頻度アクセスモデルのS可用性は年でになるように設計されているとかあんまりアクセスしないけど稀にアクセスしてすぐに取り出したいときに利用する。	2021-04-08 22:06:19
AWS	AWSタグが付けられた新着投稿 - Qiita	LaravelとAWSによるwebアプリケーション	https://qiita.com/tom-takeru/items/da1fce1c85a0c4e034ec	作成したwebアプリケーション「Daydule」のリンク利用した技術バックエンドLaravelPHPフロントエンドJavaScriptサーバーAWSアプリケーションの機能固定の予定や時間未定の予定を登録すると、その下に登録内容が表示される最適化ボタンを押すと最適化されたスケジュールが表示される大変だったところフロントエンドで利用したJavaScriptをほとんどから勉強したため、Ajax通信に手間取った。	2021-04-08 22:16:57
AWS	AWSタグが付けられた新着投稿 - Qiita	フロントエンド(Daydule)	https://qiita.com/tom-takeru/items/a0be3bf385733aa3d26f	フロントエンドDayduleはじめにwebアプリケーション開発の手順やAWSの勉強のために、友人と簡単なwebアプリケーションを開発した。	2021-04-08 22:15:15
AWS	AWSタグが付けられた新着投稿 - Qiita	バックエンド(Daydule)	https://qiita.com/tom-takeru/items/2495311864a7c5192a46	起動が少し遅いです​今回はこのdayduleのバックエンド部分の説明をしていきたいと思います。	2021-04-08 22:14:22
Git	Gitタグが付けられた新着投稿 - Qiita	submoduleの役割と使い方の備忘録	https://qiita.com/tkhshiq/items/063973c5a9ab5f6fefdd	ということで調べたことをまとめた備忘録です。	2021-04-08 22:48:10
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】ActionMailerとバッチ処理で、1日1回メールを自動配信してみる	https://qiita.com/mi-1109/items/9278a425fb2e7f8c1c0c	大まかな流れメール送信用サーバーの設定他の記事に飛びますDailyMailerを生成ApplicationMailerとDailyMailerを編集メール本文の作成wheneverを導入schedulerbを生成して、バッチ処理を記述cronにバッチ処理を反映する処理が実行できているかlogファイルから確認前提Userモデルを作成した、かつusersテーブルにはemailカラムがあることを前提としていますSTEPの「メール送信用サーバの設定」ではGmailを使用するので、Googleアカウントを一つ用意してください。	2021-04-08 23:00:24
Ruby	Railsタグが付けられた新着投稿 - Qiita	バリデーションの設定で同じ記述をまとめる	https://qiita.com/higashi_yuichirou/items/09e578d3684de3730ea5	バリデーションの設定で同じ記述をまとめるバリデーションの設定で空白ではDBに登録できなくするpresencetrueはよく用いられると思います。	2021-04-08 22:56:38
Ruby	Railsタグが付けられた新着投稿 - Qiita	【Rails】 Action Mailerとdeviseをつかって登録完了メールを自動送信してみる	https://qiita.com/mi-1109/items/974c03776eba61146aa4	大まかな流れメール送信用サーバーの設定アプリパスワードの取得WelcomeMailerを生成ApplicationMailerとWelcomeMailerの編集deviseのcontrollerのcreateアクションをオーバーライドして、WelcomeMailerを呼び出すメール本文の作成おまけdotenvrailsでメールアドレスやパスワードをGitHubにあげないようにする前提deviseでUserモデルを作成した、かつusersテーブルにはnameとemailカラムがあることを前提としていますdeviseの設定については、こちらの記事等を参考に設定できればOKかと思います上記の記事を参考にする場合メール認証についてはこの記事でもSTEPでまとめていきますが、どちらの記事を参照していただいても構いませんSTEPの「メール送信用サーバの設定」ではGmailを使用するので、Googleアカウントを一つ用意してください。	2021-04-08 22:52:38
Ruby	Railsタグが付けられた新着投稿 - Qiita	gem foreman について簡単に知る	https://qiita.com/tanutanu/items/0237bcd01f482d831a0f	おしまい・参考文献とにかくにも、以前から気になっていたforemanについて知ることができてよかったです。	2021-04-08 22:23:07
海外TECH	DEV Community	Next.js: Multilanguage support with internationalized routing	https://dev.to/singaravelan/next-js-multilanguage-support-with-internationalized-routing-486e	Next js Multilanguage support with internationalized routingLet s create a simple Next js starter project with multiple languages English en US Tamil ta IN Hindi hi IN Kannada kn IN support using Next js native in Source code of this article available at GitHub What are we going to doCreating a Next js app v x x with boostrap cssConfiguring in in next config jsCreate locale JSONRead locale from the route and display in the HTML Set upCreate a Next js app and add bootstrap swr as dependencynpx create next appnpm i s bootstrapnpm i s swrRun the appnpm run devCreate a new page called home under pagesconst Home gt return lt h gt Hey I am home English lt h gt export default Home Navigate to http localhost home Configuring in routeThere are two ways to handle locale Sub path and domain routing Here we explore Sub path routingSub path routing is basically prefixing locale code in front of existing routes without any impact on actual routing eg home en US home ta IN home hi IN homeNow if you try to access one of the routes eg en us home you will see message Because locale based routing not enabled yet To enable locale based routing Create a next config js file in the project root as below module exports in locales en us ta in hi in kn in defaultLocale en us checkout in locale code reference for different languages hereDo remember to stop and start the app whenever modifying next config jsNow try again to access locale based route en us homeBoom it works Let s try with another locale code ta in home The page didn t break but the language doesn t change Because we didn t create any language specific content Create language specific filesCreate a new folder called locales under the public folder and create JSON files with exact names as locale codesInside of each JSON create one key value language as a data propertyeg en US language English ta IN language தமிழ் hi IN language हिन्दी Loading the language file based on route locale codeWhen navigating to a specific locale route the page should show content from the respective locale JSON file We will be achieving that by Get the locale code from the route Fetch the locale JSON Bind in HTML Get the locale code from the routenext router will provide us the locale code Update the home js file with useRouter hook const router useRouter const locale router locale Fetch locale JSON fileMake Rest call using useSWR hook with the locale code from the previous step const data error useSWR locales locale json fetcher Bind in HTMLReplace the English with the data fetched from the previous step Final home js will looks as below import useRouter from next router import useSWR from swr const Home gt const router useRouter const locale router locale const data error useSWR locales locale json fetcher return lt h gt Hey I am home data language lt h gt const fetcher args gt fetch args then res gt res json export default Home Time for Testing Try access different route based on route codehttp localhost home ta IN homehttp localhost home hi IN homeIts working Have a great day	2021-04-08 13:57:03
海外TECH	DEV Community	Build a Netflix Landing Page Clone with HTML, CSS & JS	https://dev.to/alidevhash/build-a-netflix-landing-page-clone-with-html-css-js-4c67	Build a Netflix Landing Page Clone with HTML CSS amp JSBuild a Netflix Landing Page Clone with HTML CSS amp JS This will sharpen your HTML CSS Grids and JavaScript skills All the images files are taken from real netflix website Source Code	2021-04-08 13:48:30
海外TECH	DEV Community	What no one told you about CSS Variables	https://dev.to/afif/what-no-one-told-you-about-css-variables-553o	What no one told you about CSS VariablesCSS Variables are great but do you know everything about them In this post I will highlight few quirks around CSS variables that no one talk about After that you won t look at them the same way anymore Table of contentBe careful with importantThey cannot store urlsThey can make an invalid value validThey can be used unitelessThey can be animatedThey cannot store the inherit valueThey can be emptyCSS variables are not C variablesThey only work from parent to childThey can have strange syntaxes Be careful with importantUsing important with CSS variables is a bit tricky so let s start with a basic example p color red important color var color color blue What will be the color of p you think it s red because we will have the following p color red important color blue But it s not the color of p will be blue because we will have the following p color red color blue important in this case isn t part of the value of color but is used to increase the specificity of color From the specification Note Custom properties can contain a trailing important but this is automatically removed from the property s value by the CSS parser and makes the custom property important in the CSS cascade In other words the prohibition on top level characters does not prevent important from being used as the important is removed before syntax checking happens Here is another example to better understand p color red important color blue color var color The above will give us a red color We have two declarations of the same property called color so we need to resolve the cascade The first one is having important so it winsWe have our winner color red important so important is removed then the value is applied to colorWe have color red Let s make our code p color red important color blue color var color color blue Following the same logic we resolve the cascade for color and for color color red important is the winner and the same for color blue so at the end we have blue because we no more care about color var color An important rule is to always consider CSS variables custom properties as ordinary properties and not only variables that store values Custom properties are ordinary properties so they can be declared on any element are resolved with the normal inheritance and cascade rules can be made conditional with media and other conditional rules can be used in HTML s style attribute can be read or set using the CSSOM etc ref They cannot store urlsThis is a common limitation you will stumble upon one day What you cannot do root url box background url var url What you should do ️ root url url box background var url This limitation is related to how url is parsed A bit tricky to explain but as we can see the fix is pretty easy Always add the url part within the CSS variable If you want more accurate detail I advise reading this Stack Overflow answer They can make an invalid value valid This one is my favorite quirk and it s the one that will give you a lot of headaches Let s start with a basic example box background red background linaer gradient red blue Our box will have a gradient coloration wait no it has a red background Ah I made a typo in linear I can easily notice my mistake because the browser crossed the declaration and used the previous one Now let s introduce a variable box color red background var color background linaer gradient var color blue Test the code and you will see that the background is now transparent and our second declaration is no more crossed because it s now a valid one You will even notice that the first declaration is the one crossed because the second one override it What the hell is happening here When using a variable within a property the browser will only evaluate the value of such property at computed value time because we need to first know the content of the variable In such case the browser will consider the value as valid when doing the cascade and only later it will become invalid In our case the browser is considering the last declaration after resolving the cascade Then when doing the evaluation it seems to be invalid so it will be ignored We won t get back to the previous declaration since we already resolved the cascade and we end with no background so a transparent one You may think such behavior is illogical but it s indeed logical because a value can be valid or invalid based on the CSS variable so the browser cannot really know from the beginning box color px a valid variable background red a valid declaration background linear gradient var color blue a valid declaration that will override the first one The result is an invalid value A declaration can be invalid at computed value time if it contains a var that references a custom property with its initial value as explained above or if it uses a valid custom property but the property value after substituting its var functions is invalid When this happens the computed value of the property is either the property s inherited value or its initial value depending on whether the property is inherited or not respectively as if the property s value had been specified as the unset keyword refTo use easy words a CSS variable will make the status of a propery in a standby mode until we do the evaluation Only after the evaluation we can say if it s valid or invalid If it s invalid then it s too late we cannot get back to use another one A related Stack Overflow question They can be used unitelessAlmost all the tutorials courses will show you such example root p px box padding var p But you can also do the following root p box padding calc var p px Having the unit in the variable isn t mandatory and in some case it s even better to use a uniteless value because adding a unit is fairly easy and we may need to use the same value with different unit Here is one example among many taken from this answer Never forget this important feature It will save you one day They can be animatedInitially CSS variables are defined to be non animatable properties as per the specification Animatable noBut things have changed and thanks to the new property we can do animation transition with CSS variables The support is still low especially on Firefox but it s time to get to know this Find below some use cases where I am relying on such feature We can finally animate CSS gradient Temani Afif・Feb ・ min read css webdev tutorial CSS only fragmentation effect using one element Temani Afif・Mar ・ min read css webdev tutorial I will be writing more articles to show the magic we can do with this Stay tuned They cannot store the inherit valueLet s consider the following example lt div class box gt lt div class item gt lt div gt lt div gt box border px solid red item b inherit border var b Intuitively we may think that item will inherit the same border of its parent element because b contain inherit but it won t you can try and see As I explained in the the common mistake is to think that CSS variables will simply store value that we can use later but no CSS variables custom properties are ordinary properties so inherit apply to them and is not store inside them Example box b px solid blue we define the variable on the parent item b inherit the child will inherit the same value so px solid blue border var b we will have px solid blue As you can see the logic of inheritance apply to them the same way as with common properties Worth to note that doing the above is useless because CSS variables are by default inherited It s like setting inherit to a property that is by default inherited color for example This said I have elaborated a technique to be able to use CSS variables with inherit How to store inherit value inside a CSS variable aka custom property Nov Comments Answers Let s consider this simplified example in order to illustrate the issue root color rgba defined as the default value box width px height px display inline block margin right px border radius position relative red background rgba blue background rgba box before content position absolute top left right bottom border radius transform translateX px background var color filter invert lt we can… lt p gt Open Full Question The same logic apply to other keywords like unset and revert How to set CSS variable to the value unset “ unset it unset They can be emptyYes you can do the following box color background var color The above is valid as per the specification Note While lt declaration value gt must represent at least one token that one token may be whitespace This implies that foo is valid and the corresponding var foo call would have a single space as its substitution value but foo is invalid Pay attention to the last sentence because we need to have at least one space The below is invalid box color background var color This quirk is mainly used with the fallback feature to do some magic A basic example to understand the trick box background linear gradient blue transparent var color red lt div class box gt I will have background linear gradient blue transparent red lt div gt lt div class box style color green gt I will have background linear gradient blue transparent green lt div gt lt div class box style color gt I will have background linear gradient blue transparent lt div gt The first box has no variable defined so the fallback will get used The second one has a variable defined so it will get usedThe last one defined an empty variable so that emptyness will be used It s like we no more have the var color red The empty value allow us to remove the var declaration from a property This can be useful when using var within a complex value In case var is used alone the same logic apply but we will end having an empty value which is invalid for most of the properties If we took our first example we will have background which will lead to an invalid value at computed value time remember the so a transparent background CSS variables are not C variablesUnfortunately many developers tend to compare CSS variables to variables of other languages and end having a lot of issues in their logic For this specific reason I don t want to call them variables but Custom properties because they are properties What everyone want to do root p px p calc var p px let s increment by px root x px y px let s do a variable switch c var y y var x x var c box s px margin var s I want px of margin s px padding var s then px of padding All the above will never work The first two are simply invalid because we have a cyclic dependencies since a variable is refering to itself first example or a group of variables are creating a cycle the second example In The last example both padding and margin will have px because the cascade will give priority to the last declaration s px that will get applied to both margin and padding This said you should stop thinking C Javascript Java etc when working with CSS variables because they are custom properties having their own logic They only work from parent to child Remember this gold rule CSS variables always travel from a parent element or an ancestor to child elements They never travel from child to parent or between sibling elements This will lead us to the following mistake root c red c blue grad linear gradient var c var c box c green background var grad You think the background of box will be linear gradient green blue No it will be linear gradient red blue The root element is the uppermost element in the DOM so its an ancestor of our box element and our gold rule says that we can only do parent gt child so c cannot go in the opposite direction to reach the root element change grad and then we get back in the other direction to re send the changed value of grad In such example the box will inherit the value of grad defined with the values of c and c inside root Changing c will simply change the value of c inside box nothing more Find below a more detailed answer I wrote around this subject CSS scoped custom property ignored when used to calculate variable in outer scope Aug Comments Answers I m attempting to scale size via a var custom property in a way that the classes would compose without being coupled The desired effect is that the lists would be at different scales but as demonstrated on CodePen all lists are the same scale I m looking for… Open Full Question Even the Stack Overflow team stumbled upon this quirk They can have strange syntaxesA last and funny quirk Did you know that you can do the following body red background var Amazing right Yes a CSS variable can be defined using only the two dashes You think the above is crazy take a look at the following body red green blue orange Yes emojis you can define your variables using emojis and it works The syntax of CSS variables allow almost everything the only requirement is to start with You can also start with a number ex Related Can a css variable name start with a number Why not only dashes body red background var Or the same variable storing two different valuesbody ‎​ red ‎ blue background linear gradient deg var ‎​ var ‎ Try the above and you will get a gradient coloration To achieve such magic I am relying on a hidden character that make both of the variables different but visually we see them the same If you try the code on jsfiddle net You will see the following Of course you should never use such thing in a real project unless you want to make your boss and coworkers crazy That s itI know it s a lot information at once but you don t have to remember everything I tried to group the most unknown and non intuitive behaviors around CSS variables If one day something is not working as expected get back here You will probably find your answer in the above I will end with some Stack Overflow questions I have answered that can be useful How can I get a negative value of a CSS variables in a calc expression How to create color shades using CSS variables similar to darken of SASS How to Use calc to switch between color values Can a recursive variable be expressed in css Get computed value of CSS variable that uses an expression like calcAre CSS Variable changes possible upon a radio button s checked selector being triggered	2021-04-08 13:33:09
海外TECH	DEV Community	Declutter your Downloads folder with Python 😎	https://dev.to/aahnik/declutter-your-downloads-folder-with-python-1a4p	Declutter your Downloads folder with Python IntroductionWe download tons of files daily from the internet If you are a Windows user they most probably land up in your Desktop folder by default making it look like a mess For Unix users it s generally the Downloads folder Having all the files in one folder makes it hard to navigate It takes more time to reach the desired file And it simply looks bad One great way of organizing files is by their mime type That is all the images go to one folder all the pdfs to another and so on So I made a simple tool that can declutter your downloads folder dirganizeSource Code GitHub PyPI How to install Make sure you have python and pip installed in your system The package dirganize is published to the Python Package Index So why wait you can easily install it with a single pip command ❯pip install dirganize How to use Navigate into the directory which you want to organize and run the dirganize command ❯cd Downloads❯dirganizeCreating mapping ー Moving files ー And that s it Your folder is organized Run the ls command or dir for Windows before and after executing dirganize to see the magic Your rulesYour folder Your rules Want to change the rules I mean the rules that govern which file goes to which folder Then simply put a dirganize yml file inside the folder to override the default configuration See the syntax and default configuration here A yaml file is basically converted to a python dictionary by dirganize The default dictionary is overwritten by the user defined configuration when available py utility packDirganize is a part of py utility pack You can get more such tools here aahnik py utility pack Collection of small Python packages and simple CLI tools that will make you dry Install via pip and start using without delay py utility packCollection of small Python packages and simple CLI tools that will make you dry Install via pip and start using without delay Here is a list of packages in this repo PackageDescriptionverlatGet to know the latest version of a python package on PyPI ado pyDo stuff with python Quickly access functions from the command line minsertInsert dynamic content in markdown without using a separate template file mendiSimple wrapper that helps you write a menu driven program easily dirganizeA command line tool to organize files into category directories Feel free to contribute a new one See Contributing Guidelines for more details View on GitHubI am Aahnik Daw and you can follow me on GitHub and dev to to stay updated with my latest repos and articles	2021-04-08 13:27:41
海外TECH	DEV Community	Is It Time to Give Your Software a Spring Clean?	https://dev.to/cleversoftwaregroup/is-it-time-to-give-your-software-a-spring-clean-1a05	Is It Time to Give Your Software a Spring Clean It s officially Spring The first quarter of has been an exciting time for us at Clever Software Group and has set the tone for a very promising rest of the year As the clocks move forward an hour and we start to progress into the warmer months perhaps it s time for you to review your business software systems and give them a well needed spring clean Here are signs it s time to update your enterprise software solutions Productivity is taking an overall diveUnfortunately older software systems will start to dilapidate and perform less efficiently In turn they will begin to generate poorer outputs altogether and start to hinder the performance of your business A newer high specification bespoke software solution such as the ones we create at Clever Software Group would offer a much greater quality of service to both employees working in house and clients receiving your services Customers are much more likely to opt for enterprise services that use a more sophisticated software solution Implementing a bespoke software solution into your business will save vital time and money having a massive impact on the amount of resources you can save on An up to date enterprise level software system will offer a much faster service and include state of the art features to allow your employees to work with ease efficiency and complete tasks in a fraction of the time Applying cutting edge design and technology practices to streamline your business process will be increasingly more appealing to future prospects and deliver intuitive experiences Safety and security for business data is a concernIt is a well known fact that older technology and software based systems are more susceptible to security breaches This of course is something every business wants to avoid ーno matter what scale of operation is being run Outdated software is more likely to be less compatible with anti virus systems meaning hackers can easily penetrate firewalls and override security systems Businesses want to avoid data leaks at all costs A refreshed bespoke database solution designed developed and supported by Clever Software Group would protect your business data more affectively and add much stronger security structures to safeguard your sensitive enterprise information The older the software system the less likely it is to withstand a cyber attack Incorporating a reinvigorated reliable custom built software solution will elevate your business Innovative protective features specific to your corporations needs would be assimilated and drastically reduce the risk of disruption to your business You are not yet integrated with the cloudThe Cloud is leading the forefront of the bespoke software development industry By embracing cloud technology you can optimize database access and performance Clever Software Group can offer a scalable cost effective solution to monitor your infrastructure with tailored backup and disaster recovery services in place A cloud based software system will allow your business data to be retrieved securely in real time providing essential mobility flexibility and forward thinking within your enterprise Cloud hosted databases automatically update meaning everyone within your company will always be on the same page and not waiting for individual software updates to take place As your business evolves your cloud based software will evolve with you that s the beauty of it The Cloud is the gift that keeps on giving Why not start your next software project with us today For more information on all the bespoke software and database services we offer click here Phone Email hello cleversoftwaregroup comWebsite Clever Software GroupTo view the original blog please click here	2021-04-08 13:22:59
海外TECH	DEV Community	Entity Relationships Part 1: One-To-Many	https://dev.to/softwaredevacademy/entity-relationships-part-1-one-to-many-3ehg	Entity Relationships Part One To Many Adding a Car Class One To Many Relation ClarificationAt the end of the video the person column in the car table the table to the right is called a foreign key column as the values in the column are ids on the person table table to the left One To Many Implementation Avoiding Recursive JSON Representation Snippets amp Commands JSON annotationsIgnore the property completely JsonIgnoreor make the property only be rendered as the id JsonIdentityInfo generator ObjectIdGenerators PropertyGenerator class property id JsonIdentityReference alwaysAsId true Updating Car amp Validation Snippets amp Commandsbuild gradleplugins id org springframework boot version id io spring dependency management version RELEASE id java repositories mavenCentral dependencies implementation org springframework boot spring boot starter web implementation org springframework boot spring boot starter data jpa implementation org springframework boot spring boot starter validation runtimeOnly org postgresql postgresql	2021-04-08 13:17:00
Apple	AppleInsider - Frontpage News	Epic lays out its case as the injured party in dispute with Apple that it created	https://appleinsider.com/articles/21/04/08/epic-lays-out-its-case-as-the-injured-party-in-dispute-with-apple-that-it-created	Epic lays out its case as the injured party in dispute with Apple that it createdCourt documents filed by Epic Games claim that the company has been damaged by Apple s control over the App Store despite its own contractual violation and calls out arbitrary review decisions Source Epic GamesIn one of the final steps before the Apple versus Epic dispute enters trial in May both Apple and the Fortnite developer has filed a Findings of Fact and Conclusions of Law document with the Northern District of California Epic s page submission sets out the company s case against Apple regarding the App Store Read more	2021-04-08 13:44:01
Apple	AppleInsider - Frontpage News	Apple presses ahead with aim to replace paper passports and ID with iPhone	https://appleinsider.com/articles/21/04/08/apple-presses-ahead-with-aim-to-replace-paper-passports-and-id-with-iphone	Apple presses ahead with aim to replace paper passports and ID with iPhoneApple is continuing to research how to ensure the identity of someone presenting an iPhone to a passport official or using any other digital ID document Spot the difference one of these is entirely digital but the other two already include digital elementsThis is coming ーyour passport drivers licence and probably all paper ID is going to go digital The iPhone has already replaced everything from wallets to compact mirrors and if it doesn t know when ID will make the move to digital Apple is certain it s going to happen Read more	2021-04-08 13:19:08
海外TECH	Engadget	The best baby monitors for your home nursery	https://www.engadget.com/best-baby-monitors-130041340.html	engadget	2021-04-08 13:00:41
海外科学	NYT > Science	As Locusts Swarmed East Africa, This Tech Helped Squash Them	https://www.nytimes.com/2021/04/08/science/locust-swarms-africa.html	As Locusts Swarmed East Africa This Tech Helped Squash ThemA hastily formed crowdsourcing operation to contain the insects in Kenya Ethiopia and Somalia could help manage climate related disasters everywhere	2021-04-08 13:32:33
海外ニュース	Japan Times latest articles	Twins’ Kenta Maeda helps hold down Tigers for first win of 2021	https://www.japantimes.co.jp/sports/2021/04/08/baseball/mlb/twins-kenta-maeda-tigers/	japanese	2021-04-08 22:42:37
ニュース	BBC News - Home	Covid: More than enough vaccines for under-30s, says Hancock	https://www.bbc.co.uk/news/uk-56672504	covid	2021-04-08 13:07:53
ニュース	BBC News - Home	Belfast: Rioting 'was worst seen in Northern Ireland in years'	https://www.bbc.co.uk/news/uk-northern-ireland-56664868	belfast	2021-04-08 13:44:19
ニュース	BBC News - Home	Buckingham Palace to open garden for summer picnics	https://www.bbc.co.uk/news/uk-england-london-56677601	boasts	2021-04-08 13:50:30
ニュース	BBC News - Home	What is behind the violence in Northern Ireland?	https://www.bbc.co.uk/news/uk-northern-ireland-56664378	loyalist	2021-04-08 13:20:53
ニュース	BBC News - Home	Clubhouse: Is the audio app really worth $4bn?	https://www.bbc.co.uk/news/technology-56676214	audio	2021-04-08 13:51:43
ニュース	BBC News - Home	Sachin Tendulkar: India legend leaves hospital following coronavirus infection	https://www.bbc.co.uk/sport/cricket/56679250	covid	2021-04-08 13:49:28
ビジネス	ダイヤモンド・オンライン - 新着記事	ツインバード工業(6897)、｢創業70周年記念配当｣を 発表し、配当利回り1.1％に！ 2期連続の｢増配｣となる 2022年2月期は前期比3円増の｢1株あたり15円｣に！ - 配当【増配・減配】最新ニュース！	https://diamond.jp/articles/-/268018		2021-04-08 22:35:00
LifeHuck	ライフハッカー［日本版］	GoogleマップにAI活用の新機能が100以上も導入される予定	https://www.lifehacker.jp/2021/04/google-maps-ai-improvements.html	目白押し	2021-04-08 22:05:00
GCP	Google Cloud Platform Japan 公式ブログ	IDC: 規制やビジネスリスクを軽減するマルチクラウド戦略	https://cloud.google.com/blog/ja/topics/hybrid-cloud/idc-whitepaper-assesses-multicloud-as-risk-mitigation-strategy/	マルチクラウド戦略を選択することで、イノベーションを優先しながら、重要な金融テクノロジーのクラウド集中リスクに対処できるようになります。	2021-04-08 14:00:00
GCP	Google Cloud Platform Japan 公式ブログ	クラウド テクノロジーで景気回復を支援する方法	https://cloud.google.com/blog/ja/topics/public-sector/how-cloud-technology-can-help-support-economic-recovery/	コミュニティが再開して復旧が進めば、回復に向かっている市民や業界と苦しい状況にある業界についてのデータを政府機関に提供できるため、より迅速な回復を支援する政策とリソースを展開できます。	2021-04-08 14:00:00
北海道	北海道新聞	ジブチ自衛隊１３０人会合　感染者が相次ぐ	https://www.hokkaido-np.co.jp/article/531188/	記者会見	2021-04-08 22:12:00
北海道	北海道新聞	ヤ１１―７広（８日）　ヤクルト５割復帰	https://www.hokkaido-np.co.jp/article/531187/	復帰	2021-04-08 22:12:00
北海道	北海道新聞	コロナ感染、２日連続で３千人超　大阪は再び最多、９０５人	https://www.hokkaido-np.co.jp/article/531130/	連続	2021-04-08 22:08:19
北海道	北海道新聞	感染ステージ３で重点措置発動　新指標で入院率も監視	https://www.hokkaido-np.co.jp/article/531186/	新型コロナウイルス	2021-04-08 22:01:00
北海道	北海道新聞	ＮＹ円、１０９円前半	https://www.hokkaido-np.co.jp/article/531185/	外国為替市場	2021-04-08 22:01:00
北海道	北海道新聞	シンガポール首相後継候補が辞退　リー氏、引退先延ばしか	https://www.hokkaido-np.co.jp/article/531184/	先延ばし	2021-04-08 22:01:00
仮想通貨	BITPRESS（ビットプレス）	[AFP] ビットコインの電力消費量はグーグルの10倍 環境への影響は？	https://bitpress.jp/count2/3_9_12411	電力消費	2021-04-08 22:17:47
GCP	Cloud Blog JA	IDC: 規制やビジネスリスクを軽減するマルチクラウド戦略	https://cloud.google.com/blog/ja/topics/hybrid-cloud/idc-whitepaper-assesses-multicloud-as-risk-mitigation-strategy/	マルチクラウド戦略を選択することで、イノベーションを優先しながら、重要な金融テクノロジーのクラウド集中リスクに対処できるようになります。	2021-04-08 14:00:00
GCP	Cloud Blog JA	クラウド テクノロジーで景気回復を支援する方法	https://cloud.google.com/blog/ja/topics/public-sector/how-cloud-technology-can-help-support-economic-recovery/	コミュニティが再開して復旧が進めば、回復に向かっている市民や業界と苦しい状況にある業界についてのデータを政府機関に提供できるため、より迅速な回復を支援する政策とリソースを展開できます。	2021-04-08 14:00:00