Instant API for your Postgres DBInstead of manually writing REST API endpoints or GraphQL resolvers, use a Thin Backend server to automatically get a fully featured API backend on top of your Postgres DB. Create your Backend → Documentation 🚀 Build 10x faster, no boilerplate🛡️ End-to-end type safe⏭ Great Autocompletion✅ Optimistic Updates import { query, createRecord } from 'thin-backend'; impor
A content-first Web framework Nue is a closer-to-metal framework embracing minimalism and web standards. It's structurally clean and stupidly fast. Get started Product roadmap Content-first: Build entire sites without ever leaving your content Vision The ultimate goal of Nue is to build a perfect web framework, which is ridiculously fast and easy to use. Nue JS Server-side templating and reactive
(click on position name for more details) Axes The chart shown above has the following 5 axes: Technology: knowledge of the tech stack and tools System: level of ownership of the system(s) People: relationship with the team(s) Process: level of engagement with the development process Influence: scope of influence of the position The influence axis can be seen as a different dimension since it is o
Vue 3 に向けて Composition API を導入した話 - MicroAd Developers Blog
システム開発本部アプリケーションエンジニアの Edy です。 マイクロアドの WEB アプリケーションのフロントエンドは、大半を Vue.js を用いて開発しています。 その Vue.js ですが、「Vue 3 is now in RC! (Vue 3 is now in RC! · Issue #189 · vuejs/rfcs · GitHub)」が公開され、version 3 ( Vue 3 ) が盛り上がりを見せています。 今回は、Vue 2 から 3 へ移行する理由と、 2 から 3 へ version up するために行なっている Composition API の導入 についてお話していこうと思います。 そもそも Vue.js とは ? SFC TypeScript Vue 2 の限界 大規模なプロジェクトになるほど開発効率が落ちる ロジックの再利用にかかるコストが大きい 単
「Anvil」は2017年に英ケンブリッジ大学のコンピュータラボラトリーからスピンアウトしたAnvil社が開発したWebベースの開発環境だ。Anvilには強力なWebアプリケーションの作成とデプロイをPythonだけで迅速かつ簡単にできるようにするという狙いがある。 そのAnvilがオープンソース化され、レベルアップした。 関連記事 機械学習で生じる問題を解決するPythonライブラリ「MLflow」 最も脆弱性が多い言語は？ OSSの脆弱性は増大傾向 RESTはオワコンか、クエリ言語は「GraphQL」の時代へ 関数型言語「Erlang」のススメ──なぜCやJavaではダメなのか？ JavaやPHPからの移行も簡単、改めてGo言語がオススメな理由 Anvilのランタイムサーバがオープンソースになることで、Pythonを使える世界中800万人の開発者が、アプリケーションを自身のPC（または
GitHub - maxchehab/phelia: ⚡ A reactive Slack application framework.
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
Hydration is Pure Overhead
In web development, hydration or rehydration is a technique in which client-side JavaScript converts a static HTML web page, delivered either through static hosting or server-side rendering, into a dynamic web page by attaching event handlers to the HTML elements. The above definition talks about hydration in terms of attaching event handlers to the static HTML. However, attaching event handlers t
Cloudflare Workers のためのフルスタックツールキット Superflare を試してみた
Superflare は Cloudflare Workers 用のフルスタックツールキットです。D1 Database 向けの ORM や R2 Storage 向けのユーティリティなどの機能を提供しています。 Superflare 自体はフレームワークを謳っておりません。実際に、Superflare は Remix、Next.js、Nuxt.js などのフレームワークと組み合わせることで効果を発揮します。 Getting Started Cloudflare Workers アカウントの作成 Cloudflare Workers を動かすためには（ローカル環境も含めて）Cloudflare Workers のアカウントを作成する必要があります。アカウントを作成するには下記サイトから「Sign up」をクリックします。 プランの選択は無料プランである「Free」プランで問題ありません。
What's the deal with SvelteKit?
What's the deal with SvelteKit? We're rethinking how to build Svelte apps. Here's what you need to know Rich Harris Nov 5 2020 If you attended Svelte Summit last month you may have seen my talk, Futuristic Web Development, in which I finally tackled one of the most frequently asked questions about Svelte: when will Sapper reach version 1.0? The answer: never. This was slightly tongue-in-cheek — as
Introduction 恥ずかしながら Javascript で Unit テストを書いたことがなかったんですが、ふとと思いたって導入してみました。 PHP の Unit テストや E2E は書いたことあるんですが、どれもメリデメが大きいというか、「正しく投資すれば正しくメリットを享受できる」っていうイメージでした。 そもそもフロントにテストいれてどの程度有用なのかっていうのがイメージしづらいなーって思ってました。 View の開発時にテスト駆動開発みたいなのやろうと思うと「それブラウザ見たほうが早くね？」みたいな。 でもまぁものは試し、と思って Storybook や Redux にテスト入れてみようと思ったらこれが非常に便利。 ということで非常に感動した Snapshot テストについて書いていこうと思います。 どんなテストが有用か そもそも Javascript でテストを書く場合
.NET Frameworkから.NET Coreへの移植を支援する「Porting Assistant for .NET」を、AWSがオープンソースとして公開
.NET Frameworkから.NET Coreへの移植を支援する「Porting Assistant for .NET」を、AWSがオープンソースとして公開 Amazon Web Services（AWS）は、.NET Frameworkで開発したアプリケーションのソースコードを.NET Coreへ移植する際に支援してくれるツール「Porting Assistant for .NET」をオープンソースとして公開したと発表しました。 New #AWSLaunches! AWS IQ now provides integrated access logs for expert activity AWS DataSync simplifies initial setup for online data transfers Porting Assistant for .NET is now o
Sinatra（Ruby製軽量フレームワーク）の使い道を本気で検証してみた - ANDPAD Tech Blog
この記事は ANDPAD Advent Calendar 2022の 20 日目の記事です。 こんにちは、アンドパッドに今年の 9 月に入社しました、 田上（shuntagami）です。アンドパッドでは図面チームに所属していて、主にサーバーサイドを担当しています。Ruby と Rails を使うことが多く、Go や TypeScript を書くこともあります。 本記事の概要 以下のようなケース 将来的に規模が大きくなることも想定されるアプリケーションの API サーバーを 0 から開発する際のメインフレームワークとして 既存の大きく成長した Rails アプリケーションの一部をマイクロサービスとして切り出したいケース において Ruby 製の軽量フレームワーク Sinatraを採用することが生産性高く開発を行う上で最適解のひとつになるのではと考え技術検証してみた、という記事です。経緯として
April 25, 2022 Four Eras of JavaScript Frameworks April 25, 2022 I started coding primarily in JavaScript back in 2012. I had built a PHP app for a local business from the ground up, a basic CMS and website, and they decided that they wanted to rewrite it and add a bunch of features. The manager of the project wanted me to use .NET, partially because it’s what he knew, but also because he wanted i
GitHub - refinedev/refine: A React Framework for building internal tools, admin panels, dashboards & B2B apps with unmatched flexibility.
Refine is a React meta-framework for CRUD-heavy web applications. It addresses a wide range of enterprise use cases including internal tools, admin panels, dashboards and B2B apps. Refine's core hooks and components streamline the development process by offering industry-standard solutions for crucial aspects of a project, including authentication, access control, routing, networking, state manage
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Microsoftは米国時間4月5日、Java向けのアプリケーションフレームワーク「Spring Framework」に潜んでいることが最近報告された「Spring4Shell」脆弱性について、詳しく説明した。 同社は、「Microsoft Azure」クラウドサービスの顧客らに対してパッチの適用を呼びかけている。Spring4Shell（共通脆弱性識別子「CVE-2022-22965」）はリモードコード実行（RCE）攻撃につながる可能性のある脆弱性であり、「SpringShell」という名称でも呼ばれている。なおこれらの名称は、Javaのログ出力ライブラリー「Apache Log4j」で発見された「Log4Shell」脆弱性にちなんだ
Pure CSS ComponentsNo JavaScript components to load so there is no wait time for modal, accordion, tabs or any other components. Browse Components → Easy to CustomizeAdding your style is easy. Customize components overriding the default CSS variables or using classes.
GitHub - go-goyave/goyave: 🍐 Elegant Golang REST API Framework (v5 release candidate available)
Goyave is a progressive and accessible web application framework focused on REST APIs, aimed at making backend development easy and enjoyable. It has a philosophy of cleanliness and conciseness to make programs more elegant, easier to maintain and more focused. Goyave is an opinionated framework, helping your applications keeping a uniform architecture and limit redundancy. With Goyave, expect a f
はじめに 新しい職場に来てもう少しで2ヶ月が経過します。現在の業務でHanamiを書き始め、何となく慣れてきたので、アドベンドカレンダーの機会にHanamiについて書いてみたいと思います。しかし、Hanamiはまだまだマイナーなフレームワークであるため、Railsエンジニアの視点で分かりやすいように解説していきます。 Hanamiとは 2017年4月にバージョン 1.0.0 がリリースされたばかりの比較的新しいRubyのフレームワークです。Railsとの違いで代表的なものはこんなところです。 長期的なメンテナンスに向いたフレームワーク Rails はMVCやActiveRecordに仕様の大部分が依存したフレームワークになっています。 一方でHanami は DDD (ドメイン駆動設計) をベースにしつつ、ある程度柔軟性を残した状態で開発出来るフレームワークとなっています。 もう少し具体的
Photo by Joel Holland on Unsplashこんにちは。今年の4月からFinatextにJoinした岩田です。 入社して半月、早速ですがTechBlogを書きます！ 今回はSpringで既存のサーバアプリにモックレスポンス機能を搭載する方法についてご紹介します。 なお、ここでのモック機能は単体テストの文脈でよく使われる意味のモックではなく、「実動作環境で、あるリクエストに対して期待するレスポンスを返すようにする機能」 の事を指します。 概要モック機能が必要になるケースは下記のようなケースがあるかと思います。 フロントエンド開発チームがバックエンド開発チームのAPI開発を待たずにアプリの開発、動作確認したい。複雑な状態下(ユーザの状態や時限など)でのレスポンスをEnd to Endテストなどで常に再現したい。これらの課題・要望をSpringを使用しているアプリケーション
ユーザーのインタラクションを伴うさまざまなUIコンポーネントをCSSで実装できる軽量フレームワーク -Ellegant CSS
ハンバーガーメニューを使用したスマホ用のナビゲーション、アニメーションで表示されるモーダル、要素を表示・非表示するトグル、要素を切り替えるスイッチなど、ユーザーのインタラクションを伴うUIコンポーネントをCSSで実装できるフレームワークを紹介します。 Ellegant CSS Ellegant CSS -GitHub Ellegant CSSの特徴 Ellegant CSSで実装されたコンポーネント Ellegant CSSの使い方 Ellegant CSSの特徴 Ellegant CSSは、JavaScriptをほとんどあるいはまったく使用せずに、ユーザーインタラクションを提供することを目的としてCSSのフレームワークです。inputとlabelを使用してインタラクションのトリガーにし、ローエンドのデバイスでも高速でクリーンなユーザーエクスペリエンスを提供します。 Ellegant CS
.NET FoundationがOpen Source Initiativeへの加盟を発表。オープンソースコミュニティとの関係をより密に
.NET FoundationがOpen Source Initiativeへの加盟を発表。オープンソースコミュニティとの関係をより密に .NETフレームワークや関連ソフトウェアの開発をホストしている「.NET Foundation」は、オープンソースを促進する組織「Open Source Initiative」への加盟を発表しました（.Net Foundationの発表、Open Source Initiativeの発表）。 ICYMI - The .NET Foundation Joins the Open Source Initiative's Affiliate Program. We are excited to join the OSI to support #OSS and build on our commitment to interoperability and dev
Hanami 2.0: Better, Faster, Stronger Posted by Tim Riley on November 22, 2022 Share Tweet After more than three years of work, Hanami 2.0 is here! With this release we enter a new phase of maturity for the framework, and open a new chapter for the Ruby community. Hanami 2.0 is better, faster, stronger. Better Since the beginning we’ve called Hanami a modern web framework for Ruby. These beginnings
Javaフレームワークを利用したソフトウェア開発は、今やすっかり当たり前の開発スタイルになった。今日では数多くのJavaフレームワークが存在するが、中でも特に国内外の数多くのJavaデベロッパーに支持されているのが「Springフレームワーク」だ。その魅力や使いこなしのポイントについて、SB C&S株式会社のDevOps推進チームでさまざまな製品・サービスの情報をデベロッパー向けに発信している佐藤梨花氏と河上珠枝氏に紹介してもらった。 SB C&S株式会社 テクニカルマーケティングセンター ビジネス開発課 佐藤梨花氏（上）、同 河上珠枝氏（下） 今、Javaフレームワークが必要とされている理由 今日のシステム開発においてJavaフレームワークが広く必要とされている背景として、佐藤氏は「ITが果たす役割の変化」を挙げる。 「2000年代にはITの役割はあくまでもビジネスのための道具、ツールの
MicroSoftが2020年にリリースするフレームワーク「.NET 5」がヤバイ 2020年3月25日 2020年3月24日 SE・PG SE, システムエンジニア, プログラミング, 2020年 この内容は、主にシステムエンジニア（SE）に対してクリティカルなことだと思います。 Microsoftの「.NET Framework」が「.NET 5」になって、複数のフレームワークと統合されます。 だからと言って「何が変わる？」って感じですが、少なくとも2021年以降は積極的に移行をかけていく必要があります。 この記事では。「”.NET 5”がどういったフレームワークなのか」ということから、将来性や考えられる問題点などを解説します。 「.NET 5」とは まずはじめに、「.NET 5」の概要から解説していきます。 公式発表されたのは、2019年5月に開催された「Microsoft Buil
GitHub - google/mesop
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
The purpose of this report is to look at real-world data to better understand the relationship between framework choice, performance, and actual user experience on the web. We’ll attempt to shed light on a few key questions: How do modern web frameworks compare in real-world usage & performance? Does framework choice influence a site’s Core Web Vitals? How related is framework choice to JavaScript
AWS Well-Architected Frameworkのための5つの柱に役立ちそうなDevIOブログをExcelにまとめてみた | DevelopersIO
おはようございます、もきゅりんです。 突然ですが、システムの設計って、とても大事ですよね。 設計者は設計するにあたって、何かしらの指針に沿って考えているかと思います。 熟練者であれば、経験と実績によって状況に応じた適切な指針が培われてきており、それを礎として設計するでしょう。 しかし、わたしは熟練者である、と自信をもてない方はどうしたら良いのでしょう。 近くに熟練者がいればまぁコバンザメのようにくっついてなんとかなるかもしれません。 あるいは、お金を払ってコンサルタントを雇うのも手段かもしれません。 思い切って勘と気合でやってしまうのも漢らしいです。 何にせよ、コストはそれなりにかかってしまいますよね。 幸いなことに、AWSでは、AWS Well-Architected Framework(以下、W-A)として、 そのような設計の指針(以後、柱と称します)を5つ提示してくれています。 その
GitHub - arwes/arwes: Futuristic Sci-Fi UI Web Framework.
Arwes is a web framework to build user interfaces based on futuristic science fiction designs, animations, and sound effects. The concepts behind are opinionated with influences from Cyberprep and Synthwave, and productions like Star Citizen, Halo, and TRON: Legacy. It tries to inspire advanced science and technology. The project is under development and not ready for production yet. It is still i
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
Kotlin Multiplatform Projectを使ってAndroidとiOSのログ送信部分を共通化した - エムスリーテックブログ
エムスリーエンジニアリンググループ マルチデバイスチーム所属の荒谷(@_a_akira)です。 弊社では、昨年の12月に医師向けの新規アプリをAndroid, iOS向けにネイティブ実装しリリースしました。 今回は、その際Kotlin Multiplatform Projectを用いてユーザの行動ログ送信部分を共通化した話をしたいと思います。 Kotlin Multiplatform Projectとは Kotlin Multiplatform Project(以後MPP)とは、 Kotlinで書かれた単一のコードを Kotlin/JVM,(Android, Server等) Kotlin/Native(iOS, Windows, Linux等) Kotlin/JS の各プラットフォーム向けにトランスパイル可能なプロジェクトのことです もっと詳しく知りたい方は 公式ドキュメントだったり、私
はじめに esbuild のビルド時間の速さに感動して、個人プロダクトで使っている AWS Lambda (Node.js) をなるべく速く更新できるようにしたいな、と思ってやってみた投稿です。 おことわり タイトルに2秒と書いていますが、当然どんな環境でも2秒でできるわけではありませんのでご注意ください。 使用するソースコードの内容によって、デプロイする時間も変わります インターネットの回線速度やAWSリージョンによって、デプロイする時間も変わります 参考までに、私の通信速度はこのぐらいでした。 その他 AWS の状況などの要因でも変わるかもしれません。 「参考：私の個人環境の場合」の章にも書いていますが、私が実際に使っている Lambda 関数は約4.2秒でアップデートできます。 高速にデプロイしたい理由 ローカルでも AWS Lambda の環境をある程度まで再現して開発することは可
iDraw.js | iDraw.js
iDraw.jsDrawing easier on the web. A simple JavaScript framework for Drawing on the web.
最近、TypeScript + tsoa + express + TypeORM というような技術スタックでバックエンドの Web API 開発しています。 tsoa という軽量な Web フレームワークを使っているんですが、OpenAPI の自動生成をしてくれるので、実装と API 仕様書の齟齬がなく快適に開発ができています。この記事では、TypeScript + tsoa + express + TypeORM を使って簡単な Web API を作成してみたいと思います。 tsoa とは tsoa とは、TypeScript のコードから OpenAPI 定義の自動生成と express、koa、hapi と統合できる Web フレームワークです。TypeScript のデコレータを使ってコントローラークラスに付与して開発します。なんらかの MVC フレームワークを使ったことがある方は
Helios Design System
The page navigation is complete. You may now navigate the page content as you wish. This button opens a dialog containing an input field and some additional information that you may wish to explore. An automatic search will be performed as you type text into the search field, but the results may not be announced. Exploring the additional items in the modal will help you discover the search results
"Uber for X" brainstorming session Docs HTML Reference MVP.css works with the following HTML elements: <a> — text links <a><b>, <a><strong> — solid link buttons <a><em>, <a><i> — outlined link buttons <article> — content area with normal styling <article><aside> — text callout <blockquote> — quote callout <blockquote><footer> — quote attribution <body> — default parent element <button> — form butt
決断をミスする人は状況を4つに整理できてない
「決断ミスの多い人」がわかっていない2つの原則 あなたは1日に何回くらい決断を下していると思いますか？ ケンブリッジ大学のバーバラ・サハキアン教授の研究によると、私たちは1日に最大で3万5000回の決断を下しているそうです。 決断は、どんな内容であってもストレスを伴い、脳に負担をかけます。その疲労が積み重なると、決断ミスが生じるようになっていくわけです。 よく「重要な意志決定は起床後から午前中に行うべき」と言われるのは、睡眠によって脳がリフレッシュし、十分な決断力を発揮できるから。7時台に起き、9時台に仕事を始め、ランチタイムを挟み、夕方に「疲れたな……」と感じるのは、脳の決断疲れも大きな要因となっています。 これは、決断力がある人も、ない人も同じです。決断というストレスにさらされる回数と時間が多ければ、どんなに優秀な人でもミスをするのです。 実際、圧倒的な技術を誇るトップアスリートもすべ
こんにちは、スペースマーケットのエンジニア 小林です。 課題スペースマーケットではQAを行ってくれるプラットフォームであるAutifyを導入してQAを自動化しているのですが、どのように開発フローに組み込んでいるかをお話しします。 導入したアイデア一定数のエンジニアはPRのビルドstatusが赤いと無視できないと思います。CircleCIのようにgithubのPR画面にAutifyの実行結果を表示させることで開発フローとして馴染みやすいと考えました。 そのために、リリースフローで必ず通るステージング環境確認時にAutifyを実行してPRに連動させる方法を検討しました。 設計弊社のリリースフローにはAWS codepipelineを利用しています。ステージング環境へのdeploy後にAutifyを走らせて、結果をgithub statusに連動させるちょっとした仕組みを設計しました。 処理の流
GitHub - graphql-nexus/nexus: Code-First, Type-Safe, GraphQL Schema Construction
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
fairy support jsの特徴 仮想DOM使わない 簡単に使えて学習コストが少ない(仮想DOMではないのでJavaScriptの知識だけで使える) 昔ながらの伝統的なつくりのWebシステムに途中から導入可能 詳しくはhttps://doc.fairysupport.com/js/ja/index.html インストール 1.ここから(https://github.com/fairysupport/js_start/archive/refs/heads/master.zip)zipファイルをダウンロード 2.解凍する 3.解凍したフォルダ内のpackage.jsonのある場所にコマンドラインで移動 npm install (npmは事前に使えるようにしておいてください) 完了 起動 npm run watch_local これがビルドです src配下のソースに変更があると、自動でビル
GitHub - seemoo-lab/openhaystack: Build your own 'AirTags' 🏷 today! Framework for tracking personal Bluetooth devices via Apple's massive Find My network.
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
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Thin Backend: Instead of manually writing REST API endpoints or GraphQL resolvers you can use a Thin Backend server to automatically get a fully featured API backend.
Nue: The content-first web framework
A framework for Engineering Managers
Pythonの知識だけでWebアプリを開発できる「Anvil」
akfm.dev - JestのSnapshotテストに感動した話
pzuraq | Four Eras of JavaScript Frameworks
「Spring4Shell」脆弱性、マイクロソフトが詳細を説明
CSSUI - Interactive components in Pure CSS
Railsエンジニアの視点でHanamiを解説してみた - Qiita
Springで既存のサーバアプリにモックレスポンス機能を搭載する
Hanami 2.0: Better, Faster, Stronger
Java開発者御用達！ 今も利用者が増え続けている「Springフレームワーク」は何がすごいのか【デブサミ2022】
MicroSoftが2020年にリリースするフレームワーク「.NET 5」がヤバイ
2023 Web Framework Performance Report | Astro
esbuild を使って AWS Lambda (Node.js) を2秒でアップデートする
軽量なWebフレームワークtsoaを使って、OpenAPIとexpressルーティングを自動生成する
MVP.css - Minimalist stylesheet for HTML elements
Autifyとserverlessを組み合わせてQAを自動化した話｜hakutoitoi
JavaScript用フレームワークfairy support jsの基本的な使い方 - Qiita