並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 290件

新着順 人気順

webdevの検索結果161 - 200 件 / 290件

  • Cloudflare を使って polyfill を自動で安全なものへ置き換えましょう | DevelopersIO

    先日ブラウザ互換の JS ライブラリである「Polyfill」にマルウェアが混入されて大きな問題となっていますが、Cloudflare であれば対応がワンクリックで実施できます。 ウィスキー、シガー、パイプをこよなく愛する大栗です。 先日ブラウザ互換の JS ライブラリである、「Polyfill.io」にマルウェアが混入されて大きな問題となっています。Cloudflare では、簡単に対策を行えるための機能がリリースされたのでご紹介します。Polyfill の対応がワンクリックで行えます。 JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響 Polyfill について Polyfill はブラウザ間のバージョンの違いなどを無効にするためのライブラリですが、今年の2月に売却されていることが発覚していました。 Cloudflare では、Po

      Cloudflare を使って polyfill を自動で安全なものへ置き換えましょう | DevelopersIO
    • 非デザイナーのための、ちょっと得する「色」のこと - Qiita

      はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー~」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」 デザインの構成要素にはいくつかの考え方がありますが、非デザイナーがUIやバナー制作で特に意識する必要があるのは以下の4つだと思います。 色 フォント オブジェクト(写真・

        非デザイナーのための、ちょっと得する「色」のこと - Qiita
      • 絶対チェックすべきGitHubリポジトリ15選 - Qiita

        はじめに GitHubのリポジトリをみるという習慣はなかなか初心者の方だとないと思います。 しかし、世の中には参考になるリポジトリがたくさんあるので今回は厳選して紹介していきます。 エンジニア共通 エンジニアであれば共通的に参考になるリポジトリを紹介してきます。 How Web Works Googleで検索ワードをいれてエンターキーを押してから、実際にWebサイトが表示されるまでの裏側で行われていることを詳しく紹介してくれています。 developer-roadmap フロントエンド、バックエンド、フルスタックなど様々なエンジニアのロードマップが紹介されています。 最速で成長したいのであれば、その分野の専門家が教えてくれる学習手順で学ぶのが大切なのでとても重宝されているロードマップです。 free-programming-books 無料で見ることができるプログラミングを勉強する上で役立

          絶対チェックすべきGitHubリポジトリ15選 - Qiita
        • 小さなデプロイで大きな成果! Next.jsで実現するマイクロフロントエンド

          はじめに こんにちは、令和トラベルでフロントエンドエンジニアをしているyamatsumです。 ここでは複雑なWebアプリケーションを開発・保守する場合に有効なアーキテクチャパターンとして知られているマイクロフロントエンドをNext.jsを用いて実現した時の設計とその課題について紹介したいと思います。 ※ この記事は令和トラベルのTech LT会で共有した内容を記事にしたものです。社外の方にもご参加いただけるTech LT会は connpass にて告知しています。 マイクロフロントエンドとは マイクロフロントエンドは、複雑なウェブアプリケーションを小さな独立したWebアプリやモジュールに分割するアーキテクチャパターンです。各Webアプリは異なるチームによって開発・保守することができ、一般に技術スタックやフレームワークの選択も自由です。 このWebアプリ群を組み合わせることで、以下のような利

            小さなデプロイで大きな成果! Next.jsで実現するマイクロフロントエンド
          • 2023-11-26のJS: Vite 5、Node.js 20.10.0(ESMのデフォルト化フラグ)、State of JS 受付中

            JSer.info #670 - Vite 5.0がリリースされました。 Vite 5.0 is out! | Vite Node.js 14/16のサポート終了、Rollup 4へアップデート、CommonJS Node API(require("vite"))を非推奨化しています。 また、defineの置換方法をdevとproduction buildで同じ方法を使うように変更、devとpreviewでURL末尾のスラッシュの扱いが異なる問題を修正、非推奨なAPIの削除なども含まれています。 マイグレーションガイドも合わせて公開されています。 Migration from v4 | Vite Node.js 20.10.0がリリースされました。 Node v20.10.0 (LTS) | Node.js 主に開発版のNode.js 21.xからのバックポートが中心となっています。 ES

              2023-11-26のJS: Vite 5、Node.js 20.10.0(ESMのデフォルト化フラグ)、State of JS 受付中
            • 週刊Railsウォッチ: Pumaのデフォルトスレッド数変更、Rails 1.0をRuby 3.3で動かすほか(20240206前編)|TechRacho by BPS株式会社

              こんにちは、hachi8833です。Railsガイドを7.1.3向けに更新しました。 #Railsガイド Rails 7.1 が、2024年1月16日にリリースされた Rails 7.1.3 に対応しました🆙🎉 今後もRailsの動向に合わせ、最新のガイドをお届けできるよう励んでいきます📕✨ note 記事はこちら👇https://t.co/i1MkYcriuQ pic.twitter.com/noN3VxC7Uy — Railsガイド 📕 (@RailsGuidesJP) January 24, 2024 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hac

                週刊Railsウォッチ: Pumaのデフォルトスレッド数変更、Rails 1.0をRuby 3.3で動かすほか(20240206前編)|TechRacho by BPS株式会社
              • 2024-01-28のJS: Firefox 122、Deno 1.40、Safari 17.4 Beta

                JSer.info #678 - Firefox 122.0がリリースされました。 Firefox 122.0, See All New Features, Updates and Fixes Firefox 122 for developers - Mozilla | MDN <select>の子要素として<hr>を許可するように、CSSのoffset-positionとoffset-pathプロパティをデフォルトで有効化されています。 ArrayBuffer.prototype.transfer()の実装、XSSの対策としてSVGの<use>にData URLを利用できないように変更されています。 また、実験的な機能としてDeclarative shadow DOM、Popover API、Clipboard API、Intl.Segmenterが実装されています。 Deno 1.40

                  2024-01-28のJS: Firefox 122、Deno 1.40、Safari 17.4 Beta
                • 週刊Railsウォッチ: Rails 8でSprocketsがPropshaftに置き換わる、devcontainerサポートほか(20240228)|TechRacho by BPS株式会社

                  週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます(例:週刊Railsウォッチタグ) 🔗Rails: 先週の改修(Rails公式ニュースより) 公式更新情報: Ruby on Rails — Rails World CFP, ActiveRe

                    週刊Railsウォッチ: Rails 8でSprocketsがPropshaftに置き換わる、devcontainerサポートほか(20240228)|TechRacho by BPS株式会社
                  • Webアプリでの長押し機能の実装は意外と難しい - Qiita

                    <div id="counter">0</div> <button type="button" id="incrementBtn">+</button> const counter = document.getElementById('counter'); const incrementBtn = document.getElementById('incrementBtn'); incrementBtn.addEventListener('click', () => { counter.textContent = Number(counter.textContent) + 1; }); これは、多くのブラウザやWebアプリケーションは、キーボードアクセシビリティを重視しているためです。 ガイドライン 2.1 キーボード操作可能: すべての機能をキーボードから利用できるようにすること。 すべ

                      Webアプリでの長押し機能の実装は意外と難しい - Qiita
                    • 2024-01-21のJS: Astro 4.2、Bun 1.0.24(Bun Shell)、RemixのSPAモード

                      JSer.info #677 - Astro 4.2がリリースされました。 Astro 4.2 | Astro Astro 4.2では、Prerenderingの実験的なオプションとしてSpeculation Rules APIを使ったPrerenderingをサポートしています。 また、injectRouteやファイルベースのルーティングが衝突した時の新しい優先度ルールをopt-inでサポートしています。 その他には、redirectToDefaultLocaleオプションを追加することでデフォルト言語へのリダイレクトを無効化できるように、アクセシビリティルールの追加などがあります。 Bun v1.0.24がリリースされました。 Bun v1.0.24 | Bun Blog Bun v1.0.24では、Bun Shellというzxのようにシェルスクリプトを扱うための関数の追加されています

                        2024-01-21のJS: Astro 4.2、Bun 1.0.24(Bun Shell)、RemixのSPAモード
                      • 3PCA 3 日目: 自動で送られる Cookie | blog.jxck.io

                        Intro このエントリは、 3rd Party Cookie Advent Calendar の 3 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 前回は 「Cookie は 区別 と 識別 の用途があり、 区別 だけのユースケースもある」という解説をした。 今回も、もう少し Cookie の性質を振り返っていく。 保存したドメインに自動で送り返す ブラウザは Set-Cookie してきたサイトを覚えておき、そのサイトにアクセスするたびに Cookie ヘッダで自動で送り返すという話だった。 例として、EC サイトにログインし Cookie が振られた場面を考える。 POST /login HTTP

                          3PCA 3 日目: 自動で送られる Cookie | blog.jxck.io
                        • 3PCA 19 日目: Super Cookie | blog.jxck.io

                          Intro このエントリは、 3rd Party Cookie Advent Calendar の 19 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今日は Super Cookie の解説をする。迂回手段ゾーンとしては、最後に紹介する手法だ。 Super Cookie Super Cookie は、最初筆者も非常に驚いた、トラッカーの執念を感じる手法だ。 まず前提として、ブラウザのどこかに情報を保存でき、それがある程度の期間永続化され、かつ自動的に取得できるようなものであれば、トラッキングに応用が効く。 そこで目がつけられたのが HSTS (HTTP Strict Transport Securit

                            3PCA 19 日目: Super Cookie | blog.jxck.io
                          • 2023-12-01のJS: Node.js v18.19.0(LTS)、BiomeとPrettier、CSS Hooks

                            JSer.info #671 - Node.js v18.19.0がリリースされました。 Node v18.19.0 (LTS) | Node.js npm 10へアップデート、node:moduleにregister APIの追加、import.meta.resolveのサポートが追加されています。 また、.jsのデフォルトの扱いをCJSからESMへと変更できる--experimental-default-typeフラグがバックポートされています。 Biome v1.4.0がリリースされました。 Biome formatter wins the Prettier challenge | Biome Release CLI v1.4.0 · biomejs/biome PrettierのJS/TS/JSXに関するテストケースを95%以上通すRust実装を募集するThe Prettier C

                              2023-12-01のJS: Node.js v18.19.0(LTS)、BiomeとPrettier、CSS Hooks
                            • 2024-05-19のJS: Remix + React Router = React Router、State of HTML 2023

                              JSer.info #693 - 次の記事では、Remix v3はReact Router v7としてリリースする予定という話が紹介されています。 Merging Remix and React Router | Remix RemixとReact Routerは、Viteとサーバ以外はほぼ同等の機能になってきています。 そのため、React RouterをRemixにマイグレーションするのではなく、React RouterをアップデートするだけでRemixの機能を使えるようにしたいという話が書かれています。 既存のRemixアプリは、import先のパッケージをreact-routerに変更するだけで動く予定とのことです。 この意思決定の詳細は、Xでも書かれています。 https://x.com/ryanflorence/status/1791479313939976313 React

                                2024-05-19のJS: Remix + React Router = React Router、State of HTML 2023
                              • 週刊Railsウォッチ: Rails 7.2でメンテナンスポリシー更新、書籍『Ruby on Railsパフォーマンスアポクリファ』ほか(20240819)|TechRacho by BPS株式会社

                                こんにちは、hachi8833です。Railsガイドも先週7.2に更新完了しました↓。 #Railsガイド がRails 7.2に対応!!🆙✨ 🛤 Rails 7.2リリースノート 🛠 Dev Containerでの開発 🚀 本番環境のパフォーマンス改善 (最適化のトレードオフ、PumaやYJITの設定、負荷テストや測定項目の解説など) が新たに追加され、既存ガイドも大幅に改訂されました...!!📕💖https://t.co/1WexdNRvJ9 pic.twitter.com/JTiHShnj1r — Railsガイド 📕 (@RailsGuidesJP) August 16, 2024 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やX.comでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように

                                  週刊Railsウォッチ: Rails 7.2でメンテナンスポリシー更新、書籍『Ruby on Railsパフォーマンスアポクリファ』ほか(20240819)|TechRacho by BPS株式会社
                                • Why Google Sheets ported its calculation worker from JavaScript to WasmGC  |  web.dev

                                  Why Google Sheets ported its calculation worker from JavaScript to WasmGC Stay organized with collections Save and categorize content based on your preferences. Google Sheets is one of the first products at Google to use WasmGC on Chrome. The move was announced in 2022, and the Sheets and Chrome teams partnered on standardization, engineering, and tooling to provide real-time feedback on optimizat

                                    Why Google Sheets ported its calculation worker from JavaScript to WasmGC  |  web.dev
                                  • 週刊Railsウォッチ: Rails 8に入るSolid Cacheほか(20240312前編)|TechRacho by BPS株式会社

                                    こんにちは、hachi8833です。 今年は現地参加のみで、録画は後日公開ですね。https://t.co/AUga53JSRL > RubyKaigi 2024 is an in-person only conference RubyKaigi 2024 doesn't offer remote attendance option and live streams. But as usual, we'll record all sessions and will upload to YouTube after the conference. — NAITOH Jun (@naitoh) March 6, 2024 つっつきボイス:「今年のRubyKaigi 2024はライブ中継ないのか〜」「Super Earlybirdはもう売り切れなんですね」 週刊Railsウォッチについて 各記事冒

                                      週刊Railsウォッチ: Rails 8に入るSolid Cacheほか(20240312前編)|TechRacho by BPS株式会社
                                    • 3PCA 21 日目: SameSite Cookie | blog.jxck.io

                                      Intro このエントリは、 3rd Party Cookie Advent Calendar の 21 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie Google が 3rd Party Cookie を Deprecate していく方針を発表してから、最初に始めたのが SameSite Lax by Default だった。 これが何のために行われたのかを解説する。 eTLD+1 とは SameSite とは「eTLD+1 が同じ」という説明になる。これを理解するには eTLD を理解する必要がある。 例として example.com ドメインを持ち、そこに以下のような Cookie を付与するとこ

                                        3PCA 21 日目: SameSite Cookie | blog.jxck.io
                                      • 週刊Railsウォッチ: Rubyでシリアルポートにアクセス、Active Record vs Sequelほか(20240313後編)|TechRacho by BPS株式会社

                                        こんにちは、hachi8833です。 Railsの作者として有名なDHH氏がMacを捨ててWindows+WSL環境に変える宣言をしたのが話題になってるな。AppleのEUにおける一連のふぁっきんな対応にブチ切れたらしい😅 RubiestならばMacという雰囲気があったが、これでどうなることやらw / Committing to Windows https://t.co/IMl32lPwQa — AOE Takashi (@aoetk) March 7, 2024 つっつきボイス:「Macを使わなくなるわけではなくてメインマシンをWindowsにするということみたい」「ところでDHHって最近までエディタにTextMate使っていたのね: 遠い昔にDHHが初めてRailsをお披露目したときの有名な動画↓でTextMateを使っていたこともあって、Macユーザーで使ってた人も割といた印象があ

                                          週刊Railsウォッチ: Rubyでシリアルポートにアクセス、Active Record vs Sequelほか(20240313後編)|TechRacho by BPS株式会社
                                        • WASM Playground

                                            WASM Playground
                                          • 2024-09-01のJS: Rspack 1.0、Safari Technology Preview 202、Material UI v6

                                            JSer.info #705 - webpackとの互換性を持つようにRustで書かれたbundlerであるRspack 1.0がリリースされました。 Announcing Rspack 1.0 - Rspack 0.7からの破壊的な変更もいくつか含まれているため、マイグレーションガイドも公開されています。 Migrating from Rspack 0.x - Rspack Safari Technology Preview 202がリリースされました。 Release Notes for Safari Technology Preview 202 CSSのbackground-clip: border-area/ruby-align、shape() function/@pageでjis-b4とjis-b5のサポートなどが追加されています。 また、ECMAScript Proposal

                                              2024-09-01のJS: Rspack 1.0、Safari Technology Preview 202、Material UI v6
                                            • Node.js 22がリリース | gihyo.jp

                                              OpenJS Foundationは2024年4月25日、Node.jsの新バージョン「Node.js 22」をリリースした。 Node.js 22 is now available! -Node.js Node.js 22 Available Now | OpenJS Foundation Node.js 22 is here 😎 Featuring: require()ing ESM graphs, WebSocket client, updates of the V8 JavaScript engine, and more. Big thank you to @_rafaelgss and @satanacchio for their work on this 🎉 pic.twitter.com/yXgR8fsMqt — Node.js (@nodejs) April 24, 2

                                                Node.js 22がリリース | gihyo.jp
                                              • Container Queries/祖先要素に応じたCSSの切り替え [CSS Modern Features no.2] | gihyo.jp

                                                乗りこなせ! モダンフロントエンド Container Queries/祖先要素に応じたCSSの切り替え [CSS Modern Features no.2] こんにちは!サイボウズ フロントエンドエキスパートチームの麦島です。 今回のテーマはContainer Queriesです。 Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。 従来でもメディアクエリでブラウザのビューポート幅などに応じたCSS適用は可能でしたが、あくまでもブラウザやウィンドウ全体のスタイルに依存するものでした。Container Queriesでは画面の特定の範囲を「コンテナ」として定義し、コンテナのスタイルに応じたCSSを適用できる点が、従来の手法との大きな違いとなります。 Container Queri

                                                  Container Queries/祖先要素に応じたCSSの切り替え [CSS Modern Features no.2] | gihyo.jp
                                                • Lightweight Javascript Framework Review (For Django Developers)

                                                  Lightweight Javascript Framework Review (For Django Developers) Introduction Many developers are confused when they try to find a Lightweight Javascript Framework for the Django project because there are so many options. In this post, I will talk and compare lightweight javascript frameworks, and help you decide which one is the best for your Django project. If you want to: Render HTML in Django,

                                                    Lightweight Javascript Framework Review (For Django Developers)
                                                  • 2024-02-05のJS: TypeScript 5.4 Beta、Learn Testing/Performance、Interop 2024

                                                    JSer.info #679 - TypeScript 5.4 Betaがリリースされました。 Announcing TypeScript 5.4 Beta - TypeScript クロージャーにおけるNarrowing結果の改善、NoInfer Utility Typeが追加されています。 また、ES2024のObject.groupBy/Map.groupByをサポート、Import Attributesのサポートが追加されています。 そのほかには、target: "ES3"やoutオプションなどを非推奨として、次のTypeScript 5.5で削除されることがアナウンスされています。TypeScript 5.5で削除されるオプションは、次のIssueにまとめられています。 Feedback: 5.0 deprecations · Issue #51909 · microsoft/T

                                                      2024-02-05のJS: TypeScript 5.4 Beta、Learn Testing/Performance、Interop 2024
                                                    • Temporalを取り巻く仕様を整理する

                                                      Meguro.es #28 @ AWS Japan ・https://meguroes.connpass.com/event/319662/ x(twitter) ・https://twitter.com/sajikix

                                                        Temporalを取り巻く仕様を整理する
                                                      • 2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta

                                                        JSer.info #690 - Electron 30.0.0がリリースされました。 Electron 30.0.0 | Electron V8 12.4、Chromium 124、Node.js 20.11.1へアップデート。 File System APIをサポート、Cross Origin iframeにPermission Policyを使うように変更、WebContentsView/BaseWindowの廃止などの変更が含まれています。 Firefox 125がリリースされました。 Firefox 125.0.1, See All New Features, Updates and Fixes Firefox 125 for developers - Mozilla | MDN Intl.Segmenterのサポート、Popover APIのサポート、AV1コーデックのサポート

                                                          2024-04-26のJS: Electron 30、Firefox 125、Node.js 22、React 19 Beta、TypeScript 5.5 Beta
                                                        • k8s 環境で postgresql するなら pgproxy が便利

                                                          はじめに kubernetes 環境で postgresql のコンテナを建てたり、kubernetes クラスタが存在する VPN に postgresql インスタンスを起動する場合、kubernetes の外から postgresql サーバにアクセスする事ができません。モチベーションとしては自分の端末から kubernetes VPN 内にいる postgresql サーバへ psql で接続したいのです。その為にインターネットに穴を開けたくない。 psql が入ったコンテナを追加する... そうじゃない! 失敗した作戦1 コンテナ環境に socat が入った ubuntu コンテナを建て、postgresql へのプロキシを作成、そのコンテナへ kubectl port-forward する作戦です。 $ socat tcp-listen:5432,reuseaddr,fork

                                                            k8s 環境で postgresql するなら pgproxy が便利
                                                          • Cloudflare版GTMのZarazの挙動確認&自前プラグインを実装

                                                            Zaraz はCloudflare 版の GTM 要約すると Google Tag Manager の Cloudflare 版。クライアントだけではなく、Cloudflare CDN を通る時の CDN Edge でも動く。 メジャーなサードパーティスクリプトはCloudflare謹製のものがあるが、基本的には GTM にあるものをそのまま移せるようなものではなく、専用に実装されないといけない。 詳しい使い方はこちら Zaraz の目的 なんでわざわざ普及したGTMではなくこんなものを?という疑問があると思う。とくに初見だとこれがなんなのか本当にわからないはず。自分もサードパーティスクリプトの開発者を経験したからこそ分かる部分と、まだわかってない部分がある。 とりあえず次のブログでZarazの買収意図が書いてある。 あなたがサードパーティのスクリプト開発者で、スクリプトを適切に保護してい

                                                              Cloudflare版GTMのZarazの挙動確認&自前プラグインを実装
                                                            • 2024-08-25のJS: WebdriverIO v9、Node v22.7.0(TS `enum`と`namespace`の対応)、Deno 1.46(Last 1.x)

                                                              JSer.info #704 - WebdriverIO v9がリリースされました。 WebdriverIO v9 Released | WebdriverIO 新しい機能として、WebDriver BiDiのサポート、urlコマンドの追加、addInitScriptコマンドの追加、setViewportコマンドの追加、ShadowRootのサポートなどがあります。 また、emulateコマンドでClockのエミュレーションサポートや、要素がinteractiveになるまで自動的に待機する変更も含まれています。 Node.js v22.7.0がリリースされました。 Node.js — Node v22.7.0 (Current) 新しい機能として、--experimental-transform-typesフラグによるTypeScriptのenumとnamespaceの変換をサポートしまし

                                                                2024-08-25のJS: WebdriverIO v9、Node v22.7.0(TS `enum`と`namespace`の対応)、Deno 1.46(Last 1.x)
                                                              • HTML Drivenなフロントエンド開発について考える

                                                                過日、@tonyennis氏のHTML Firstという文書を拝読しました。 少し調べているとHTML Driven Development - Valuesのように似た話について言及している記事もちらほら見つかり、興味を惹かれる内容でしたので少し深堀って考えてみた事をここに残します。 いそがしい人向け HTML Firstの原則はモダンフレームワークを基盤にした開発に適用できるものではない HTML Drivenな開発とはhtmxやhyperscriptのようなライブラリを活用する開発であるといえる 技術スタック及びアーキテクチャを見直す Locality of Behaviourを重視した設計思想 課題はあるが、プロダクトの性質によっては採用の余地がありそう HTML Firstとは何か まず、件の文書からHTML Firstがどのようなものであるか見てみましょう。 概要 HTML F

                                                                  HTML Drivenなフロントエンド開発について考える
                                                                • 週刊Railsウォッチ: Railsコンソールが最新のIRB APIに移行、assertionless_tests_behaviorほか(20240513前編)|TechRacho by BPS株式会社

                                                                  こんにちは、hachi8833です。以下のお知らせに先ほど気づきました🎉。 💎Kaigi on Rails 2024 公式サイト オープン!💎 オンラインとオフラインのハイブリット開催です! 日程:2024.10.25 (Fri.) - 26 (Sat.) 有明セントラルタワーホールhttps://t.co/Jwk5Zro27S#kaigionrails — Kaigi on Rails (@kaigionrails) May 7, 2024 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 Te

                                                                    週刊Railsウォッチ: Railsコンソールが最新のIRB APIに移行、assertionless_tests_behaviorほか(20240513前編)|TechRacho by BPS株式会社
                                                                  • 2024-02-27のJS: Firefox 123、Remix 2.7.0(Remix Vite is Stable)、2023年のNode.jsまとめ

                                                                    JSer.info #682 - Firefox 123がリリースされました。 Firefox 123.0, See All New Features, Updates and Fixes Firefox 123 for developers - Mozilla | MDN <template>要素がshadowrootmode属性をサポート、Date.parse()の互換性向上、103 Early Hintsのrel=preloadをサポートなどが含まれています。 また、実験的な機能としてWeb Codecs APIをサポートが追加されています。 Remix 2.7がリリースされました。 Remix Vite is Now Stable | Remix Remix 2.7ではSPAモードがStableに、baseオプションのサポート、Remix ViteがCloudflare Pages

                                                                      2024-02-27のJS: Firefox 123、Remix 2.7.0(Remix Vite is Stable)、2023年のNode.jsまとめ
                                                                    • 2024-10-29のJS: Svelte 5、MSW v2.6.0(WebSockets API)、State of CSS 2024

                                                                      JSer.info #713 - Svelte 5がリリースされました。 Svelte 5 is alive Svelte 5では、Runesと呼ばれる構文とReactiveの仕組みがサポートされています Svelte 4の構文は引き続きサポートされていますが、マイグレーションガイドではRunesへの移行方法が紹介されています。 Svelte 5 migration guide • Docs • Svelte MSW v2.6.0がリリースされました。 Release v2.6.0 · mswjs/msw MSW v2.6.0では、WebSockets APIのモックがサポートされました。 詳細は次のドキュメントを参照してください。 Handling WebSocket events - Mock Service Worker ws - Mock Service Worker State

                                                                        2024-10-29のJS: Svelte 5、MSW v2.6.0(WebSockets API)、State of CSS 2024
                                                                      • 2023-12-23のJS: date-fns 3.0.0、Firefox 121、React Aria Components 1.0.0、Catalyst

                                                                        JSer.info #674 - date-fns v3.0.0がリリースされました。 Release v3.0.0 · date-fns/date-fns ESMとCJSのdual pacakgeに変更、それぞれのファイルはnamed exportするように変更されています。 また、TypeScriptの型を改善に合わせて、引数の数のRuntime Checkを無くしてType Checkのみに変更されています。 そのほかには、intervalオプションの負数をサポート、IEのサポートを終了などの変更も含まれています。 Firefox 121がリリースされました。 Firefox 121.0, See All New Features, Updates and Fixes Firefox 121 for developers - Mozilla | MDN <iframe loading

                                                                          2023-12-23のJS: date-fns 3.0.0、Firefox 121、React Aria Components 1.0.0、Catalyst
                                                                        • あなたはブラウザについてどこまで説明できますか? - Qiita

                                                                          はじめに みなさんは身近にあるブラウザについてどこまで理解しているでしょうか? 「ブラウザを説明してください!」と言われたら困ってしまう方もいるのではないでしょうか? そこで、この記事ではブラウザの概要・歴史・基本的な仕組みについて解説を行いたいと思います。ブラウザについて知りたい、改めて学びたいという方はぜひ参考にしてみてください。 最初にブラウザの概要、次に雑談としてブラウザの歴史、最後にブラウザの仕組みについて解説します。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています!興味をお持ちいただける方は、こちらまで。 ブラウザって何? ブラウザとは、Webサイトを見るためのソフトウェアのことを指し、皆さんがQiitaを閲覧するためのソフトを指します。ブラウザがあ

                                                                            あなたはブラウザについてどこまで説明できますか? - Qiita
                                                                          • 2024-05-03のJS: Bun v1.1.5(cross compile)、React 18.3.0、Svelte 5 RC

                                                                            JSer.info #691 - Bun v1.1.5がリリースされました。 Bun v1.1.5 | Bun Blog bun build --compileがクロスコンパイルに対応し、Windows/Linux/macOSに対応したSingle Executable Binaryを出力できるようになっています。 また、package.jsonの末尾カンマを許可するようになる変更やbun.reportが追加されています。 その他には、Import Attributesで任意ファイルをtext/json/toml/fileとしてインポートできるようになるといった変更があります。 React v18.3.0がリリースされました。 Release 18.3.0 (April 25, 2024) · facebook/react React 19 Betaもリリースされていますが、React 1

                                                                              2024-05-03のJS: Bun v1.1.5(cross compile)、React 18.3.0、Svelte 5 RC
                                                                            • 週刊Railsウォッチ: Turbo 8リリース、Railsドキュメント改善プロジェクトほか(20240215)|TechRacho by BPS株式会社

                                                                              こんにちは、hachi8833です。技術評論社のRuby 3.3記事、まだまだありました🙇。 > 新しいIRBでは行末に;をつけると出力を抑制できます。 知らなかった。便利すぎる。;を付けなくてもデフォルトで抑制できるオプションとかありそう。 というかirb & debugを極めるとめちゃくちゃ生産性上がりそう。今度リファレンスマニュアル眺めてみよう。https://t.co/1btnbrfXPL — Masafumi Koba 🇺🇦 (@ybiquitous) January 25, 2024 Ruby 3.3リリース! 新機能解説 「M:Nスレッドによる軽量な並行処理への挑戦」 公開 https://t.co/Atv0p8wFpx — gihyo.jp (@gihyojp) January 30, 2024 Ruby 3.3リリース! 新機能解説 「徹底解説! default g

                                                                                週刊Railsウォッチ: Turbo 8リリース、Railsドキュメント改善プロジェクトほか(20240215)|TechRacho by BPS株式会社
                                                                              • 3PCA 11 日目: Cookie Banner | blog.jxck.io

                                                                                Intro このエントリは、 3rd Party Cookie Advent Calendar の 11 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 前回は、各国で法律が整備されていった流れや、主な法律の特徴を解説した。 しかし、法律はあくまで法律であり仕様ではないため、「どう実装するべきか」は各サービスに委ねられている(ガイドラインなどはあるが)。 多くの場合これを Web の実装に落とし込むと、いわゆる「Cookie バナー」相当になるわけだ。 今回は、実世界でどのようなバナーが提供されているのかを見ていく。 Cookie Banner "Cookie Banner", "Cookie Notic

                                                                                  3PCA 11 日目: Cookie Banner | blog.jxck.io
                                                                                • 2024-02-20のJS: ES2024 RC、typescript-eslint v7、React Compiler

                                                                                  JSer.info #681 - 2024年6月の正式公開に向けたES2024のリリース候補が公開されました。 Release ES2024 Candidate February 2024 · tc39/ecma262 ES2024では、次のような変更が含まれる予定です。 ArrayBuffer.prototype.resize ArrayBuffer.prototype.transfer RegExp v flag Promise.withResolvers Object.groupBy/Map.groupBy Atomics.waitAsync String.prototype.isWellFormed/String.prototype.toWellFormed 毎年2月ごろに仕様へ取り込むProposalが決まり、6月ごろのGA 127th meetingで最終的な承認を得る予定です

                                                                                    2024-02-20のJS: ES2024 RC、typescript-eslint v7、React Compiler