ブックマーク / zenn.dev/coedo (4)

  • なぜインライン要素・ブロック要素概念は依然として有用なのか:現代的なWeb制作への適用

    当記事では「HTML Standardからインライン要素・ブロック要素の記述が削除されたことを受けても、それらの概念が消えたわけではない」という主張を展開しています。 そして、記事内ではMDN Web Docs にその表記があることを根拠のひとつとしています。 『MDNの記述が変更されたことの意味(inline-level element, block-level element)』に記したとおり、すでにMDNの記述は変更されています。 この記事の趣旨はそれによって変わることはありませんが、MDN から記述が消えていることにつきましては充分にご留意頂ますようお願い致します。 詳しくは記事をご確認くださいませ。 https://zenn.dev/coedo/articles/updated-mdn-contents Web制作に関するディスカッションの中で、HTML Standard の内容

    なぜインライン要素・ブロック要素概念は依然として有用なのか:現代的なWeb制作への適用
    mon_sat
    mon_sat 2023/03/27
    HTML要素をinline/blockと分けるのは、スタイリングのみならず文書構造の観点からも基礎をなしています。HTML Standardからなくなったことをもってスタイリングのみの概念とはなりません。そういう趣旨のもと書かれた記事です
  • Reactに有利なベンチマークを Vue.js で試したところ大差なく、そして…

    みなさんこんにちは。 現在、フロントエンドでは宣言的UIが大流行しており、そのためのフレームワークも Vue.js をはじめ複数存在しています。 (React はフレームワークではなくライブラリです) 同種のソフトウェアや言語があれば、自分の好みを巡って意見を出し合うのはエンジニアの常でして。 それがパフォーマンスに関することであれば、無関心ではいられなかったりするわけです。 とはいえ Evan You もいうように特定のフレームワークやライブラリが現実世界のパフォーマンスの問題を銀の弾丸のように解決できるわけではありません。 フレームワークの開発者が数10ミリ秒単位でパフォーマンス改善に勤しむなか、利用する企業が(数100ミリ秒要するような)広告会社のスクリプトを迷いなく追加したりするのですから。 それでも僕たちは、パフォーマンスの話題をせずにはいられません。 だって、それがエンジニア

    Reactに有利なベンチマークを Vue.js で試したところ大差なく、そして…
    mon_sat
    mon_sat 2022/07/18
    チューニングはあくまでおまけ。React有利なbenchmarkでも環境によっては大差なかったという話。これだけ大量のComponentがあっても数行で快適になるからuseTransition相当は必須じゃないしReactだけ速いという話でもないよねと
  • Nuxt 3 RC/beta でオンラインコワーキングの寄付募集サイトを構築した話

    2022年4月21日(日時間) Nuxt 3 の rc1 が公開されました。 Nuxt 3 は Vue.js 3 に対応しただけでなく Nitro(ナイトロ)により Serverless 環境で簡単にサイトを公開できたり、Vite や ES Modules, TypeScript 等を活用した開発体験を(設定無しで)得られたりします。 2021年10月のベータ公開から Release Candidate 公開まで半年かかっていますが、その間 Nitro は Nuxt から切り離されたスタンドアロンな JavaScript Server になり、また Vite によるテストスイート Vitest を標準のテストツールに採用したりと、より広範なエコシステムを構築する方向で進んできています。 僕はこれまでベータリリース当初より Nuxt 3 を試してきました。 まだまだ意図した動作が得られない

    Nuxt 3 RC/beta でオンラインコワーキングの寄付募集サイトを構築した話
    mon_sat
    mon_sat 2022/04/29
    Nuxt 3 で Stripe を使った寄付募集サイトを構築した話。beta で開発し先日の RC1 リリースに伴いさっそく対応。Vite, ES Modules, TypeScript を使った開発は快適すぎて戻れなくなる。
  • Nuxt 3 の useFetch() と useAsyncData() の使い方

    2022年11月16日 Nuxt 3.0.0 (stable) がリリースされました(日時間11/17) Announcing 3.0 • Nuxt この記事はベータリリース時に初稿を公開しましたが、リリース版に対応するため加筆修正しています。 ユーザー待望の Nuxt 3 が公開されました。 (Vue 2 対応だった Nuxt 2 の Vue.js 3 対応版です) Nuxt 3 は、TypeScript のネイティブサポートをはじめとした開発体験の向上など、多数の改善がなされています。 もっとも注目したいのは Nitro によるデータ取得やレンダリング周りの機能向上があります。 Nitro により、いわゆる ISG (Incremental Static Generation インクリメンタル静的ページ生成)も可能です。Nuxt 3 は、とてもシンプルに(意識することなく)活用する

    Nuxt 3 の useFetch() と useAsyncData() の使い方
    mon_sat
    mon_sat 2021/10/24
    書きましたー
  • 1