今更ながら Firebase を使う機会が増えてきて Cloud Firestore のタイムスタンプ周りで何度か同じようなことを調べてしまっているのでメモ。 Cloud Firestore のタイムスタンプ型は Date ではなく firebase.firestore.Timestamp ↑これ。 Cloud Firestore にタイムスタンプ型のデータを保存する方法 🙅 input type="date" や input type="datetime-local" の値をそのまま送ってもダメ。 import firebase from 'firebase/app'; import 'firebase/firestore'; const firebaseApp = firebase.initializeApp(FIREBASE_CONFIG); const db = firebase
AWS AppSync + Cognito + Amplify + ApolloでSPAを作ってみた話&同じ構成で簡易版Todoアプリをホストするまでの手順 - Qiita
AWS AppSync + Cognito + Amplify + ApolloでSPAを作ってみた話&同じ構成で簡易版Todoアプリをホストするまでの手順SPAReactGraphQLapolloAppSync 概要 AppSync + Cognito + Amplify + Apolloの使い方を学ぶためにReactでTodoアプリを作ってみたので、 それぞれの簡単な説明と作成までの手順などを残しておきます。 作成したもの： ※DEV(http)なのでもしサインアップする場合普段使っているパスワードは使わないでください http://appsync-apollo-todo-20190503160622-hostingbucket-dev.s3-website-ap-northeast-1.amazonaws.com/ https://github.com/yuuyu00/AppSync
まえがき たいていのWindowsの画面の自動操作は以下で紹介した方法で可能になっています。 RPA九人衆による「ｱｶﾈﾁｬﾝｶﾜｲｲﾔｯﾀ」の自動化 https://qiita.com/mima_ita/items/d4655de865f30bb51c65 実は厄介なケースがあって、それはJavaで画面を作っているケースです。 今回はJavaで作られた画面を例に自動操作が可能かどうか検討してみましょう。 実験環境 Windows10 Home Java 8 Visual Studio 2019 PowerShell 5.1 UiPath 2019.10.0-beta 111 Javaの画面の作成方法 Javaで画面を作成する主な方法としてSwingを使用する場合と、JavaFxを使用する場合があります。 Swingで作成した画面 下記のページを参考に簡単なSwingの画面を作成します。
by R. Mark Volkmann, Partner Object Computing, Inc. (OCI) All example code and configuration files that appear in this article are in GitHub at https://github.com/mvolkmann/todo-es6. ECMAScript 6 The JavaScript language is defined by the ECMAScript specification, also known as ECMA-262. ECMAScript 6 (ES6) defines the next version of JavaScript. ECMA Technical Committee 39 (TC39) has a goal to comp
はじめに これはRustその2 Advent Calendar 2017の9日目の記事です。 @hgsgtkです。 著書「テスト駆動開発」をrustで書いていきます。 「テスト駆動開発」は、Kent Beck著、和田 卓人さん翻訳の書籍です。この著書では、第1章から第17章にかけて、「多国通貨」というテーマでテスト駆動開発のプロセスを写経しながら体感することができる構成になっています。 著作はJavaで進められていますが、今回はそれをrustで進めていきます。 最終的に目指すコードは以下のテストが通るコードです。 通貨の異なる2つの金額を足し、通貨間の為替レートに基づいて換算された金額を得る。 金額（通貨単位あたりの額）に数値（通貨単位数）を掛け、金額を得る 目次 概要 第1章 仮実装 第2章 明白な実装 第3章 三角測量 最後に 概要 本ページでは、第1章から第4章までを進めていきます。
hyperappとは ReactやVueと同じく、フロントエンド用のビューライブラリ。同じく、と書いたがソースコードのサイズが合計1KBとなっており先に述べたフレームワークと比べかなり軽量・シンプルなつくりになっている。 のでその気になればソースを全て読んで内部の挙動を把握したうえで使うことができる。 詳細については開発者さんが記事を書いているのでそちらを参照。 2018 年は Hyperapp の年だ - Qiita GitHubはこちら GitHub - hyperapp/hyperapp: 1 KB JavaScript library for building frontend applications. またソースコードを解説している記事もあるのでそちらも読んでおくと理解が深まる。 Hyperapp のソースコードを読む 簡単なTODOアプリやカウンターを実装したものが公開されて
Recoilはグローバル状態管理ライブラリなのか
RecoilをReduxと同じ「グローバル状態管理ライブラリ」とまとめてしまうことに若干違和感があったので、自分なりに考えをまとめてみました。これらは何に対してグローバルなのか考えると、異なる特徴を持ったライブラリに思えるのです。 ReduxとRecoilの登場と背景 まずReduxやRecoilが登場した頃の課題感を、筆者なりにまとめてみます。 Redux Reduxの歴史は状態管理ライブラリの中では古く、2015年に初版が公開されました。ReduxはReactに依存してないので、他のViewライブラリやRedux単体でも採用可能でしたが、React・Reduxのセットは、フロントエンドに一貫した設計を設けることができるため高い人気を得ました。 筆者の主観ですが、Redux登場当時はReactの実装でバケツリレーをしないこと・複雑な状態を扱えることが多くのエンジニアの関心ごとだったように
COVID-19の影響で在宅ワーク、テレワークの方が増えています。 私が20年のフリーランス生活で少しずつ改善していった在宅ワークのコツをまとめてみました。 集中力の維持は個々人の性格や特性でなく、環境の構築や作業テクニックに依存すると感じています。 私自身、数ヶ月前に生まれた第二子のお世話もあり、仕事と育児の両立を余儀なくされていますが、ちょっとした隙間時間に集中して作業するのにもこの仕事術は適しています。 細かい所は実際の仕事の内容やプロジェクトの規模感で色々と変わってくるとは思いますが少しでも参考になれば幸いです。 仕事する場所を決める なにげに一番大事な点です。仕事は同じ場所で。場所替えで出来る気分転換は一見すごく魅力的に感じるのですが、それだけで準備時間や思考、判断のリソースを気づかずに消費していきますし、長い時間で見ると集中力を散らしてしまいます。「ここを作業場とする」というエ
by Jenn Coyle July 15, 2014 Blog, Tutorials Comments You can find Jenn doodling and blogging, drinking beer, or running around Philly. Go ahead and jump right in Let's face it, writing web applications is hard. Battling to make a functional front-end is one of the biggest pain points. AngularJS eases this pain. The learning curve may be steep, but we'll break down the complexities in plain English
Vue + Vuex + TypeScriptでTODOアプリを作ろうとして、registerModuleとかで試行錯誤した話 - アナログ金木犀
この記事は 28日目の DMM.com のアドベントカレンダー（？）の記事です。 1ヶ月前くらいから作ってみたいサービスができまして、一旦webだけで、雑なやつでいいやと思い Vue.js + TypeScript でこつこつと作り始めております。 私、普段はAndroidエンジニアをやっているため、Vue.js も TypeScriptも普段触れておらず、ドキュメントを読んだだけの初心者なため、正しいことを書けている自信はないので、その点はご注意くださいm m 「できてへんやんけ、基本的なことが〜〜〜！」と思う箇所が記事中にいくつも出てくるかも知れません。もしそう言うのが耐えれなそうであれば、ここでぜひ離脱を...。 この記事は、一言で言うと「Vuexを導入してみて、動的にモジュールをStoreに追加する方法を試行錯誤してみたときのメモ」です。 ベストプラクティスや、他の方がどうやってる
The React Handbook follows the 80/20 rule: learn in 20% of the time the 80% of a topic. I find this approach gives a well-rounded overview. This book does not try to cover everything under the sun related to React, but it should give you the basic building blocks to get out there and become a great React developer. If you think some specific topic should be included, tell me. You can reach me on T
概要 Go言語でEchoを用いて、JWTによる認証付きのWebアプリケーションの作成を行いました。 備忘録かつ誰かの参考になれば良いと思い、サーバーサイドの内容をまとめます。 作成物は https://github.com/x-color/simple-webapp にあげてあります。 クライアントサイドのコードを見たい場合は、上記URLから参照してください。 使用技術 Go言語 (https://golang.org/) Echo (https://echo.labstack.com/) GORM (http://gorm.io/) SQLite (https://www.sqlite.org/index.html) JWT (https://jwt.io/) 構成 処理の流れ API 画面表示 GET /: トップページの表示 GET /signup: ユーザーの登録画面 GET /l
The Basho Blog
Practical Map-Reduce: Forwarding and Collecting April 14, 2010 at 05:00 PM | categories: Riak, Map/Reduce, NoSQL, Database This may be a familiar sight to people in the NoSQL world: Luckily, the comic is in jest and Map-Reduce in Riak is actually pretty easy. This post is an example of how you can solve a practical querying problem in Riak with Map-Reduce. The Problem This query problem comes via
React Best Practices – Tips for Writing Better React Code in 2022
Two years ago, I started to learn and use React. And today I'm still using it at my day job as a Software Developer and in my own side projects. During that time I've come across a lot of "typical" issues. So I searched around and found some best practices that I've integrated into my workflow, and I've come up with things that have made my life or my team members' lives easier. I also faced chall
In the last article, we talked about using Linkify to turn wiki words (those that match a regular expression we defined) into a content: URI and defining a path to data that matched a note belonging to that wiki word. As an example, a matching word like ToDoList would be turned into a content: URI like content://com.google.android.wikinotes.db.wikinotes/wikinotes/ToDoList and then acted upon using
Puter という Web ベースの OS 上でアプリをつくってみた - Techtouch Developers Blog
テックタッチアドベントカレンダー8日目を担当する kenyu です。 今回は Puter という Web ベースの OS 上でアプリをつくってみました。 Puter ってなに？ Puter とは Web ブラウザ上で動作するデスクトップ OS のようなサービスです。 puter.com これまでも Web ベースの OS はありましたが、Puter は JavaScript の SDK が提供されており、開発した Web アプリケーションを Puter 上のデスクトップアプリケーションのように使えるところが特徴です。 作成したアプリケーションは他の Puter ユーザーも利用できます。面白そうなのでさっそく試してみました。 とりあえず ToDo アプリつくってみるか ということで、Next.js で ToDo アプリをつくってみます。 なぜ Next.js？React でもよくない？と思わ
ドキュメントに書かれていますがReactTransitionGroupとReactCSSTransitionGroupはReact v15.5.0以上では非推奨となったようです。 代わりにreact-transition-groupのTransitionGroupとCSSTransitionGroupを使うことが推奨されるようです。 マニュアル通りですが備忘録てきに... react-transition-groupのインストール import React, { Component } from 'react'; import ReactDOM from 'react-dom'; // React-Transition-Groupをインポート import CSSTransitionGroup from 'react-transition-group/CSSTransitionGroup'
There are many PIM(personal information manager) software. Such as Google Calendar base on browser, MS Project, EssentialPIM, ToDoList etc. Google Calendar is a online PIM tool base on browser, that means you can manange your plan everywhere, at home, or at office, as long as you can access the internet(May not be true in China). It's powerful and good-looking, even including free SMS reminders. (
過去記事 Azure Mobile AppsでUWPを作ってみよう - かずきのBlog@hatena あらすじ 前回は、Mobile Apps Quickstartを使ってTodoListのひな型をダウンロードして、そいつに認証機能をつけてみました。 前回は全部自動で作られてたので、今回は手組してみようと思います。 サーバーサイドの作成 Mobile Appsのサーバーサイドは.NETかJavaScriptを選ぶことが出来ます。個人的には.NETが好みなんですが、流れを見てるとJavaScript推しに見えるので、ちょっと捻くれてTypeScript 2.0(現時点でRC)で組んでみたいと思います。開発ツールはVisual Studio Codeを使います。 必要なもののインストール Node.js node.jsが必要です。インストールしておきましょう。 Node.js TypeScr
Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 1/5 - 環境構築とHelloWorld]｜とし
「Part 1/5 - 環境構築とHelloWorldの表示」の完成物この Part1 ではまだ下のようなページが表示できるようになるだけです。 手順1. Nuxtのプロジェクトを作成する下記を参考にやっていきます。 まず create-nuxt-app というコマンドで雛形を作成します。この時点であまり深入りするつもりはないのですが、下の設定は追加しておいて損はなさそうです。 - Web App (PWA) Support - Linter / Formatter - Prettier - Axios (非同期通信を行うためのツール。今回は使用予定なし) - Bulma (CSSのツール。BootStrapみたいなやつ) - Jest (ユニットテスト用のツール) また、今回は静的ホスティングを行うのでSPAモードで作成します。 npm も yarn もよく知らないので、一旦 npm を
![Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 1/5 - 環境構築とHelloWorld]｜とし](https://cdn-ak-scissors.b.st-hatena.com/image/square/15520aeeb4dec6edbb2c4e1da05028aaed4c592d/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F11314601%2Frectangle_large_type_2_7705630fe8b9094d647ca5d4394be4f0.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
Community Plugins sbt Organization The sbt organization is available for use by any sbt plugin. Developers who contribute their plugins into the community organization will still retain control over their repository and its access. The goal of the sbt organization is to organize sbt software into one central location. A side benefit to using the sbt organization for projects is that you can use gh
前回までのあらすじ boot2docker でDockerのVMを作る Dockerの基本操作を覚える docker commit して環境をインストールしたコンテナを作成した さて。今回はDockerfileを書いてみます。 Chefのレシピのようにコンテナ起動時に実行されるスクリプトで、環境のインストールを自動化するためのファイルです。 役割としてはChefのレシピに近いのですが、記述方法が比較的シンプル（シェルのコマンドほぼそのまま）なので、 Chefよりもとっつきやすいと思います。 Ruby2.0 + Rails4.1 環境の作り方はここを参考にしてます。 Dockerfile Dockerfile syntax highlighting というプラグインがあったので使ってます。 Dockerfile一発でRubyの開発環境を作る Chefより簡単そう、とか言いながらエラー出まくり
Already comfortable with the history around ReactJS and Flux? Skip to Flux and Component State to jump right into the problem statement. Ahem. When ReactJS first entered the development scene it attracted front-end developers across the world with its promise to introduce some semblance of sanity back into the dreaded Single Page Application. The framework, commonly referred to as the V in MVC, po
いろいろ方法があるとは思いますが、紹介するのは文字列をパースして追加する方法です。 com.typesafe.config.ConfigFactory は内部的に利用されているので何もしなくても import 出来ます。 play console [info] Loading project definition from /private/tmp/todolist/project [info] Set current project to todolist (in build file:/private/tmp/todolist/) [info] Starting scala interpreter... [info] Welcome to Scala version 2.9.1.final (Java HotSpot(TM) 64-Bit Server VM, Java 1.6.0_3
React.js で作る"Hello React" からのToDoアプリを作成する～その2: ToDoアプリ完成～ - hirahiro56のブログ
前回の記事で取りあえずは"Hello World!!"が表示された。これをベースにToDo アプリを作っていく。hirahiro56.hatenablog.com 下記のようなアプリイメージのものを開発していく。 【Step.1】index.htmlの作成 まずは、index.htmlを準備する。これはHello World の時と何にも変わらない。 <html> <head> </head> <body> <div id="app-container"></div> <script src="dist/app.js"></script> </body> </html> 【Step.2】TodoListコンポーネントの作成 アプリのルートとなるTodoListコンポーネントを作成する。このコンポーネントは全てのコンポーネントの親玉となるもので、このアプリにおいて状態を監視するべきデータであ
Flutter RiverpodでDIしたクラスをMockitoでモック化してUnitTestを書く | ZUMA Lab
Flutter Riverpod で DI したクラスを Mockito でモック化して UnitTest を書きます。 アーキテクチャとして MVVM を想定し、Data 層である ApiClient Class と Repository Class を Reverpod で DI します。 Repository Class に DI した ApiClient Class を Mockito の Mock 対象とします。 Mockito を使用して Repository Class の Unit Test を書いていきます。 環境macOS Big Sur 11.3.1Android Studio 4.2.1Flutter 2.2.0Dart 2.13.0Package installpubspec.yaml に以下を追記して flutter pub get を実行します。 depend
アプリとサーバ同期の方法は、自力で生み出すのは試行錯誤するのは目に見えているので既存の方法を調べてみました。あまり確立した方法がない中、Evernoteが同期のスペック(EDAM synchronization)を公開していることを知り、そのスペックを読んでみました。 簡単に言うと、サーバ側のデータを中心として、複数クライアントからでも同期できるという方法です。クライアント側でがんばる方法とも言えます。 同期を構成する要素 Full SyncとIncremental Syncの２パターンがある。 同期するオブジェクトはシークエンス番号(Update Squence Number: USN)をもつ。Create/Update/Deleteの度にインクリメントしてアサインする。 同期するオブジェクトはGUIDという一意のIDをもつ。 サーバ側の変数は、 updateCount: 最大USN f
どんどんできていく感や、やればできる感、新しいメソッド発見ｳﾋｬｰ感がしています。 前回の記事で、ArrayListの書き換えに いったんremove、そしてinsert という面倒なやり方をしていましたが、setでListのどこに追加するか書くだけで上書き扱いになるみたいです。 今回は、メインのActivityのListViewのアイテムを長押し→コンテキストメニュー表示→削除をクリック→DBとListViewから削除 このため、メインActivityのソースだけ書きます。 package jp.ne.sakura.handin; import java.io.Serializable; import java.util.ArrayList; import android.app.Activity; import android.content.Context; import andro
こんにちわ。 formrunというフォームを簡単に作れてお問い合わせも出来ちゃうサービスを作ってます。 最近問い合わせ管理の機能をSPAでフルリプレイスしました。 当初は遅くてSPAにした意義がまるでなかったのですが、以下に挙げたチューニングを行う事でだいぶパフォーマンスが改善したのでアップします。 問題点 フォームの切り替え、カードの切り替えがAPIの実行などは行なっていないにも関わらず遅い。 改善結果 カード切り替え before 700ms after 150ms フォーム切り替え before 1200ms after 430ms サーバサイド API REST API N+1問題 当初はREST APIに従って一つのエンドポイントでは一つのリソースを取得するようにしていました。 ただこの作りだとリクエストのN+1が起きてしまうため極力一つのAPIのエンドポイントでは大きくデータを
This post is a walkthrough of building a TodoMVC using React Native and Redux. July 20 Update: There’s a post talking about getting GraphQL to play nicely with Parse Server. June 23 Update: TodoMVC React Native example now includes a persistence layer using Parse Server and GraphQL - check out the repository for more information. Quick start Note There is sometimes a nasty bug with npm module inst
この授業では、JavaScriptの文法や概念を勉強し終えて実際に何か作ってみたい、という方向けに簡単なアプリケーションを作りながら実践的なJavaScriptの知識と書き方を学ぶことができます。 jQueryは使用せずにプレーンなJavaScriptでアプリケーションを作成するので、ライブラリに依存しない書き方を学ぶことができます。 文法やオブジェクトなどの概念が曖昧な方は、先に「JavaScript入門」授業を受講することをおすすめします。 ▼１回目の授業を受けて作れるようになるもの（サンプル） http://yoshiko-pg.github.io/schoo/js/1-timer/ ▼２回目の授業を受けて作れるようになるもの（サンプル） http://yoshiko-pg.github.io/schoo/js/2-todolist/ ※第3回目は授業内で紹介したサービスが終了してい
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
React NativeでTodoアプリを作ってみた
前回の初心者swiftに引き続き、React Nativeも面白そうだから触ってみようということで、Todoアプリを作ってみました。 もちろんReactjsも触ったことなかったので、流行りのFluxとかは二の次です。 完成形はこんな感じ Todoをタップするとアラートが出て、Doneにしたり消せたりできます。 タブでTodoとDoneを切り替えています。ただ、ストレージに保存してないので再起動したら消えちゃうんですけどね、、、 ソースはこちら https://github.com/inkenkun/react-native-todo React Nativeをインスコ react-nativeのサイトの通りに入れます。 $ npm install -g react-native-cli $ react-native init プロジェクト名 init するとxcodeのプロジェクトファイル
はじめに こちらは、デジクリ Advent Calendar 2022 の14日目の記事となります。 デジクリについてはこちらのサイトをご覧ください。 自分が書いた4日目の記事はこちら 今回は比較的プログラミング初学者向け、特にUnityなどでゲームを作ったことがありスマホやPCアプリを作りたくなった方向けを想定しています。 環境構築 環境構築といっても簡単。 VisualStudio 2022を.NET マルチプラットフォームアプリのUI開発という機能付きでインストールするだけ。 既にVisualStudio2022が入っていて、MAUIの機能をインストールしていない場合は、PCに入っているVisual Studio Installerを起動して構成を変更できます。 今回Macユーザーの方向けには解説しませんが、概ね同じ事がVisual Studio for Macの最新版でできます。も
bindActionCreators | Redux
This was originally intended for use with the legacy React-Redux connect method. It still works, but is rarely needed. ParametersactionCreators (Function or Object): An action creator, or an object whose values are action creators. dispatch (Function): A dispatch function available on the Store instance. Returns(Function or Object): An object mimicking the original object, but with each function
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. Connect(); 2016 Volume 31 Number 12 [Visual Studio Development] Introducing Visual Studio for Mac By Mikayla Hutchinson; 2016 At Connect(); in November, Microsoft is launching a preview of Visual Studio for Mac. This is an exciting development, evolving
Functional programming is one of the hottest topics in the JavaScript community these days. It is used by notable libraries, and numerous articles are published each month. This hype helps developers expand their knowledge of the paradigm. Knowing FP is becoming a standard requirement among developers. However, when it comes to single page applications (SPAs), it seems like sources are limited. It
完成品 vue.jsで動的にテーブルの行追加#protoout#vuejs pic.twitter.com/TD95uWoVqn — sawa (@sawakoshi_yy) October 23, 2020 完成品のWebアプリ https://naughty-franklin-898e0a.netlify.app/ 郵便番号7桁入力したら住所検索します。 検索ボタンクリックするたびに行追加して検索します。 参考にしたもの 【Vue.js】データ配列を使ってテーブルを動的に生成してみる。 Vue.jsを100時間勉強して分かったこと HeartRails Geo API コード（記事の下の方に完成品のCodePen置いてます） ・HTML <div class="row my-3"> <div class="col-sm-6 mx-auto"> <input class="form-co
あなたのToDoチェックリストは、“できもしない”大量の書き込みで肥大化していないだろうか。そんなチェックリストに価値はない。この連載では、ToDoチェックリストのシンプルな使い方をピンポイントでお伝えする。
!!React Prelude This article is an interactive version of Facebook official tutorial JSX in depth using the KLIPSE plugin to make the code snippets interactive: the JSX code will be transpiled in your browser while you read this article and a couple of react components will be rendered. I hope that you will enjoy the code interactivity… JSX Fundamentally, JSX just provides syntactic sugar for the
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今更の Firebase Cloud Firestore 。タイムスタンプ周りのメモ - かもメモ
Javaで作った画面をWindowsで自動操作する方法 - Qiita
SETT April 2014 - ES6: Jump in, the water is warm!
書籍「テスト駆動開発」をRustで書く #1 （chapter1...3） - Qiita
hyperappでコンポーネント分割したサンプルアプリを作る - Qiita
自宅作業歴20年のフリーランスがこつこつ改善していった自宅でも集中して作業を続ける方法 | hum-id
AngularJS for Absolute Beginners
The React Handbook – Learn React for Beginners
Go言語でEchoを用いて認証付きWebアプリの作成 - Qiita
WikiNotes for Android: Routing Intents
Reactのアニメーションアドオン'react-transition-group'を試してみた - Qiita
DevTodo – A command line PIM software « Pnuts CC's Blog
Azure Mobile AppsでUWPを作ってみよう「手組編」 - かずきのBlog@hatena
sbt Reference Manual — Community Plugins
Docker事始め その２。Dockerfileを作ってみる - Qiita
Where Flux Went Wrong
Play2.0 / Scala で動的に設定値を追加 - Qiita
(モバイル)アプリとサーバ間の同期方法 – Evernote way
ListViewのアイテム長押しでコンテキストメニュー→削除
vuejsで作ったSPAの速度改善方法 - Qiita
TodoMVC With React Native and Redux
実践JavaScript｜オンライン動画授業・講座のSchoo（スクー）
GitHub - kiiita/ToDoList_Swift
C#とHTMLでスマホアプリを作る MAUI Blazor
Visual Studio Development – Introducing Visual Studio for Mac
Functional Programming inside your SPA
Vue.jsでテーブルを動的に行追加する - Qiita
バックナンバー - ワークスタイル - nikkei BPnet
JSX (react) in depth - an interactive tutorial