投稿時間:2022-05-24 11:24:05 RSSフィード2022-05-24 11:00 分まとめ(27件)

カテゴリー等	サイト名等	記事タイトル・トレンドワード等	リンクURL	頻出ワード・要約等/検索ボリューム	登録日
IT	ITmedia 総合記事一覧	[ITmedia News] SpaceX、車に積んで移動先で使える「Starlink RV」発売	https://www.itmedia.co.jp/news/articles/2205/24/news096.html	itmedianewsspacex	2022-05-24 10:39:00
IT	ITmedia 総合記事一覧	[ITmedia News] 救急隊員にARグラス　都城市、病院で処置始めるまでの時間短縮に	https://www.itmedia.co.jp/news/articles/2205/24/news095.html	itmedia	2022-05-24 10:30:00
IT	ITmedia 総合記事一覧	[ITmedia ビジネスオンライン] 「農家の直売所」が駅構内に初出店　立川駅の「グランデュオ立川」に	https://www.itmedia.co.jp/business/articles/2205/24/news094.html	itmedia	2022-05-24 10:28:00
TECH	Techable（テッカブル）	横浜市で「AI活用型オンデマンドバス」の実験開始。預かり保育後の送迎負担解消へ	https://techable.jp/archives/179280	株式会社	2022-05-24 01:00:19
python	Pythonタグが付けられた新着投稿 - Qiita	【Python】Instagramの投稿に自動でいいねする	https://qiita.com/fishyamamoto/items/af35deffbc2734ef3414	instagram	2022-05-24 10:02:13
golang	Goタグが付けられた新着投稿 - Qiita	【Go】GinでURLからパラメーターを受け取る2つの方法	https://qiita.com/holy_engineer/items/42ecc5c985188e997adc	開発	2022-05-24 10:14:27
GCP	gcpタグが付けられた新着投稿 - Qiita	GCPにOpenShiftをIPIインストールする	https://qiita.com/shin7446/items/ddd9e3c24b406fe3796b	gcloud	2022-05-24 11:00:07
技術ブログ	Developers.IO	【登壇資料】AKIBA.AWS ONLINE #08 – AWS、はじめました 編- 『CLI構築のススメ』のタイトルで登壇しました！#AKIBAAWS	https://dev.classmethod.jp/articles/akibaaws-recommendations-cli/	akibaaws	2022-05-24 01:45:55
技術ブログ	Developers.IO	AWS WAFのログで記録されたBlockログのみSyslogサーバに転送する	https://dev.classmethod.jp/articles/aws-waf-log-to-syslog/	awswaf	2022-05-24 01:40:44
海外TECH	DEV Community	Exploring The F# Frontend Landscape	https://dev.to/tunaxor/exploring-the-f-frontend-landscape-13aa	Exploring The F Frontend LandscapeHello everyone it s been a while Today we will talk about what is the current frontend landscape of Frontend development for the F ecosystem Over the last few years Fable has become quite capable and more bindings have been released Disclaimer The F Ecosystem Is Stable you don t need to jump ship to the next thing or anything like that Just because there are options doesn t mean you need to ditch out what you know and learn something new Think of this as as restaurant menu There are options but ultimately it is your choice which one you pick and you can even decide I don t want to eat here it s completely fine No kittens will die and the world won t stop so if you see a lot of options I d suggest you to not feel pressured to choose When it comes to the Frontend landscape for F we have three main roads FableWebSharperWeb AssemblyThese have different approaches to the frontend landscape but ultimately do the same thing Websites some of those options allow you to go for both server side rendering and others allow you to go for single page applications FableIn this Section High Profile FelizFable LitSutilLow ProfileFable SvelteFeliz SnabdomFable Next Feliz SolidFable is an F to JavaScript compiler like Typescript compiles to JavaScript it is near its fourth major release and has a very very strong ecosystem based around React js although in recent times other options have become available Why Fable and who benefits most from it Fable is meant for those developers that need to work with the JavaScript ecosystem or that want to benefit from it it would be unwise to negate the number of good libraries and existing solutions that have been born in it Fable rather than negate that JavaScript exists and is a good option and builds on top of it and gives you the most flexible option when it comes to frontend development in F you keep using the safety of F most of the time and when necessary you can fall back to JavaScript or JavaScript interoperation to fill the missing gaps that there could be The bad thing is that the JavaScript ecosystem is so vast and has grown so much over the years it might be possible that if you want X library there won t be bindings for it After all the F developer numbers are way too low compared so we don t have the programmer power to be on equal grounds Writing bindings isn t complex but it can take quite some time from your development efforts if the libraries you re targeting are too big this cost is only paid once though when the bindings are complete is just a matter of maintaining the bindings up to date which isn t too big of a chore That being said Let s dive into Fable s options FelizThis is by far the most popular library in the F frontend ecosystem This library took existing lessons from Fable React and improved its DSL Domain Specific Language to be more concise and less verbose than existing alternatives It also took a different approach when it came to React applications it steered slightly away from what was very popular at the time the Elmish architecture also known as MVU and provided an API that is as close as possible to React itself Feliz introduced hooks which helped to simplify state management in some cases as well as reduce the verbosity MVU can get when applications grow since it was compatible with previous fable react bindings it wasn t a big of an effort to migrate to Feliz Your typical Feliz UI component looks like this lt ReactComponent gt let Counter let count setCount React useState Html div Html button prop style style marginRight prop onClick fun gt setCount count prop text Increment Html button prop style style marginLeft prop onClick fun gt setCount count prop text Decrement Html h count Its DSL is based on a list of properties for each kind of HTML tag you can build reusable pieces of UI by just writing functions and other components given React s nature it is clear why Feliz is the most used it simply fits with the F mind data and functions Feliz supports MVU via the Feliz UseElmish packagetype Msg Increment Decrementtype State Count int let init Count Cmd nonelet update msg state match msg with Increment gt state with Count state Count Cmd none Decrement gt state with Count state Count Cmd none lt ReactComponent gt let Counter let state dispatch React useElmish init update Html div Html h state Count Html button prop text Increment prop onClick fun gt dispatch Increment Html button prop text Decrement prop onClick fun gt dispatch Decrement somewhere elseReactDOM render Counter document getElementById feliz app If you re looking to dive into Frontend F then Feliz is a solid choice you will learn what most of the F FE devs use and it is arguably the best choice today within the Fable realm The downsides of Feliz are the downsides of using React since Feliz is a binding over React you get the same problems React devs have weird rules for hooks easy to mistakenly provoke re renders and effects are still not entirely figured out in the react ecosystem and you have to keep manually what things need to re render your UI React uses Virtual DOM which was a performant way to render UI s in the early s it is not the case anymore where browsers have caught up in performance and it turns out that in performance critical situations the VDOM diffing from React is just overhead rather than an advantage For your average website this shouldn t be a concern though but it is worth mentioning it Fable LitThis is my personal favorite one when it comes to Fable options Fable Lit builds on top of lit dev which is a web component library built on web standards It brings performant straightforward and inter framework compatible components to the F FE landscape since Lit works with DOM elements themselves rather than abstractions you can manipulate component instances like if you were doing vanilla JavaScript except that you can use the F safety for that In Fable Lit rather than building an F DSL we tried we use a string based alternative which is closed to the HTML you know and love this also helps a lot when you have to consume web components like those from shoelace style fast design adobe spectrum components and more this will be a very important and big point over the next few years now that web components have taken off finally with major companies like Microsoft Salesforce Github Adobe and more are using them Here s two ways you can use Fable Lit Components lt HookComponent gt let functionCounter initial int let value setValue Hook useState initial html lt lt event name gt means attach a handler to this event gt lt sl button outline variant neutral click fun gt setValue value gt Increment lt sl button gt lt sl button outline variant neutral click fun gt setValue value gt Decrement lt sl button gt lt sl badge gt Count value lt sl badge gt lt LitElement my custom element gt let MyCustomElement let host props LitElement init fun config gt config props initial Prop Of attribute initial defaults to true if not set config useShadowDom lt false let value setValue Hook useState props initial Value html lt sl button outline variant neutral click fun gt setValue value gt Increment lt sl button gt lt sl button outline variant neutral click fun gt setValue value gt Decrement lt sl button gt lt sl badge gt Count value lt sl badge gt using both somewherehtml Function Component functionCounter lt br gt lt initial means bind to initial property gt lt my custom element initial gt lt my custom element gt First of all if you are wondering ugh strings that doesn t give any highlight the holes are not typed there s only one truth there Interpolated strings aren t as flexible as JS tagged templates so in NET we fallback to using just objects and we lose type safetyWe actually have two extensions to give you the ability to highlight these F stringsHighlight HTML SQL templates in F Html for F Lit Template For Rider and other editors no one has tried to build a plugin as far as I knowHere s the thing and the main reason I like it Did we have to write bindings for sl button Would we need to write bindings for any other custom element web component The answer for both is No we still have write bindings for the JS parts of the libraries we might use but when it comes to custom elements and other standard HTML elements we don t need to do anything that includes it s attributes properties The tradeoff is precisely that we gain access to a vast array of libraries out there but we lose some type safety when you describe your UIs And before I forget it Fable Lit also supports the Elmish architecturetype Msg Increment Decrementtype State Count int let init Count Cmd nonelet update msg state match msg with Increment gt state with Count state Count Cmd none Decrement gt state with Count state Count Cmd none lt HookComponent gt let Counter let model dispatch Hook useElmish init update html lt h gt model Count lt h gt lt button click fun gt dispatch Increment gt Increment lt button gt lt button click fun gt dispatch Decrement gt Decrement lt button gt Lit itself is a pretty safe bet is a solid choice and built on web standards so it s very likely to have a really long life it first came out around as polymer if you ever head of that and has adjusted and improved together with web browsersFable Lit on the other hand is fairly new and the bindings may still have some areas where we can improve but the technology underneath is already production ready SutilWhen I first learned about Sutil I fell in love with it it brought a lot of concepts from Svelte to the F frontend landscape and while it s development has been slower than most it has some really interesting choices which can fit some minds better than the other alternatives Sutil is the first pure F framework for the frontend that we have it doesn t have bindings to any framework because it s just F Sutil uses a Feliz variation of a DSL called Feliz Engine so you get the F type safety you know and love with reactive UI elements Sutil functions run only once and then everything is static unless you choose to be reactive via stores This helps in regards performance and updates are only applied where things change In a similar fashion to Fable Lit Svelte works with plain DOM elements which make it compatible with Web Components as well it also provides features to write web components with it If you really like the programming model of svelte or rxjs observables then Sutil is something to look after Sutil also has built in animations chrome dev tools and other nice features Here s how Sutil looks like functions can be separated from UI logic with some thought we can make these very reusable and even UI agnosticlet increment counter IStore lt int gt counter gt Store modify fun count gt count let decrement counter IStore lt int gt counter gt Store modify fun count gt count let view let counter Store make Html div make this element reactive Bind el counter fun count gt Html p Counter count Html div using stablished HTML elements Html button onClick fun gt increment counter text Increment interoperation with custom elements Html custom sl button Attr custom variation neutral onClick fun gt decrement counter text Decrement As mentioned before whenever we mount call view it will render once and when stores observables emit a new value only the reactive parts will update this allows for fine grained updatesSutil Also offers MVU support type Msg Increment Decrementtype State Count int let init Count Cmd nonelet update msg state match msg with Increment gt state with Count state Count Cmd none Decrement gt state with Count state Count Cmd nonelet Counter let model dispatch gt Store makeElmishSimple init update ignore Html div disposeOnUnmount model Bind fragment model gt Store map getCounter lt fun n gt Html h text Counter n Html div Html button onClick fun gt dispatch Decrement text Html button onClick fun gt dispatch Increment text Part of the disadvantages in Sutil is the slow updates although David recently mentioned that he will be working on it more maintainers would be welcome Also it has been in beta for a while so it might not be so ready for prime time More testing from real users would be nice because at least on my relatively limited testing it feels just as solid as any of the previous choices Feliz EngineOnce the high profile projects have been mentioned one project that is worth mentioning and one you can use if you plan to ever bring another framework to the F space is Feliz EngineFeliz Engine is a library that defines in a standard way F DSLs for Elements Attributes and Styles It was born out of the Original Feliz DSL but modified slightly to fit a more general use case Sutil Feliz Solid and Feliz Snabdom use Feliz Engine under the hood you could also use it to bring others to the fold This project deserves a mention just for it s potential to bring more to the ecosystem and to not confuse it with Feliz itself Fable SvelteThese bindings were a way to make F work with svelte files I don t have much to say about this other than it exists and you could take a look if you want but it s usage is fairly low For this one I don t think is a good choice for your next serious project maybe for experiments here and there but given it s low usage there might be some bugs not found just yet in the way Sutil would be a better choice if you like Svelte like way of doing UIsSvelte of course is rock solid as a choice and is one of the most popular JS frameworks out there the problem lies on how mature are the bindings and how battle tested they are Feliz SnabdomUsing Feliz Engine comes Feliz Snabdom as well snabdom has a virtual dom implementation but deals with DOM elements rather than abstract over them like react this gives you more wiggle room to interoperate with third party components it provides life cycle hooks lazy loaded elements and other features I m not fan of virtual dom myself so I haven t really tried this much more than just a few examples at the same time I m not sure of the maturity of the bindings although snabdom has been out for years and has been used by thousands of devs the concerns lie in how portable the code is how mature the bindings could be Fable Next These new options are coming hot from the oven and paint a bright future for Fable integrations on the Frontend ecosystem Fable snake island is going to bring JSX compilation meaning that frameworks that use JSX as their DSL and building blocks will have an even easier time integrating this support will come to Feliz Engine as well this means a couple of thingsStable API for the F side Feliz Engine Broad Target of UI frameworks by just configuring the packages you want to use be it solidjs vue jsx inferno preact etc Easier migration paths between F lt gt JSGiven how JSX is still a compilation step you can always fallback to manual JSX and continue from to JSX if needed Feliz SolidThis is an exciting one solid js has been going up in popularity these days because it is what react could have beenTrue and Predictable reactivityNo manual dependency trackingObservable supportNo Virtual DOMFast and EfficientSmall footprint LibrarySo if the react model is your thing and you want to avoid many of the react footguns then this is something to keep an eye forSolid code looks like this lt JSX Component gt let Counter let count setCount Solid createSignal let doubled count let quadrupled doubled Html fragment Html p count doubled Html p doubled quadrupled Html br Html button Attr className button Ev onClick fun gt count gt setCount Html children Html text Click me As you can see it is very similar to Sutil or Feliz Snabdom and that s because it is using Feliz Engine as well while these don t interoperate between themselves easy because each library defines what the DSL actually emits DOM Elements Virtual DOM elements they do use the same DSL so learning one it basically teaches you the others as well The main disadvantage of this is that is of course new it only works on Fable Alpha at the time of writing and thus should not be considered for your next serious project Once Fable is released for real then it could be something to really consider and contribute to Fable JSXIf you re thinking my favorite framework is not in the list do not worry writing bindings for Fable has become easier over the years specially when you take Feliz Engine into account Fable will bring JSX as well meaning that it could be even simpler to integrate to the JavaScript ecosystem Perhaps you like vue but supporting vue files is too much perhaps the framework you are using at work supports JSX this has the potential to bring a lot with minimal changes like Alfonso saidIt s like programming against an interface JSX instead of an implementation the compiled JS Although he also said there are nuances and likely differences in how each framework and its tooling treats JSX so Feliz Engine is close to universal but not that universal WebSharperWeb sharper has been out for quite some time and has an interesting F first approach to the UI WebSharper aims to fulfill the full stack F promise hiding away some of the JS details but has some pretty good capabilities when it needs to interoperate with javascript Rather than a set of multiple libraries and frameworks WebSharper is a one stop shop all style of frameworkA simple Web Sharper Application looks like this lt Website gt let Main Application SinglePage fun ctx gt Content Page h text Hello World This will tell WebSharper to generate some JavaScript and run it directly on the body of your application While WebSharper has a ViewModel strategy it also offers MVU support for example a counter can look like this lt JavaScript gt module Counter type Model Counter int type Message Increment Decrement let Update msg Message model Model match msg with Increment gt model with Counter model Counter Decrement gt model with Counter model Counter let Render dispatch Dispatch lt Message gt model View lt Model gt div button on click fun gt dispatch Decrement text span text sprintf i model V Counter button on click fun gt dispatch Increment text let Main App CreateSimple Counter Update Render gt App Run gt Doc RunById main or if you prefer HTML lt this is inside the HTML page you re serving gt lt body gt lt button ws onclick OnDecrement gt lt button gt lt div gt Counter lt div gt lt button ws onclick OnIncrement gt lt button gt lt script type text javascript src Content Counter min js gt lt script gt lt BODY gt lt body gt lt JavaScript gt module Client The templates are loaded from the DOM so you just can edit index html and refresh your browser no need to recompile unless you add or remove holes type MySPA Template lt Snippet IndexHtml ClientLoad FromDocument gt type Model int type Message Increment Decrement let update msg model match msg with Message Increment gt model Message Decrement gt model let view let vmodel Var Create let handle msg let model update msg vmodel Value vmodel Value lt model MySPA OnIncrement fun gt handle Message Increment OnDecrement fun gt handle Message Decrement Counter V string vmodel V Bind fun model gt vmodel Value lt model let Main view initThere s a whole website with demos you can try WebSharper also offers a reactive model rather than MVU that can be used in exchange of the MVU architecture the last example rather than the whole MVU could also be simplified to the next example lt JavaScript gt module Client The templates are loaded from the DOM so you just can edit index html and refresh your browser no need to recompile unless you add or remove holes type MySPA Template lt Snippet IndexHtml ClientLoad FromDocument gt let counter Var Create let Main MySPA OnIncrement fun gt counter Value lt counter Value OnDecrement fun gt counter Value lt counter Value Counter V string counter V Bind This reactive style is similar to the new Vue s Composition API so regardless of your choices web sharper has you covered That being said on my twitter bubble WebSharper is not one of the most popular ones and I m not entirely aware why my guess is that it tries to hide JavaScript as much as possible to try to stay in F and that could create some sort of vendor lock in and friction in some cases this doesn t mean it is a bad choice though if you don t want to build on top of the JavaScript ecosystem that much it looks like solid technology to pick up specially because it offers paid support so this can be a good fit for teams rather than individuals If you want to learn more about web sharper let me know so I can explore more and dedicate a couple of blog posts to it Web AssemblyIn this Section BoleroFun BlazorAvalonia FuncUIWeb Assembly is the newest player in the game and one that is being will be a true game changer with it comes to web development just as a taste of it s power you can now use photoshop natively in the browser now what does that mean for you as a NET developer It means that you can run F code or C if that s your jam natively on the browser no intermediary JavaScript that you have to touch and you keep the safety of F Why Web Assembly and who benefits most from it Web assembly WASM is meant for users who want to run native code in the browser this has a few implications WebAssembly does not have so far access to DOM and neither a garbage collector so for WASM apps to work with NET you need to load a NET runtime your application s code That means that any time your website is visited you have to wait a few seconds while your web app loads the runtime your code Any time that any of these technologies have to they need to share information with the JS world and this can be costly while you as an App developer don t have to do it manually you still need to be wary of the costs of serialization deserialization that are made any time you share information with the JS world be it in form of big UI trees large amounts rows of data and similar situations That being said if you can afford these drawbacks then you will be able to enjoy F safety in all of its glory no more weird JavaScript emits or trying to bind an interface to a JavaScript object and hopefully that holds true at runtime It s just the real deal You can leverage the NET ecosystem when it comes to libraries with all of their patterns and knowledge you already may have This also means that since you are using NET you can share logic and data with the server after all NET libraries unless they are using OS specific APIs work on ASP NET core for the server and WASM this means no shared folders with tweaked paths and if FABLE or similar directives it s just the assembly being shared as is While you don t need to interact with JavaScript at all you can do so if you must there are ways to interoperate with functions declared in the global scope or even in JavaScript modules So you re not entirely isolated you can interact with the outside world if needed DISCLAIMER Most of these alternatives rely on Blazor which is the product solution offered by Microsoft to tap into WebAssembly with C as usual F is not in the roadmap but the community always jumps in to save the day and offer F devs the experiences they deserve BoleroBolero is the most stable and mature solution for F web assembly it is brought to you by the same devs behind web sharper in a way it could be the next step in their path to make web applications with F Bolero offers most of the functionalities of web sharper but native this time HTML Templates via a Type Provider Client Routing with Discriminated unions F DSL MVU Your typical Bolero view looks like thistype Model value int let initModel value type Message Increment Decrementlet update message model match message with Increment gt model with value model value Decrement gt model with value model value let view model dispatch div button on click fun gt dispatch Decrement string model value button on click fun gt dispatch Increment let program Program mkSimple fun gt initModel update viewtype MyApp inherit ProgramComponent lt Model Message gt override this Program programIt is pretty similar to the other MVU samples we ve seen so far bolero also offers interoperation with Blazor concepts like external components from third party libraries remoting RPC client server style of communication and of course Pure F If you liked the approach that WebSharper gave you and you re looking for the next step then bolero will be just what you want you can translate concepts and knowledge from there The sad part for me is that it doesn t have a reactive style when it comes to handling state MVU is great but on larger applications it just doesn t cut it for me the nice thing of the bad is that you can create multiple elmish components in your application and use parameters so you don t have a single master Elmish update function and rather each component have it s own state Fun BlazorThis is another abstraction built on top of Blazor it is the new kid in town and has some very enticing models when it comes to handle state Fun Blazor recently put out its version which adds a bunch of nice things all around it allows you to create UI s with F Computation Expressions CE in a similar fashion to bolero it also has the ability to use string templates much like Fable Lit and has some options for routing like a giraffe style router it offers seamless integration with blazor s dependency injection very useful to interoperate with JavaScript and other Blazor services Your typical Fun Blazor component looks like this adaptiview let count setCount cval changeable value h Counter count button onclick fun gt setCount count Increment button onclick fun gt setCount count Decrement Fun Blazor brings the power of FSharp Data Adaptive to allow incremental updates to the view this package works like excel cells where one cell may be the source of truth for others the other cells can recompute values depending on the first cell this allows for performant updates in the UI because only the reactive parts change This model is very close to Sutil s model as well In fact you can use stores in Fun Blazor as welllet myComponent html comp fun hook IComponentHook gt let counter hook UseStore let double store Observable gt Observable map fun n gt n n gt AVal ofObservable counter Current hook AddDispose adaptiview let countValue setCount counter WithSetter let doubleValue double h Counter countValue Double doubleValue button onclick fun gt setCount countValue Increment button onclick fun gt setCount countValue Decrement Adaptive views are a concept that I d love if other frameworks implemented because the reactive model really resonates with me that being said I know you want to see elmish in action so I m pleased to tell you that yes it supports MVU as welltype Model value int let initModel value type Message Increment Decrementlet update message model match message with Increment gt model with value model value Decrement gt model with value model value using elmish directlyhtml elmish init update fun state dispatch gt div h Count state value button onclick fun gt dispatch Increment Increment button onclick fun gt dispatch Decrement Decrement using elmish with adaptive viewshtml comp fun hook IComponentHook gt let state dispatch hook UseElmish init update div adaptiview let count state h Count count value button onclick fun gt dispatch Increment Increment button onclick fun gt dispatch Decrement Decrement Fun Blazor has a lot of potential it is still young it needs more real world usage to validate many of the efforts taken in v although young it feels like a solid option but keep in mind that just like Sutil it has only one maintainer so if you like this you should look into contributing to the framework because it feels like really good option Avalonia FuncUIThis one might come as a surprise for many because Avalonia is a Desktop application framework but as seen in this Avalonia FuncUI WASM Template it is possible to bring the power of avalonia into the desktop via WASM The main advantage of Avalonia FuncUI is that you will be able to share code between browsers android ios mac linux and windows Avalonia FuncUI was also recently updated and added this reactive like model in v Component fun ctx gt let state ctx useState DockPanel create DockPanel verticalAlignment VerticalAlignment Center DockPanel horizontalAlignment HorizontalAlignment Center DockPanel children TextBlock create TextBlock dock Dock Top TextBlock text string state Current Button create Button dock Dock Bottom Button onClick fun gt state Current gt state Set Button content Button create Button dock Dock Bottom Button content Button onClick fun gt state Current gt state Set The concepts of IWritable lt T gt and IReadable lt T gt work just like adaptive changeable stores observables that we ve seen before in sutil fun blazor so Avalonia FuncUI could start becoming a competitor in the Web landscape specially if you already have some desktop app development experience this is part of the power of WASM in practice in the case of Avalonia FuncUI WASM you don t really need to know anything of web development to get started just jump in That being said Avalonia uses Skia to render in a canvas likely using webgl so you won t have any kind of DOM nodes to inspect and also as far as I m aware and I d love to be corrected if necessary you throw accesibility out of the window because of that so assistive technology won t work with this kind of web sites it also worth noting that as far as I m aware at the time of writing Web support in Avalonia is in beta state so there might be a couple few bugs lurking out there MAUIThe elephant in the room here would likely be MAUI because it also has blazor support but I m going to be very dismissive here and I plead guilty about it because it is a Microsoft product I d prefer to Microsoft to step out of the way of its NET ecosystem and I d love to better cultivate alternatives like Uno Avalonia but whatever right Good Luck about F supportGood Luck to have linux supportBoth things can be done with Avalonia without any major issues also all of the other alternatives discussed here can be developed on any of the three major operating systems heck even from your Raspberry Pi that s not something I d expect in MAUI soon TakeawaysThat being said the F Frontend Landscape is not that big it might feel confusing with all the tweets and news going all over the place but thankfully as most things F We are pretty much settled how we use things and even if there is variety most alternatives can live together in one way or another Here s the tl dr Use Fable if You want to take advantage of the JavaScript EcosystemYou want to have the possibility to migrate away from F if necessaryYou want the lowest amount of kb of resources to the browser You must interact with JavaScript on a heavy basisYou Like and want to use React or Lit or Vanilla Sutil Don t use Fable if You really dislike JSYou want true type safetyYou can afford go vanilla F i e not use most of the JS ecosystem You don t want to learn or deal with the JavaScript ToolingUse WebSharper if You don t mind about going F first JS secondYou want type safe HTML via type providersYou want to blur the lines between client side F and server side F You don t care too much of the toolchain and only care about final deployable assetsDon t use WebSharper if You need to literally make manual js files and adjustments to the compiling toolchainYou need a more JavaScript oriented applicationYou need to build on top of the existing node toolingYou care about an extra runtime for your application around kb Use Web Assembly if You want to run native F in the browser not a fake oneYou want to leverage the NET ecosystemYou want to enjoy NET tooling to publish distribute and build your F You want to share code between Desktop Server and Mobile like Avalonia will allow you Don t use Web Assembly if You don t want to ship heavy websites even if there s trimming support for some libs You need low TTI time to interaction and TFP Time to Fist Painting You need a more mature ecosystemYou need heavy JS interop Personal OpinionNo one asked for it and no one should because my opinion shouldn t have any weight on your decision making That being said My personal top is Fable LitSutil Fun BlazorFeliz Solid The main reason is that Fable Lit checks the boxes when it comes to web standards and I m primarily a frontend developer and React is just not my thing mainly due to it s focus on hooks which in the case of React they might make sense but are too magical and very prone to errors and performance issues if badly used I m looking at you useFootGun I mean useEffect Sutil comes in second because of it is extremely awesome to have a pure F framework that also offers a reactive state management model it simply fits my mental model of doing websites Fun Blazor comes swiftly on second place as well for the Tie because it takes the same concepts sutil uses for state management and takes it a step furtherFeliz Solid comes in third because it also offers a reactive model that is likely going to replace React in a lot of places and codebases in the future It doesn t suffer of the same problems React has and its future looks Bright its author was recently at the time of writing at Netlify one company that has been hiring a lot of extremely good talent like Rich Harris author of Svelte so it can only go up from here while the Feliz integration matures ConclusionSo there you have it I hope this post sheds some light on what the current state of F frontend is and what you should take into account if you want to choose one or the other alternatives we have Ultimately you should not be pressured to chose right F solutions even if they are not mature are pretty solid after all that s the main reason we chose F to either work with or have fun sometimes both you should avoid one of these alternatives if you truly have reasons not to pick it otherwise it s likely going to work your needs These frameworks are excellent work of members of the F community even if they look young or are in beta these tools are extremely well done and are far more capable than what you would think when you hear those words give them a try give feedback to its authors and remember not everything is React or derivatives you have choices today Until the next one don t forget to leave your comments and questions if needed	2022-05-24 01:04:17
海外科学	BBC News - Science & Environment	'Democratic' jackdaws use noise to make decisions	https://www.bbc.co.uk/news/science-environment-61551496?at_medium=RSS&at_campaign=KARANGA	scientists	2022-05-24 01:27:02
医療系	医療介護 CBnews	看護師国家試験で不正行為、停止・無効を明確化-厚労省が省令案の概要を公表	https://www.cbnews.jp/news/entry/20220524102609	不正行為	2022-05-24 10:40:00
医療系	医療介護 CBnews	マスク着用、会話ほとんどない場合の考え方明確化-厚労省が都道府県などに事務連絡	https://www.cbnews.jp/news/entry/20220524102321	厚生労働省	2022-05-24 10:35:00
医療系	医療介護 CBnews	コロナ発生届出を簡素化、医療機関の負担軽減へ-厚労省が感染症法施行規則改正の省令案公表	https://www.cbnews.jp/news/entry/20220524102005	医療機関	2022-05-24 10:30:00
ニュース	BBC News - Home	Afghanistan: UK's withdrawal a disaster, inquiry concludes	https://www.bbc.co.uk/news/uk-politics-61555821?at_medium=RSS&at_campaign=KARANGA	likely	2022-05-24 01:23:05
ニュース	BBC News - Home	Teenage girl traumatised after police strip-search, says mum	https://www.bbc.co.uk/news/uk-61523291?at_medium=RSS&at_campaign=KARANGA	police	2022-05-24 01:29:20
ニュース	BBC News - Home	'Democratic' jackdaws use noise to make decisions	https://www.bbc.co.uk/news/science-environment-61551496?at_medium=RSS&at_campaign=KARANGA	scientists	2022-05-24 01:27:02
ビジネス	ダイヤモンド・オンライン - 新着記事	仮想現実で学ぶMBAコース、コロナで増加 - WSJ発	https://diamond.jp/articles/-/303725	仮想現実	2022-05-24 10:21:00
サブカルネタ	ラーブロ	其ノ９３２：【ayairo（尼崎市・名神町）】	http://ra-blog.net/modules/rssc/single_feed.php?fid=199381	ayairo	2022-05-24 02:17:00
GCP	Google Cloud Platform Japan 公式ブログ	Splunk Dataflow のストリーミング パイプラン向けの新しいオブザーバビリティ機能	https://cloud.google.com/blog/ja/products/data-analytics/simplify-your-splunk-dataflow-ops-with-improved-pipeline-observability/	Dataflowパイプラインは作成されたログの量に対応しているかSplunkに書き込むとき、レイテンシとスループットはどうなっているか秒あたりのイベント数、EPSダウンストリームSplunkHTTPEventCollectorHECのレスポンスのステータスの内訳とエラーメッセージの内容このような重要な情報を可視化することにより、ログのエクスポートのサービスレベル指標SLIを取得し、パイプラインのパフォーマンス低下をモニタリングできます。	2022-05-24 02:00:00
北海道	北海道新聞	対艦ミサイル供与を表明　２０カ国支援、黒海突破狙う	https://www.hokkaido-np.co.jp/article/684588/	国防長官	2022-05-24 10:01:00
IT	週刊アスキー	豊田市の森で働く・楽しむ・学ぶ総合サイト「豊田市 森の総合サイトTomori」公開中	https://weekly.ascii.jp/elem/000/004/092/4092305/	tomori	2022-05-24 10:30:00
IT	週刊アスキー	【本日】松屋、蟹と玉子の「プーパッポンカレー」発売	https://weekly.ascii.jp/elem/000/004/092/4092317/	発祥	2022-05-24 10:30:00
マーケティング	AdverTimes	エーザイ、サステナビリティ部長（22年5月23日付）	https://www.advertimes.com/20220524/article384453/	部長	2022-05-24 01:58:24
マーケティング	AdverTimes	塩野義製薬、DX推進本部長に出口執行役員（22年7月1日付）	https://www.advertimes.com/20220524/article384437/	執行役員	2022-05-24 01:52:30
マーケティング	AdverTimes	人と社会を動かす「共感の深度」の見つけ方	https://www.advertimes.com/20220524/article384388/	一人ひとり	2022-05-24 01:23:56
GCP	Cloud Blog JA	Splunk Dataflow のストリーミング パイプラン向けの新しいオブザーバビリティ機能	https://cloud.google.com/blog/ja/products/data-analytics/simplify-your-splunk-dataflow-ops-with-improved-pipeline-observability/	Dataflowパイプラインは作成されたログの量に対応しているかSplunkに書き込むとき、レイテンシとスループットはどうなっているか秒あたりのイベント数、EPSダウンストリームSplunkHTTPEventCollectorHECのレスポンスのステータスの内訳とエラーメッセージの内容このような重要な情報を可視化することにより、ログのエクスポートのサービスレベル指標SLIを取得し、パイプラインのパフォーマンス低下をモニタリングできます。	2022-05-24 02:00:00