タグ

HTMLに関するYassLabのブックマーク (10)

  • フロントエンドに汎用APIを使わせてはいけない(4年後の続編記事)(翻訳)|TechRacho by BPS株式会社

    概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Don’t Build a General Purpose API (4 Years Later) - Max Chernyak 原文公開日: 2025年12月11日 原著者: Max Chernyak 日語タイトルは内容に即したものにしました。 私は2021年に、フロントエンド向けにわざわざ汎用のAPIを構築して苦労を増やしてはいけないと呼びかける記事を書きました↓(よろしければ記事を読む前に目を通しておいてください)。 参考: Don’t Build A General Purpose API To Power Your Own Front End - Max Chernyak この記事はHacker Newsに2度取り上げられましたが、2度目は評判がよろしくありませんでした(その分議論は白熱しましたが)。推測ですが、2

    フロントエンドに汎用APIを使わせてはいけない(4年後の続編記事)(翻訳)|TechRacho by BPS株式会社
    YassLab
    YassLab 2026/02/20
    "汎用APIをこしらえたせいで問題が発生したら、その問題を解決せずに隠蔽するために、また別のレイヤをこしらえる / バックエンドのコード量は倍増し、複雑さは2倍にも3倍にもなり、そこに注がれる時間と労力も増える"
  • Episode - Schema.org Type

    YassLab
    YassLab 2025/10/17
    “Episode - A Schema.org Type: Thing > CreativeWork > Episode - A media episode (e.g. TV, radio, video game) which can be part of a series or season.”
  • Event - Schema.org Type

    Canonical URL: https://schema.org/Event Equivalent Class: fibo-fnd-dt-oc:Occurrence Equivalent Class: dcmitype:Event Check for open issues. An event happening at a certain time and location, such as a concert, lecture, or festival. Ticketing information may be added via the offers property. Repeated events may be structured as separate Event objects.

    YassLab
    YassLab 2025/10/16
    “An event happening at a certain time and location, such as a concert, lecture, or festival. Ticketing information may be added via the offers property. Repeated events may be structured as separate Event objects.”
  • Herb - Powerful and seamless HTML-aware ERB parsing and tooling. | Herb

    HTML-awareIntelligently recognizes and navigates HTML structure within ERB templates, ensuring precise parsing across interleaved markup and Ruby code. Built on PrismPowered by Prism, Ruby's new official default parser as of Ruby 3.4. Prism is designed to be error-tolerant and is adopted by major Ruby runtimes including CRuby, JRuby, TruffleRuby.

    YassLab
    YassLab 2025/09/27
    “Powerful and seamless HTML-aware ERB parsing and tooling. Next-generation HTML+ERB parsing ecosystem for smarter developer tooling.”
  • lang 属性にGoogle「言語指定にlangは使うな」/公式発言 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる

    Google「lang属性、全く見てない」 「lang属性、全く見てない」。これは、2016年11月に行われたオンラインカンファレンスで、Googleスポークスパーソンを務めるジョン・ミューラーが語った内容です。 ユーザーからの質問を受け、ミューラーは「Googleはlang属性を全く使っていない。替わりというと、リンク(aタグ)の中のhreflang属性だ」と回答しました。やり取りは下記のようなものです。 (ユーザーからの質問:) HTMLソースの中で、このサイトがどの言語で書かれているかを示すことって、重要な事なんですか?Googleサーチコンソールとかでも定義したりできるはずですが。 (ミューラーの回答:) HTMLソースの中にあるそういったコード(=lang属性)を、Googleは全く見ていません。 代わりというか、Googleは、もしページに違う言語のバージョンが存在してたとして

    lang 属性にGoogle「言語指定にlangは使うな」/公式発言 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる
    YassLab
    YassLab 2024/01/31
    “Googleスポークスパーソンを務めるジョン・ミューラーが語った内容です。 ユーザーからの質問を受け、ミューラーは「Googleはlang属性を全く使っていない。替わりというと、リンク(aタグ)の中のhreflang属性だ」と回答”
  • target=”_blank”とは?適切な使い方や注意点を解説 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる

    サイトにリンクを設定する際に、外部サイトへのリンクだからと何気なくtarget=”_blank”を設定する場合がありますね。 記事を執筆する私もtarget=”_blank”でリンクを設定する事が多々あります。 さて、外部リンクを設定する場合、全てtarget=”_blank”の設定で問題ないのでしょうか? 改めてtarget=”_blank”の正しい使い方や注意点を掘り下げて考えてみます。 target=”_blank”とは target=”_blank”(ターゲットブランク)とは、リンク先が新しいウィンドウ(タブ)で表示されるように指定するリンクタグの属性のひとつです。 使用例は以下のように使用します。 <a href="example.com" target="_blank" rel="noopener">使用例です</a> target=”_blank”を使用するメリット・デメリ

    target=”_blank”とは?適切な使い方や注意点を解説 | SEO Packの最新SEO情報ブログ 初心者もすぐわかる
    YassLab
    YassLab 2024/01/21
    “2021年公開の「chrome88」以降ではtarget=”_blank”の指定されたリンクは、「rel=”noopener”」が規定値とされ、記述しなくても良くなりました。 その他、Safariは2019年3月に公開したv12.1より対応済み / FireFoxもFireFox79以降”
  • Hotwireとは何なのか?

    はじめに HotwireはBasecampが発表した、モダンなWebアプリケーションを作るための新しいアプローチです。名前もHTML OVER THE WIREから来ているように、HotwireではHTMLをサーバーから送ります。「それ普通のWebアプリケーションでは?」と思う方もいるかもしれませんが、SPA + APIサーバでJSONが使われるのに対し、SPAと同様の体験をHTMLを中心に置いて作るアプローチであることを示す表現です。 僕個人は、最初は「ふ〜ん」という感じだったんですが turbo-railsを読みつつHotwireのデモアプリをPhoenixに移植してみたり WebSocketではないTurbo Streamsのsourceを作ってみて遊んだり と、ある程度触ってみて良さが理解できてきたので、Hotwireを使うと何が嬉しいのか、Hotwireの各要素の紹介を記事として

    Hotwireとは何なのか?
    YassLab
    YassLab 2023/11/22
    "SPA + APIサーバでJSONが使われるのに対し、SPAと同様の体験をHTMLを中心に置いて作るアプローチであることを示す表現 / 触ってみて感じた一番のメリットは、ユーザにとっても、開発の進め方もProgressive Enhancementにできること"
  • Rails: ERBファイルで<%==を使うときはセキュリティに注意(翻訳)|TechRacho by BPS株式会社

    概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Beware of <%== in your erb files - Andy Croll 原文公開日: 2023/07/17 原著者: Andy Croll 日語タイトルは内容に即したものにしました。 参考: §7.3 クロスサイトスクリプティング(XSS) -- Rails セキュリティガイド - Railsガイド Rails: ERBファイルで<%==を使うときはセキュリティに注意(翻訳) クロスサイトスクリプティング(XSS)は、他のユーザーが閲覧するWebページに対して悪意のあるスクリプトを注入可能になる一般的な脆弱性です。こうしたスクリプトは、個人情報の抜き取りやページコンテンツの操作といった悪意のある操作を攻撃者に代わって実行するのに使われる可能性があります。 Railsのようなフレームワークを使うメリットのひと

    Rails: ERBファイルで<%==を使うときはセキュリティに注意(翻訳)|TechRacho by BPS株式会社
    YassLab
    YassLab 2023/09/20
    "<%== ... %> ERBタグを使うと、<%= raw(...) %>と書いたのと同じ動作になります。こんな書き方をするとSafeBufferによる保護を完全にすり抜けてしまいます / <%==や<% rawが使われているのを見かけたら、まずいことが起きている兆候"
  • GitHub - Shopify/erb_lint: Lint your ERB or HTML files

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - Shopify/erb_lint: Lint your ERB or HTML files
    YassLab
    YassLab 2023/08/05
    “ERB Lint: erb-lint is a tool to help lint your ERB or HTML files using the included linters or by writing your own.”
  • 動画コンテンツ(Video)の構造化データをマークアップする方法

    動画コンテンツ(Video)の構造化データをマークアップする方法を紹介します。 動画コンテンツの構造化データをマークアップすると、Googleはその動画に関する情報をより正確に理解できるようになります。 Googleのマット・カッツは、YouTubeなどの動画配信サービスにアップロードした動画であっても、自分のサイトに埋め込む際には動画の構造化データをマークアップすることを推奨しています。構造化データをマークアップすることで、Googleがその動画コンテンツをより正確に理解することにつながるためです。 JSON-LDでマークアップする 動画コンテンツ(Video)をJSON-LDでマークアップする方法です。JSON-LDはページのどこに記述しても問題ありませんが、通常は<head>タグ内に記述します。 <script type="application/ld+json"> { "@cont

    動画コンテンツ(Video)の構造化データをマークアップする方法
    YassLab
    YassLab 2023/02/21
    “サイトに埋め込む際には動画の構造化データをマークアップすることを推奨しています。構造化データをマークアップすることで、Googleがその動画コンテンツをより正確に理解することにつながるためです。”
  • 1