IT |
気になる、記になる… |
「iPhone 13」の分解動画 |
https://taisy0.com/2021/09/25/146531.html
|
restoretechniq |
2021-09-24 16:37:44 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
input要素でCSSを動的に操作する(jQurey) |
https://qiita.com/1000_co_gaeru/items/796be4a731c75bfc3b96
|
コメントにあるように、CSSで設定している初期値にします。 |
2021-09-25 01:24:48 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
Visual Studioの使い方がまとまっているサイトを教えて下さい。また継承元(基底クラス)の探し方教えて下さい。 |
https://teratail.com/questions/361205?rss=all
|
VisualStudioの使い方がまとまっているサイトを教えて下さい。 |
2021-09-25 01:46:41 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
親要素がoverflowしているときに右側のpadding-rightの取り方 |
https://teratail.com/questions/361204?rss=all
|
親要素がoverflowしているときに右側のpaddingrightの取り方以下のような例で、内容物のwidthが相対的に長くなり、親要素がoverflowscrollが効きだした際に、paddingrightが取れなくなっているように見えます。 |
2021-09-25 01:36:35 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
確認画面への遷移ができない |
https://teratail.com/questions/361203?rss=all
|
確認画面への遷移ができない入力事項の確認画面を作成しようと思っています。 |
2021-09-25 01:32:04 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
ログインフォームに自動でIDを入れる方法について |
https://teratail.com/questions/361202?rss=all
|
ログインフォームに自動でIDを入れる方法について前提・実現したいことログインフォームにIDを入れるコードを作ったのですが、なぜかエラーが出てしまいます。 |
2021-09-25 01:31:39 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
競プロで自分のコードのどこを直せば良いか分からない |
https://teratail.com/questions/361201?rss=all
|
競プロで自分のコードのどこを直せば良いか分からないAtcoderという競技プログラミングサイトの問題でこのurlの問題を考えています。 |
2021-09-25 01:27:38 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
tkinterで作ったGUIアプリのexeが起動できない |
https://teratail.com/questions/361200?rss=all
|
tkinterで作ったGUIアプリのexeが起動できないtkinterで、物体検出のアプリを作ったのですが、実行ファイルにすると、このような画像が表示され、実行できません。 |
2021-09-25 01:20:46 |
Program |
[全てのタグ]の新着質問一覧|teratail(テラテイル) |
独自ドメインを取得後、WordPressアドレスとサイトアドレスの両方を変更したらログインができない。 |
https://teratail.com/questions/361199?rss=all
|
調べてみたところ、WordPressアドレスURLとサイトアドレスURLの両方の変更が必要だと思い「examplecojp」に変更したところ、「NotnbspFound」と表示されました。 |
2021-09-25 01:01:04 |
Ruby |
Rubyタグが付けられた新着投稿 - Qiita |
[Rails]基本理念について |
https://qiita.com/mkato1013/items/15fb7f4f68d6e392a794
|
DRYとは、DontRepeatYourselfの略同じ情報を繰り返し記述しないというものです。 |
2021-09-25 01:19:15 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
[Rails]基本理念について |
https://qiita.com/mkato1013/items/15fb7f4f68d6e392a794
|
DRYとは、DontRepeatYourselfの略同じ情報を繰り返し記述しないというものです。 |
2021-09-25 01:19:15 |
海外TECH |
Ars Technica |
The Surface Duo’s two-year-old Android OS will be updated sometime this year |
https://arstechnica.com/?p=1798192
|
class |
2021-09-24 16:50:52 |
海外TECH |
Ars Technica |
Bitcoin outlawed in China as country bans all cryptocurrency transactions |
https://arstechnica.com/?p=1798222
|
collapse |
2021-09-24 16:11:13 |
海外TECH |
Ars Technica |
Windows 11 hits the Release Preview Insider channel as official release nears |
https://arstechnica.com/?p=1798186
|
demonstrates |
2021-09-24 16:05:19 |
海外TECH |
DEV Community |
CSS Variables | Learning CSS Best Practices - #01 |
https://dev.to/iamkiambuthi/css-variables-learning-css-best-practices-01-3h3g
|
CSS Variables Learning CSS Best Practices to declare a variable prefix your variable name with two dashes then to use it use the var function declaring the variable variable name variable value accessing the variable html font family var variable name Variable Scope Global or Local Variables can be either scoped globally or locally declaring your variables inside the root pseudo class makes them available in the global scope and available for use throughout ythe stylesheet header bg color red bg color is only visisble to all children of the header element main background var bg color bg color is undefined to declare global variables place all variable inside the root pseudo class root bg color red header background var bg color main background var bg color Common Use CasesOne way to use css variables is to save common colors or an entire color pallete which you can then use to style elements root Use css variables to declare site colors primary color black secondary color gray tetiary color white Color Palettes black color palette black clr plt rgb black clr plt rgb black clr plt rgb black clr plt rgb brown color palette brown clr plt rgb brown clr plt rgb brown clr plt rgb brown clr plt rgb styling body background var brown clr plt color var black color plt border px solid var primary color Providing Fallback ValuesTo provide a fallback value in case the variable is undefined pass the fallback value as a second argument into the var function root site font Raleway html font family var Raleway monospace In this example if site font is undefined the monospace font is used that s it you re welcome to follow the journey onwards on my github |
2021-09-24 16:17:28 |
海外TECH |
DEV Community |
React state with a fragmented store |
https://dev.to/aralroca/react-state-with-a-fragmented-store-18ff
|
React state with a fragmented storeThere are many ways to manage the React state between many components using libraries like Redux MobX Immer Recoil etc or using a React Context After using several of them I personally choose React Context because of its simplicity To use a React Context to manage the state you have to put the state in the Provider along with the method to update it Then you can consume it from the Consumer However the problem with React Context is that if you change the value of a single field of the state instead of updating the components that use only this field all components that use any field from the state will be re rendered Unfragmented state in React Context In this article I m going to explain the concept of fragmented store to solve this and how to use it in a simple and easy way What is a fragmented storeThe fragmented store makes it possible to consume each field of the store separately Since most of the components will consume few fields of the whole store it s not interesting that they are re rendered when other fields are updated Fragmented store in React Context To solve this with React Context you have to create a context for each field of the store which is not very feasible due to its difficulty Not recommended lt UsernameProvider gt lt AgeProvider gt children lt AgeProvider gt lt UsernameProvider gt Naturally if we have very few properties in the store it could work But when we start to have too many there will be too much logic implemented to solve the problem of re rendering since it would be necessary to implement each context for each property However I have good news it can be automatically created How to use a fragmented storeI created a tiny library b called fragmented store to make it super simple and easy to use It uses React Context underneath I ll explain later what it does exactly Fragmented store logo Create context add the ProviderJust as we would go with the React Context we need to create the context and add the provider to the application We ll take this opportunity to initialize the store to the data we want at the beginning import createStore from fragmented store It is advisable to set all the fields If you don t know the initial value you can set it to undefined or null to be able to consume the values in the same wayconst Provider createStore username Aral age function App return lt Provider gt rest lt Provider gt Consume one fieldFor the example we will make components that consume a field of the store As you ll see it s similar to having a useState in each component with the property that you want with the difference that several components can share the same property with the same value import createStore from fragmented store We can import hooks with the property name in camelCase username gt useUsername age gt useAgeconst Provider useUsername useAge createStore username Aral age function App return lt Provider gt lt UsernameComponent gt lt AgeComponent gt lt Provider gt Consume the username fieldfunction UsernameComponent const username setUsername useUsername return lt button onClick gt setUsername AnotherUserName gt Update username lt button gt Consume the age fieldfunction AgeComponent const age setAge useAge return lt div gt lt div gt age lt div gt lt button onClick gt setAge s gt s gt Inc age lt button gt lt div gt When the AgeComponent updates the age field only the AgeComponent is re rendered The UsernameComponent is not re rendered since it does not use the same fragmented part of the store Consume all the storeIn case you want to update several fields of the store you can consume the whole store directly The component that consumes all the store will be re render for any updated field import createStore from fragmented store Special hook useUnfragmentedStoreconst Provider useUnfragmentedStore createStore username Aral age function App return lt Provider gt lt AllStoreComponent gt lt Provider gt Consume all fields of the storefunction AllStoreComponent const store update useUnfragmentedStore console log store all store function onClick update age username Aral Roca return lt button onClick onClick gt Modify store lt button gt And again if we only update some fields the components that consume these fields will be re rendered while other components that consume other fields won t It only updates the username field other fields won t be updated The UsernameComponent is going to be re rendered while AgeComponent won t update username Aral Roca You don t need to do this even if it s supported update s gt s username Aral With this only the components that consume the username field with the useUsername hook would be re rendered How is implemented underneathThe fragmented store library is a single very short file It s similar of what we d manually do to create several React Contexts for each property It automatically creates everything you need to consume and update them hooks import React useState useContext createContext from react export default function createStore store const keys Object keys store const capitalize k gt k toUpperCase k slice k length storeUtils is the object we ll return with everything Provider hooks We initialize it by creating a context for each property and returning a hook to consume the context of each property const storeUtils keys reduce o key gt const context createContext store key Property context return o All contexts contexts o contexts context key Hook to consume the property context use capitalize key gt useContext context We create the main provider by wrapping all the providers storeUtils Provider children gt const Empty children gt children const Component storeUtils contexts map context key gt children gt const ctx useState store key return lt context Provider value ctx gt children lt context Provider gt reduce RestProviders Provider gt children gt lt Provider gt lt RestProviders gt children lt RestProviders gt lt Provider gt Empty return lt Component gt children lt Component gt As a bonus we create the useUnfragmentedStore hook to return all the state Also to return an updater that uses all the created hooks at the same time storeUtils useUnfragmentedStore gt const state const updates keys forEach k gt const s u storeUtils use capitalize k state k s updates k u function updater newState const s typeof newState function newState state newState Object keys s forEach k gt updates k amp amp updates k s k return state updater Return everything we ve generated return storeUtils DemoI created a Codesandbox in case you want to try how it works I added a console log in each component so you can check when each one is re rendered The example is super simple but you can try creating your own components and your state ConclusionsIn this article I ve explained the benefits of the fragmented store concept and how to apply it with React Context without the need to manually create many contexts In the example of the article and the fragmented store library the fragmentation level is only at the first level for now The library I ve implemented is in a very early stage and there are certainly a number of improvements that could be made Any proposal for changes can be made on GitHub as the project is open source and will be very well received |
2021-09-24 16:14:44 |
海外TECH |
DEV Community |
Contributing to Open Source with Adding Features |
https://dev.to/luigizaccagnini/contributing-to-open-source-with-adding-features-j90
|
Contributing to Open Source with Adding FeaturesWelcome to the weekly blog post about my open source journey This weeks topic will be about adding a feature to a new an open source repository The repository we will be working on this week will be The Great Site Generator Filing an issueTo start the process of contributing a new feature for an open source project we need to file an issue When you file the issue you should talk about what the feature is why should it be added and an example scenario For the repository I am working on I filed the issue to add support for markdown files with only the header one feature This is a very small upgrade from the original project but any contribution is a good contribution Here is the issue I filed Working on the projectNow that I filed the issue and the project owner gave me the okay for the feature it s time to start our developer space First thing I need to fork the repository and create a new branch for the issue I reviewed the code to get a better understanding of how the repository worked It is important to understand the code because when adding to it you must follow the persons style Just like your own code you also want to make it efficient and easy to understand so other people can add to it For me I just added a new function to process a md file a new if statement in the main function and edited the help function to include my new feature I also had to write information on my new feature on the readme file With a new feature you need new documentation My pull request has not been accepted yet but hopefully will be soon I learned that you should be updating documentation when adding new features to a repository I also was learning some C features that I don t remember learning when I first picked up the language The only problem I had while writing the pull request was forgetting to update documentation with my new feature Update on OctoOcto has received one pull request to also add a markdown feature The pull request was amazing and actually fixed some things to allow the markdown to work properly The only thing I need the author to change was the style They programmed with single quotes instead of double quotes They also removed all semicolons They haven t submitted the style fix yet because it has only been a day for the requested changes but I would imagine it not being a difficult merge ConclusionOverall open source is fun It has been helping me get better with reviewing code writing better code and learning how to work with others I highly encourage you to contribute to open source and find a repository here on Github If you re not liking any of those projects you can also contribute to dev to since it is also open source Thank you for reading |
2021-09-24 16:02:12 |
Apple |
AppleInsider - Frontpage News |
Unlock with Apple Watch isn't working for some iPhone 13 owners |
https://appleinsider.com/articles/21/09/24/unlock-with-apple-watch-isnt-working-for-some-iphone-13-owners?utm_medium=rss
|
Unlock with Apple Watch isn x t working for some iPhone ownersMultiple users have found that they cannot unlock their iPhone with the Apple Watch and instead receive an error ーand it s not clear why As the initial iPhone orders begin rolling out to customers on Friday many users are excited to spend time getting to know their new device But unfortunately for a specific subset of Apple Watch wearers the new iPhone may also bring a little frustration A new bug has cropped up ーseemingly exclusive to the iPhone line ーwhere users can no longer unlock their iPhone by using Apple s Unlock with Apple Watch feature Instead when attempting to set up the feature the iPhone will display an error Read more |
2021-09-24 16:43:10 |
Apple |
AppleInsider - Frontpage News |
Apple rejecting apps is unfair competition, declares rejected app developers |
https://appleinsider.com/articles/21/09/24/apple-rejecting-apps-is-unfair-competition-declares-rejected-app-developers?utm_medium=rss
|
Apple rejecting apps is unfair competition declares rejected app developersA group of developers accusing Apple s App Store of being a monopoly has updated their lawsuit in an attempt to draw an argument from the Epic Games v Apple case Credit James Yarema UnsplashThe class action lawsuit was first filed in July and claimed that Apple was engaging in anti competitive business practices on the App Store On Friday the plaintiffs added an addendum to the lawsuit that clarifies the impact of Epic on our case Read more |
2021-09-24 16:23:29 |
Apple |
AppleInsider - Frontpage News |
iPhone 13 Pro Max is Apple's undisputed battery life champion |
https://appleinsider.com/articles/21/09/24/iphone-13-pro-max-is-apples-undisputed-battery-life-champion?utm_medium=rss
|
iPhone Pro Max is Apple x s undisputed battery life championA comparative test putting all of Apple s currently available iPhones shows the new iPhone range is significantly better and the iPhone Pro Max beats everything The iPhone Pro range All reviews of the iPhone range agree that battery life is much improved over s iPhone range and that s chiefly down to a new design that enables a larger battery Now however one YouTuber has put every iPhone that Apple currently sells through the same real world test and found the iPhone Pro Max is extraordinarily long lasting Read more |
2021-09-24 16:52:20 |
海外TECH |
Engadget |
California makes zero-emission autonomous vehicles mandatory by 2030 |
https://www.engadget.com/california-zero-emissions-autonomous-vehicles-2030-162009922.html?src=rss
|
California makes zero emission autonomous vehicles mandatory by Starting in California will require all light duty autonomous vehicles that operate in the state to emit zero emissions Signed into law by Governor Gavin Newsom on Thursday SB represents the latest effort by the state to limit the sale of new internal combustion vehicles with an eye towards reducing greenhouse emissions In Newsom signed an executive order that effectively banned the sale of new gasoline and diesel powered vehicles by That same year the state s Air Resources Board mandated that all new trucks sold in California emit zero emissions by “We re grateful for California s leadership in ensuring this will be the industry standard said Prashanthi Raman head of global government affairs at Cruise in a statement to Engadget “The AV industry is primed to lead the way in reducing greenhouse gas emissions in cities and it s why we ve operated an all electric zero emissions fleet from the start Cruise backed SB through its involvement with the Emission Zero Coalition a group that also includes autonomous delivery startup Nuro Per the Environmental Protection Agency the transportation sector has been the single largest source of greenhouse emissions in the US since with light duty vehicles accounting for more than half of that output However autonomous cars currently represent only a tiny fraction of the nearly million vehicles on California roads Moreover both Cruise and Waymo two of the most prominent companies testing fully autonomous taxi services in the state utilize fleets made almost exclusively of electric and hybrid vehicles This latest move from California then is about preventing autonomous vehicles from becoming major polluters in the future particularly if driverless taxi services become popular among commuters |
2021-09-24 16:20:09 |
海外TECH |
Network World |
Cisco patches three critical holes in IOS XE software |
https://www.networkworld.com/article/3634456/cisco-patches-three-critical-holes-in-ios-xe-software.html#tk.rss_all
|
Cisco patches three critical holes in IOS XE software Cisco has patched three critical security holes in its IOS XE software that s used across a variety of its core routers and switches The three critical warnings are part of a big release of security alerts many of which are IOS XE related including firewall SD WAN and wireless access vulnerabilities Linux security Cmd provides visibility control over user activityOf the critical patches the worst is a weakness in the Cisco IOS XE Software for Cisco Catalyst Family Wireless Controllers it s rated as a out of on the Common Vulnerability Scoring System CVSS To read this article in full please click here |
2021-09-24 16:54:00 |
金融 |
金融庁ホームページ |
金融審議会「ディスクロージャーワーキング・グループ」(第2回)を開催します。 |
https://www.fsa.go.jp/news/r3/singi/20211001.html
|
金融審議会 |
2021-09-24 17:00:00 |
金融 |
金融庁ホームページ |
金融審議会「ディスクロージャーワーキング・グループ」(第1回) 議事録を公表しました。 |
https://www.fsa.go.jp/singi/singi_kinyu/disclose_wg/gijiroku/20210902.html
|
金融審議会 |
2021-09-24 17:00:00 |
金融 |
金融庁ホームページ |
バーゼル銀行監督委員会による議事要旨について掲載しました。 |
https://www.fsa.go.jp/inter/bis/20210924-01/20210924-01.html
|
議事 |
2021-09-24 17:00:00 |
金融 |
金融庁ホームページ |
バーゼル銀行監督委員会による「サイバーセキュリティに関するニューズレター」について掲載しました。 |
https://www.fsa.go.jp/inter/bis/20210924-02/20210924-02.html
|
レター |
2021-09-24 17:00:00 |
ニュース |
BBC News - Home |
Petrol driver shortage: Ministers discuss supply issues |
https://www.bbc.co.uk/news/business-58670792?at_medium=RSS&at_campaign=KARANGA
|
lorry |
2021-09-24 16:53:39 |
ニュース |
BBC News - Home |
Olly Stephens: Three teenagers detained over boy's stabbing death |
https://www.bbc.co.uk/news/uk-england-berkshire-58666322?at_medium=RSS&at_campaign=KARANGA
|
reading |
2021-09-24 16:42:05 |
ニュース |
BBC News - Home |
Sabina Nessa: Hunt for man caught on CCTV |
https://www.bbc.co.uk/news/uk-england-london-58684025?at_medium=RSS&at_campaign=KARANGA
|
nessa |
2021-09-24 16:51:49 |
ニュース |
BBC News - Home |
Covid-19: Ministers meet over petrol supplies and hotspot schools bring back masks |
https://www.bbc.co.uk/news/uk-58679292?at_medium=RSS&at_campaign=KARANGA
|
coronavirus |
2021-09-24 16:55:26 |
ニュース |
BBC News - Home |
CBD trial to treat hallucinations in Parkinson’s disease |
https://www.bbc.co.uk/news/health-58667520?at_medium=RSS&at_campaign=KARANGA
|
london |
2021-09-24 16:03:55 |
ニュース |
BBC News - Home |
Huawei's Meng Wanzhou 'to be freed' in US deal |
https://www.bbc.co.uk/news/world-us-canada-58682998?at_medium=RSS&at_campaign=KARANGA
|
charges |
2021-09-24 16:41:41 |
ニュース |
BBC News - Home |
US dominate Europe in first session at Whistling Straits |
https://www.bbc.co.uk/sport/golf/58682632?at_medium=RSS&at_campaign=KARANGA
|
US dominate Europe in first session at Whistling StraitsJon Rahm and Sergio Garcia strike first for Europe but the US win three of the four foursomes matches and lead after the opening session of the Ryder Cup |
2021-09-24 16:53:38 |
ニュース |
BBC News - Home |
County Championship: Warwickshire beat Somerset to win first title since 2012 |
https://www.bbc.co.uk/sport/cricket/58678705?at_medium=RSS&at_campaign=KARANGA
|
championship |
2021-09-24 16:57:44 |
ニュース |
BBC News - Home |
Murray loses to top seed Hurkacz in Moselle Open quarter-final |
https://www.bbc.co.uk/sport/tennis/58682569?at_medium=RSS&at_campaign=KARANGA
|
hubert |
2021-09-24 16:04:11 |
ニュース |
BBC News - Home |
Ryder Cup: 'One of the greatest shots you'll see from Spieth' |
https://www.bbc.co.uk/sport/av/golf/58684764?at_medium=RSS&at_campaign=KARANGA
|
wisconsin |
2021-09-24 16:39:50 |
ニュース |
BBC News - Home |
Covid-19 in the UK: How many coronavirus cases are there in my area? |
https://www.bbc.co.uk/news/uk-51768274?at_medium=RSS&at_campaign=KARANGA
|
cases |
2021-09-24 16:20:06 |
コメント
コメントを投稿