タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
人に説明するのがスムーズにできなさそうなので、理論武装というか順序立てて話すためにこの記事をまとめる。 対象 ブラウザから利用するマルチプラットフォーム向けウェブアプリケーションの開発 モバイルのネイティブアプリ開発は含まない（知らないので） 利用言語はJava, JavaScript/TypeScriptを想定するが、特に言語に依存しない認識 開発経験はあるが、情報や経験が少なくて「よりよいプロダクト開発」の理想が描けない方への一助として作成 TL;DR 状況やベストプラクティスが目まぐるしく変わる現代において、すぐに変化できるソフトウェアを保つこと・ヒトの手をできるだけ空けることが重要。 かつてIaaSがAPIを提供し環境管理の多くを自動化したように、各種サービスがAPIやWebhookを通じてDevelopment Workflowの多くを自動化してきている。 多くの視点や知見を活か
GitHub - maxchehab/phelia: ⚡ A reactive Slack application framework.
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
GitHub - vanjs-org/van: 🍦 VanJS: World's smallest reactive UI framework. Incredibly Powerful, Insanely Small - Everyone can build a useful UI app in an hour.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
マークダウンとJavaScriptでインタラクティブなWebサイトを作れる「Reactive Doc」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、マークダウンで手軽にWebサイトを構築できるサービスをご紹介します。 一般的なマークダウン記法で簡単にWebコンテンツを作れるのですが、独自のコードブロックを挿入してインタラクティブなフォーム要素も挿入できるのが特徴です。 さらにJavaScriptで好きな機能を開発できる仕組みが提供されており、簡単なWebアプリを作るなど自由度の高いサービスに仕上がっています。 すべて無料で使えるので、ご興味ある方はぜひ参考にしてください！ 【 Reactive Doc 】 ■「Reactive Doc」の使い方 それでは、「Reactive Doc」をどのように使えばいいのか詳しく見ていきましょう！ 利用するためにユーザー登録やログインなどは一切不要です。サイトに訪れたらトップ画面にある【Try it】ボタンをクリックするだけです。 専用のWebエ
Ref vs Reactive Vue3 Composition APIのリアクティブ関数の探究 / ref vs reactive Vue Composition API Deep in
Ref vs Reactive Vue3 Composition APIのリアクティブ関数の探究 / ref vs reactive Vue Composition API Deep in
React is Dead. Long live Reactive Rails! Long live StimulusReflex and ViewComponent!
Let me tell you about the feeling that I get when I encounter something poised to revolutionize my work as a software developer. A specific, tangible physical sensation in my bones; a tingle in my skin and a buzz in my fingertips. Like having done a little too much cocaine, if you know what I mean. Apparently this mania hits me approximately every 5 years. The first time was in 2000 when I read Th
🏆 結論 「とりあえず ref を使えばいい！」 おしまいです。ref でできないことはありません。 注意点として補足しておくと、これは「Vue.js が ref を推奨している」「迷ってるならとりあえず ref を使っておけばいい」という話であって、reactive をはじめとする他の Reactivity API が非推奨だという話ではありません。 reactive がケースによって便利であることは Evan 氏なども認めており、そもそも Vue.js には厳密なルールがあるわけではないので、結局は自分の手に馴染むものを選択していくのが良いと思います。 なので、究極的な結論としては「とりあえず ref ファーストで考えておいて、なんらかしらの理由で reactive を使いたいなら別にそれも良い」という話になりますが、特別な理由がない場合は ref の方が推奨されます。 🚩 はじめ
使用技術 Vue3 + Nuxt3 Composition API TypeScript ワイ、お問い合わせフォームを作りたい ワイ「Vue の Composition API を使って、お問い合わせフォームを作るで！」 ワイ「フォームのデザインはこんな感じや！」 ワイ「いや〜、我ながらイケてるデザインやな！」 ワイ「ほな、Composition APIを使ってフォームの状態を管理していくで〜」 フォームの状態を管理するには？ ref()またはreactive() ワイ「Composition APIの場合、状態を管理するには」 ワイ「ref()またはreactive()を使うんやったな」 ワイ「この2つは何が違うんやろ？」 ワイ「確か───」 ref() 文字列・数値・真偽値などの、プリミティブな値を保持できる reactive() オブジェクト・配列・Map・Setなどの状態を保持でき
One of the first questions that arise when starting with the new Vue Composition API is ref() or reactive()? The initial instinct is to use ref() for primitives (Boolean, String,…) and reactive() for objects. But there is more to it. When to Use ref() and When to Use reactive()?The Downside of Using ref()Is Mixing ref() and reactive() a Good Idea?When to Use ref() and When to Use reactive()?Let’s
Hotwire: Reactive Rails with no JavaScript?—Martian Chronicles, Evil Martians’ team blog
It’s time to actually conjure up the long-teased new magic by DHH & Co. and learn to use Hotwire beyond 5-minute tutorials. This umbrella term, behind libraries for building modern web interfaces seemingly without any effort or JavaScript, is on everyone’s tongue since the big unveil this year. The HTML-over-the-wire approach is making ripples through the Rails universe: countless blogs, Reddit po
R3 - C#用のReactive Extensionsの新しい現代的再実装 2024-02-27 先日、新しいC#用のReactive Extensionsの実装としてR3を正式公開しました！R3はRx for .NETを第一世代、UniRxを第二世代とした場合の、第三世代のRxという意味で命名しています。Rxとしてのコア部分(ほぼdotnet/reactiveと同様)は.NET共通のライブラリとして提供し、各プラットフォーム特化のカスタムスケジューラーやオペレーターは別ライブラリに分けるという形により、全ての.NETプラットフォーム向けのコアライブラリと、各種フレームワーク Unity, Godot, Avalonia, WPF, WinForms, WinUI3, Stride, LogicLooper, MAUI, MonoGame 向けの拡張ライブラリを提供しています。 GitH
【Unity】Model-View-(Reactive)Presenterパターンとは何なのか - Qiita
はじめに 今回はUnityにおける「Model-View-(Reactive)Presenterパターン」とは何なのかについて解説します。 対象読者 Unity開発者 UniRxを使うことができる UnityにおけるGUI周りの実装に困っている GUI周りの設計パターン Model-View-(Reactive)Presenterパターン（略してMV(R)Pパターン）とは、UnityにおけるGUI周りの設計パターンの一種です。 「GUI」とはいわゆる「ユーザインターフェース」のことで、ゲーム中における「画面上に表示される情報」や「メニュー」や「ボタン」といったものを指します。 （ざっくりいえば、uGUIのことだと思って下さい） GUI周りの実装手法というものはUnityに限らず、複雑になりがちな難しい部分です。 そのためいろいろな設計パターンが考案されてきました。 代表的なもので言えばMV
Vue.js の Composition API が登場してから 1 年少しが経過しており、すでに使いこなしている方もいらっしゃるのではないでしょう？ 私自身お仕事で Composition API を使用しており、従来の Options API と比較して UI とロジックの分解がよりやりやすくなったように思えます。リアクティブなデータをコンポーネントの外で定義できるようになったことで、1 つのコンポーネントにまとめて書かざるをえなかった論理的な関心事に分けてそれぞれ別のファイルで定義できます。 書き心地としては React のカスタムフックに近い感じとなっていますね。 個人的には React がクラスコンポーネントから関数コンポーネント + Hook へ移行したように、Vue.js においても Composition API へ移行する流れが来るのではないかと思います。 さて、そんな
ブログを書くの、久しぶりです。 大学に異動したとき、すぐ気づいた。多くのスタッフが、体制、システム、ルール、ブルシットジョブ、上司などなど、様々な不安を抱えていることに。次いで気づいたのは、そのような多種多様な不満を抱えているスタッフたちが、直属の上司にその不満を「絶対に口にしない」ことを旨としていることであった ぼくは驚いて、「問題があるなら、問題提起して、直してもらえばいいじゃないですか」と申し上げたら、「岩田先生、大学病院はいろいろあるんですよ」と「お前は分かってないな」といわんばかりの薄笑いとともに返されるのだった。 今も、俺は分かってない。 このような垂直的な階層構造は大学病院に限った話ではなく、日本社会のあちこちに遍在している。 ぼくはST合剤という抗菌薬の添付文書の不備を霞が関の担当官僚に指摘し、改善を求めたことがある。彼女は「こいつは分かってないな」という気持ち悪い薄笑いと
GitHub - luwes/sinuous: 🧬 Light, fast, reactive UI library
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
Building data-centric apps with a reactive relational database
Building apps is too hard. Even skilled programmers who don’t specialize in app development struggle to build simple interactive tools. We think that a lot of what makes app development hard is managing state: reacting and propagating changes as the user takes actions. We’re exploring a new way to manage data in apps by storing all app state—including the state of the UI—in a single reactive datab
GitHub - tinyplex/tinybase: The reactive data store for local‑first apps.
Build blisteringly fast web apps that work both online and offline. Manage your state locally, synchronize it to the cloud when you need to, or even make it collaborative. But, most importantly... have fun building stuff again! NEW! v4.8 release "The One With PowerSync" Get started Try the demos Read the docs Manage key-value data, tabular data - or both - with optional schematization to model you
GitHub - reactive-python/reactpy: It's React, but in Python
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - topshell-language/topshell: TopShell - a purely functional, reactive scripting language
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
GitHub - fonsp/Pluto.jl: 🎈 Simple reactive notebooks for Julia
🎈 Pluto – introduction (20 min) at Juliacon 2020 🎈 🌐 Pluto – one year later (25 min) at Juliacon 2021 🌐 Writing a notebook is not just about writing the final document — Pluto empowers the experiments and discoveries that are essential to getting there. Explore models and share results in a notebook that is reactive - when changing a function or variable, Pluto automatically updates all affect
GitHub - stimulusreflex/stimulus_reflex: Build reactive applications with the Rails tooling you already know and love.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
はじめに JavaScriptを触るなかで関数型リアクティブプログラミング(FRP)について知り、面白そうと調べましたが考え方のベースとなる部分を理解することに苦労したので記録として残します。 What is Reactive? アプリケーションは多くのモジュールによって構成されています。多くの場合、そのモジュール達はデータによって繋がっています。あるモジュールの値が更新されると、他のモジュールの値も更新されるようなシーンです。 例としてAmazonのようなオンラインショッピングサービスを提供するアプリケーションを挙げ、アプリケーション内の『カート』を担当するモジュールと、『請求書』を担当するモジュールの2つの関係に注目します。例えばユーザーがカートに商品を追加したとき、請求書は商品の金額に応じて自動で更新されます。つまり図の矢印はデータの流れを表していて、カートのデータが更新されると請求
Javaニュース総まとめ: Hibernate Reactive 1.0、Springの更新、OpenJDK、Red HatのCryostat 2.0の発表
NetflixにおけるFederated GraphQLプラットフォームの進化 This article describes the journey of the migration towards a Federated GraphQL architecture. Specifically, it shows the GraphQL platform Netflix has built consisting of the Domain Graph Services fram...
Update 26 Sep 2020: A followup to this post is Towards principled reactive UI. Update 7 May 2022: A followup to this post containing significant conceptual advance is Xilem: an architecture for UI in Rust. In trying to figure out the best reactive structure for druid, as well as how to communicate that to the world, I’ve been studying a wide range of reactive UI systems. I’ve found an incredible d
Apollo(GraphQL)+gRPC+WebFlux(Reactive)を利用して2020年のモダンアーキテクチャアプリを作ってみた - Qiita
Apollo(GraphQL)+gRPC+WebFlux(Reactive)を利用して2020年のモダンアーキテクチャアプリを作ってみたJavaScriptKotlinSpringBootgRPCGraphQL はじめに 本記事では2019年から2020年にかけての年末年始を使って開発した、"Hello Worldを出力するアプリ"の話をしたいと思います。 Hello Worldを出力する、と言っても単にフロントエンドでReactの<p>Hello, World!</p>と書いて出力したという話ではなく、 フロントエンドでApollo Clientを使ってGraphQLでQuery/Mutationのリクエストを行い、 BFF(Backend For Frontend)のApollo ServerでGraphQLのリクエストに応じたgRPCのリクエストをバックエンドへ内部的に行い、 バック
Francisco Sousa for Finiam Posted on Sep 30, 2020 • Updated on Apr 28 • Originally published at blog.finiam.com A while ago I made a blog post about the modern web with just Rails (and a few other things). Today I'm going to explore another way of doing awesome things with Rails, in the spirit of the modern, reactive, and real-time, web. Let's explore StimulusReflex, an extension to the amazing li
When the React team released Hooks in React 16.7.0-alpha, I was sceptical at first. I expected most of the added features to be unnecessary bloat (I felt
Corset - declarative, reactive UI
Reactive UI without the complexity of SPA frameworks. Use any backend you like; bind to the HTML you already produced. "> HTML <div class="counter"> <button type="button" class="increment">Increment</button> <button type="button" class="decrement" disabled>Decrement</button> <div class="result"> Count: <strong class="count">0</strong> </div> </div> JavaScript with Corset import sheet, { mount } fr
GitHub - maverick-js/signals: A tiny (~1kB minzipped) and extremely fast library for creating reactive observables via functions.
🏆 The goal of this library is to provide a lightweight reactivity API for other UI libraries to be built on top of. It follows the "lazy principle" that Svelte adheres to - don't do any unnecessary work and don't place the burden of figuring it out on the developer. This is a tiny (~1kB minzipped) library for creating reactive observables via functions called signals. You can use signals to store
この記事は、Vue #2 Advent Calendar 2019 の18日目の記事です!! ※ 2021.10追記 ref, reactiveについては公式ドキュメントなどをご参考にいただけますと幸いです。 https://v3.ja.vuejs.org/guide/reactivity-fundamentals.html (本記事はご参考程度にお願い致します。) 前置き Vueにそこまで精通しているわけではないため、内容に誤りがある可能性があります。 何か間違いがある場合はお手柔らかにご指摘お願いしますmm また、多くの方々の記事を参考にさせて頂きました。 ありがとうございますmm (もしも載せてはいけない情報がある場合、ご連絡頂ければと思います。) 結論 お忙しい方々向けに。 refは、プリミティブな(Objectでない)値をリアクティブにする reactiveはObjectの値をリ
Photo by Darron BirgenheierReactive Extensions¹ (ReactiveX or Rx for short) were initially created by Erik Meijer for .NET and were revealed to the public in 2010. It was a new approach to API for asynchronous data streams that generalized observer pattern with callbacks for emitted elements (onNext), stream completion (onCompleted), and error (onError), and introduced stream-processing operators
GitHub - mardix/litedom: A reactive Web Component library to create Custom Element and turns any HTML sections into components
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
GitHub - elbywan/hyperactiv: A super tiny reactive library.
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Update 7 May 2022: A followup to this post containing significant conceptual advance is Xilem: an architecture for UI in Rust. I consider the Crochet experiment to be mostly negative, as there were a number of ergonomic and functional “paper cuts,” though several of the research goals were met, at least to some extent. This is a followup to my post about a year ago, Towards a unified theory of rea
Going Reactive with Spring, Coroutines and Kotlin Flow Since we announced Spring Framework official support for Kotlin in January 2017, a lot of things happened. Kotlin was announced as an official Android development language at Google I/O 2017, we continued to improve the Kotlin support across Spring portfolio and Kotlin itself has continued to evolve with key new features like coroutines. I wou
Reactive Resume is a free and open source resume builder that's built to make the mundane tasks of creating, updating and sharing your resume as easy as 1, 2, 3.
Lightbend Academy (Cognitive Class) の Reactive Architecture（リアクティブ・アーキテクチャ）学習ノート - Qiita
Lightbend Academy (Cognitive Class) の Reactive Architecture（リアクティブ・アーキテクチャ）学習ノート Lightbend Academy で Reactive Architecture（リアクティブ・アーキテクチャ）について学んだ内容をメモっとく。どうやら同じコースが Cognitive Class でも公開されているみたいなので、Lightbend Academy 無料期間に受講できなかった人はこちらをどうぞ。 本稿は、個人的に思い出すために書き留めているノートなので、言葉の正しさは保証できない。どんな内容がコースに含まれているかを俯瞰するにはいいかと思う。 コースの3つ目まではノートを書いてなかったので、気が向いたら時間のあるときに復習してまとめようと思う。 Introduction to Reactive Reactive（
GitHub - hyperfiddle/electric: a reactive Clojure dialect for web development that uses a compiler to infer the frontend/backend boundary
com.hyperfiddle/electric {:mvn/version "v2-alpha-540-ga4699532"} · 2024 Jan 10 · Changelog Electric is a reactive and network-aware Clojure/Script DSL that fully abstracts over client/server state sync at the programming language layer, in order to achieve strong composition across the frontend/backend boundary in dynamic web apps. With Electric, backend expressions (i.e. queries) and frontend exp
This post is also available in the following languages. Korean, English Reactive Streamsとは？ LINE PlusでオープンソースソフトウェアのArmeriaとCentral Dogmaを開発しているUM IKHUNです。私はReactive Streamsの概念と、Reactive Streamsをオープンソースの非同期HTTP/2、RPC、RESTクライアント／サーバーライブラリーであるArmeriaで使用する方法について紹介したいと思います。今回の記事では、まずReactive Streamsの概念について解説します。 Reactive Streamsは、公式ホームページであるreactive-streams.orgで以下のように定義しています。 Reactive Streams is a sta
Implementing reactive progress tracking for AWS Step Functions | Amazon Web Services
AWS Compute Blog Implementing reactive progress tracking for AWS Step Functions This blog post is written by Alexey Paramonov, Solutions Architect, ISV and Maximilian Schellhorn, Solutions Architect ISV This blog post demonstrates a solution based on AWS Step Functions and Amazon API Gateway WebSockets to track execution progress of a long running workflow. The solution updates the frontend regula
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
考察：Reactive Workflowが生まれた背景とその狙い - Kengo's blog
「ref と reactive」 結局どっちを使えばいいのか？ (2024 年最新版)
【Vue】reactive()って要らなくね？ref()だけでよくね？ - Qiita
Vue 3 Composition API: ref() vs. reactive()
neue cc - R3 - C#用のReactive Extensionsの新しい現代的再実装
【Vue.js】ref と reactive どっちを使う？
Proactiveとreactive 日本社会はなぜ後手後手なのか
Reactive Programming with JavaScript - Qiita
Towards a unified theory of reactive UI
Reactive Rails applications with StimulusReflex
Make React reactive by using Hooks - Reaktor
Vue.jsのcomposition-apiにおける"ref"と"reactive"って何が違うの？ - Qiita
Reactive Streams and Kotlin Flows
Towards principled reactive UI
Going Reactive with Spring, Coroutines and Kotlin Flow
Reactive Resume | A free and open source resume builder
Let’s play Reactive Streams with Armeria vol.1
www.happy-beautifullife.com
news.yahoo.co.jp
twitter.com
garinari.com
news.denfaminicogamer.jp
smart-flash.jp