Prisma ORM Support for Edge Functions is Now in Preview
March 12, 2024 Prisma ORM Support for Edge Functions is Now in Preview We’re thrilled to share that support for edge functions is in Preview! You can now access your database with Prisma ORM from Vercel Edge Functions, Vercel Edge Middleware, Cloudflare Workers, and Cloudflare Pages. Try it out! What are edge functions? Edge functions are a form of lightweight serverless compute that's distributed
MP3ファイルのサイズをオンラインで縮小、MP3ファイルをオンラインで圧縮 | MP3Smaller
MP3のサイズを小さくする MP3Smaller は、MP3ファイルのサイズをオンラインで縮小し、mp3オーディオファイルをオンラインで圧縮できる無料サービスです。MP3オーディオのビットレートを縮小することで、あなたのMP3プレーヤーにより多くの曲を入れることができる便利なサービスです。MP3オーディオファイルを選択し、「ファイルをアップロード」のボタンをクリックするだけです (プロセスが完了するまでの間、この Web ページを閉じないでください)。 MP3ファイルを選択してください、最大150MB: MP3 圧縮レベルを選択: ファイルをアップロード なぜ MP3 ファイルを圧縮する必要があるのですか? MP3 オーディオ ファイルを圧縮する必要がある理由はたくさんあります。主な理由は、もちろん、MP3 ファイルのサイズを小さくすることです。 ハードディスクまたは MP3 プレーヤーの
「ref と reactive」 結局どっちを使えばいいのか？ (2024 年最新版)
🏆 結論 「とりあえず ref を使えばいい！」 おしまいです。ref でできないことはありません。 注意点として補足しておくと、これは「Vue.js が ref を推奨している」「迷ってるならとりあえず ref を使っておけばいい」という話であって、reactive をはじめとする他の Reactivity API が非推奨だという話ではありません。 reactive がケースによって便利であることは Evan 氏なども認めており、そもそも Vue.js には厳密なルールがあるわけではないので、結局は自分の手に馴染むものを選択していくのが良いと思います。 なので、究極的な結論としては「とりあえず ref ファーストで考えておいて、なんらかしらの理由で reactive を使いたいなら別にそれも良い」という話になりますが、特別な理由がない場合は ref の方が推奨されます。 🚩 はじめ
The TSConfig Cheat Sheet
Matt PocockMatt is a well-regarded TypeScript expert known for his ability to demystify complex TypeScript concepts. tsconfig.json scares everyone. It's a huge file with a TON of potential options. But really, there are only a few configuration options you need to care about. Let's figure them out, and cheatsheet them. #The Package This article is so popular that I've bundled its recommendations i
Webアプリケーション開発に潜むリスクのケーススタディ | ドクセル
徳丸浩の自己紹介 • 経歴 – 1985年 京セラ株式会社入社 – 1995年 京セラコミュニケーションシステム株式会社(KCCS)に出向・転籍 – 2008年 KCCS退職、HASHコンサルティング株式会社(現社名:EGセキュアソリューションズ株式会社)設立 • 経験したこと – 京セラ入社当時はCAD、計算幾何学、数値シミュレーションなどを担当 – その後、企業向けパッケージソフトの企画・開発・事業化を担当 – 1999年から、携帯電話向けインフラ、プラットフォームの企画・開発を担当 Webアプリケーションのセキュリティ問題に直面、研究、社内展開、寄稿などを開始 – 2004年にKCCS社内ベンチャーとしてWebアプリケーションセキュリティ事業を立ち上げ • 現在 – – – – EGセキュアソリューションズ株式会社取締役CTO https://www.eg-secure.co.jp/
【便利tips】Figmaでデザインデータを作る時のイロハについてデザイナーに聞いてみた
はじめに レバテック株式会社で主にサービスサイトのディレクターをしている山本です！ 普段はデザインシステムや、デザインの制作進行管理などをメインで担当しています。 レバテックでは、Figmaというデザインツールを用いて多くのメンバーがデザイン制作を行なっているんですが、いろんな人が各々のやり方でデザインデータを作成するので、属人的なズレがたくさん発生し、コミュニケーションコストや内部品質管理などの色々な問題が起きていました。 例 Auto LayoutとFrameが混在 コンポーネントのプロパティ名がバラバラ etc... 私自身、フロントエンドの理解はありつつもレバレジーズに入社してからFigmaを触り始めたため、社内のデザイナーにちょこちょこ質問を投げかけて勉強していました。当たり前に使っているtipsでも意外と「知らなかった」ような内容もたくさんあり、今回は私が「これは賢い！」と思っ
【Vue.js】defineProps はなぜ import 文を書かずに使えるのか【マクロ】
<script setup> import { ref, computed } from "vue"; const props = defineProps({ count: Number }); const double = computed(() => props.count * 2); const message = ref("Hello, Vue.js"); </script> <template> <div> <p>{{ message }}</p> <p>{{ props.count }}</p> <p>{{ double }}</p> </div> </template> ・ ・ ・ ・ ・ ・ ・ なんで defineProps は import しなくても使えるの？？？？？ そんなことを思った方はいませんか？今日はその疑問を解決して差し上げます。 🚩 初めに 前回は Vu
Web Content Accessibility Guidelines (WCAG) 2.1 (W3C First Public Working Draft 28 February 2017)
Web Content Accessibility Guidelines (WCAG) 2.2 W3C Recommendation 05 October 2023 More details about this document This version: https://www.w3.org/TR/2023/REC-WCAG22-20231005/ Latest published version: https://www.w3.org/TR/WCAG22/ Latest editor's draft:https://w3c.github.io/wcag/guidelines/22/ History: https://www.w3.org/standards/history/WCAG22/ Commit history Implementation report: https://ww
Waku, the minimal React framework
Introduction Waku (wah-ku) or わく means “framework” in Japanese. As the minimal React framework, it’s designed to accelerate the work of developers at startups and agencies building small to medium-sized React projects. These include marketing websites, light ecommerce, and web applications. We recommend other frameworks for heavy ecommerce or enterprise applications. Waku is a lightweight alternat
JSDoc as an alternative TypeScript syntax
As web development has embraced static typing during the past decade, TypeScript has become the default language of choice. I think this is great—I love working with TypeScript! But what if you can't use TypeScript? You may encounter circumstances where you need to work in plain JavaScript, be it tooling constraints or a team member who does not like static typing. Under these circumstances, look
17 Equations that Changed the World - Rewritten in JavaScript
17 Equations that Changed the World - Rewritten in JavaScriptPublished on Feb 19, 2024 Mathematics stands as the universal language that has shaped civilizations, propelled technological advancements and uncovered mysteries of the universe. The book "17 Equations That Changed The World" by Ian Stewart outlines 17 fundamental equations that helped shape the modern world. This article explores how t
Next.js vs. Remix - A Developer's Dilemma
Next.js vs. Remix - A Developer's Dilemma Feb 21, 2024 I am a Javascript and React enthusiast, and I absolutely love writing technical blogs. There's just something about the process of breaking down complex concepts and sharing my knowledge with others that really excites me. In my free time, I enjoy exploring my other passions, such as painting, gardening, cooking, and managing my food blog. The
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Design System 1.4.1 | Figma
Growth.Design — Better Products, Better Growth.
Vue 3.4
GitHub - remeda/remeda: A utility library for JavaScript and TypeScript.
GitHub - wxt-dev/wxt: ⚡ Next-gen Web Extension Framework
GitHub - TanStack/time: 🤖⏰ Headless utilities for building time and calendar components in TS/JS, React, Solid, Vue, Svelte and Angular
React Server Components を使うためのミニマムなフレームワーク Waku
GitHub - electric-sql/pglite: Lightweight Postgres packaged as WASM into a TypeScript library for the browser, Node.js, Bun and Deno from https://electric-sql.com
