2024年、CSSの最新トレンドにおける現状のまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証環境など

2024/11/07 15 users プロパティ CSS エバーグリーン 疑似クラス 現状

CSSの進化は速く、IEのサポートが終了してさらに速くなりました。現在はエバーグリーンのブラウザ（最新版に自動アップデートするブラウザ）となり、モダンCSSの新機能が今までよりもすぐに使用できるようになっています。 2024年、CSSの現状調査をおこなった結果をまとめた「State of CSS 2024」を紹介します。今年は例... 続きを読む

Rails: DBメンテナンス支援ツール "maintenance_tasks" README（翻訳）｜TechRacho by BPS株式会社

2024/11/05 12 users Shopify README Rails gem 原則

概要 MITライセンスに基づいて翻訳・公開いたします。 英語記事: Shopify/maintenance_tasks: A Rails engine for queueing and managing data migrations. 原文更新日: 2024/07/24（e56130a） ライセンス: MIT 本記事では、原則としてツール（gem、フレームワーク）の名前をmaintenance_tasksと表記します。 Shopifyが... 続きを読む

AWS上のNext.js App RouterとCDNキャッシュ利用の課題と解決策 - Findy Tech Blog

2024/11/05 43 users AWS上 Next.js App Router 課題 解決策

こんにちは。 Findy Toolsの開発をしている林です。 私たちのプロジェクトではフロントエンドのフレームワークにNext.js App Routerを使っており、AWSのECSへデプロイして運用しています。 そして、一部のレンダリングの処理が重いページのキャッシュを実装する際に、直面した課題と解決策を紹介します。 Next.jsのキャ... 続きを読む

プレゼン資料が一発で出せると話題　AIツール「v0」の使い方 (1/7)

2024/10/11 7 users プレゼン資料 AIツール 話題 ユーザーインターフェース 一発

v0とは v0（ブイゼロ）は、「Next.js」フレームワークの開発元としても有名なクラウドプラットフォーム企業Vercelが開発した、主にWebサイトやアプリケーションのUI（ユーザーインターフェース）コンポーネントの設計と開発を支援することを目的としたAIツールだ。 テキストプロンプトを入力するだけで、Webサイト用のUI... 続きを読む

バーチャルスクロールの限界を突破する

2024/10/08 38 users 限界 レンダラー React TypeScript Tauri

はじめに 私は今、CSVエディタ SmoothCSV 3 を開発しています。フレームワークとして Tauri を採用しており、レンダラーにはWebの技術（React + TypeScript）を使っています。 CSVエディタは大量の行・セルを表示する必要がありますが、Webの技術ではこのようなシーンではバーチャルスクロールを使うのが定石です。 Smoo... 続きを読む

思い込みや思考の癖から脱する。相手の期待値を上回るために必要な「メタ思考」のフレームワーク - ミーツキャリアbyマイナビ転職

2024/09/12 366 users 抽象 物事 著書 アイデア 思考

大量の業務に追われ、気づけば目の前の仕事をこなすだけの日々……。より質の高い仕事を求めたり、斬新なアイデアを生み出したい気持ちはあっても、なかなか時間と心の余裕を持てない人も多いはず。 そんな人におすすめなのが、物事を一つの上の視点から考える「メタ思考」のフレームワーク。『具体や抽象』などの著書で「... 続きを読む

スクラムガイド(LeSS版)

2024/09/04 11 users スクラムガイド スクラム 定義 特定 成果

スクラムガイドの目的 スクラムは複雑なプロダクトを開発、提供、保守する為のフレームワークである。このガイドではスクラムを定義している。定義には役割、イベント、作成物とそれらをまとめるルールが含まれている。フレームワークの各要素は特定の目的を有し、スクラムによって実現される価値と成果にとって不可欠な... 続きを読む

フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ

2024/09/02 18 users WINGSプロジェクト 山内 テクニカル 執筆 有限会社

TOPコラム新発見！フロントエンド技術の今フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ フレームワークだけじゃない！ 「State of JavaScript 2023」で見直すJavaScriptの人気ライブラリ 2024年9月2日 執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル... 続きを読む

Nuxt Auth Utils でサーバーサイドの認証を（OAuth・マジックリンク・ワンタイムパスワード）

2024/09/01 11 users サーバーサイド nitro OAuth Nuxt SSR

Nuxt 3 では Universal Rendering (SSR) によるアプリケーションの開発が難なく可能です。 Nitro というサーバーサイドのフレームワークにより、Nuxt 3 はサーバー側の処理も簡潔に記述できるようになっています。 Nuxt Auth Utils はそんな Nuxt の特徴を生かした、SSR のアプリケーションに OAuth 認証を実装できる Nu... 続きを読む

tanukirpcというWebフレームワークを作っています - ぱいぱいにっき

2024/08/29 7 users github.com ぱいぱいにっき 盆栽 リクエスト 構造体

最近の盆栽ですけれど、tanukirpcというGoのWebフレームワークを書いています。ある程度やりたいことができはじめてきたので、どんなフレームワークかを紹介します。 github.com TL;DR Webアプリケーションでよくやるようなことを、最短手順で自然に書けるように設計したフレームワーク リクエストをパースして構造体に... 続きを読む

いつでも最高のプロダクトを生み出す「最高の開発チーム」を作りたい！ いまどきエクストリームプログラミングなのはなぜか？ 角谷信太郎 林尚之 対談 - Agile Journey

2024/08/20 21 users エクストリームプログラミング ユーザベース 角谷信太郎 主導

アジャイル開発の方法論やフレームワークはいくつかありますが、ユーザベースのスピーダ事業では執行役員CTOである林尚之さんの主導によりエクストリームプログラミング（XP: eXtreme Programming）を全面的に採用しています。2023年3月にはアジャイル関連書籍の共訳・監訳などで幅広く活動される角谷信太郎さんがエクス... 続きを読む

【完全版】これ1本でReactの基本がマスターできる！初心者チュートリアル！ - Qiita

2024/08/19 319 users Qiita React Sicut_study 完全版 基本

はじめに Reactの人気はどんどん加速しています。これからフレームワークを学ぶならReactを選ぶのは賢い選択でしょう こんにちは、Watanabe Jin(@Sicut_study)です。 今回はReactをこれから学んでいこうと思っている方に向けて、初心者チュートリアルを作成しました。 このチュートリアルではReactを書く上で欠かせない... 続きを読む

大規模言語モデルの仕組みが目で見てわかる「Transformer Explainer」

2024/08/15 21 users Transformer 言語モデル Claude Llama

GPT-4やLlama、Claudeといった大規模言語モデルは、2017年にGoogleの研究者が発表した「Transformer」というフレームワークの上に構築されています。このTransformerをベースにしたAIモデルがどのように機能するのかを視覚化したツール「Transformer Explainer」が、ジョージア工科大学のPolo Club of Data Scienceによ... 続きを読む

Vue.js でファイルベースルーティングを実現する「Unplugin Vue Router」の紹介

2024/08/13 7 users Vue.js Nuxt アプリケーション 紹介 web

Web アプリケーション開発において、ファイルベースルーティングはコードの可読性向上や開発効率化に大きく貢献します。本記事では、Vue.js アプリケーションでのファイルベースルーティングをシンプルかつ型安全に実現できる「Unplugin Vue Router」をご紹介します。Nuxt のような大規模なフレームワークは少し大げさだ... 続きを読む

ブラウザテスト自動化のPuppeteerがFirefox正式サポート、新標準のWebDriver BiDi対応で。これでChromeとFirefoxに両方対応に

2024/08/08 19 users puppeteer CDP WebSocket Chrome

MozillaとGoogleは、ブラウザを用いたテスト自動化のためのフレームワーク「Puppeteer」がFirefoxを正式にサポートしたことを発表しました。 PuppeteerはGoogleが開発しており、Chrome DevTools Protocol（CDP）を通じてChromeをリモートコントロールすることでテスト自動化を実現しています。 CDPはWebSocketによる高速... 続きを読む

自己分析は「ビジネス領域」の棚卸しだけでは不十分　プライベートとの「融合資産」で自分らしい仕事が見つかるフレームワーク

2024/08/05 10 users 棚卸し ワークシート 本業 大野 サツキ

「本業の分析」をするための3つの軸 大野誠一氏（以下、大野）：千葉さん、「こんなワークシートで、プライベートの部分の自己分析を進めていくんだよ」というのを、詳しくご紹介いただけるとうれしいです。 千葉智之氏（以下、千葉）：実際は3時間半ぐらいの研修の中で、わりとじっくり時間をかけてやるさっきの3ステッ... 続きを読む

Rust製ブラウザエンジン「Servo」搭載、新たなWebブラウザ「Verso」の開発プロジェクトが立ち上がる

2024/08/05 108 users Servo Tauri Rust製ブラウザエンジン 基盤 欧州

欧州を基盤にオープンでセキュアなインターネットの実現を支援しているNLnet Foundationは、Rust製ブラウザエンジン「Servo」を用いたWebブラウザ「Verso」の開発プロジェクトの立ち上げを発表しました。 Versoの開発は、Electron代替を目指すフレームワーク「Tauri」の開発チームが主導することが、下記のポストで示さ... 続きを読む

VisualStudioCodeで絶対にしておくべき設定ベスト20

2024/08/02 167 users VisualStudioCode vscode エディタ

Visual Studio Codeで絶対にしておくべき設定ベスト20 はじめに Visual Studio Code（VSCode）は、開発者にとって非常に人気のあるエディタであり、その柔軟性と拡張性から多くのプログラミング言語やフレームワークに対応しています。VSCodeを最大限に活用するためには、適切な設定を行うことが重要です。本記事では、V... 続きを読む

macOS 15 SequoiaではmacOSでサポートされていないファイルシステムをユーザー空間で利用可能にする「FSKit」フレームワークが導入予定。

2024/07/07 9 users MacOS Sequoia ｗｗ ユーザー空間 Apple

macOS 15 SequoiaではmacOSでサポートされていないファイルシステムを利用可能にする機能拡張を開発可能な「FSKit」フレームワークが導入されるそうです。詳細は以下から。 　Appleは2023年のWW […] The post macOS 15 SequoiaではmacOSでサポートされていないファイルシステムをユーザー空間で利用可能にする「FSKit」... 続きを読む

チュートリアル: Yjs, valtio, React で実現する共同編集アプリケーション - ROUTE06 Tech Blog

2024/07/03 97 users figma React Notion yjs Array

Yjsは、リアルタイム共同編集を実現するためのアルゴリズムとデータ構造を提供するフレームワークです。Notion や Figma のように、1 つのコンテンツを複数人で同時に更新する体験を提供することができます。 Y.Map, Y.Array, Y.Text といった共有データ型を提供し、それらは JavaScript の Map や Array のように利用で... 続きを読む

「マッキンゼーの7S」と「ビジネスモデルキャンバス」が普及した理由　ビジネスの現場で使われるフレームワークが備える5つの要件

2024/06/24 8 users マッキンゼー 要件 ビジネスモデルキャンバス 現場 5つ

業界業務の経験豊富な「その道のプロ」に、1時間からピンポイントに相談できる日本最大級のスポットコンサル「ビザスク」。そのビザスク主催のセミナーに、『武器としての戦略フレームワーク』の著者で、國學院大学 経済学部 経営学科教授の手塚貞治氏が登壇。「アイデア創出 実践論」をテーマに、普及するフレームワー... 続きを読む

リー群。ゆっくりと反芻してみる。間違いない。 まさか場末の街コンで、..

2024/06/13 110 users 街コン 単語 専攻分野 変換 立場

リー群。ゆっくりと反芻してみる。間違いない。 まさか場末の街コンで、この単語を耳にする日がまた来るとは。 変換や対称性を体系的に扱うための数学的なフレームワーク。そして私の専攻分野だった。 「ヴォーガンの分類理論では、単純リー群の既約表現が極大コンパクト群で分解されると思いますが、分岐則の立場から見... 続きを読む

Next.js で React Compiler を試しつつ出力コードを見てみる

2024/05/24 14 users React Compiler beta Next.js 単体

React Compiler React 19 Beta から React Compiler が導入され利用可能となりました。 ※単体での検証としては次の記事が参考になります。 Next.js での利用 React Compiler のドキュメント内には、各種バンドラやフレームワークで利用する方法も記載されています。 というわけで、Next.js で実際に試してみよう、という... 続きを読む

Git の一般的な落とし穴を回避します: ベスト プラクティスと回復手順。 | DevelopersIO

2024/05/23 94 users Git DevelopersIO プラクティス 堅牢 落とし穴

Gitは、バージョン管理に強力なツールで、開発者がコード変更を追跡し、プロジェクトで協力し、作業履歴を維持することを可能にします。Gitは複雑なプロジェクトを管理するための堅牢なフレームワークを提供しますが、同時にプラットフォームの初心者にとっては習得の曲線があり、一般的なミスにつながる可能性がありま... 続きを読む

Next.jsのApp Routerを学ぶ際、shadcn/uiが参考になったという話 - Qiita

2024/05/11 58 users Qiita shadcn RSC Reactコンポーネント

Next.jsのApp Routerを学ぶ際に、UIライブラリを探していたところ、shadcn/uiが参考になったので紹介します。 shadcn/uiは、フレームワークやライブラリではなく、コピペで利用できるReactコンポーネントのサンプル集という立ち位置になっています。Tailwind CSSでデザインされており、React Server Components(RSC)にも... 続きを読む