投稿時間:2022-05-03 01:15:23 RSSフィード2022-05-03 01:00 分まとめ(18件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
python	Pythonタグが付けられた新着投稿 - Qiita	ドット絵の輪郭抽出のコーディング	https://qiita.com/Kai_orange4/items/967a7c6e12d27e10638b	xsizeysizedefmainglobalxs	2022-05-03 00:40:16
Linux	Ubuntuタグが付けられた新着投稿 - Qiita	Ubuntu 22.04をAutoInstallでインストールしてみた (UEFI&MBR両対応)	https://qiita.com/YasuhiroABE/items/063a442b7e45633e7cb0	autoinstall	2022-05-03 00:48:23
AWS	AWSタグが付けられた新着投稿 - Qiita	DockerだけでTerraformをLocalStackにデプロイしてみた	https://qiita.com/takapg/items/5c1ee7f8645effb9e37b	dockerdockercompose	2022-05-03 00:03:58
Docker	dockerタグが付けられた新着投稿 - Qiita	DockerだけでTerraformをLocalStackにデプロイしてみた	https://qiita.com/takapg/items/5c1ee7f8645effb9e37b	dockerdockercompose	2022-05-03 00:03:58
海外TECH	Ars Technica	Judge dismisses “insufficient” copyright claims in Destiny 2 cheating case	https://arstechnica.com/?p=1851570	circumvention	2022-05-02 15:22:29
海外TECH	MakeUseOf	Oops! 10 Keyboard Shortcuts Users Keep Hitting by Mistake	https://www.makeuseof.com/tag/oops-7-keyboard-shortcuts-users-hitting-mistake/	common	2022-05-02 15:45:16
海外TECH	MakeUseOf	How to Install the Nothing Launcher on Any Android Phone	https://www.makeuseof.com/how-to-install-nothing-launcher/	android	2022-05-02 15:06:48
海外TECH	DEV Community	A Frameworkless Store In TypeScript	https://dev.to/daviddalbusco/a-frameworkless-store-in-typescript-2b9e	A Frameworkless Store In TypeScriptPhoto by pine watt on UnsplashThere are undeniable advantages to using frameworks React Angular Svelte etc for frontend development but there are also undeniable disadvantages The interoperability and compatibility between projects across various technologies is often an issue that has to be anticipated for long lasting applications and for corporates that share resources among teams Web Components a suite of different technologies allowing you to create reusable agnostic custom elements is a common key to the challenge However their usage is often limited to the creation of design systems or rich UI components According my experience few companies explicitly enforce the separation of the presentation layers from the business layers in their frontend apps In all honesty have you often developed applications that have the API and services layers fully separated from your projects Did you ever extracted the state management of your applications to reusable libraries This is what I was looking to solve when I developed Papyrs an open source privacy first decentralized blogging platform that lives on chain AbstractIn this blog post I present an architecture that separate business and state management logic for two applications developed with two different technologies Sveltekit and Stencil After what I display the effective frameworkless code of the store I developed in TypeScript and how it can be integrated in these two apps ArchitecturePapyrs is a spin off project of DeckDeckGo Both are web editors that should save and publish data on DFINITY s Internet Computer i e their goals are different but their architectures should be the same Because DeckDeckGo was migrated last year not yet live to the Internet Computer while remaining backwards compatible with Google Firebase it was already designed to support various providers The API layer was already implemented in distinctive libraries However when I started the implementation of Papyrs the business logic and the state management were still implemented within the DeckDeckGo s application I had therefore to ask myself if I was eager to reimplement these features from scratch or if any other solution such as reusing and sharing libraries would be a solid option As you reading this article I assume you know what was the outcome I have extracted and separated the features to reuse the exact same code in the two projects While extracting the business logic was a relatively straight forward operation mostly stateless functions extracting the store was a bit more tricky Fortunately I ultimately found a solution the one I share in next chapters which mixes an agnostic writable state management and readable stores Basically the stores of the library take care of holding the states while the applications replicate these values to update the UI Frameworkless codeThe store is nothing less than a generic class which contains a value and exposes set and get functions export class Store lt T gt constructor private value T set value T this value value get T return this value The store should also propagate the changes a consumer should be made aware when a value is modified Therefore it should provide a way to register callbacks In addition when a consumer register a listener it should also be able to stop listening for changes i e to unregister the callback That s why the store assign a unique ID to each callback that gets registered Thanks to these identifier it is possible to return a function that can unsubscribe the listener To generate unique identifier I use Symbol a browsers built in object whose constructor returns a symbol that s guaranteed to be unique The subscribe function also calls the callback that gets registered That way the consumer receives instantly the current value without having to wait for the next update Finally the setter propagate the new value to all callbacks that are registered interface StoreCallback lt T gt id Symbol callback data T gt void export class Store lt T gt private callbacks StoreCallback lt T gt constructor private value T set value T this value value this propagate value get T return this value private propagate data T this callbacks forEach callback StoreCallback lt T gt gt callback data subscribe callback data T gt void gt void const callbackId Symbol Symbol this callbacks push id callbackId callback callback this value return gt this callbacks this callbacks filter id StoreCallback lt T gt gt id callbackId DemoTo give a try to the above generic state management we can create a dummy store and a consumer StoreFollowing store contains an object Doc initialized with null import Store from store export interface Doc title string export const docStore Store lt Doc null gt new Store lt Doc null gt null ConsumerThe consumer a test script creates two subscribers set a first value hello unsubscribe the first listener and set a new value world import type Doc docStore from doc store const print subscriber value subscriber string value Doc null gt console log subscriber value const unsubscribe docStore subscribe value Doc null gt print subscriber Subscribe value const unsubscribe docStore subscribe value Doc null gt print subscriber Subscribe value docStore set title hello console log Get docStore get unsubscribe docStore set title world console log Get docStore get TestIf we run the above script in a terminal we shall notice the following the subscribers get the current value instantly the first subscriber is successfully unregistered the store retains the value and triggers the subscribers that are registeredWe can conclude everything works as expected PackagingI was seeking to fully isolate the business logic from my applications If the stores would have been made fully accessible by the libraries that contains them the applications would have been able to write values To solve this requirement my libraries only expose the interfaces and subscribers of the stores export type Doc from doc store export const docSubscribe callback doc Doc null gt void gt void gt docStore subscribe callback UsageThe above solution is agnostic It is written in TypeScript and is compiled to JavaScript That is why it can be integrated in any modern frameworks or even without SvelteReadable stores is an interesting pattern that is provided by Svelte out of the box The store of the library introduced in previous chapters can be scoped within a function that can write to a store of the application but that cannot be called anywhere else import readable from svelte store import type Doc docSubscribe from state mgmt const start set value Doc null gt void gt const unsubscriber gt void docSubscribe doc Doc null gt set doc return function stop unsubscriber export const doc readable lt Doc null gt null start Each time the library set a value in the state management the subscriber is called and the current value is replicated to the Svelte store Ultimately the UI is updated StencilThe stencil store out of the box is writable Fortunately thanks to a solution shared by Philipp Mudra on the Stencil s slack channel it can be made readonly with a TypeScript utility import createStore from stencil store import type Doc docSubscribe from state mgmt interface DocStore doc Doc null const state createStore lt DocStore gt doc null docSubscribe doc Doc null gt state doc doc const readonlyState Readonly lt typeof state gt state export default state readonlyState ConclusionIn my opinion it is kind of cool to have the all business logic and state management fully disconnected from the application If one of these days I wanted to develop a new UI for Papyrs I would be able to do so quickly and without worrying about any logic In addition the solution is scalable I can reuse and replicate the same approach over and over again until I have got no more idea of new applications to develop on web To infinity and beyondDavidFor more adventures follow me on Twitter	2022-05-02 15:26:12
海外TECH	DEV Community	How to Start Your Own Webflow Agency	https://dev.to/kennedyrose/how-to-start-your-own-webflow-agency-bpk	How to Start Your Own Webflow AgencyA few months ago we publicly launched Snap a subscription based web development and hosting service micro agency We use a number of tools some are code based but many are no code like Webflow Webflow helps us do frontend development at an exponentially faster pace than our old development process Starting Snap was much easier than I initially thought it would be So I wanted to share what I learned in case anyone else is thinking about starting their own Webflow agency as well ProsSpeed of developmentPlenty of resources and tutorialsClients can update their own sites easily after development ConsIf you don t know code you might have to string together a few no code tools to do certain things that Webflow can t do alone How to Position Your AgencyPick a specific niche Don t just do Webflow sites Couple it with something else you can do well or a niche market you are involved in Find pain points in your selected market and create your service around solutions to those pain paints Make sure you re not doing the same thing every other agency is doing Compare your website with other agency sites often and make sure yours stands apart through who you are marketing to or the kind of problem you are solving Building a WebsiteWrite your copy first before you design your website Your copy should determine what kind of layout and images you need I have a whole article about writing effective website copy if you want to dive deeper If you re a Webflow agency you will definitely want to use Webflow to build your site Your own site will be your clients first impression of the kind of things you delivery and quality they can expect So make sure it is something that is very appealing to your target audience Starting from a template is fine I would just recommend that you change it to the point where it no longer resembles the template you started with Don t worry about having a client dashboard or anything like that You can send payment requests via email with Stripe and let the client manage their billing through Stripe s customer portal If you really want to build a dashboard for your clients worry about that after you ve successfully got a few customers and have validated that your agency s positioning actually works Otherwise you re building a dashboard for no one and wasting valuable time that should be spent on acquiring your first customers and finding your niche Identify that you have a successful idea before investing any more into it Customers don t care about if you have a login page on your website or not They just want their problems solved Pricing Your ServicesYou can charge differently for each client or have clients contact you for a personalized quote If everyone in your target audience generally falls into the same price range then showing public pricing on your website might be a good idea But if your clients vary quite a bit in the size of their needs then it might be best for then to contact you for a custom quote Find ways of creating ongoing value to your customers This will help you charge a regular monthly fee and generate monthly recurring revenue MRR which will give you much more financial stability You can resell faster Webflow hosting through CryoLayer offer to monitor their website with monitoring tools and or do a few hours of revisions to the site every month Just ask the client directly what their problems are and see if it s something you can solve every month on an ongoing basis See this article for a more detailed look on many different pricing models you can use for your service How to Find Webflow ClientsI would highly recommend reaching out directly to your ideal clients Don t underestimate cold emailing and DM ing Directly selling is still booming and can work great for Webflow agencies Cold emailing can be a great way to directly and instantly find reach hundreds or thousands of ideal customers all at once If you re running a Webflow agency your ideal client is someone who is already using Webflow You won t have to convince them to change platforms and you can probably work their existing site if they don t want to rebuild it Prospective clients who are already using Webflow will instantly be able to understand the value your agency provides Normally getting a list of potential Webflow clients would be time consuming or expensive Fortunately this is a problem I have already solved for you No Code Movers is a live list of thousands of Webflow sites with contact information and social links and updates every month with new sites and site information You can search the list for keywords based on your niche and instantly generate a list of prospects to reach out to via email or DM Going FurtherTry to listen to feedback and pivot often until you find a good fit between your services and your target audience Subscribe to this blog if you d like to get more information about running your own agency or SaaS business	2022-05-02 15:17:56
Apple	AppleInsider - Frontpage News	Deal alert: get a free $450 H7 Pure Cordless Stick Vacuum with Roborock's highly rated S7 MaxV Ultra Robot Vacuum	https://appleinsider.com/articles/22/05/02/deal-alert-get-a-free-450-h7-pure-cordless-stick-vacuum-with-roborocks-highly-rated-s7-maxv-ultra-robot-vacuum?utm_medium=rss	Deal alert get a free H Pure Cordless Stick Vacuum with Roborock x s highly rated S MaxV Ultra Robot VacuumTo celebrate the official launch of its S MaxV Ultra Robot Vacuum Roborock is throwing in a free H Pure Cordless Stick Vacuum valued at Get a free H Pure Cordless Stick Vacuum value with the new Roborock S MaxV UltraFor a limited time get a free H Pure Cordless Stick Vacuum with the purchase of the Roborock S MaxV Ultra Robot Vacuum a value The handy cordless stick vacuum provides up to minutes of cleaning time without swapping batteries It can also be used on both hard floors and carpets Read more	2022-05-02 15:30:24
海外TECH	Engadget	Apple Music arrives on Roku streaming devices, smart TVs and speakers	https://www.engadget.com/apple-music-roku-app-150514270.html?src=rss	Apple Music arrives on Roku streaming devices smart TVs and speakersApple Music will be available on the Roku platform starting today You ll be able to stream music from the service on any Roku device including streaming devices Roku powered TVs and speakers and soundbars such as Roku Streambar Pro Not only will this be useful for Apple Music subscribers who already have Roku devices the move could help Apple find more subscribers who might be put off by the likes of Spotify Newcomers will be able to sign up to Apple Music through the app which is available in the Roku channel store After a one month trial the service costs per month Subscribers get access to a library of more than million songs and curated playlists They can also watch music videos in K check out original shows and concerts and stream Apple Music Radio Apple Music is landing on Roku three years after it hit Fire TV and almost as long since its Android app gained Chromecast support Roku will now have most of the major music streaming services on its platform It already offered access to the likes of Spotify Amazon Music and Tidal	2022-05-02 15:05:14
Cisco	Cisco Blog	Help Along the Way to Carbon Neutrality	https://blogs.cisco.com/partner/help-along-the-way-to-carbon-neutrality	Help Along the Way to Carbon NeutralityTogether Cisco and Schneider Electric provide the combined technology that companies can leverage as they move toward becoming carbon neutral Examples of that technology include smart grids and smart buildings	2022-05-02 15:00:52
金融	RSS FILE - 日本証券業協会	J-IRISS	https://www.jsda.or.jp/anshin/j-iriss/index.html	iriss	2022-05-02 15:32:00
金融	金融庁ホームページ	NGFS（気候変動リスク等に係る金融当局ネットワーク）による技術文書「グリーン及びトランジション・ファイナンスに係る市場の透明性の向上」について掲載しました。	https://www.fsa.go.jp/inter/etc/20220502/20220502.html	気候変動	2022-05-02 17:00:00
ニュース	BBC News - Home	Ukraine war: Hundreds trapped in Mariupol steelworks despite evacuations	https://www.bbc.co.uk/news/world-europe-61296851?at_medium=RSS&at_campaign=KARANGA	russia	2022-05-02 15:55:17
ニュース	BBC News - Home	World Snooker Championship 2022: Judd Trump stages superb fightback against Ronnie O'Sullivan	https://www.bbc.co.uk/sport/snooker/61294622?at_medium=RSS&at_campaign=KARANGA	World Snooker Championship Judd Trump stages superb fightback against Ronnie O x SullivanJudd Trump stages a superb fightback to move back to within three frames of Ronnie O Sullivan at in the World Championship final	2022-05-02 15:53:21
ニュース	BBC News - Home	World Snooker Championship: Trump makes 'amazing' fluke during third session fightback	https://www.bbc.co.uk/sport/av/snooker/61301370?at_medium=RSS&at_campaign=KARANGA	World Snooker Championship Trump makes x amazing x fluke during third session fightbackWatch as Judd Trump makes a top drawer fluke during an incredible fightback against Ronnie O Sullivan in the World Snooker Championship final	2022-05-02 15:54:45
北海道	北海道新聞	中国空母「遼寧」が沖縄通過　２１年１２月以来、防衛省警戒	https://www.hokkaido-np.co.jp/article/676709/	中国海軍	2022-05-03 00:09:48