投稿時間:2023-01-15 01:12:37 RSSフィード2023-01-15 01:00 分まとめ(16件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	[環境構築]簡単にDockerでJupyter Labを立ち上げる	https://qiita.com/PuchiCorner/items/0738645820994995e71e	runpipinstallypandasnu	2023-01-15 00:31:32
python	Pythonタグが付けられた新着投稿 - Qiita	ページ遷移しても状態を維持したい(Streamlit)	https://qiita.com/papasim824/items/e409b2aced55e1034226	streamlit	2023-01-15 00:30:51
js	JavaScriptタグが付けられた新着投稿 - Qiita	【備忘録】React-Calendar導入	https://qiita.com/yuuki-h/items/724700c71a3950a2b9fa	usestatefromreactimportc	2023-01-15 00:10:50
js	JavaScriptタグが付けられた新着投稿 - Qiita	MutationObserverで要素を監視	https://qiita.com/taka94/items/19129dccb374b095b1f3	consttargetnodedocume	2023-01-15 00:06:07
Docker	dockerタグが付けられた新着投稿 - Qiita	[環境構築]簡単にDockerでJupyter Labを立ち上げる	https://qiita.com/PuchiCorner/items/0738645820994995e71e	runpipinstallypandasnu	2023-01-15 00:31:32
Git	Gitタグが付けられた新着投稿 - Qiita	GitHubで管理したくないディレクトリを間違えてGitHubにあげてしまった！そんな時の対処方法	https://qiita.com/D_suke/items/9ef149177c3f880aecb8	github	2023-01-15 00:37:48
海外TECH	MakeUseOf	5 Ways to Add Apps to Your Startup on Windows	https://www.makeuseof.com/windows-add-apps-startup/	windows	2023-01-14 15:16:14
海外TECH	DEV Community	Using Beautiful Material Themes from Material Theme Builder in Stylify CSS	https://dev.to/machy8/using-beautiful-material-themes-from-material-theme-builder-in-stylify-css-430k	Using Beautiful Material Themes from Material Theme Builder in Stylify CSSMaterial Theme Builder is a tool with which you can easily generate Material Theme color palettes and typography sizes for your website Features Theme colors can be generated from an uploaded image or by using their color picker Configured theme can be exported into Theme kt XML Dart CSS and DSP There is a nice preview of each color and a simple explanation how it should be used Colors are generated for ligh dark modeWeb export is using CSS variablesThis guide explains how to generate Material Theme how to export it into CSS file and how to use it in Stylify CSS PlaygroundStylify has prepared playground with Vite js You can check out the configuration and use it within your project The vite plugin configuration can be used within all integrations This means for example Next js Nuxt js SvelteKit Vite js Webpack and any other How to get a custom Material ThemeGenerating the desired theme with the Material Theme Builder is simple Go to the Material Theme Builder website On the left side on Desktop click on the primary color The color generator dialog will appear Select your favorite color Optionally repeat this process for a secondary tertiary and neutral color When you finish the configuration in the top right corner there is an export buttonClick on it and select Web CSS Download the file and extract it into your project In case you wonder how to use each color make sure to check out the section under the device preview There are color palettes with the name of each color For example on primary color should be used for text on primary color This means for example a button with primary color background purple and on primary text color white Colors are split for light dark modeThe complete guide can be found in material theme docs Integrating Material Theme into Stylify CSSTo finish the configuration process you have to configure Stylify so it knows that variables starting with md are external and that it has to replace variables with CSS variables instead of their value With UnpluginThis part is for stylify unplugin exports stylifyVite stylifyWebpack stylifyEsbuild and stylifyRollup If you use the Unplugin in your project Next js Nuxt js SvelteKit Vite Webpack Rollup or any other this guide is what you are looking for const stylifyConfig compiler replaceVariablesByCssVariables true externalVariables Add external variables identifier This one checks if variable starts with md If so it is marked as external Do not add md Identifier methods works with Stylify variable name and not CSS variable name Stylify adds automatically if CSS variables are enabled variable gt if variable startsWith md return true stylifyVite stylifyConfig stylifyWebpack stylifyConfig stylifyRollup stylifyConfig stylifyEsbuild stylifyConfig Astro integrationThe config is the same like for Unplugin stylify stylifyConfig BundlerIn case you use stylify bundler directly use the stylifyConfig from the above section about Unplugin Integration but you have to pass it into the Bundler initialization const bundler new Bundler stylifyConfig UsageThe final step is to import the generated theme into our project Extract the generated theme into your project Import the theme css file into your project make sure the directory is public This file will import all other necessary files If you care about optimization a bit this will also cause at least HTTP requests because of the import rules within the theme file You might want to copy the content of those other files into the theme css file or merge them using some bundler to decrease the number of requests When the file is imported into your project you can start using Material Theme CSS variables in Stylify CSS utilities lt button class border none padding px px border radius px background md sys color primary color md sys color on primary display large gt Material Button lt button gt CleanupIn case you plan to use Stylify CSS utilities only then you can remove the colors module css It contains utilities for color and background Apart from the colors module there is a typography module css You might want to remove it as well and rewrite these classes into Stylify CSS components using Stylify dynamic components syntax const stylifyConfig compiler components Example for display class This matches display small medium large and returns utilities dynamically based on the matched size display small medium large matches gt font family md sys typescale display matches font family name font style md sys typescale display matches font family style font weight md sys typescale display matches font weight font size md sys typescale display matches font size letter spacing md sys typescale display matches tracking line height md sys typescale display small height text transform md sys typescale display matches text transform text decoration md sys typescale display matches text decoration Let me know what you think If you like the idea let me know that by starring Stylify repo ️ I will be happy for any feedback The Stylify is still a new Library and there is a lot of space for improvement Also a big thanks go to Oscar Lito M Pablo that came up with the idea to make this guide	2023-01-14 15:51:36
海外TECH	DEV Community	Y U NO USE the JS native APIs?	https://dev.to/noriller/y-u-no-use-the-js-native-apis-39dh	Y U NO USE the JS native APIs Maybe you re stuck in the ES or under a rock for a long time…basically the same thing But JS gets more toys for us to use basically every year with a lot more to come And since I know people that aren t using it I ll try to highlight here some of the APIs that I can t live without anymore Nullish coalescing operator You might know the AND amp amp and OR operators but you know that one case like let number null zero being a valid number something happensnumber check if it s falseif number throw new Error oops zero is also falsy this will check if it s null or undefinedif number true throw new Error now only null or undefined will throw usually you would use likeconst myPossibleNullishValue someValue value if null or undefined you can also do this function ItsAError throw new Error it s a me error const myPossibleNullishValue someValue ItsAError this way you can validate if the value is not null or undefined as you assign it Optional chaining elvis operator No more object amp amp object prop amp amp object prop prop const object ok so as long as object exists then object anything won t throw object anything will be undefined if anything doesn t exists but that s it object anything anotherThing however this will throw because anything is undefined all this to say that you start chaining from the objects that may not existconst myValue object prop anything anotherThing prop combine with nbullish coalescing for when the value is undefined it doesn t end here you can chain multiple things const test arr function gt hello obj something else arraystest arr oops test notArr oops oops functionstest function oops hello test notFunction oops oops objectstest obj something oops elsetest notObj something oops oops Promise anyI m sure you already had to use Promise race but sometimes you don t care that one promise fails you just want the first that actually resolves In this case you use Promise any const maybe async n gt const random Math random gt return Promise random resolve reject random yes n nope n const coisa await Promise any maybe maybe maybe maybe then val gt on the first one that resolves console log val yes n catch err gt if all fails console log err errors nope nope nope nope Number separators What s this number How about this That s it Just a little quality of life for developers if you re using big numbers you can use the separator to be easier to read BTW…this is also valid but for obvious reasons don t do that As long as you don t use it before after the number it s valid So make sure to put the separator in the right place please String replaceAllWhile we all love RegExp sometimes we really don t need to pull out the big guns… abbbaab replaceAll b x axxxaax Classes private and staticFunctional is all the rage right now but sometimes you need an old but still good class…well it s better than ever to work with classes in vanilla JS Static values and functions are those that live outside of any object instance It s something global and has many uses And now we have true private fields and functions You might have seen and used underscores to say to others that something was to be private now you can just use and have it truly be private class Counter static privateTotal constructor Counter add static add Counter privateTotal remove Counter privateTotal static get total return Counter privateTotal const number new Counter const number new Counter const number new Counter const number new Counter Counter total const number new Counter console log Counter total number remove console log Counter total Counter add not a functionCounter add SyntaxError Private field add must be declared in an enclosing classconsole log Counter privateTotal undefinedconsole log Counter privateTotal undefinedconsole log Counter privateTotal SyntaxError Private field privateTotal must be declared in an enclosing class String Array atYou probably with calluses from doing arr arr length for when you want the last element or something like that…well no more const arr const str hello world console log arr at console log str at dThis is so simple yet so good Satisfying So…Y U NOT using them If you have any transpiling step in your process then you just have to check for you to use the new APIs and if any aren t compatible with your target environment then it will either polyfill or just translate to an uglier more verbose version of the same thing For us developers we can just use the newest toys and just let the compilers do their thing to support whatever toaster or palmtop running your code Now tell me which ones you re already using and which ones you re now facepalming yourself for not using till now	2023-01-14 15:36:19
海外TECH	DEV Community	Introduction of OOP	https://dev.to/khoshimov23/introduction-of-oop-d17	Introduction of OOP Basics of OOPObject oriented programming is a paradigm based on the concept of wrapping pieces of data and behavior related to that data into special bundles called objects which are constructed from a set of “blueprints called classes Objects ClassesComplex real life requirements need to be modeled into instructions for the computer to understand Say you have a cat named Foo Foo is an object an instance of the Cat class Every cat has a lot of standard attributes name age weight color favorite food etc These are the class s fields All cats also behave similarly they breathe eat run and sleep These are the class s methods Collectively fields and methods can be referenced as the members of their class Data stored inside the object s fields are often referenced as state and all the object s methods define its behavior Pillars of OOPObject oriented programming is based on four pillars concepts that differentiate it from other programming paradigms Abstraction Inheritance Polymorphism Encapsulation AbstractionAbstraction means to represent the essential feature without detailing the background implementation or internal working detail Abstraction lets you focus on what the object does instead of how it is done The idea behind abstraction is knowing a thing on a high level Abstraction helps in building independent modules which can interact with each other by some means Independent modules also ease maintenance It is used for the following scenarios Reduce complexity Create a simple interface Allow for implementation to be modified without impacting its users Create a common interface to support polymorphism treating all implementations of the abstracted layer the same InheritanceInheritance helps in organizing classes into a hierarchy and enabling these classes to inherit attributes and behavior from classes on top of existing ones in the hierarchy Example A Parrot is a bird US Dollar is a type of currency Inheritance does not work backward The parent won t have properties of the derived class If you want to create a class that s slightly different from an existing one there s no need to duplicate code Instead you extend the existing class and put the extra functionality into a resulting subclass which inherits fields and methods of the superclass if a superclass implements an interface all of its subclasses must also implement it PolymorphismPolymorphism is the ability of a program to detect the real class of an object and call its implementation even when its real type is unknown in the current context Polymorphism is the concept that there can be many different implementations of an executable unit and the difference happen all behind the scene without the caller s awareness Inheritance is one means of achieving polymorphism where behavior defined in the inherited class can be overridden by writing a custom implementation of the method This is called method overriding also known as Run Time polymorphism There is also one more form of polymorphism called method overloading where inheritance does not come into the picture The method name is the same but the arguments in the method are different EncapsulationEncapsulation is the process of combining data and functions into a single unit called class In Encapsulation the data is not accessed directly it is accessed through the functions present inside the class In simpler words attributes of the class are kept private and public getter and setter methods are provided to manipulate these attributes Thus encapsulation makes the concept of data hiding possible To start a car engine you only need to turn a key or press a button You don t need to connect wires under the hood rotate the crankshaft and initiate the power cycle of the engine These details are hidden under the hood of the car	2023-01-14 15:04:58
Apple	AppleInsider - Frontpage News	Apple prepares HomeKit architecture rollout redo in iOS 16.3 beta	https://appleinsider.com/articles/23/01/14/apple-prepares-homekit-architecture-rollout-redo-in-ios-163-beta?utm_medium=rss	Apple prepares HomeKit architecture rollout redo in iOS betaAfter halting its rollout of HomeKit s new architecture in iOS Apple has resumed testing of the platform with it resurfacing in the iOS beta In December Apple withdrew the option to upgrade Homekit to the new architecture following reports the update wasn t working properly for users It now seems that Apple is preparing to try it all again for the next set of operating system updates Screenshots from the iOS beta show there is a message in the Home app confirming there is a Home Upgrade Available with a new underlying architecture that will improve the performance of your home This is the same update message that appeared in iOS before being pulled Read more	2023-01-14 15:58:44
海外TECH	Engadget	FAA's NOTAM computer outage affected military flights	https://www.engadget.com/faa-notam-computer-outage-affected-even-military-flights-155514704.html?src=rss	FAA x s NOTAM computer outage affected military flightsOn January th the Federal Aviation Administration paused all domestic departures in the US after its Notice to Air Missions NOTAM system failed The agency later revealed that the outage was caused by a database file that was damaged by quot personnel who failed to follow procedures quot Now according to a new report from The Washington Post the database failure also created issues for tools used by US military pilots nbsp One of the affected systems was the Defense Internet NOTAM Service DINS which typically comes with FAA alerts regarding flight hazards During the outage military pilots were either getting NOTAMs in duplicates or not getting any at all The Post said an FAA bulletin notified military users that the system had become quot impaired and unreliable quot Unlike civilian flights which had to be grounded military flights can proceed in situations like this An Air Force spokesperson told the outlet that the military branch s pilots had to call around to ask for potential flight hazards themselves nbsp The outage had also erased all NOTAMs submitted to the system starting on Tuesday afternoon so airports and air traffic controllers were asked to re submit them Further the FAA had to deal with delays and other challenges after the system went back up due to a quot high system load quot The FAA is still verifying what caused the outage but The Post said it s looking like the contractors truly made mistake and that there was no malicious intent behind their actions Lawmakers are using this opportunity to put a spotlight on the FAA s outdated technology and to seek funding for upgrades The computer system that failed and led to the outage is already three decades old and according to CNN it s also at least six years away from getting an upgrade It remains to be seen if the incident will change that timeline	2023-01-14 15:55:14
海外科学	NYT > Science	NOAA Program Gathers Data Far Above the Pacific to Forecast Deadly Storms	https://www.nytimes.com/2023/01/14/climate/california-atmospheric-river-noaa.html	NOAA Program Gathers Data Far Above the Pacific to Forecast Deadly StormsA Times reporter and photographer rode along with a team gathering data on the colossal atmospheric rivers that have drenched the state	2023-01-14 15:24:19
ニュース	BBC News - Home	UK weather: More flood warnings ahead of colder spell	https://www.bbc.co.uk/news/uk-64269187?at_medium=RSS&at_campaign=KARANGA	weather	2023-01-14 15:45:34
ニュース	BBC News - Home	Manchester United 2-1 Manchester City: Offside decision is a joke - Manuel Akanji	https://www.bbc.co.uk/sport/av/football/64276927?at_medium=RSS&at_campaign=KARANGA	Manchester United Manchester City Offside decision is a joke Manuel AkanjiManchester City defender Manuel Akanji criticises the decision to allow Bruno Fernandes equalising goal to stand as Manchester United came from behind to win the derby	2023-01-14 15:30:01
ニュース	BBC News - Home	Heineken Champions Cup: Leinster beat Gloucester 49-14 to reach last 16	https://www.bbc.co.uk/sport/rugby-union/64264861?at_medium=RSS&at_campaign=KARANGA	kingsholm	2023-01-14 15:03:52