技術ブログ |
Mercari Engineering Blog |
entを使った省エネバックエンド開発 |
https://engineering.mercari.com/blog/entry/20211205-44a97f0e1c/
|
orhellip |
2021-12-05 19:00:20 |
海外TECH |
MakeUseOf |
How to Create a Professional Invoice From Scratch: 5 Easy Steps |
https://www.makeuseof.com/how-to-create-professional-invoice/
|
How to Create a Professional Invoice From Scratch Easy StepsHaving a well designed professional invoice can make a big difference in the eyes of your client or customer Here s how to easily create one |
2021-12-05 18:45:12 |
海外TECH |
MakeUseOf |
How to Customize Windows 11's Lock Screen |
https://www.makeuseof.com/windows-11-customize-lock-screen/
|
content |
2021-12-05 18:15:12 |
海外TECH |
DEV Community |
Swipe to delete from Cloud Firestore Database |
https://dev.to/siddharthsing/swipe-to-delete-from-cloud-firestore-database-3fpj
|
Swipe to delete from Cloud Firestore Database Click on he below link to view the full article Article |
2021-12-05 18:11:32 |
海外TECH |
DEV Community |
🕎 8 Days of Web Components Tips |
https://dev.to/bennypowers/8-days-of-web-components-tips-39o5
|
Days of Web Components TipsIn honour of Hannukah this year I undertook to write web components tips one for each night of the festival Tonight is the th and final night of the festival The mystics said that this night combines and contains aspects of each of the seven previous nights so I d like to share a compilation of those tips with the dev community Wishing you and yours a fully Lit Hannukah st night Adding Controllers via TypeScript Decorators Did you know you can add reactive controllers to an element via a class or field decorator You don t even need to assign it to an instance property Adds a given class to a ReactiveElement when it upgrades export function classy classString string ClassDecorator return function klass if isReactiveElementClass klass throw new Error classy may only decorate ReactiveElements klass addInitializer instance gt Define and add an ad hoc controller Look mah No instance property instance addController hostConnected instance classList add classString customElement pirsumei nissa classy al hanissim export class PirsumeiNissa extends LitElement nd night Adding Controllers Inside Other Controllers Like a delicious sufganya traditional holiday donut with many fillings a Lit component can have multiple reactive controllers and controllers can even add other controllersexport class MutationController lt E extends ReactiveElement gt implements ReactiveController private logger Logger mo new MutationObserver this onMutation constructor public host E public options Options lt E gt Add another controller this logger new Logger this host host addController this onMutation records MutationRecord this logger log Mutation records this options onMutation records hostConnected this mo observe this host this options init attributes true childList true hostDisconnected this mo disconnect rd night Web Component Context API Did you know web components can have context The protocol is based on composed events Define providers amp consumers amp share data across the DOM th night Using SASS PostCSS etc Building webcomponents with SASS You probably don t need it but if you can t resist… you can develop using a buildless workflow with Web Dev Server and esbuild plugin lit cssWant to use PostCSS instead for sweet sweet future CSS syntax No problem th night Stacking Slots Who doesn t like a piping hot stack of latkes Stack slots to toggle component states Adding content into the outer slot automatically disables the inner slotState management in HTML Check out westbrook s blog on the topic Who doesn t love some lt slot gt s Westbrook Johnson・Nov ・ min read html shadowdom customelements ay th night Better TypeScript Imports In TypeScript if you set preserveValueImports you can import the class definitions of your element dependencies without worrying that TS will elide the side effecting value import LitElement from lit import customElement property from lit decorators js customElement lit candle export class LitCandle extends LitElement property type Boolean lit false render return this lit import LitElement html from lit import customElement property query from lit decorators js import LitCandle from lit candle js customElement lit menorah export class LitMenorah extends LitElement property type Number night Although the value of LitCandle isn t used only the type with preserveValueImports TS won t strip the import So you can be sure that lt lit candle gt will upgrade query lit candle candles NodeListOf lt LitCandle gt render return Array from length i gt html lt lit candle lit i lt this night gt lt lit candle gt live demo th night GraphQL Web Components Looking to add GraphQL to your frontend Give Apollo Elements a try Use Apollo reactive controllers with lit others or try a functional library like atomicimport ApolloQueryController from apollo elements core import LitElement html from lit import customElement from lit decorators js import HelloQuery from Hello query graphql customElement hello query export class HelloQueryElement extends LitElement query new ApolloQueryController this HelloQuery render return html lt article class classMap skeleton this query loading gt lt p id error hidden this query error gt this query error message lt p gt lt p gt this query data greeting Hello this query data name Friend lt p gt lt article gt th night Component Interop You don t need to use only lit components in your lit appMix old school Polymer components with vue js web components Put stencil js Microsoft s FAST UI on the same pageIt s your party lt DOCTYPE html gt lt head gt lt link rel stylesheet href shoelace style shoelace beta dist themes light css gt lt link rel stylesheet href ionic core css ionic bundle css gt lt script type module src shoelace style shoelace beta dist shoelace js gt lt script gt lt script type module src ionic core dist ionic ionic esm js gt lt script gt lt script type module src microsoft fast components gt lt script gt lt script type module src patternfly pfe datetime dist pfe datetime js module gt lt script gt lt script type module src material mwc button module gt lt script gt lt head gt lt body gt lt sl card gt lt pfe datetime slot header type relative datetime Mon Jan EST gt lt pfe datetime gt lt ion img slot image src gt lt ion img gt lt fast progress ring min max value gt lt fast progress ring gt lt mwc button slot footer gt More Info lt mwc button gt lt sl card gt lt body gt |
2021-12-05 18:10:05 |
海外TECH |
DEV Community |
Swipe to delete, archive etc from Cloud Firestore with RecyclerView |
https://dev.to/siddharthsing/swipe-to-delete-archive-etc-from-cloud-firestore-with-recyclerview-2ok3
|
Swipe to delete archive etc from Cloud Firestore with RecyclerView App s OverviewIn this article I am gonna take you through the development of Swipe Delete Feature specifically we are going to delete the data present in Cloud Firestore Database in just a swipe Sounds amazing yes it is amazing let s start Note The article only contains the explanation of swipe to delete feature firebase implementation and UI details are not discussed but I will provide the GitHub from which you can easily go through the complete code of the app Table Of ContentDependencies Setup Code ExplanationFull code GitHub Repo Writer s Support ️ Dependencies SetupI have used an external library to create and decorate the swipe to delete feature it is called RecyclerViewSwipeDecorator dependencies implementation it xabaras android recyclerview swipedecorator Code ExplanationCreate an ItemTouchHelper SimpleCallback instantiate anItemTouchHelper with this callback Copy the code snippet below Reference ListActivity kt gt SimpleCallback gives us option to tell about the swipe direction gt ItemTouchHelper RIGHT or ItemTouchHelper LEFT val callback ItemTouchHelper SimpleCallback object ItemTouchHelper SimpleCallback ItemTouchHelper RIGHT or ItemTouchHelper LEFT override fun onMove recyclerView RecyclerView viewHolder RecyclerView ViewHolder target RecyclerView ViewHolder Boolean return false override fun onSwiped viewHolder RecyclerView ViewHolder direction Int Take action for swiped direction Delete on swipe left Archive on swipe right Customise according to your mood Now let us attach our ItemTouchHelper with the RecyclerView Copy the below code snippet just outside callbackval itemTouchHelper ItemTouchHelper callback itemTouchHelper attachToRecyclerView rv rv replace with your recycler view variable name The above code is sufficient for the swipe to delete feature It will look something like below To decorate our swipe feature we will override onChildDraw method This method has various functions some of them will be discussed in this article others you can explore here Override onChildDraw method below onSwiped method Copy the below code snippet override fun onChildDraw c Canvas recyclerView RecyclerView viewHolder RecyclerView ViewHolder dX Float dY Float actionState Int isCurrentlyActive Boolean RecyclerViewSwipeDecorator Builder c recyclerView viewHolder dX dY actionState isCurrentlyActive addBackgroundColor ContextCompat getColor this ListActivity android R color holo red light addActionIcon R drawable ic baseline delete sweep add any icon of your choice addSwipeRightLabel Deleting the Item Label according to your choice addSwipeLeftLabel Deleting the Item setSwipeRightLabelColor R color white behind color on swiping setSwipeLeftLabelColor R color white create decorate super onChildDraw c recyclerView viewHolder dX dY actionState isCurrentlyActive That s all now you can see the magic GitHub RepositoryFork the repository for better and easy understanding and for quick learning Siddharth sing Swipe delete from firebase This app will demonstrate the swipe to delete from firebase feature Article is on dev to click below App s OverviewIn this article I am gonna take you through the development ofSwipe Delete Feature specifically we are going to delete thedata present in Cloud Firestore Database in just a swipe Sounds amazing yes it is amazing let s start Note The article only contains the explanation of swipe to delete feature firebase implementation and UI details are not discussed but I will provide the GitHub from which you can easily go through the complete code of the app Table Of ContentDependencies Setup Code ExplanationFull code GitHub Repo Writer s Support ️ Dependencies SetupI have used an external library to create and decorate the swipe to delete feature it is called RecyclerViewSwipeDecorator dependencies implementation it xabaras android recyclerview swipedecorator Code ExplanationCreate an ItemTouchHelper SimpleCallback instantiate anItemTouchHelper with this callback Copy the code snippet below Reference … View on GitHub Writer s SupportIf you find the article useful show some ️by staring at some of my repositories and following me on dev to and github |
2021-12-05 18:09:49 |
海外TECH |
Engadget |
eBay banned some users by mistake |
https://www.engadget.com/ebay-banned-users-by-mistake-184136442.html?src=rss
|
eBay banned some users by mistakeTwitter isn t the only big name internet company to have accidentally banned users this week As The Vergereports eBay has confirmed it suspended a quot small number quot of users by mistake on December rd The company didn t provide a cause or reveal the extent of the problem but said it had fixed the slip up and notified those affected There may have been a significant number of victims Reddit users devoted a large thread to the bans noting that there weren t any potential red flags for at least some of the accounts People were suspended even if they had excellent buyer and seller histories or hadn t used eBay for years Those who contacted eBay were denied appeals and at least once told they put eBay users quot at risk quot While it s not always clear what prompts unintentional bans incidents like these underscore the limits of moderating internet services Companies often have to lean on automated moderation to handle the sheer scale of content and those human moderators that are available can still make mistakes Gaffes like this are rare but might be difficult to avoid without double checking decisions Yesterday a small number of eBay accounts were inadvertently suspended The issue is resolved amp any users who need to take action have been notified If you still need help please DM your name email amp zip so we can check it out Beca ーAsk eBay AskeBay December |
2021-12-05 18:41:36 |
ニュース |
BBC News - Home |
Storm Barra: Severe weather warnings for wind and rain issued |
https://www.bbc.co.uk/news/uk-northern-ireland-59540474?at_medium=RSS&at_campaign=KARANGA
|
ireland |
2021-12-05 18:27:46 |
ニュース |
BBC News - Home |
Konsa scores twice as Villa come from behind to beat Leicester |
https://www.bbc.co.uk/sport/football/59380837?at_medium=RSS&at_campaign=KARANGA
|
villa |
2021-12-05 18:26:39 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
ひろゆきが「平気で他人をいじめる人への対処法」ベスト1 - 1%の努力 |
https://diamond.jp/articles/-/288920
|
youtube |
2021-12-06 03:50:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
精神科医が教える「他人との距離をうまく縮めていく方法」ベスト1 - ストレスフリー超大全 |
https://diamond.jp/articles/-/289068
|
精神科医が教える「他人との距離をうまく縮めていく方法」ベストストレスフリー超大全仲良くなりたい他人と距離を縮めていくには、どうすればいいのか総フォロワー数万人を超える精神科医、樺沢紫苑氏による『ストレスフリー超大全』では、ストレスフリーに生きる方法を「科学的なファクト」と「今すぐできるToDo」で紹介した。 |
2021-12-06 03:48:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
成長と分配の好循環を実現するための哲学をどうするか - 数字は語る |
https://diamond.jp/articles/-/289408
|
資本主義 |
2021-12-06 03:45:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
生保21年度上半期決算、日系9社「営業力」「代理店市場」&大手4社「金利リスク」を分析 - ダイヤモンド保険ラボ |
https://diamond.jp/articles/-/289531
|
ampamp |
2021-12-06 03:40:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
エヌビディア、アームなしでも生きられる - WSJ PickUp |
https://diamond.jp/articles/-/289529
|
wsjpickup |
2021-12-06 03:35:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
コロナで急増した米国人の貯蓄、減る兆候なし - WSJ PickUp |
https://diamond.jp/articles/-/289530
|
wsjpickup |
2021-12-06 03:30:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
「成長したくない若手」が 自ら「やります」と言えるようになる方法 - 若手育成の教科書 |
https://diamond.jp/articles/-/288936
|
曽山哲人 |
2021-12-06 03:25:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
“FIRE”した億万長者より “2つの給料袋”を持つサラリーマンが、 よっぽど輝いて見える理由 - 真の「安定」を手に入れるシン・サラリーマン |
https://diamond.jp/articles/-/288883
|
|
2021-12-06 03:20:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
お客様の愛で施設を守る方法 - 弱者の戦術 |
https://diamond.jp/articles/-/288274
|
|
2021-12-06 03:15:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
聞き上手になりたい!でも過剰に相槌を打ちすぎるのは逆効果 - 行列のできるインタビュアーの聞く技術 |
https://diamond.jp/articles/-/289040
|
聞き上手 |
2021-12-06 03:10:00 |
ビジネス |
ダイヤモンド・オンライン - 新着記事 |
成長のマインドセット術 - 精神科医Tomyが教える 1秒で不安が吹き飛ぶ言葉 |
https://diamond.jp/articles/-/287585
|
voicy |
2021-12-06 03:05:00 |
コメント
コメントを投稿