投稿時間:2022-02-19 23:12:57 RSSフィード2022-02-19 23:00 分まとめ(19件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	jupyterlabの設定	https://qiita.com/kod314/items/836de4cc16adb7ce8e18	下記のようにjupyterlabconfigpy設定ファイルを編集し、jupyterlabコマンド実行後にブラウザを表示しない設定をする。	2022-02-19 22:07:09
海外TECH	Ars Technica	Is Firefox OK?	https://arstechnica.com/?p=1835337	browser	2022-02-19 13:30:24
海外TECH	MakeUseOf	How to Create and Manage a TikTok Poll	https://www.makeuseof.com/how-to-create-manage-tiktok-poll/	specific	2022-02-19 13:30:12
海外TECH	DEV Community	Build a Video Conference App from Scratch using WebRTC,Websocket,PHP +JS Day 44	https://dev.to/benpobi/build-a-video-conference-app-from-scratch-using-webrtcwebsocketphp-js-day-44-117h	build	2022-02-19 13:27:52
海外TECH	DEV Community	Adding custom rules in Datree	https://dev.to/kunal/adding-custom-rules-in-datree-54kh	Adding custom rules in Datree What is Datree Datree is a CLI tool that supports Kubernetes owners in their roles and it helps by preventing developers from making errors in their Kubernetes configuration files before they reach production and cause failure It does so by providing a policy enforcement solution to run automatic checks for rule violations It can be used on the command line to run policies against Kubernetes manifest files and Helm charts You can include Datree s policy check as part of your CI CD pipeline or run it locally before every commit If you are new to Datree check out my introductory blog post to get started with the tool Getting started with custom rulesOut of the box Datree offers rules for you to test spread across various categories such as ContainersWorkloadCronJobSecurityNetworkingDeprecationIn addition to the tool s built in rules you can also write any rules that you wish and test them against your Kubernetes manifests to check for rule violations The custom rule engine is based on JSON Schema so it supports both YAML and JSON declarative syntax PrerequisitesThe policy as code feature must be turned on to use your custom rules Learn more about it in my blog How to write a custom ruleAfter you have downloaded the policies yaml file it will look something like this apiVersion vcustomRules nullpolicies name My Policy rules identifier CONTAINERS MISSING IMAGE VALUE VERSION messageOnFailure Incorrect value for key image specify an image version to avoid unpleasant version surprises in the future identifier CONTAINERS MISSING MEMORY REQUEST KEY messageOnFailure Missing property object requests memory value should be within the accepted boundaries recommended by the organization identifier CONTAINERS MISSING CPU REQUEST KEY messageOnFailure Missing property object requests cpu value should be within the accepted boundaries recommended by the organization identifier CONTAINERS MISSING MEMORY LIMIT KEY messageOnFailure Missing property object limits memory value should be within the accepted boundaries recommended by the organization identifier CONTAINERS MISSING CPU LIMIT KEY messageOnFailure Missing property object limits cpu value should be within the accepted boundaries recommended by the organization identifier INGRESS INCORRECT HOST VALUE PERMISSIVE messageOnFailure Incorrect value for key host specify host instead of using a wildcard character identifier SERVICE INCORRECT TYPE VALUE NODEPORT messageOnFailure Incorrect value for key type NodePort will open a port on all nodes where it can be reached by the network external to the cluster identifier CRONJOB INVALID SCHEDULE VALUE messageOnFailure Incorrect value for key schedule the cron schedule expressions is not valid and therefore will not work as expected identifier WORKLOAD INVALID LABELS VALUE messageOnFailure Incorrect value for key s under labels the vales syntax is not valid so the Kubernetes engine will not accept it identifier WORKLOAD INCORRECT RESTARTPOLICY VALUE ALWAYS messageOnFailure Incorrect value for key restartPolicy any other value than Always is not supported by this resource identifier HPA MISSING MINREPLICAS KEY messageOnFailure Missing property object minReplicas the value should be within the accepted boundaries recommended by the organization identifier HPA MISSING MAXREPLICAS KEY messageOnFailure Missing property object maxReplicas the value should be within the accepted boundaries recommended by the organizationHere you can see a list of rules under the policies tag In your policies yaml file you can add a new custom rule by creating a customRules tag that consists of the following identifier this is a unique ID that is associated with your policyname this will be shown as a title when the rule failsdefaultMessageOnFailure this message will be used when the messageOnFailure tag in the policies yaml file for a particular rule is empty schema here is where our rule logic resides in the form of JSON or YAMLThis rule can now be added as a new entry in your policies key Examples Example Let s say you want to create a custom rule that only allows the number of running replicas between As mentioned above we are going to create a custom rule with the tags that will be listed under the customRules tag as below customRules identifier CUSTOM POLICY REPLICAS name Make sure correct number of replicas are running defaultMessageOnFailure Make sure running replicas are between schema if properties kind enum Deployment then properties spec properties replicas minimum maximum required replicasWe now need to reference this rule in our policy This can be done simply by apiVersion vpolicies name Kunal isDefault true rules identifier CUSTOM POLICY REPLICAS messageOnFailure Incorrect number of replicas this message will now be usedcustomRules identifier CUSTOM POLICY REPLICAS name Make sure correct number of replicas are running defaultMessageOnFailure Make sure running replicas are between schema if properties kind enum Deployment then properties spec properties replicas minimum maximum required replicasNotice how the structure is similar to the built in rules inside the policies The only difference is now we are using our own rules and messages Publish your policy with the custom rule datree publish policies yamlPublished successfully Make changes in your test file vi datree ks demo yamlThis is what my configuration file looks like As you can see I can set the number of replicas to which is a rule violation apiVersion apps vkind Deploymentmetadata name rss site namespace test labels owner environment stage app webspec replicas selector matchLabels app web template metadata namespace test labels app we spec containers name front end image nginx latest readinessProbe tcpSocket port initialDelaySeconds periodSeconds resources requests memory Mi cpu m limits cpu m ports containerPort name rss reader image datree nginx sha bdeeafeafeaccfcccfeecfccb livenessProbe httpGet path healthz port httpHeaders name Custom Header value Awesome readinessProbe tcpSocket port initialDelaySeconds periodSeconds resources requests cpu m memory Mi limits memory Mi ports containerPort Run the test datree test datree ks demo yaml p Kunal gt gt File datree ks demo yaml V YAML validation V Kubernetes schema validation X Policy checkEnsure that deployment has replicas between occurrence ーmetadata name rss site kind Deployment Incorrect number of replicas Summary Passing YAML validation Passing Kubernetes schema validation Passing policy check Enabled rules in policy “Kunal Configs tested against policy Total rules evaluated Total rules failed Total rules passed See all rules in policy As you can see the custom rule works You can also filter out your rules in the Datree dashboard Similarly it can also be seen in the history section of your dashboard NOTE You cannot make changes directly to the dashboard when the policy as the code option is turned on Example Let s take a look at another use case Imagine you only want to provide the memory usage for your Kubernetes configurations in the range of Mi Mi You can create a custom rule for this resource quota as customRules identifier CUSTOM MEMORY LIMIT name Make sure correct memory limit is configured defaultMessageOnFailure Memory limit should be between Mi Mi schema properties spec properties containers items properties resources properties limits properties cpu resourceMinimum m resourceMaximum mAdding the rule to the policy would look something like this apiVersion vpolicies name Default isDefault true rules identifier CUSTOM MEMORY LIMIT messageOnFailure customRules identifier CUSTOM MEMORY LIMIT name Make sure correct memory limit is configured defaultMessageOnFailure Memory limit should be between Mi Mi schema properties spec properties containers items properties resources properties limits properties memory resourceMinimum Mi resourceMaximum Mi Publish your policy with the custom rule datree publish policies yamlPublished successfully Creating a test fileapiVersion vkind Podmetadata name kunals podspec containers name cpu image nginx resources requests memory Mi cpu m limits memory Mi cpu m Run the test datree test pod yaml p Kunal gt gt File pod yaml V YAML validation V Kubernetes schema validation X Policy checkMake sure correct memory limit is configured occurrence ーmetadata name kunals pod kind Pod Memory limit should be between Mi Mi Summary Passing YAML validation Passing Kubernetes schema validation Passing policy check Enabled rules in policy “Kunal Configs tested against policy Total rules evaluated Total rules failed Total rules passed See all rules in policy As you can see the custom test fails because the memory in the configuration file was set out of the bounds specified NOTE Notice that it used the message in defaultMessageOnFailure since the messageOnFailure was left empty ResourcesDocsTutorialGitHub	2022-02-19 13:21:23
海外TECH	DEV Community	Top 5 state management libraries for React	https://dev.to/thatanjan/top-5-state-management-libraries-for-react-7ml	Top state management libraries for ReactThere are a lot of state management libraries available for Reactjs Here you will learn about the most popular state management libraries In case if you don t know simply State management libraries are used for passing the props to children components without prop drilling NoteThere are a lot of state management libraries available for Reactjs and they have their pros and cons So I can t say any library is best The list I will show you is not ranked So Let s see the top react state management libraries Redux A predictable state container for React applications Designed to work with React s component model Provides APIs that enable your components to interact with the Redux store Automatically implements complex performance optimizationsIf you have any experience with react redux then you know it is hard to set upand work with it for its boilerplate codes But redux toolkit simplifies everything for you I already made a crash course on redux toolkit on cules coding channel If you like the video please consider subscribing to the channel MobXMobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming TFRP The philosophy behind MobX is simple StraightforwardEffortless optimal renderingArchitectural freedom RecoilMinimal and Reactish Recoil works and thinks like React Data flow graph Derived data and asynchronous queries are tamed with pure functions and efficient subscriptions Cross App Observation Implement persistence routing time travel debugging or undo by observing all state changes across your app without impairing code splitting Akita Akita is a state management pattern built on top of RxJS which takes the idea of multiple data stores from Flux and the immutable updates from Redux along with the concept of streaming data to create the Observable Data Store model Akita encourages simplicity It saves you the hassle of creating boilerplate code and offers powerful tools with a moderate learning curve suitable for both experienced and inexperienced developers alike Akita is based on object oriented design principles instead of functional programming so developers with OOP experience should feel right at home Its opinionated structure provides your team with a fixed pattern that cannot be deviated from Hookstate The simple but incredibly fast and flexible state management that is based on React state hookConcise pragmatic but flexible API Very easy to learn Incredible performance based on a unique method for tracking used rendered and updated state segments Ideal solution for huge states and very frequent updates Small core library packed with features global states local states asynchronously loaded states partial state updates deeply nested state updates and a lot more Complete type inference for any complexity of structures of managed state data Extend or customize your state hooks with a plugins system There are a lot of libraries available But Which one should you use It depends on you Test some libraries first Pick the one that works for you I love redux It is very easy to use with the Redux toolkit What library do you use for state management Shameless PlugI have made a video about how to build a carousel postcard with React Material UI and Swiper js If you are interested you can check the video You can also demo the application form herePlease like and subscribe to Cules Coding It motivates me to create more content like this If you have any questions please comment down below You can reach out to me on social media as thatanjan Stay safe Goodbye About me Why do I do what I do The Internet has revolutionized our life I want to make the internet more beautiful and useful What do I do I ended up being a full stack software engineer What can I do I can develop complex full stack web applications like social media applications or e commerce sites What have I done I have developed a social media application called Confession The goal of this application is to help people overcome their imposter syndrome by sharing our failure stories I also love to share my knowledge So I run a youtube channel called Cules Coding where I teach people full stack web development data structure algorithms and many more So Subscribe to Cules Coding so that you don t miss the cool stuff Want to work with me I am looking for a team where I can show my ambition and passion and produce great value for them Contact me through my email or any social media as thatanjan I would be happy to have a touch with you ContactsEmail thatanjan gmail comlinkedin thatanjanportfolio anjanGithub thatanjanInstagram personal thatanjanInstagram youtube channel thatanjanTwitter thatanjanFacebook thatanjanBlogs you might want to read Eslint prettier setup with TypeScript and react What is Client Side Rendering What is Server Side Rendering Everything you need to know about tree data structure reasons why you should use NextjsVideos might you might want to watch	2022-02-19 13:21:19
海外TECH	DEV Community	Getting started with Jina AI	https://dev.to/kunal/getting-started-with-jina-ai-4lh3	Getting started with Jina AI What is neural search In short neural search is a new approach to retrieving information Instead of telling a machine a set of rules to understand what data is what neural search does the same thing with a pre trained neural network This means developers don t have to write every little rule saving them time and headaches and the system trains itself to get better as it goes along What can it do Thanks to recent advances in deep neural networks a neural search system can go way beyond simple text search It enables advanced intelligence on all kinds of unstructured data such as images audio video PDF D mesh you name it For example retrieving animation according to some beats finding the best fit memes according to some jokes scanning a table with your iPhone s LiDAR camera and finding similar furniture at IKEA Neural search systems enable what traditional search can t multi cross modal data retrieval Think outside the search boxMany neural search powered applications do not have a search box A question answering chatbot can be powered by neural search by first indexing all hard coded QA pairs and then semantically mapping user dialog to those pairs A smart speaker can be powered by neural search by applying STT speech to text and semantically mapping text to internal commands A recommendation system can be powered by neural search by embedding user item information into vectors and finding top K nearest neighbours of a user item Neural search creates a new way to comprehend the world It is creating new doors that lead to new businesses What is Jina Jina is an approach to neural search It s cloud native so it can be deployed in containers and it offers anything to anything search Text to text image to image video to video or whatever else you can feed it Three fundamental concepts in JinaDocument Document is the basic data type that Jina operates with Text picture video audio image or D mesh They are all Documents in Jina You could say Document is to Jina is whatnp floatis to Numpy and DocumentArray is similar tonp ndarray Executor An Executor should subclass directly fromjina Executorclass An Executor class is a bag of functions with shared state viaself it can contain an arbitrary number of functions with arbitrary names Functions decorated by requests will be invoked according to theiron endpoint Flow Flow is how Jina streamlines and scales Executors Flow is a service allowing multiple clients to access it via gRPC REST WebSocket from the public private network TutorialsJina Hello World Multimodal Document SearchHello World ChatbotCovid ChatbotMultimodal Document SearchMeme SearchApp Store SearchFinancial Question Answering SystemLyrics SearchSemantic Wikipedia Search VideosBuild your own AI Powered Neural Search Engine using Jina AI neural search solutionsJina WebinarText And Image Neural Search With Jina AI Resources	2022-02-19 13:20:15
海外TECH	DEV Community	Power of 2 - Java Solution	https://dev.to/ggorantala/power-of-2-java-solution-b20	Power of Java SolutionIn this lesson we will try to check if the given number is a power of We solve this by writing an efficient algorithm that takes an optimal amount of time IntroductionLet s do another challenging question to check your understanding of Bitwise operators Example Input Output True As is Example Input Output False Problem statementWrite a program to check if a given number is a power of or not Let s consider a number and find how the AND operator does this Input Output True ExplanationWe solve by making use of the amp operator in computers There are many ways to solve this of which two approaches are simple and one of them is a more complex but better solution Assume n is non negative We use the amp operator to achieve this Solution Brute force naive approachHint The exciting part of calculating the power of is that they have a set bit count equals to one AlgorithmRead the input value Repeatedly divide input with if n not equal to and if it is odd we will return false else true Here is what our algorithm will look like class IsPowerOf private static boolean helper int n if n return false while n if n return false n gt gt return true public static void main String args System out println helper System out println helper Complexity analysisTime complexity O logn This takes log n complexity We can do better in constant time using the Brian Kernighan s algorithm Space complexity O The space complexity is O No additional space is allocated Coding ExerciseFirst take a close look at the code snippets above and think of a solution This problem is designed for your practice so try to solve it on your own first If you get stuck you can always refer to the solution provided in the solution section Good luck class Solution public static boolean isPow int n Write Your Code Here return false change this return true false based on inputs If you ve got the answer great if not its normal practice similar problems and you ll get a good hold of bit manipulation tricks The solution will be explained in below Let s see how we make use of Brain Kernighan s algorithm to achieve this Solution review Brian Kernighan s algorithmThis is considered faster than the previous naive approach In this approach we count the set bits If a number is the power of we know that only one set bit is present in its Binary representation In binary we go from right to left with powers of For example and so on AlgorithmBefore we talk about algorithmic steps you should review the tabular form of steps that depicts the algorithm If n amp n return True else False Let s visualize the values in the table below Let s see a couple of examples n gt n gt n amp n gt n amp n here this becomes which is true Hence the number is a power of n gt n gt n amp n gt n amp n is which is not equal to Hence the number is not a power of Let us take a look at the optimized approach CodeHere is the reasoning behind this solution class IsPowerOf public static void main String args System out println helper System out println helper private static boolean helper int n if n return false return n amp n We can further simplify this code into a single line shown below class IsPowerOf public static void main String args System out println helper System out println helper private static boolean helper int n return n amp amp n amp n Complexity analysisTime complexity O The run time depends on the number of bits in n In the worst case all bits in n are bits In the case of a bit integer the run time is O Space complexity O The space complexity is O No additional space is allocated Bit Manipulation Master how bit level operations are computed Understand that bit level operations are based on all the arithmetic operations built into all languages These bit tricks could help in competitive programming and coding interviews in running algorithms mostly in O time Checkout my course Master Bit Manipulation for Coding Interviews	2022-02-19 13:19:58
海外TECH	DEV Community	useState vs useReducer: What are they and when to use them?	https://dev.to/m0nm/usestate-vs-usereducer-what-are-they-and-when-to-use-them-2c5c	useState vs useReducer What are they and when to use them It is common to see useState hook used for state management However React also have another hook to manage component s state Which is useReducer hook In fact useState is built on useReducer So a question arises What s the difference between the two And when should you use either useState hook useState hook is a hook used to manipulate and update a functional component The hook takes one argument which is the initial value of a state and returns a state variable and a function to update it const state setState useState initialValue So a counter app using the useState hook will look like this function Counter const initialCount const count setCount useState initialCount return lt gt Count count lt button onClick gt setCount initialCount gt Reset lt button gt lt button onClick gt setCount count gt Decrement lt button gt lt button onClick gt setCount count gt Increment lt button gt lt gt useReducer hook this hook is similar to the useState hook However it s able to handle more complex logic regarding the state updates It takes two arguments a reducer function and an initial state The hook then returns the current state of the component and a dispatch functionconst state dispatch useReducer reducer initialState the dispatch function is a function that pass an action to the reducer function The reducer function generally looks like this const reducer state action gt switch action type case CASE return new state case CASE return new state default return state The action is usually an object that looks like this action object type CASE payload data The type property tells the reducer what type of action has happened for example user click on Increment button The reducer function then will determine how to update the state based on the action So a counter app using the useReducer hook will look like this const initialCount const reducer state action gt switch action type case increment return action payload case decrement return action payload case reset return action payload default return state function Counter const count dispatch useReducer reducer initialCount return lt gt Count count lt button onClick gt dispatch type reset payload initialCount gt Reset lt button gt lt button onClick gt dispatch type decrement payload state gt Decrement lt button gt lt button onClick gt dispatch type increment payload state gt Increment lt button gt lt gt When should i useReducer As stated above The useReducer hook handles more complex logic regarding the state updates So if you re state is a single boolean number or string Then it s obvious to use useState hook However if your state is an object example person s information or an array example array of products useReducer will be more appropriate to use Let s take an example of fetching data If we have a state that represent the data we fetched from an API The state will either be one of this three states loading data or errorWhen we fetch from an API Our state will go from loading waiting to receive data to either data or we ll get an errorLet s compare how we handle state with the useState hook and with the useReducer hookWith the useState hook function Fetcher const loading setLoading useState true const data setData useState null const error setError useState false useEffect gt fetch then res gt setLoading false setData res data setError false catch err gt setLoading false setData null setError true return loading lt p gt Loading lt p gt lt div gt lt h gt data title lt h gt lt p gt data body lt p gt lt div gt error amp amp lt p gt An error occured lt p gt With the useReducer hook const initialState loading true data null error false const reducer state action gt switch action type case SUCCESS return loading false data action payload error false case ERROR return loading false data null error true default return state function Fetcher const state dispatch useReducer reducer initialState useEffect gt fetch then res gt dispatch type SUCCESS payload res data catch err gt dispatch type ERROR return state loading lt p gt Loading lt p gt lt div gt lt h gt state data title lt h gt lt p gt state data body lt p gt lt div gt state error amp amp lt p gt An error occured lt p gt As you can see with the useReducer hook we ve grouped the three states together and we also updated them together useReducer hook is extremely useful when you have states that are related to each other Trying to handle them all with the useState hook may introduce difficulties depending on the complexity and the bussiness logic of it ConclusionTo put it simply if you have a single state either of a boolean number or string use the useState hook And if you re state is an object or an array Use the useReducer hook Especially if it contains states related to each other I hope this post was helpful Happy coding	2022-02-19 13:17:57
海外TECH	DEV Community	Flutter Temiz Kod Prensipleri: Bölüm 1 İsimlendirme Kuralları	https://dev.to/gulsenkeskin/flutter-temiz-kod-prensipleri-3kg7	Flutter Temiz Kod Prensipleri Bölüm İsimlendirme KurallarıIt doesn t require an awful lot of skill to write a program that a computer understands The skill is writing programs that human understand ーRobert C Martin İsimlendirme KurallarıUpperCamelCase kullanılmasıgereken durumlar Class isimleri enum tipleri typedef ler ve tip parametreleri UpperCamelCase olmalıdır örnek class SliderMenu class HttpRequest typedef Predicate lt T gt bool Function T value class Foo const Foo Object arg Foo anArg class A Foo class B Extension uzantı adlarında da UpperCamelCase kullanılır extension MyFancyList lt T gt on List lt T gt extension SmartIterable lt T gt on Iterable lt T gt lowercase with underscores kullanılmasıgereken durumlar Kütüphane paket dizin ve kaynak dosyalarıisimlendirirken lowercase with underscores biçimini kullanın Bazıdosya isimleri büyük küçük harf duyarlıolmadığıiçin dosya adlarının tamamının küçük harf olmasıgerekir Kelimeleri ayırmak içinse alt çizgi kullanabilirsiniz library peg parser source scanner import file system dart import slider menu dart İmportlarınızıadlandırmak istiyorsanız da lowercase with underscores kullanın import dart math as math import package angular components angular components as angular components import package js js dart as js lowerCamelCase kullanılmasıgereken durumlar Class üyeleri üst düzey tanımlar değişkenler parametreler ve adlandırılmışparametreler isimlendirilirken ilk kelime dışındaki her kelimenin ilk harfini büyük olmalıdır var count HttpRequest httpRequest void align bool clearItems Costant larınızıisimlendirirken de lowerCamelCase kullanın const pi const defaultTimeout final urlScheme RegExp a z class Dice static final numberGenerator Random SCREAMING CAPS Zaten kullanan bir dosyaya veya kitaplığa kod eklerken SCREAMING CAPS adlandırmasınıkullanın İki harften uzun olan kısaltmalarıbüyük harfle yazınclass HttpConnection class DBIOPort class TVVcr class MrRogers var httpRequest var uiHandler var userId Id id Kullanılmayan geri arama parametreleri için vb kullanmayıtercih edin Bazen bir callback fonksiyonun tür imzasıbir parametre gerektirir ancak callback implementation parametreyi kullanmaz Bu durumda kullanılmayan parametreyi olarak adlandırmak iyi bir yoldur Fonksiyonda birden fazla kullanılmayan parametre varsa ad çakışmalarınıönlemek için ek alt çizgi kullanın vb futureOfVoid then print Operation complete Not Bu yönerge yalnızca local ve anonim fonksiyonlar için geçerlidir Üst düzey fonksiyonlar ve method bildirimler method ddeclarations bu bağlama sahip değildir bu nedenle parametreleri kullanılmasa bile her bir parametrenin ne için olduğu açık bir şekilde adlandırılmalıdır Private olmayan tanımlayıcılar için baştaki alt çizgiyi kullanmayın Dart üyeleri ve üst düzey bildirimleri private olarak işaretlemek için bir tanımlayıcıda identifier önde gelen bir alt çizgi kullanır Kullanıcılar böylece bir alt çizgi gördüklerinde bunun bir private elaman olduğunu bilirler Local değişkenler parametreler local fonksiyonlar veya kitaplık önekleri için private kavramıyoktur Bunlardan birinin alt çizgi ile başlayan bir adıolduğunda okuyucuya kafa karıştırıcıbir sinyal gönderir Bunu önlemek için bu isimlerin başında alt çizgi kullanmayın Ön ek harfleri kullanmayınHungarian notasyonu ve diğer şemalar derleyicinin kodunuzu anlamanıza yardımcıolmak için fazla bir şey yapmadığıBCPL zamanında ortaya çıkmıştır Dart size bildirimlerinizin türünü kapsamını değişebilirliğini ve diğer özelliklerini söyleyebileceğinden bu özellikleri tanımlayıcıadlarında belirtmenize gerek yoktur kullanın defaultTimeoutkullanmayın kDefaultTimeout Her “bölüm section boşbir satırla ayrılmalıdır Tek bir linter kuralı tüm sıralama yönergelerini yönetir directives ordering paket importlarınırelative importlarından önce yapınkötü import package bar bar dart import package foo foo dart import dart async LINTimport dart html LINTkötü import dart html OKimport package bar bar dart import dart async LINTimport package foo foo dart iyi import dart async OKimport dart html OKimport package bar bar dart import package foo foo dart Export larıtüm import işlemlerinizden sonra ayrıbir bölümde belirtin bir satır boşluk bırakarak kötü import src error dart export src error dart LINTimport src string source dart iyi import src error dart import src string source dart export src error dart OKBölümleri alfabetik olarak sıralayınkötükullanım import package foo foo dart import package bar bar dart import foo foo dart import foo dart iyi kullanım import package bar bar dart import package foo foo dart import foo dart import foo foo dart Environment ortam olarak tanımlanan değişkenleri kullanmayın Derleme zamanında environment dan türetilen değerlerin kullanılması gizli global durum yaratır ve uygulamaların anlaşılmasınıve sürdürülmesini zorlaştırır fromEnvironment veya hasEnvironment factory constructor larınıkullanmayın kötükullanım const loggingLevel bool hasEnvironment logging String fromEnvironment logging null empty catchesBoşcatch bloklarınıkullanmaktan kaçının Genel olarak boşcatch bloklarınıkullanmaktan kaçının Bunun gerektiği durumlarda istisnaların neden yakalanıp bastırıldığınıaçıklamak için bir yorum yapılmalıdır Alternatif olarak istisna tanımlayıcı exception identifier onu atlamak istediğimizi belirtmek için alt çizgilerle örneğin adlandırılabilir Kötükullanım try catch exception İyi kullanım try catch e ignored really Alternatively try catch Better still try catch e doSomething e empty constructor bodiesBoşconstructor gövdeleri yerine kullanın Dart ta boşbir gövdeye sahip bir constructor yalnızca noktalıvirgülle sonlandırılabilir Bu const constructor larıiçin gereklidir Tutarlılık ve kısalık için diğer constructor lar da bunu yapmalıdır iyi class Point int x y Point this x this y kötü class Point int x y Point this x this y eol at end of fileDosya sonlarına yeni bir satır koyun Boşolmayan dosyaların sonuna tek bir yeni satır koyun kötükullanım a iyi kullanım b lt newline exhaustive casesEnum benzeri sınıflardaki tüm constant lar için durum yan tümceleri case clauses tanımlayın Kötükullanım class EnumLike final int i const EnumLike this i static const e EnumLike static const f EnumLike static const g EnumLike void bad EnumLike e Missing case switch e LINT case EnumLike e print e break case EnumLike f print f break İyi kullanım class EnumLike final int i const EnumLike this i static const e EnumLike static const f EnumLike static const g EnumLike void ok EnumLike e All cases covered switch e OK case EnumLike e print e break case EnumLike f print f break case EnumLike g print g break	2022-02-19 13:15:51
海外TECH	DEV Community	Use React Native Web's Pressable with Remix's Link magic	https://dev.to/horusgoul/use-react-native-webs-pressable-with-remixs-link-magic-207i	Use React Native Web x s Pressable with Remix x s Link magicI just released remix react native pressable a small package that allows you to use React Native Web s lt Pressable gt component with all of Remix s lt Link gt properties and magic Essentially it implements the same logic Remix uses in their lt Link gt but adapted to React Native Web s lt Pressable gt props Here s a little example using the to property import View Text from react native import RemixPressable from remix react native pressable export default function MyRemixRoute return lt View gt lt RemixPressable to about gt lt Text gt Link to about lt Text gt lt RemixPressable gt lt View gt Just like that you get a link rendered using lt RemixPressable gt The main benefit of this is that you can now use this component like any other React Native Web s lt Pressable gt you have in your app Here s another example extracted from my website s rewrite in which you can see another way of using this library I have a design system with a Button that uses lt Pressable gt in its implementation but the design system is platform agnostic so it doesn t know about Remix For cases like this we can use the lt RemixPressableChildren gt component to get the props we need to pass to the platform agnostic lt Button gt import RemixPressableChildren from remix react native pressable import Button from ui lib Button export default function Index return lt gt lt RemixPressableChildren to blog gt pressableProps gt lt Button pressableProps gt More publications lt Button gt lt RemixPressableChildren gt lt gt Now that you ve seen how lt RemixPressable gt works here are both the repository and its npm page github com HorusGoul remix react native pressablenpmjs com package remix react native pressableAlso I recently published an article about How to Setup React Native Web in a Remix project If you re interested in using React Native with Remix that s probably the best resource to get started I hope you liked this article Don t forget to follow me on Twitter if you want to know when I publish something new about web development HorusGoul	2022-02-19 13:09:59
ニュース	BBC News - Home	Shock of invasion of Ukraine would echo around world - PM	https://www.bbc.co.uk/news/uk-politics-60432970?at_medium=RSS&at_campaign=KARANGA	fellow	2022-02-19 13:21:42
ニュース	BBC News - Home	Storm Eunice leaves thousands of homes without power	https://www.bbc.co.uk/news/uk-60442797?at_medium=RSS&at_campaign=KARANGA	eunice	2022-02-19 13:26:21
北海道	北海道新聞	「ロシア軍が攻撃態勢に」　米国防長官が懸念	https://www.hokkaido-np.co.jp/article/647832/	国防長官	2022-02-19 22:17:32
北海道	北海道新聞	難民出身初のＩＯＣ委員が誕生　サマランチ氏は副会長復帰	https://www.hokkaido-np.co.jp/article/647833/	国際オリンピック委員会	2022-02-19 22:11:00
北海道	北海道新聞	ウクライナ、子連れで続々避難　夜に爆発、緊迫のドンバス	https://www.hokkaido-np.co.jp/article/647831/	色とりどり	2022-02-19 22:08:00
北海道	北海道新聞	政府、米ロ情報戦に苦慮　侵攻の有無、見極めきれず	https://www.hokkaido-np.co.jp/article/647830/	日本政府	2022-02-19 22:07:00
北海道	北海道新聞	１５０万円だまし取られる　オホーツク管内の６０代女性	https://www.hokkaido-np.co.jp/article/647826/	介護保険	2022-02-19 22:06:49
北海道	北海道新聞	道内２０日夜から大荒れ　ＪＲ１６０本運休	https://www.hokkaido-np.co.jp/article/647829/	運休	2022-02-19 22:01:27