| IT |
気になる、記になる… |
Apple、2023年の｢Apple Design Awards｣の受賞者を発表 |
https://taisy0.com/2023/06/06/172647.html
|
apple |
2023-06-06 01:47:21 |
| IT |
気になる、記になる… |
LINEMO、｢3カ月間データ増量キャンペーン｣をまたまた開催中（6月12日まで） |
https://taisy0.com/2023/06/06/172645.html
|
linemo |
2023-06-06 01:20:29 |
| IT |
気になる、記になる… |
LINEMO、｢スマホプラン｣に新規契約で8,184円相当のPayPayポイントが貰えるキャンペーンを開始（6月12日まで） |
https://taisy0.com/2023/06/06/172643.html
|
linemo |
2023-06-06 01:18:05 |
| IT |
気になる、記になる… |
｢iOS 17｣の｢ミュージック｣アプリ、ようやく曲間クロスフェード機能が利用可能に |
https://taisy0.com/2023/06/06/172640.html
|
apple |
2023-06-06 01:13:09 |
| IT |
気になる、記になる… |
｢iOS 17｣や｢macOS Sonoma｣の新しい壁紙がダウンロード可能に |
https://taisy0.com/2023/06/06/172637.html
|
macos |
2023-06-06 01:02:18 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia News] クックパッドにレイオフされたエンジニアが“Twitter就活” 求人企業「会いたい」と反応 |
https://www.itmedia.co.jp/news/articles/2306/06/news099.html
|
itmedia |
2023-06-06 10:01:00 |
| TECH |
Techable（テッカブル） |
明細管理を効率化！税理士法人監修の「クラウド明細管理ソフトKHAKI」リリース |
https://techable.jp/archives/210127
|
khaki |
2023-06-06 01:00:24 |
| python |
Pythonタグが付けられた新着投稿 - Qiita |
C子ちゃん例え話シリーズ：Python List「重複除去と・・・」 |
https://qiita.com/engbJapan/items/baa4186bd37c4f2badc1
|
pythonlist |
2023-06-06 10:38:31 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
Google Apps Script (GAS) と Google Cloud Vision APIを用いたPDFと画像からのテキスト抽出 |
https://qiita.com/oktaSI/items/072fa0ad94527dc6d42a
|
googleappsscriptgas |
2023-06-06 10:25:29 |
| Git |
Gitタグが付けられた新着投稿 - Qiita |
gitのfilemode |
https://qiita.com/takepan/items/d4055b3ae9567bec9e42
|
filemodegit |
2023-06-06 10:15:16 |
| 技術ブログ |
Developers.IO |
タグと型クラスによる合成可能で宣言的なバリデーション |
https://dev.classmethod.jp/articles/declarative-validations-by-tag-and-typeclass/
|
順序 |
2023-06-06 01:32:17 |
| 技術ブログ |
Developers.IO |
Hands-On Guide to Setting Up a Google Cloud Platform VM Instance with a Static IP Address |
https://dev.classmethod.jp/articles/hands-on-guide-to-setting-up-a-google-cloud-platform-vm-instance-with-a-static-ip-address/
|
Hands On Guide to Setting Up a Google Cloud Platform VM Instance with a Static IP AddressHi if you are new to Google Cloud Platform GCP or want to explore it from basics then this is the perfect b |
2023-06-06 01:27:53 |
| 海外TECH |
DEV Community |
10 Reasons why you should learn Clojure |
https://dev.to/pragyanatvade/10-reasons-why-you-should-learn-clojure-3g92
|
Reasons why you should learn ClojureProgramming languages I have tried ️C ️CPP ️Python ️Go ️Javascript ️Clojure Since Clojure I haven t looked anywhere else Here are Reasons why you should learn Clojure Functional programming Clojure is a functional programming language that encourages immutability and recursion which are key concepts in data structures and algorithms Immutable by default Immutable data structures are simpler to reason about and debug as they can t be changed once created This results in fewer bugs and a more predictable codebase One language to rule them all Clojure is a hosted language which is compiled to JVM JS or CLR This means developers can write code in Clojure and have it run on various platforms Concise amp Simple Syntax Clojure s simple and expressive syntax makes it easy to understand and implement complex data structures and algorithms Performant Clojure is built on top of the Java Virtual Machine JVM and benefits from its performance making it well suited for data intensive tasks Interoperable with Java and JS Clojure can easily interact with other JVM languages giving you the ability to use popular data structures and algorithms libraries Enables concurrent and parallel programming Clojure s support for concurrent and parallel programming allows you to easily create highly performant and concurrent data structures and algorithms Lisp heritage Clojure is a dialect of Lisp a family of programming languages known for their simple and powerful data structures and algorithms REPL Driven Development Clojure s REPL workflow is a fun and enjoyable Immediate feedback loop makes learning and working with data structures and algorithms an enjoyable experience Community Clojure has an active and supportive community that provides a wealth of resources and libraries for learning and implementing data structures and algorithms Clojure is the perfect language to expand your brain Thanks for reading this If you have an idea and want to build your product around it schedule a call with me If you want to learn more about DevOps and Backend space follow me If you want to connect reach out to me on Twitter and LinkedIn |
2023-06-06 01:31:00 |
| 海外TECH |
DEV Community |
Supercharge Your Buttons: Simplifying Loading State with less boilerplate |
https://dev.to/piyushkmr/supercharge-your-buttons-simplifying-loading-state-with-less-boilerplate-fda
|
Supercharge Your Buttons Simplifying Loading State with less boilerplateAs web developers we all know the importance of buttons in our applications Whether it s submitting a form triggering an action or making an API call buttons play a crucial role in driving user interactions However when it comes to adding asynchronous code to button clicks such as performing an API call and waiting for the result we tend to get lazy or forget to add it The problem for usersHave you ever encountered a situation where the button appeared stuck or unresponsive while waiting for the asynchronous operation to complete It happens to the best of us In the heat of coding it s easy to forget to add the necessary loading state to our buttons leaving users confused and frustrated In this article we ll explore a simple yet powerful approach to enhance button functionality specifically focusing on streamlining the loading state Although we ll be using React as our example framework these techniques can be applied to any web development framework Adding Loading State to ButtonsLet s begin by understanding the typical workflow involved in adding asynchronous continuously running code to a button click The user clicks the button initiating the action We set the loading state to true indicating that the button is in progress We start performing the asynchronous code such as making an API call Once the operation completes we update the loading state to false However every time we need to incorporate this functionality we find ourselves writing repetitive boilerplate code Moreover overlooking the loading state can lead to poor user experience Simplifying Button LoadingTo address these challenges and make the button loading experience easier to handle we need an intuitive API and less boilerplate code Let s take a look at a typical button code snippet in React import Button from Button const APIButton gt const loading setLoading useState false const error setError useState const handleClick gt setLoading true setError submitFormToBackend then gt setLoading false catch err gt setError err return lt gt lt Button onClick handleClick className loading amp amp btn loading error amp amp btn error disabled loading gt Label lt Button gt error amp amp lt div gt error lt div gt lt gt This code demonstrates a common pattern where we manually manage the loading and error states while handling the button click However it seems like too much boilerplate I am lazy to write a few extra key strokes Streamlining Button Loading with an Enhanced ComponentTo make the button loading state easier to manage we can modify the button component itself The goal is not to clutter our button code but to complement it in a way that still keeps our code readable and maintainable Imagine treating the button as an input field with disabled busy and error states Let s enhance the button component to handle loading internally and simplify our code interface ButtonProps loading boolean disabled boolean onClick e MouseEvent lt HTMLButtonElement gt gt void Promise lt void gt export const Button FunctionComponent lt ButtonProps gt props gt const loading setLoading useState false const error setError useState const handleClick e MouseEvent lt HTMLButtonElement gt gt const clickResult props onClick e If our onClick returns a Promise handle the loading states if clickResult instanceof Promise setLoading true setError clickResult catch err gt if err status setError Unauthorized finally gt setLoading false const buttonClasses classnames btn btn loading loading btn error error let buttonEl lt button disabled props disabled loading className buttonClasses role loading progressbar gt props children lt button gt if error buttonEl lt Tooltip content error color danger gt buttonEl lt Tooltip gt return buttonEl With this enhanced button component we have a more powerful and intuitive way of managing loading and error states The component takes care of the loading state internally allowing us to focus on writing cleaner and more concise code Implementing the Supercharged ButtonNow let s see how our new and improved button can simplify our code import Button from Button const APIButton gt const handleClick gt return submitFormToBackend catch err gt if err status throw new Error Unauthorized return lt Button onClick handleClick gt Label lt Button gt By simply returning the promise from our handleClick function we can effortlessly incorporate loading and error states It s a single additional word that significantly simplifies our code and improves the user experience Taking Control of Loading and Error StatesThe promisified Button component we ve built empowers us to handle different scenarios effectively If we don t want to show the loading state without a promise we can simply omit the promise return from the handleClick function If we want to display the loading state but without an error tooltip we can return the promise but catch the error preventing the Button component from catching them ConclusionIn this article we ve explored how to supercharge our buttons by streamlining the loading state By enhancing our button component we can simplify the process reduce boilerplate code and provide a smoother user experience Lets contiue the discussion Is there any issues that you can find with this approach Let me know about your favorite mini hacks that have eased your development process |
2023-06-06 01:12:03 |
| Cisco |
Cisco Blog |
Celebrating Excellence: Our 2023 CX Customer Hero Award Winners |
https://feedpress.me/link/23532/16163115/celebrating-excellence-our-2023-cx-customer-hero-award-winners
|
Celebrating Excellence Our CX Customer Hero Award WinnersToday we are thrilled to present the Cisco CX Customer Hero Award to eight customers who have demonstrated excellence in their specific categories The following customers were selected from nominations received from across industries and the Americas region and we are honored to recognize them today congratulations to all our winners |
2023-06-06 01:57:51 |
| 金融 |
JPX マーケットニュース |
[JPX,東証]「四半期開示の見直しに関する実務検討会」の設置について |
https://www.jpx.co.jp/news/1023/20230606-01.html
|
開示 |
2023-06-06 11:00:00 |
| 金融 |
ニュース - 保険市場TIMES |
フコクしんらい生命、共同寄付スキームによる寄付金を贈呈 |
https://www.hokende.com/news/blog/entry/2023/06/06/110000
|
今回の寄付金は埼玉縣信用金庫とのものが円となり、公益社団法人埼玉県看護協会へと贈られた。 |
2023-06-06 11:00:00 |
コメント
コメントを投稿