投稿時間:2022-01-10 23:32:56 RSSフィード2022-01-10 23:00 分まとめ(41件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	気になる、記になる…	｢iPhone 14 Pro｣のパンチホール型ディスプレイの穴は2つに??	https://taisy0.com/2022/01/10/150606.html	iphone	2022-01-10 13:50:46
IT	気になる、記になる…	｢Surface Go 3｣のブラックモデルの新たなレンダリング画像が流出 − 正式名は｢Satin Black｣に??	https://taisy0.com/2022/01/10/150603.html	microsoft	2022-01-10 13:06:59
python	Pythonタグが付けられた新着投稿 - Qiita	【Python3】python-ulidで一意なIDを作成する	https://qiita.com/Jazuma/items/1d52bfa78427be04b17f	つまり、エンティティは一意なIDを持つ必要があります。	2022-01-10 22:27:26
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	SQL ServerにExcelからデータをインポートしたいが、「Microsoft.ACE.OLEDB.16.0 プロバイダーはローカルのコンピューターに登録されていません。」というエラーが出てしま	https://teratail.com/questions/377530?rss=all	SQLServerにExcelからデータをインポートしたいが、「MicrosoftACEOLEDBプロバイダーはローカルのコンピューターに登録されていません。	2022-01-10 22:59:27
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	turn['utterance']について	https://teratail.com/questions/377529?rss=all	turnxutterancexについて前提・実現したいことTensorFlownbspTensorFlowampKeras対応nbspプログラミング実装ハンドブックPで質問があります。	2022-01-10 22:52:10
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ipアドレス計算の解き方	https://teratail.com/questions/377528?rss=all	計算	2022-01-10 22:43:23
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	Xcode 　Add Package Dependency	https://teratail.com/questions/377527?rss=all	nbsppackagenbspdependency	2022-01-10 22:40:57
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	シェルスクリプトで、前半が英数字、後方が日本語の文字列から英数字文字列を取り出したい	https://teratail.com/questions/377526?rss=all	シェルスクリプトで、前半が英数字、後方が日本語の文字列から英数字文字列を取り出したいシェルスクリプトで、英数字で始まり、後ろの方に日本語が含まれているファイル名が各行に書かれたテキストファイルからファイルパスの英数字部分のみを取り出したいです。	2022-01-10 22:37:01
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	ElectronにおいてPreloadファイルの読み込みエラーが発生する	https://teratail.com/questions/377525?rss=all	ElectronにおいてPreloadファイルの読み込みエラーが発生する前提・実現したいことElectronのバージョンアップに伴い、preloadファイルを使用したアプリへ修正を行っております。	2022-01-10 22:34:34
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	よくわかるphpの教科書　エラーについて	https://teratail.com/questions/377524?rss=all	よくわかるphpの教科書エラーについて「よくわかるphpの教科書」と言う書籍を購入し、現在転職活動を行うために勉強しているのですが、「Twitter風一言掲示板を作成する」と言うチャプターでエラーが出て困っています。	2022-01-10 22:13:51
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	(WordPress) JavaScriptで保存したCOOKIEをPHPで取得して、次回以降は非表示にできるクッションページを作りたい。	https://teratail.com/questions/377523?rss=all	WordPressJavaScriptで保存したCOOKIEをPHPで取得して、次回以降は非表示にできるクッションページを作りたい。	2022-01-10 22:06:09
Program	[全てのタグ]の新着質問一覧｜teratail（テラテイル）	visual studio C++ 配列表記のエラー	https://teratail.com/questions/377522?rss=all	visualstudioC配列表記のエラー下記に示しますように、配列をif文で分けたいくつかのケースで使用したのですが、開のようなエラーが出てしまいます。	2022-01-10 22:04:34
Ruby	Rubyタグが付けられた新着投稿 - Qiita	【Ruby】二重ハッシュ	https://qiita.com/itosyo4126/items/78464330afbf268d629a	ハッシュ取得したい値のキーまた、二重ハッシュから特定の値を取得する場合は、取得したい値のキーまで連続して指定すると取得できます。	2022-01-10 22:48:40
AWS	AWSタグが付けられた新着投稿 - Qiita	受験談 AWS Certified Developer - Associate 認定	https://qiita.com/h2m_kinoko/items/67ec0a97039570524574	実際の試験これもどの認定試験から受験するかにもよると思いますが、SAAやSCSなどの蓄積があったのもあり、手応えとしては今までで一番あった気がします。	2022-01-10 22:30:30
AWS	AWSタグが付けられた新着投稿 - Qiita	AWS Lightsailに独自ドメインを紐づけした	https://qiita.com/tetsuoMikami/items/14a528a9a19133d428e6	ドメイン登録サービスへの設定AWSRoutegtホストゾーンgt「独自ドメイン」で得たつのネームサーバーを入力した反映まで時間がかかることもあるらしい。	2022-01-10 22:02:02
Docker	dockerタグが付けられた新着投稿 - Qiita	Docker Desktop for Macのアプリケーションとその関連ファイル全て削除する	https://qiita.com/takuma-jpn/items/27b08de65fb862324468	DockerDesktopforMacのアプリケーションとその関連ファイル全て削除するDockerdeamonだけでDockerを動かせるようにDockerDesktopをアンインストールして、その関連ファイルを全て削除します。	2022-01-10 22:38:37
技術ブログ	Developers.IO	IdPにAzure ADを使いAmazon AppStream 2.0 ドメイン結合を試してみる	https://dev.classmethod.jp/articles/try-amazon-appstream2-domain-join-with-azuread-idp/	amazonappstream	2022-01-10 13:53:14
海外TECH	MakeUseOf	How to Install Microsoft Office on Linux	https://www.makeuseof.com/tag/install-use-microsoft-office-linux/	linux	2022-01-10 13:30:12
海外TECH	MakeUseOf	6 Steps to Writing and Publishing Ebooks as a Professional	https://www.makeuseof.com/steps-to-write-publish-ebooks/	simple	2022-01-10 13:30:12
海外TECH	MakeUseOf	A New BlackBerry 5G Phone Is on the Way, but Who Needs a Physical Keyboard in 2022?	https://www.makeuseof.com/blackberry-5g-phone-coming-in-2022/	A New BlackBerry G Phone Is on the Way but Who Needs a Physical Keyboard in Despite what you might have thought BlackBerry is not dead A new G enterprise phone with keyboard is coming this year	2022-01-10 13:16:41
海外TECH	DEV Community	The Engineer's Complete Guide to Backlog Grooming📝	https://dev.to/alexomeyer/the-engineers-complete-guide-to-backlog-grooming-24c3	The Engineer x s Complete Guide to Backlog GroomingThis article is originally published on Managing technical debt blog by Cate Lawrence Without organisation backlog gets messy quickly and issues can t be prioritised Let s look at how Engineers Product Managers and the rest of the team members can work together to keep tasks organised You might be an organised checklist kinda person or you might be hopelessly unorganised like the rest of us It s generally not such a big deal until you get overloaded with tasks and your team grows making things even more confusing as you can t decide each day what to prioritise Fortunately there s a way forward In this article we ll look at What is backlog grooming Why backlog groom The role of Product Manager and Engineers in backlog groomingBacklog grooming meeting What should be the outcome Useful toolsBacklog grooming checklist What is backlog grooming Backlog grooming is one of those tasks or practises known by a bunch of other names It s also called backlog management refinement pre planning or storytime particularly by those who embrace agile or scrum methodologies But you don t need to be into either of these practises to get what you need to know Backlog grooming is a process of regular meetings where you discuss review and prioritise backlog items Backlog grooming aims to keep tasks organised and ready to be worked on at upcoming sprints You re not spending time explicitly working on the backlog tasks but rather sorting and prioritising these to ensure the order of completion and time spent aligns with the bigger company goals Why backlog groom Backlog refinement meetings are about communication They keep the whole product team up to date and on the same page This is important in large organisations which may work on complementary tasks or tasks that rely on finishing other tasks first and hand over for overall completion Without organisation backlog gets messy quickly and issues can t be prioritised This creates a vicious cycle in existing backlogs like Jira Issues are loggedIssues lack contextIssues can t be prioritisedBacklog becomes overwhelmingRepeatPro tip To decide what to put into your issue tracker use Stepsize VSCode and JetBrains editor extensions Stepsize allows engineers to create issues straight from their editors and link them to code Visibility on key issues makes backlog grooming way easier and faster Backlog grooming is a great way to ensure clear ownership of tasks among different people or teams Further it removes the risk of scope creep by pairing back tasks to the most useful at any time It s not just about reporting what the dev team is working on but an opportunity to get customer feedback for example customer queries complaints or logs during live demos Backlog grooming keeps a company moving forward and makes it easier for product managers and owners to plan sprints and tick off tasks The role of a Product Manager and an Engineer in backlog groomingA Product Manager Owner can be the cat herder bringing the cesspit of procrastination to order Scheduling sessions and monitoring attendanceSetting an agenda Chairing the meeting to ensure that the agenda is on track and that the meeting moves forward instead of getting caught up dissecting a particular backlog item Sending follow up slack messages or emails after each session and monitoring tasks completion As an Engineer you can make sure you collect all the data needed to address both feature issues and codebase issues such as technical debt So what do you do in a backlog grooming meeting The most common tasks or user stories I ll use these term tasks for ease include Removing outdated tasks Adding new tasksPrioritising tasks including assigning them to specific people Breaking urgent tasks into smaller deadlined tasks across several people Identifying and addressing roadblocks to task completion These can include dependencies where a bigger task cannot be completed until something else is handed over Updating time estimates for each task What should be the outcome The product manager should leave the meeting with your next sprint or two planned and prioritised Overall in product backlog refinement everyone should leave with a feeling of shared understanding This means that tasks are set assigned and time estimated to align with bigger product or project priorities ​​ Useful toolsYou ll see plenty of articles about product management and backlog grooming best practises that talk about using whiteboards sticky dots sharpies and sticky pads Ignore them if possible Having a shared screen heck use a projector in a physical meeting and a planning board is much more effective as no one needs to take notes later The product person will be chairing the meeting and it s hard to do this and take notes so someone should help document It s worth adding you probably have the tools you need already no one wants another single task tool that integrates poorly But for great integration Stepsize integrates with the issue trackers such as Jira and Linear to help engineers create view and link issues to code directly in their editors Monday has fully customisable backlog templates to organise manage and prioritise items in one central space Kanban boards can also be filtered by people due date progress priority tags etc And of course there s Jira Which work best together with Stepsize of course Backlog grooming checklist Assign meeting owner Set agenda and regular scheduling e g fortnightly Host meetings Leave the meeting with clear deliverables including tasks allocation and due dates Discuss codebase issues It s easy to just focus on the next item to be shipped But don t forget that sprints are also about maintaining a healthy codebase and managing legacy code	2022-01-10 13:48:11
海外TECH	DEV Community	Javascript concept you should know	https://dev.to/mcube25/javascript-concept-you-should-know-43i4	Javascript concept you should knowWe will go from the easier ones to the more difficult ones Let us start with our first concept let and varwhat is the difference between the keywords let and var First var has been in javascript since the beginning while let was introduced in ES ES Lets say your browser has not been upgraded in a decade let will not work on such browsers Secondly let has a block scope which means a variable defined with the let keyword will die at the end of the block it is defined compared to var which has functional scope which means it doesn t respect all of the block except the function block So it will die at the end of the function it is defined not the block The third difference is the var is gets hoisted at the top of the function while variable defined with let doesn t get hoisted Let us look at it in play let z function if true console log y console log m var y let m console log y console log m z We can see that the variable y gives us which means that it exist outside the block giving it a function scope while variable m gives an undefined which means it does not exist outside the block Similarly if we call the functions inside the block before the definition of the variable let z function if true console log y console log m var y let m z the variable y is undefined because its definition gets hoisted but not the value That is why it does not give an error but m gives an error because it does not exist before its definition Difference between and The double equal sign and the triple equal sign are both comparison operators Which means they would compare values on their left hand and their right side The difference is when using the double equal sign it compares values but does not compare type The triple equal sign compares both the value and type Let us look at this in play if What happens is that in order to compare using the double equal sign first it will make the value on the left side equal to the value on the right side It will try and convert both to a string That way it will say true Right side equal to left side The double equal sign does not compare types it actually converts one type to reflect the other When we use the triple equal sign it does not try and convert anything it just says well the left side is a string and the right side is a number so it is not true Keyword let and constThe let and const keywords are used basically to define variables After the first assignment of value using the const keyword you cannot reassign another value or change type compared to let which allows all this changes For example let l l console log l const h h console log h We get for the let keyword while the const keyword throws a typeerror The variable using a const keyword can be modified if its an object but values cannot be reassigned to it undefined and nullundefined and null in javascript both represent empty values but the difference is that when you define a variable and not assign a value to it it automatically puts a placeholder which is called undefined javascript does this so you don t have to do it null meanwhile can be set by yourself If we check thetypeof null typeof undefined typeof undefined gives undefined while typeof null gives an object The arrow functionlet person firstname lastname setname function name let splitname function n let newarray n split this firstname newarray this lastname newarray splitname name person setname hello man console log person firstname We have this object called person and it also has properties firstname and lastname It has a function inside called setname and it takes the argument name and splits the fullname into firstname and lastname This splitting is done by an inner function which is a private function Because the function is inside of a function it has its own this As it is not a constructor it will set the the this to the windows object If we run the above code it will give us nothingit is because it is setting to the windows object So if we saywindow firstnamewe get Here is a perfect scenario to use the arrow function The way to do it is to remove the function keyword and insert the arrow functionlet person firstname lastname setname function name let splitname n gt let newarray n split this firstname newarray this lastname newarray splitname name person setname hello man console log person firstname Now if we run theperson firstnamewe get hello because it does not have its own this it is automatically setting it for setname which is person object	2022-01-10 13:44:40
海外TECH	DEV Community	Comparing results between Airflow runs	https://dev.to/danihodovic/comparing-results-between-airflow-runs-51ng	Comparing results between Airflow runsThe Airbnb engineering team built Airflow to automate workflows related to data engineering problems Given how generic the tool is it can be used for right about anything that needs to be run on a regular schedule Think of it as cron on steroids but with better interoperability with the outside world integrations with third party providers and a better debugging experience built in UI metadata and logs I use it to automate a various tasks for example I track stock and BTC prices and notify when the price fluctuates above a certain percentageI send myself a notification when one of my Github repositories gains a starI monitor the air pollution in the city during winterAirflow doesn t automatically store results between DAG runs DAGs are a fancy word for Python scripts It stores logs success status and other metadata but doesn t provide a trivial way to store custom data between script executions Airflow does store the dag run metadata in serial fashion and the metadata contains execution date We can use it to construct a key DAG ID DATE which points to custom data I use Redis in the examples below but any key value store will do To get historical DAG runs we use the Airflow internals def get previous dagrun from airflow models dagrun import DagRun DagRunState Use the context to dynamically find the dag name Otherwise you can just use the name of the dag as it s displayed in the Airflow UI ctx get current context dag id ctx dag dag id DagRun find returns dag metadata ordered by execution date The last entry corresponds to the last dag run dag runs DagRun find dag id dag id state DagRunState SUCCESS if len dag runs gt return dag runs To construct a key based on the dag name and runtime def create key run time return f airflow github stars run time last run get previous dagrun last run id last run run id if last run else Noneold key create key last run id old key airflow github stars scheduled T Below is a full example of a script I use to check new Github stars for my repositories It uses the Github API and Redis to store the number of stars for each day If a repository gains a star a notification is sent to my Pushbullet mobile device import loggingfrom datetime import datetimefrom airflow decorators import dag taskfrom airflow operators python import get current contextfrom airflow providers redis hooks redis import RedisHook dag schedule interval start date datetime catchup False def github stars notifier import requests from pushbullet import Pushbullet from airflow models import Variable http requests Session def read most popular repos res http get sort pushed res raise for status by stars sorted res json key lambda d d stargazers count reverse True return by stars def notify pushbullet repo name delta stargazers count pb token Variable get pushbullet token verb gained if delta gt else lost message f repo name verb delta stars It now has stargazers count stars pb Pushbullet pb token pb push note Airflow notification message def create key repo name run time return f airflow github stars repo name run time def get previous dagrun from airflow models dagrun import DagRun DagRunState ctx get current context dag runs DagRun find dag id ctx dag dag id state DagRunState SUCCESS if len dag runs gt return dag runs task def check for new stars ctx get current context redis RedisHook redis github stars dag get conn by stars read most popular repos for repo in by stars repo name repo full name last run get previous dagrun last run id last run run id if last run else None old key create key repo name last run id stargazers count repo stargazers count cached value str redis get old key if cached value str cached value int cached value str decode delta stargazers count cached value logging info f repo name cached value stargazers count delta if delta notify pushbullet repo name delta stargazers count Update the new value new key create key repo name ctx run id Expire the key to avoid flooding the Redis DB redis set new key stargazers count keepttl check for new stars instance github stars notifier	2022-01-10 13:36:26
海外TECH	DEV Community	Why I joined Amplication.	https://dev.to/amplication/why-i-joined-amplication-4h33	Why I joined Amplication It was afternoon here in India I was writing a thread for my Twitter account as usual and was about to post it Just then I got a notification on my mobile phone After reading the message I was on cloud nine It said “Congratulations after rounds of interviews and assignments we found you as a perfect match for the role You are selected I was blank for a moment and it took me a few minutes to realize that I had got my first job in the field of “Code Content and Community Every job changing decision includes a set of critical criteria for an individual It s been more than a month since I made the decision to join Amplication as a “Community Manager and I thought it would be good to share with the community how I came to this decision and what my experience has been since then Amplication is not a Company It is a Community Amplication has more than open source developers on various platforms like Discord Twitter Linkedin Dev and Github Such a huge community has developers across the globe with different technology sets and experiences contributing to a single cause which is “Just code what matters Amplication is working on making the life of developers easier by introducing a devtool that can make the backend of web applications in a few minutes When did I get to know about Amplication I discovered Amplication through my Twitter account back in June when I was working as a Full Stack developer in India When I got to know about Amplication my first reaction was “Why didn t I know about this tool before I mean who doesn t want to skip the irritating part of the code when doing the repetitive tasks of creating the backend I know it s the pain point in the process of development for many of us and this is solved by Amplication I joined their Discord server in June and started interacting with the developers there I found the community to be very supportive and helpful Whenever I got stuck anywhere I just had to ask the community “Hey I got stuck at XYZ point Please help and many people were there to help Starting ContributionsMany people think that contributing to an open source project is just about contributing to the code base of that product But this is not the case There are many things you can do to contribute to an open source project without doing coding Be a user The best way to contribute to an open source project is to be a user of that product Start using the product and give feedback to the moderators so that the product can be improved for the whole community DocsThere are many documents in any project such as readme and the official documentation of the product to which anyone can contribute by improving them or translating into any language which isn t available TutorialsYou can make tutorials whether in the form of Blogs or videos This can be a very supportive step to any open source project because you are educating the whole community about that project This will also give you the best knowledge about the product Spread the word Share the article blog or anything you ve done with the product on social media Share your experience on how helpful the product is and how it is beneficial for anyone in the same field as yours This helps any open source project to grow My ContributionsWhen I joined the community I learned about the product and got to know why Amplication is so useful for developers like me I saw that there were not many written tutorials about any project made using Amplication So I thought why not make one project using Amplication I decided to make a project “Markdown Blog Application using ReactJs and Amplication and write a detailed tutorial that includes every step of making the project In this process Yuval CEO Amplication helped me a lot which shows how serious Amplication is for the support they give to the users He was available whenever I asked him anything I decided to share that blog with my audience on Twitter as well as with the whole community on Discord I got a very warm response from the community and obviously some awesome swags from Amplication P Link to the blog sauain make a markdown blog using amplication and reactjs becefdcHow did I get to know about the job offer After sharing that blog I was an active member of the community and shared my thoughts about Amplication many times I was also in contact with the moderators of Amplication and shared with them the feedback I got from my audience on Twitter So after being a contributor and an active member of the community for three months at the end of October I was approached by Yuval CEO Amplication about a job opening at Amplication The job opening was “Community Manager and was for someone Who loves to work with communities Who makes content around the product Who can advocate for the product and share the word I found the job description to be a very good fit for me and I applied for the interview Interview processThe interview process was smooth and included only three rounds In the first round I was given a home assignment from which they could assess my skills The best part of this round is that the assignment they give to you is paid or you ll be given gift vouchers whether you are selected or not The second round was the technical round about the role and expectations from the role The third and final round was a discussion with the CEO regarding the goals of the role and a discussion about how I ll manage it After waiting for a week I got the result and guess what I was selected Yay OnboardingThe onboarding date was the nd of November It started with a meeting with Yuval telling me all about the current goals and giving me access to the required tools That meeting was followed the next day by a meeting with the whole team where I was introduced to everyone Obviously if you re planning to join Amplication Matan Shidlov VP of Engg Amplication will ask you to tell them the most important thing about you which is for sure “What is your favorite animal I received everything I requested for installing a setup in my home office From the latest Macbook to the split keyboard I loved most Picture of my setup Working Culture and My ExperienceIn Amplication there are growing teams for Engg Community and Content Marketing HR DevRel and many more Working in an environment where we have professionals for everything is always a good thing Work is well divided among all the teams There is a collaboration between the teams on a regular basis at different opportunities There are weekly team meets where we share our weekly goals and a One One with our manager every week Besides the meets team members are always available to help I ve learned so much in the past month from my teammates The goals are decided by ourselves and we are given full ownership of our role You ve to decide your own goals each week and work towards them I found Amplication to be a company that thinks about their employees and believes open source can change the world Amplication is a Remote Okay company and I was the first employee to work remotely in Amplication It is an amazing experience This is my first job in the field of Three C s Code Content and Communities and after a month working at Amplication I can proudly say that it is one of the best career decisions I ve made in my life	2022-01-10 13:11:10
海外TECH	DEV Community	Arduino-conditional operator ? :	https://dev.to/3stherm/arduino-conditional-operator--2gl2	Arduino conditional operator This might sound surprising but after close to years working in the IoT field I am yet to fully understand the ternary operator Today I was forced by a project I am doing to read and understand it So here is what I understood The ternary operator is some kind of conditional statement relayState Relay ON Relay OFFThis means that if relay state returns true turn on the relay else turn it off a gt b a bIf a is greater than b return a else return b Simple as that	2022-01-10 13:08:59
海外TECH	DEV Community	NGXA Library	https://dev.to/klodianshaba/ngxa-library-3k4p	NGXA Library Ngxa So excited to announce another one open source contribution of me With purpose of helping me and anyone else on using Angular Animations Animations are one of the essential UI trends of any modern website application they create the effect of real “live communication between users and the system So to build animations easy and reusing single style code I created Ngxa Ngxa library helps to build animations easy in angular apps based on Angular Animations Easy builder Dynamically Reusable Utility functions based on Animate css styles with the power of ngxa library Reusing single style code functions with different configurations Quick LinksDemo Documentation Npm Package Getting Started Installationnpm i ngxa save Usageimport roll from ngxa Component animations roll direction In rollIn roll direction Out rollOut Example Of Building TriggerBuilding animation trigger by using buildTrigger function from ngxaimport animate animation AnimationTriggerMetadata keyframes style from angular animations import AnimationConfig from ngxa common import buildTrigger from ngxa base const FadeKeyFrames AnimationKeyframesSequenceMetadata keyframes style opacity offset style opacity offset const FadeAnimation AnimationReferenceMetadata animation animate timings FadeKeyFrames export const fade animationConfig Partial lt AnimationConfig gt AnimationTriggerMetadata gt return buildTrigger triggerName animationConfig amp amp animationConfig triggerName fade transitions animationReferenceMetadata FadeAnimation animationConfig animationOptions params timings ms states Now the trigger can be reused anywhere we want just by importing it and Including into animations property in component decorator The trigger function accept an optional configuration parameter to overwrite default AnimationConfig import fade from path Component selector app header templateUrl header component html styleUrls header component scss animations use fadeAnimation and overwrite optional configs fade timings s stateChangeExpressions enter gt triggerName fadeAnimation Using Animation in component s Template lt span fadeAnimation state gt Fade Me lt span gt Or with dynamic params lt span fadeAnimation value state params timings s gt Fade Me lt span gt Common Configuration Interfacesexport interface AnimationConfig triggerName string stateChangeExpressions string string delay string timings string number nestedAnimations NestedAnimationsType export interface TransitionConfig animationReferenceMetadata AnimationReferenceMetadata animationConfig Partial lt AnimationConfig gt animationOptions AnimationOptions null export interface BuildTriggerConfig triggerName string transitions TransitionConfig TransitionConfig states AnimationStateMetadata AnimationStateMetadata If needed to add specific configaration properties based on each style we should create a new interface and extend AnimationConfig to include all necessary propertiesimport AnimationConfig from ngxa common interface RotateInConfig extends AnimationConfig degrees number direction RotateInAnimationDirection Utility functions Based On Animate css StylesEach style offers two functions building trigger and building transition TriggersCan be reused for single style with different configurationsimport bounce flash pulse rubberBand shake headShake swing tada wobble jello heartBeat backIn backOut bounceIn bounceOut fadeIn fadeOut flip flipIn flipOut lightspeedIn lightspeedOut rotateIn rotateOut hinge jackInTheBox roll zoomIn zoomOut slideIn slideOut from ngxa Let s take on consideration reusing zoomIn function on multiple directions such as zoomInUp zoomInDown zoomInLeft zoomInRightimport zoomIn from ngxa Component selector app header templateUrl header component html styleUrls header component scss animations zoomIn zoomIn direction Up stateChangeExpressions enter gt translate px zoomIn direction Down stateChangeExpressions enter out gt in translate px zoomIn direction Left translate px nestedAnimations parallel zoomIn direction Right timings s triggerName customZoomInRight lt div zoomIn gt lt span gt ZoomIn Me lt span gt lt div gt lt div zoomInUp gt lt span gt ZoomInUp Me lt span gt lt div gt lt div zoomInDown gt lt span gt ZoomInDown Me lt span gt lt div gt lt div zoomInLeft gt lt span gt ZoomInLeft Me lt span gt lt div gt lt div customZoomInRight gt lt span gt ZoomInRight Me lt span gt lt div gt Using it with dynamic params and state lt div zoomInDown value state params timings s delay ms translate px gt lt span gt ZoomInDown Me lt span gt lt div gt lt button mat raised button click onAnimateIt gt Animate It lt button gt onAnimateIt event handlerstate string out onAnimateIt void this state out setTimeout gt this state in Transitionscan be included into other triggers with different configurationsimport bounceTransition flashTransition pulseTransition rubberBandTransition shakeTransition headShakeTransition swingTransition tadaTransition wobbleTransition jelloTransition heartBeatTransition backInTransition backOutTransition bounceInTransition bounceOutTransition fadeInTransition fadeOutTransition flipInTransition flipOutTransition flipTransition lightspeedInTransition lightspeedOutTransition rotateInTransition rotateOutTransition hingeTransition jackInTheBoxTransition rollTransition zoomInTransition zoomOutTransition slideInTransition slideOutTransition from ngxa Creating a trigger with multiple styles by using transition functionsexport function attentionsAndBounceInStyles config Partial lt AnimationConfig gt AnimationTriggerMetadata return buildTrigger triggerName config amp amp config triggerName animations transitions swingTransition stateChangeExpressions gt swing bounceTransition stateChangeExpressions gt bounce flashTransition stateChangeExpressions gt flash headShakeTransition stateChangeExpressions gt headShake heartBeatTransition stateChangeExpressions gt heartBeat jelloTransition stateChangeExpressions gt jello pulseTransition stateChangeExpressions gt pulse rubberBandTransition stateChangeExpressions gt rubberBand shakeTransition stateChangeExpressions gt shake tadaTransition stateChangeExpressions gt tada wobbleTransition stateChangeExpressions gt wobble bounce in transition on different directions bounceInTransition stateChangeExpressions gt bounceIn bounceInTransition stateChangeExpressions gt bounceInUp direction Up bounceInTransition stateChangeExpressions gt bounceInDown direction Down bounceInTransition stateChangeExpressions gt bounceInLeft direction Left bounceInTransition stateChangeExpressions gt bounceInRight direction Right Stagger Nested AnimationsTo fire animations into a list can be used staggerNestedAnimations function as a parent animationimport swing zoomIn staggerNestedAnimations from ngxa Component selector app description templateUrl description component html styleUrls description component scss animations zoomIn stateChangeExpressions enter gt timings s direction Down swing stateChangeExpressions enter gt staggerNestedAnimations timings ms stateChangeExpressions enter gt export class DescriptionComponent status boolean true onAnimateIt this status false setTimeout gt this status true lt div staggerNestedAnimations status gt lt div zoomInDown status gt lt span gt Angular Animations Wrapper lt span gt lt div gt lt div zoomInDown status gt lt div swing value status params timings ms gt lt span gt Easy Builder Dynamically Reusable And Different Direction On Single Base Code lt span gt lt div gt lt span gt This wrapper helps you to implement animations easy in your angular application lt span gt lt div gt lt button zoomInDown status click onAnimateIt gt Animate It lt button gt lt div gt That s all for now Please file issues and pull requests against that Repo let s improve it and add more futures together I hope this package will be helpful for your current and future projects to implement Animations If it looks helpful for you please like and share to help others get knowing about it Thanks for reading let me know your opinion it s worth a lot	2022-01-10 13:01:17
Apple	AppleInsider - Frontpage News	Best deals Jan 10: $150 off M1 MacBook Pro, $398 Electric Bike, more!	https://appleinsider.com/articles/22/01/10/best-deals-jan-10-150-off-m1-macbook-pro-398-electric-bike-more?utm_medium=rss	Best deals Jan off M MacBook Pro Electric Bike more Alongside discounts on the AirPods Pro and inch MacBook Pro Monday s best deals include the EufyCam security camera kit for and a Hyper Bicycles E Ride electric bike for Best Deals for January To help you get through the continuing January sale chaos we ve collected some of the best deals we could find on Apple products tech accessories and other items for the AppleInsider audience Read more	2022-01-10 13:46:38
海外TECH	Engadget	The 2020 MacBook Pro M1 is $150 off at Amazon	https://www.engadget.com/apple-2020-macbook-pro-m1-is-150-off-at-amazon-134059747.html?src=rss	The MacBook Pro M is off at AmazonWhile we consider Apple s MacBook Air M to be the best in the company s lineup for most people there are some who will want a beefier machine That s where the MacBook Pro M comes in and Amazon has the model for a bit less than usual The inch laptop with GB of RAM and GB of storage is off right now bringing it down to Only the space gray model has this discount right now but the silver version is off and down to Buy MacBook Pro M at Amazon Keep in mind that this is the model ーnot the MacBook Pro which features an updated design with more ports and Apple s higher end M Pro or M Max chipsets That s not to say the model doesn t have its merits In fact it earned a score of from us when we first reviewed it thanks to its speedy performance fast GPU lovely display comfortable keyboard and trackpad plus its long hour battery life And since the Pro is unlike the Air and has a fan inside it can handle sustained workloads like video encoding better There are a few downsides to the Pro M namely its support for only one external display and lack of external GPU support all together And when compared to the models the port selection is lacking The laptop only has four Thunderbolt ports whereas you ll get connectors like an HDMI port an SD card slot and more on the newer machine However those updated MacBook Pros start at so this sale on the MacBook Pro is a good option for those who have a tighter budget but still want an upgraded laptop and feel comfortable skipping the extra ports Follow EngadgetDeals on Twitter for the latest tech deals and buying advice	2022-01-10 13:40:59
海外TECH	Engadget	Take-Two is acquiring mobile game giant Zynga for $12.7 billion	https://www.engadget.com/take-two-is-acquiring-mobile-game-giant-zynga-131758269.html?src=rss	Take Two is acquiring mobile game giant Zynga for billionPC gaming Giant Take Two has announced that it s making a big move into mobile gaming with the acquisition of Zynga for a total price of approximately billion Take Two already owns Rockstar Games Codemasters and K producing games like Grand Theft Auto Red Dead Redemption Bioshock and others Zynga meanwhile produces well known mobile titles like CSR Racing FarmVille and Words with Friends nbsp Take Two said that the deal will result in billion worth of month pro forma net bookings meaning it will become one of the largest gaming companies in the world quot This strategic combination brings together our best in class console and PC franchises with a market leading diversified mobile publishing platform that has a rich history of innovation and creativity quot said Take Two Chairman and CEO Strauss Zelnick The deal will also help Take Two save about million annually after two years nbsp Zynga itself was on an acquisition streak of late having acquired the studio behind Torchlight early last year Zynga has sometimes relied on acquisitions to find the hottest games in the notoriously fickle mobile gaming market Still Take Two said that the mobile industry booked billion and is currently growing at over percent so the money is there to be had Mobile will now account for half of its net bookings net amount of products and services sold digitally or sold in physically the company said nbsp	2022-01-10 13:17:58
海外TECH	Engadget	The Morning After: The best of CES 2022	https://www.engadget.com/the-morning-after-the-best-of-ces-2022-130046584.html?src=rss	The Morning After The best of CES Welcome to your Monday morning CES is a wrap While we planned to send a small team of Engadget staff to Las Vegas to cover the show in person Omicron appeared on the horizon and well our plans changed nbsp EngadgetWe also decided under those circumstances to do our own thing for our annual CES Awards Our favorites run the gamut from familiar categories like mobile TV and wearables through to sustainability innovations wildcards and transport tech Did we miss anything ーMat SmithApple may unveil a new iPhone SE this springJust don t expect a radical redesign Bloomberg s Mark Gurman claims Apple is expected to introduce a third generation iPhone SE this spring through a virtual presentation quot likely quot happening in March or April As we ve already heard rumored before Gurman says the new SE would still cling to the iPhone era design but add G and a new processor bringing it closer in parity to existing iPhones We last saw the iPhone SE in running on the A Bionic Continue reading Sponsored by VerizonG Ultra Wideband Now in more and more places Bad coding has some Honda cars stuck in the year It s not the first time a YK style bug has sent Honda and Acura vehicles to the past Since the start of the year Honda s forums have been flooded with reports of people complaining the clocks and calendars in their vehicles are stuck in It s affecting Honda and Acura models with GPS navigation systems manufactured between and with reports of people encountering the problem in the US UK and Canada What s more there doesn t appear to be a fix at the moment Each time someone starts their car the clock resets ーeven if they manually set it beforehand Continue reading IKEA and Sonos refresh their Symfonisk bookshelf speakersFaster processors updated button layout and longer power cables IKEAIKEA and Sonos have released a second generation version of their Symfonisk bookshelf speaker No Earth shattering changes here but the update features a faster processor and more memory and draws less power when it s on standby It also comes with a longer power cable However looking at the new model next to its first generation counterpart the most visible change is an updated button layout that brings the volume controls next to one another Prices appear similar to the original in the Netherlands but we re still waiting to hear if or when the update will make it to the US Continue reading PayPal confirms it s exploring the launch of its own cryptocurrencyIt will reportedly be backed by the US dollar PayPal s VP of crypto and digital currencies has confirmed to Bloomberg that the online payment provider is quot exploring a stablecoin quot Jose Fernandez da Ponte added the company will work closely with relevant regulators if the project goes forward Continue reading Ford tries to fight F Lightning scalpers by banning resalesThe company is using a strategy sometimes reserved for supercars FordFord is giving dealerships the option to ban customers from reselling the Lightning for up to a year after purchase As the since pulled document on the F Gen forums revealed the dealer could quot seek injunctive relief quot to block ownership transfer or even demand payment for quot all value quot generated from the sale Continue reading The biggest news stories you might have missedUK watchdog to grill Meta over child safety in VRNASA finishes deploying the James Webb Space TelescopeApple said to have ruled out a metaverse for its mixed reality headsetBreakthrough could help you D print OLED screens at homeMars Perseverance halts rock sample storage due to debris	2022-01-10 13:00:46
海外ニュース	Japan Times latest articles	Japan to keep strict border rules until February amid omicron spread	https://www.japantimes.co.jp/news/2022/01/10/national/japan-border-controls-extended-february/	Japan to keep strict border rules until February amid omicron spreadKishida will announce the measure possibly on Tuesday with attention focused on whether he will make exceptions for some entries including government sponsored exchange students	2022-01-10 22:33:13
ニュース	BBC News - Home	Aung San Suu Kyi: Ousted Myanmar leader jailed for another four years	https://www.bbc.co.uk/news/world-asia-59933706?at_medium=RSS&at_campaign=KARANGA	february	2022-01-10 13:19:30
ニュース	BBC News - Home	Cladding: Developers told to act on lower-height buildings	https://www.bbc.co.uk/news/business-59935333?at_medium=RSS&at_campaign=KARANGA	action	2022-01-10 13:55:55
ニュース	BBC News - Home	Barry Bennell: Men lose case against Manchester City over abuse	https://www.bbc.co.uk/news/uk-england-manchester-59934051?at_medium=RSS&at_campaign=KARANGA	scout	2022-01-10 13:20:19
ニュース	BBC News - Home	Sarah Everard: First phase of independent inquiry to conclude this year	https://www.bbc.co.uk/news/uk-england-london-59939676?at_medium=RSS&at_campaign=KARANGA	murder	2022-01-10 13:08:15
ニュース	BBC News - Home	Djokovic 'focused' on playing Australian Open after visa cancellation overturned	https://www.bbc.co.uk/sport/tennis/59938953?at_medium=RSS&at_campaign=KARANGA	Djokovic x focused x on playing Australian Open after visa cancellation overturnedNovak Djokovic says he is focused on playing in the Australian Open next week after winning a court battle that overturned his visa cancellation	2022-01-10 13:55:52
ニュース	BBC News - Home	Afcon 2021 highlights: Hosts Cameroon beat Burkina Faso in opening match	https://www.bbc.co.uk/sport/av/football/59940728?at_medium=RSS&at_campaign=KARANGA	Afcon highlights Hosts Cameroon beat Burkina Faso in opening matchCameroon captain Vincent Aboubakar scores twice from the penalty spot to give the hosts a victory over Burkina Faso in the opening match of the Africa Cup of Nations	2022-01-10 13:47:17
ニュース	BBC News - Home	Omicron: What Covid tests do I need to travel abroad?	https://www.bbc.co.uk/news/explainers-52544307?at_medium=RSS&at_campaign=KARANGA	england	2022-01-10 13:11:40
LifeHuck	ライフハッカー［日本版］	ウェブ会議ならこれ！コスパの高さに満足なロジクール『ウェブカメラ C270n』｜これ買ってよかった	https://www.lifehacker.jp/2022/01/248230best-buy-web-camera-in.html	高性能	2022-01-10 22:05:00
北海道	北海道新聞	アパートで女性刺され死亡　男性も重体　札幌・中央区	https://www.hokkaido-np.co.jp/article/631866/	札幌市中央区	2022-01-10 22:15:00
海外TECH	reddit	「自衛隊のおにーちゃんたちばいばーい」「気をつけて帰るんだよ！ばいばーい」	https://www.reddit.com/r/newsokunomoral/comments/s0jode/自衛隊のおにーちゃんたちばいばーい気をつけて帰るんだよばいばーい/	ewsokunomorallinkcomments	2022-01-10 13:09:33