Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

jay-esのブックマーク (2,259)

  • 人間によるコーディング禁止の CLINE 縛りでゲームを作らせてみた感想

    現時点の AI コーディングの実力を測るために、自分はプロンプトのみ、直接コードを書くのは禁止で Roo Code による VS Code によるエディタ操作のみでコードを書かせた。その感想 (急いで書いたのでいろいろと雑です) tl;dr 良し悪しはともかく、人類は確実にAIによる自動操縦型のプログラミング体験に依存するという確信を持った。 ただ、その基盤である CLINE(系)自体のツールとしての完成度はいまいち。 CLINE以外の、各モデルのコーディング性能も、現時点では物足りない。 CLINE とは何か(知らない人向け) いろいろと機能はあるが、コア機能としてはヘッドフルな vscode runner で、AI にコードを書かせるために必要な情報を受け渡しするインターフェースを持っている。ファイルの読み書きや、コマンドを実行結果をプロンプトにしてAIに渡す。puppeteer によ

    人間によるコーディング禁止の CLINE 縛りでゲームを作らせてみた感想
  • Roadmap 2025 and Biome 2.0

    jay-es
    jay-es 2025/01/22
    Biome 2.0 では待望のプラグイン機能が入る(GritQL でルールを作成)。2025 年のロードマップとして HTML サポート、埋め込み言語(テンプレートリテラル内の CSS/GraphQL や HTML 内の CSS/JS など)、型推論などが挙がっている
  • iconmonstr - Free simple icons for your next project

    To use this icon, you must first accept the license agreement.

  • 誤解されがちなnever型の危険性: 「存在しない」について - Qiita

    never型はTypeScriptに存在する型のひとつで、「存在しない値の型」として説明されることが多いものです。 この説明は正しいのですが、誤解されることがあると感じました。そこで、今回はnever型に関する誤解を解くための記事を用意しました。ぜひこの記事を読んで、never型について正しく理解しているかチェックしてみてください。 never型とは never型は、上述の通り、「存在しない値の型」です。言い換えれば「never型の値は存在しない」ということです。こんな簡潔な説明ですが、never型は奥深い性質を持っています。 まず、「never型の値は存在しない」というのがどういうことか理解しましょう。これは、どんな値もnever型には代入できない(never型の値ではない)ということです。このように、never型の変数には、何を代入しようとしても全てエラーになります。

    誤解されがちなnever型の危険性: 「存在しない」について - Qiita
    jay-es
    jay-es 2025/01/19
    "never型の値は存在しない" → "never型の値が存在したならば矛盾" / `as never` などでnever型の変数を取り出すと何でもできてしまい型安全性を大きく損なう
  • GitHub - stackblitz/alien-signals: 👾 The lightest signal library

    Project Status: Preview The goal of alien-signals is to create a push-pull model based signal library with the lowest overhead. We have set the following scheduling logic constraints: No dynamic object fields No use of Array/Set/Map No recursion calls Class properties must be fewer than 10 (https://v8.dev/blog/fast-properties) Experimental results have shown that with these constraints, it is poss

    GitHub - stackblitz/alien-signals: 👾 The lightest signal library
    jay-es
    jay-es 2025/01/17
    軽量・高速なシグナルのライブラリー。Vue 3.6 以降で使用される
  • 【海外記事紹介】Node.jsでTypeScriptを実行したい?ならばType Strippingについて知っておこう

    【海外記事紹介】Node.jsでTypeScriptを実行したい?ならばType Strippingについて知っておこう
    jay-es
    jay-es 2025/01/16
    型チェックを行わない理由など。原文にある段落が省かれていたりするのは意図的だろうか
  • CI/CDパフォーマンス改善の勘所

    Previous slideNext slideToggle fullscreenOpen presenter view About https://x.com/mizchi Node.js とフロントエンドの専門家 120万*達成率で御社のフロントエンドの高速化をやります Q: なんでCI/CD高速化するんだっけ? CI 待ち時間はあらゆる作業に対しての純粋なオーバーヘッドだから 人間がレビューを受ける回数増やすため レビュワーはCI通らないと見ない/見る必要ない デプロイ回数を増やすため(Four Keys) 直近のタスクを覚えておけず、フロー効率が下がるため 自分の音: 15分超えたら仕事にならない CI: 目標設定 ~5分 タスクに連続性が感じられる範囲 ~15分 休憩を挟みつつタスクを忘れずにおける範囲 それ以上 待ち時間に別作業をやり始める(ような圧を感じる) スイッチングコ

  • RSCがSPAに与える意味についての考察、Wakuを試してみませんか?

    こんにちは、Wakuの作者です。RSCのためのReactフレームワークであるWakuですが、SPAもサポートしたいと思っています。RSCとSPAに関して思ったことを雑多ですが記事にしたので、よろしければご覧ください。 以下、ChatGPTによる翻訳です。 はじめに RSCはReact Server Componentの略ですが、この投稿では以下の2つの主要な要素を含む広義のアーキテクチャとしてRSCを使用します。 コア機能:Reactコンポーネントやその他の値をシリアライズおよびデシリアライズする能力。 コア機能に基づくベストプラクティス:まだ探索の余地があると感じています。 SPA(Single Page Application)は、静的ファイルとしてデプロイされることが多いです。別のサーバーが存在する場合もありますが、それは通常SPA自体を提供するためのものではありません。この文脈では

    RSCがSPAに与える意味についての考察、Wakuを試してみませんか?
  • 【レンダリング大全】CSR, SSR, SPA, MPA, PPRの意味、そもそもレンダリングとは【2025年始】

    はじめに フロントエンド開発 においてレンダリングという言葉はさまざまな場面で登場します。さらに、Server-Side Rendering(SSR)のように「レンダリング」という言葉が名前に含まれているものを含め、Single-Page Application(SPA)など、レンダリングに関連した議論でよく使われる用語も数多く存在します。 そして、これらの用語の意味はフロントエンド技術の進化に伴い、徐々にニュアンスが変化してきているように感じています。 他のエンジニアとこれらの用語について話す中で、「自分はそれをSSRとは呼ばない」「SPAにはいくつかの意味があるよね」といった意見を耳にし、人によって解釈が異なることを実感しました。 では SSR や SPAなどといった用語は今日どういった意味で使われているのでしょう。そもそも、「レンダリング」とはどういう意味なのでしょうか。SSR に

    【レンダリング大全】CSR, SSR, SPA, MPA, PPRの意味、そもそもレンダリングとは【2025年始】
  • クラスや関数を設計する時に何を考えればいいのか - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    クラスや関数を設計する時に何を考えればいいのか - Qiita
    jay-es
    jay-es 2025/01/12
    凝集と結合の種類
  • AI エディター Cursor を試してみる

    AI エディター Cursor を試してみる 2025.01.11 AI エディター Cursor は GitHub Copilot と同様にコードの補完やチャットによるコードの生成をサポートしてくれます。Cursor は VS Code をフォークして作られており、既存の VS Code の拡張機能やキーバインドをそのまま利用することも特徴の 1 つです。 生成 AI の台頭はプログラミングの世界に大きな変革をもたらしました。我々開発者は AI の助けを借りながらまるでペアプログラミングをしているかのようにコードを書くことができます。私自身も普段から GitHub Copilot を使ってコードを書いています。コードを書いている最中に AI がコードを補完してくれる体験は、素早いフィードバックを得られるため非常に効率的です。 コードを選択してテストコードやドキュメントを生成したり、コード

    AI エディター Cursor を試してみる
    jay-es
    jay-es 2025/01/11
    Cursor Editor の導入~使い方
  • Epoch Semantic Versioning

    If you've been following my work in open source, you might have noticed that I have a tendency to stick with zero-major versioning, like v0.x.x. For instance, as of writing this post, the latest version of UnoCSS is v0.65.3, Slidev is v0.50.0, and unplugin-vue-components is v0.28.0. Other projects, such as React Native is on v0.76.5, and sharp is on v0.33.5, also follow this pattern. People often

    Epoch Semantic Versioning
    jay-es
    jay-es 2025/01/08
    バージョン番号を EPOCH.MAJOR.MINOR.PATCH 形式に拡張し、大規模な変化を EPOCH、軽微な破壊的変更を MAJOR で表現
  • 2024 JavaScript Rising Stars

    Welcome to the 9th edition of JavaScript Rising Stars, your guide to the top trends and projects shaping the JS ecosystem in 2024. The following graphs compare the number of stars added on GitHub over the last 12 months. We analyzed projects coming from Best of JS, a curated list of the best projects related to the web platform. Note that you can click on a project to get more info.

    2024 JavaScript Rising Stars
    jay-es
    jay-es 2025/01/07
    shadcn/ui が二年連続首位
  • Composable Caching with Next.js

    Back to BlogFriday, January 3rd 2025 Composable Caching with Next.jsPosted by We’re working on a simple and powerful caching model for Next.js. In a previous post, we talked about our journey with caching and how we’ve arrived at the 'use cache' directive. This post will discuss the API design and benefits of 'use cache'. What is 'use cache'? 'use cache' makes your application faster by caching da

    Composable Caching with Next.js
    jay-es
    jay-es 2025/01/04
    `use cache` の最新情報。コンパイルの際にキャッシュ可能な関数へと変換する。親スコープの変数もキャッシュキーになる。React のシリアライズを使用しているので Promise、循環データ構造などにも対応している
  • Drizzle x SQLiteで作成日時や更新日時をCustom typesでいい感じにしたい - くらげになりたい。

    前回の続き。Drizzle ORMをちょっと触ってみたときに、 いろいろ調べてみたときの備忘録(*´ω`*) Drizzle ORMに入門してみた with Turso - くらげになりたい。 SQLiteにはdate/time型がない Date And Time Functions 残念なことに、SQLiteにはDate/Time/DateTimeの形がなく、 以下の形式の文字列(text)か数値(integer)で保存する ISO-8601 ... text Unix timestamp ... intager いくつか便利な関数が用意されていて、それを利用する形になる date() ... YYYY-MM-DD形式のtext time() ... HH:MM:SSやHH:MM:SS.SSS形式のtext datetime() ... YYYY-MM-DD HH:MM:SSなどのtex

    Drizzle x SQLiteで作成日時や更新日時をCustom typesでいい感じにしたい - くらげになりたい。
  • Component testing RSCs

    After much anticipation, React Server Components (RSCs) are transforming the way we build React apps by blurring the lines between traditional frontend and backend code. RSCs help you build a faster, more responsive, and less complex app. But despite this huge push, there has been little work on how to test them. That makes it hard to build on them with confidence. In this post, we introduce Story

    Component testing RSCs
  • Node.js Now Supports TypeScript By Default

    Matt PocockMatt is a well-regarded TypeScript expert known for his ability to demystify complex TypeScript concepts. Node 23 will soon be able to run TypeScript files without any extra configuration. Marco Ippolito, who has been driving TypeScript support in Node for the last year, landed a PR unflagging --experimental-strip-types in Node 23. Practically, this means a few things: You can create an

    Node.js Now Supports TypeScript By Default
    jay-es
    jay-es 2024/12/29
    Node 23 で --experimental-strip-types フラグなしで TS ファイルを実行できるようになる。Node 22 でもサポートされる予定。enum や namespace を扱う場合は --experimental-transform-types が必要
  • ロゴデザインの印象を創り出すフォントの選定と調整 | cho-men

    ご感想やご指摘、気になったことについてお気軽にお送りください。 返信をご希望の方はメールアドレスをご記入ください。 お問い合わせ内容: 送信する 普段、何気なく目にしている企業やブランドのロゴ。実は、ロゴのデザインに使われているフォントには、企業の「顔」としての大切な意味が込められています。 ロゴは、マークやシンボルを使った「シンボルマーク」と、文字のみで構成された「ロゴタイプ」に分けられます。 この記事では、ロゴタイプに着目し、有名企業やブランドのロゴタイプに使われているフォントの特徴や選定理由を調査しました。 この記事を通じて、ロゴに込められたデザインの背景を理解し、新しい視点を持つきっかけにしていただけたら幸いです。 ※記事で紹介している企業ロゴのベースとなるフォントについては、筆者の調査によるものであり、公式の情報ではありません。 フォントによって与える印象はどう変わるのか?フォ

    ロゴデザインの印象を創り出すフォントの選定と調整 | cho-men
  • Nuxt で Next.js の Private folders のような機能を実現する方法

    はじめに Next.js には Private folders という機能があります。 Next.js の App Router では、以下のように _ で始まる名前にすることでルーティングから除外されます。 (基的に page.js や route.js でないとルートとして認識されないようにはなっているので、Private folders を使わなくても以下の例では除外されている) pages/ ├─ dashboard/ │ └─ _components │ └─ button.tsx # ルーティングから除外される └─ page.tsx # /dashboard はルートになる Nuxt には同じような機能はありませんが、とある機能を使うことで同じようなことが実現できます。 Nuxt のルーティングについて Nuxt は File-based routing をサポートしており

    Nuxt で Next.js の Private folders のような機能を実現する方法
    jay-es
    jay-es 2024/12/25
    ビルド時のライフサイクルフック "pages:extend" を使用して、任意のパスを持つページを除外する
  • あらゆるフレームワークで Hono を使いたい

    はじめに Hono の売りの一つに「ウェブ標準への準拠」があります。この特徴により、開発者は Hono アプリを様々なプラットフォームへとデプロイすることが可能となっています。これだけでも素晴らしいことですが、Hono 好きの方々はそれでは飽き足らず、Hono がウェブ標準の Request/Response をやり取りするという事実を利用し、おそらくはもともと想定されていなかったであろう場所でも Hono を使い始めているようです。筆者が特に注目するのは、以下の記事のように Hono を Next.js などフロントエンドのメタフレームワークに組み込むような試みです: こうした文章を読み、「これは色々なフロントエンドフレームワークに応用できそうだ」と考え、Next.js だけではなく Astro や Nuxt などでも Hono を動かす実験をおこない、それをまとめた結果がこの記事となり

    あらゆるフレームワークで Hono を使いたい