Anchor position tool
inset-area was renamed to position-area in Chrome 129+. This demo now only works in Chromium 129+. Top Top Center Center Top Top Full left left Center Center left left Full bottom bottom Center Center bottom Top Full right right Center Center right right Full top left top right bottom left bottom right
モノレポの開発環境でDocker ComposeをやめてTaskfileを導入した話
こんにちは、Sally社 CTO の @aitaro です。 マーダーミステリーアプリ「ウズ」とマダミス制作ツール「ウズスタジオ」、マダミス情報サイト「マダミス.jp」を開発しています。 はじめに この記事ではウズの開発当初から利用していた Docker Compose をやめることにした背景についてご紹介します。 Docker Compose は各マシンの開発環境での差異を吸収するというメリットがあり、多くの開発現場で導入されていますが、Docker Composeの抱えているデメリットを勘案して、最終的に一部を残して辞める決断をしました。 Docker Composeの特徴 Docker Composeは、複数のコンテナを定義し、管理するためのツールです。ウズの開発環境では、バックエンド、フロントエンド、データベースなどをそれぞれコンテナ化して、Composeで一括管理していました。こ
TanStack Router（& Query）はSPA開発で求めていたものだった✨【Reactのルーティングとデータ取得】
Reactの技術選定においてルーティングとデータ取得は特に重要な役割を担っています。 もちろんNext.jsやRemixのようなフレームワークを採用すれば、個別のライブラリを追加することなくルーティングからデータ取得までフレームワークが提供するAPIを使って実装することができます。 しかし、AI ShiftのようなBtoBのサービスにおいてはSPAで十分なことがほとんどで、Next.jsなどのフレームワークの採用がtoo muchになりかねません。 この記事は2024年2月時点の技術選定において、TanStack RouterがSPAのルーティングライブラリとして非常に有力な候補であることを紹介します。 はじめに TanStack RouterとTanStack Queryの採用がSPAアプリケーションにおける最適解の一つになりうることをその特徴と実際の設計例をもとに解説します。 TanS
DevToys - A Swiss Army knife for developers
Swiss Army knife for developers A desktop app that helps developers in daily tasks Open source and cross-platform DevToys is free, open source and is privacy-focused on Windows, macOS and Linux! No need to use many untruthful websites to do simple tasks with your data. It comes with a set of 30 default offline tools, including: Json to Yaml and Yaml to Json converter Base64 Text & Image converter
Fit Song - Auto&mst x no.9 feat. Salasouju [Lyric Video]
作曲家、音楽プロデューサーとして「音と共に暮らす」をテーマに様々な楽曲を生み出す城隆之のソロプロジェクト no.9（ナンバーナイン）。 90年代からテープコラージュやサンプリングによる作曲活動を開始し、2001年にno.9名義でエレクトロニクスとアコースティックの融合による作品を発表。 2018年の「Switch of LIFE」2013年「The History of the Day」をはじめ『usual revolution and nine』（2008年）、『Good morning』（2007年）など8枚のフルアルバム作品をリリース。 その中から2020東京パラリンピック開会式にてno.9の楽曲「Left the wind」を楽曲提供している。 他にも橋本徹氏監修の名コンピレーション『MELLOW BEATS,FRIENDS&LOVERS』やスクウェア・エニックスのリミックス作品集
![Fit Song - Auto&mst x no.9 feat. Salasouju [Lyric Video]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4a589f13f8824f88d144163fe92cc5dc3287a47d/height=288;version=1;width=512/https%3A%2F%2Ffit-song.jp%2Fassets%2Fimages%2Fogp.jpg)
Omakub
Turn a fresh Ubuntu installation into a fully-configured, beautiful, and modern web development system by running a single command. That’s the one-line pitch for Omakub. No need to write bespoke configs for every essential tool just to get started or to be up on all the latest command-line tools. Omakub is an opinionated take on what Linux can be at its best. Omakub includes a curated set of appli
On compliance vs readability: Generating text colors with CSS • Lea Verou
Can we emulate the upcoming CSS contrast-color() function via CSS features that have already widely shipped? And if so, what are the tradeoffs involved and how to best balance them? Relative Colors Out of all the CSS features I have designed, Relative Colors aka Relative Color Syntax (RCS) is definitely among the ones I’m most proud of. In a nutshell, they allow CSS authors to derive a new color f
HonoXについて
2月9日、予告していた通りHono v4をリリースしました。 そのHono v4のリリースと同時に、Honoを使ったメタフレームワーク「HonoX」を公開しました。 今回はHonoXのいくつかの特徴について書いてみたいと思います。これは使い方というより作者目線の思想みたいなものです。 メタフレームワーク HonoXとは一言で言うと「HonoとViteを組み合わせたメタフレームワーク」です。HonoX自体が機能を提供しないのが肝です。 もう少しだけ具体的に言います。HonoXで扱うのは「Honoのインスタンス」そのものです。つまりあなたがHonoXでアプリを作るということは「Honoのアプリを作る」ことになります。その証拠にエントリーポイントになるapp/server.ts内で出てくるappはHonoのインスタンスなので、hono/devにあるヘルパー関数showRoutes()がそのまま使
The storage service for developers - FILE0
Setup file storage in minutes not days.A modern S3 alternative that doesn't get in your way. Get started for free
『パンクの系譜学』川上幸之介｜人文・歴史・社会｜書籍｜書肆侃侃房
『パンクの系譜学』 川上幸之介 四六判、上製、384ページ 定価：本体2,600円＋税 ISBN978-4-86385-610-3 C0070 装幀 宇平剛史 パンクとは常に問い、それについて行動を起こすことだ━━。音楽だけでなく、アート、思想、運動の側面からも「パンク」の根源に迫る画期的著作。 労働者階級の若者による現状への怒りからイギリスで生まれたとされるパンク。その叫びのルーツには、アナキズムやコミュニズムといった思想、そしてダダから脈打つ前衛芸術史も刻まれていた。 奴隷制からポピュラー音楽の誕生、その後のフォーク、スキッフル、ガレージ、パンクへの道のりに、シチュアシオニト・インターナショナル、キング・モブといった運動が交差し、セックス・ピストルズ以降に現れたOi!、クラス、ポジティブ・フォース、ライオット・ガール、クィアコア、アフロパンク、アジアのパンクシーン、そして橋の下世界音楽
Create reusable Tailwind CSS + React components – TWC
Supercharge React + Tailwind CSSTWC is a lightweight library to create Tailwind CSS Components in one line, write less code and build faster. import * as React from "react"; import clsx from "clsx"; const Card = React.forwardRef< HTMLDivElement, React.HTMLAttributes<HTMLDivElement> >(({ className, ...props }, ref) => ( <div ref={ref} className={clsx( "rounded-lg border bg-slate-100 text-white shad
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Font Interceptor
Shape Lens Blur Effect with SDFs and WebGL | Codrops
Zellij
Remix PWA Docs
一龠 / feat.flower
Do you still need Framer Motion? - Motion One Blog
Creating Daylight | The Devex | basement.studio
Pomodoro focus timer with analytics
Three Piñata Demo