タグ「HTML」 - はてブログ

タグ HTML

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 1000件)

2024年版 HTMLで作るフォームバリデーション - ICS MEDIA

2024/04/19 91 users フォームバリデーションユーザビリティ ICS MEDIA

すべてのフォームが要件を満たしている場合のみ、送信できます。フォームバリデーションのデザイン上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があり... 続きを読む

IPAの登氏に聞く、「分散型クラウド基盤ソフトを作れるクラウド人材育成」

2024/04/19 149 users IPA 産業サイバーセキュリティセンター室長 VPNソフト

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます「日本にもチャンスがある」。VPNソフトなどを開発してきた情報処理推進機構（IPA）産業サイバーセキュリティセンターサイバー技術研究室室長の登大遊氏は、分散型クラウド... 続きを読む

【HTML】dl, dt, ddで組みたくなる表、tableにするのがいいかもね（スクリーンリーダーと検索エンジンのために）

2024/04/07 8 users dictionary Object メタデータ map 議論

詳しくは以降で説明します。想定する表の内容この記事の議論では、名前と値の組が複数並んでいる、メタデータの表を想定します。プログラミング言語でいうところの、連想配列 (Map, Dictionary, JS では Object) の構造に相当します。具体的には以下のようなものです。会社概要（「会社名：〇〇、所在地：〇〇、資... 続きを読む

一人暮らしの元大学教授が自宅で倒れて病院で亡くなった→近所に親族がいるのに無縁仏扱いになり共同墓地に放り込まれた現代のホラー

2024/04/05 94 users 無縁仏火葬 Shin Hori ホラー NEWS

Shin Hori @ShinHori1 ホームレスではなく元大学教授だった人が自宅で倒れて救急車を呼んで搬送され病院で亡くなったら、無縁仏扱いになって共同墓地に放り込まれて親族もわからなくなった…という現代のホラー「誰が火葬のOK出したんや」兄はどこへ消えたのか？ | www3.nhk.or.jp/news/html/2024… 2024-04-04 23:57:32 ... 続きを読む

タブやアコーディオンの非表示コンテンツにはhidden="until-found"を使うべし｜ TAKLOG

2024/04/02 12 users Hidden None TAKLOG display タブ

タブやアコーディオンの非表示コンテンツにはdisplay:noneがよく用いられますが、hidden="until-found"を利用するほうがメリットがあります。 hidden=“until-found”で非表示にしたコンテンツはページ内検索でアクセスできるhidden="until-found"はhidden属性に新たに追加された属性値です。 hidden - HTML: ハイパーテキ... 続きを読む

RFC の URL はどのドメインで貼るのが良いか | blog.jxck.io

2024/03/27 153 users RFC doc www.rfc-editor.org 結論

Intro IETF の RFC は、いくつかの場所で同じものが公開されている。どの URL が最適なのか、という話。結論は www.rfc-editor.org だ。 RFC Hosting Site 例えば RFC 9110 - HTTP Semantics で言うと、以下の 4 つがある。 https://tools.ietf.org/html/rfc9110 https://datatracker.ietf.org/doc/html/rfc9110 https... 続きを読む

HTMLにカスタム要素を実現する標準技術Web Components。事例をもとに技術特徴を解説 | レバテックラボ（レバテックLAB）

2024/03/21 24 users レバテックラボレバテックLAB テクニカルライター事例

HTMLにカスタム要素を実現する標準技術Web Components。事例をもとに技術特徴を解説 2024年3月21日執筆山内直有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に... 続きを読む

「Copilot Pro」と「ChatGPT Plus」、月額20ドル払うとすればどっち？

2024/03/21 12 users Copilot Pro ChatGPT Plus PDF

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます Microsoftの「Copilot」とOpenAIの「ChatGPT」にはどちらも無料版と有料版があり、月額20ドルの「Copilot Pro」や「ChatGPT Plus」に加入すれば、無料版にはない高度なAIの機能... 続きを読む

シスコ、Splunk買収を完了--セキュリティやクラウドにオブザーバビリティを統合

2024/03/19 10 users オブザーバビリティ Splunk シスコ Cisco 買収

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます Cisco Systemsは米国時間3月18日、Splunkの買収を完了したと発表した。今後はCiscoのAIやセキュリティ、クラウド、ネットワークとSplunkのオブザーバビリティ（可観測性）の統... 続きを読む

Tailwind CSSにおけるHTMLのコンポーネント化とCSSのコンポーネント化

2024/03/18 7 users CSS Tailwind CSS コンポーネント化 Alt

Tailwind CSSにおいて、スタイルの組み合わせを抽象化したいと考えたとき、対処としてはいくつかの方法が考えられる。もっとも一般的なのは、コンポーネントやパーシャルとして、クラス属性値とHTMLをセットで抽出する方法。 <template> <div> <img class="rounded" :src="img" :alt="imgAlt" /> <div class="mt-2"> <d... 続きを読む

半角スペースを表示したいなら ではなくwhite-space: pre;を使いましょうという話 - Qiita

2024/03/17 7 users 特殊文字 Qiita pre white-space 複数

はじめに連続する複数の半角スペースは1つにまとめられたり、先頭末尾の半角スペースは省略されるこれははじめてHTMLに触れた人が戸惑う部分だと思います。ではその半角スペース分の空白をどのようにして表示すればいいのかと調べれば、 などの特殊文字を紹介する記事が数多くヒットします。 HTMLでの半角スペー... 続きを読む

天王寺動物園の動物が逃げた想定の訓練、クマやライオンが関節技を仕掛けてくる

2024/03/17 23 users ライオンクマ捕獲 nhk_video NEWS

NHKニュース @nhk_news 大地震の影響でホワイトタイガーが逃げ出したという想定で、捕獲の手順を確認する訓練が埼玉県宮代町の動物園で行われました www3.nhk.or.jp/news/html/2024… #nhk_video pic.twitter.com/W2hlWDZIjV 2024-03-13 17:47:46 続きを読む

マイクロソフト、「Copilot」無料版にも「GPT-4 Turbo」を搭載

2024/03/14 26 users LLM COPILOT chatgpt マイクロソフト PDF

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます「Microsoft Copilot」の無料版は、より高度な大規模言語モデル（LLM）や、脚注機能、インターネットへのアクセス機能といった、「ChatGPT」の無料版に備わっていない数多くの... 続きを読む

【令和最新版】Google Fontsの読み込み最適化の結論｜ TAKLOG

2024/03/12 12 users TAKLOG CLS href link rel 結論

当ブログで行ったGoogle Fontsの読み込み最適化を紹介します。CLSを大幅に改善できたので個人的にはこれが最適解だと思っています。結論いきなり結論ですが、次のHTMLのhrefの値を使用しているGoogle Fontsのそれに変更し、head内で読み込んでください。 <link rel="preconnect" href="https://fonts.googleapis.com" /... 続きを読む

Go 言語だって minify されたい！「mingo」の紹介

2024/03/11 18 users CSS DOCTYPE html フロントエンド速度 web

HTML/CSS や JavaScript など、 Web フロントエンドにおいては配信時にファイルを minify することが一般的です。ファイルを minify する = ファイルサイズを小さくすることでネットワークの通信量を削減し、結果として Web ページの読み込み速度を向上させることができます。  <!DOCTYPE html> <... 続きを読む

【Next.js14】CSR・SSR・SSG・ISRの違いと実装方法 - Qiita

2024/03/08 28 users クライアントサーバーリクエストＣＳＲ Next.js

Next.jsでは、レンダリング手法をCSR・SSR・SSG・ISRの中から選ぶことができます。本記事では、それぞれの特徴に触れつつ、実装方法を紹介します。 CSR （Client Side Rendering）クライアントからのリクエストに対して、サーバーは空のHTMLとJavaScriptを返します。このJavaScriptがブラウザ上で実行されることによ... 続きを読む

これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles

2024/03/06 206 users CSS ツールチップデザイ div要素一つグラデーション

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザイ... 続きを読む

OpenAIの新たな対抗馬、Mistral AIについて知っておくべきこと

2024/03/03 5 users PDF テキスト OpenAI 電子書籍 AIスタートアップ

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます読者の中には、これまではMistral AIというAIスタートアップのことなど全く知らなかったのに、最近になって急に同社のニュースを目にするようになったという人もいるだろう。こ... 続きを読む

「生成AIで業務の4割が自動化される可能性も」--アクセンチュアの推測を考察する

2024/02/29 10 users アクセンチュア生成AI 推測インパクト業種

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます新たな技術として注目を集める生成AIは、業種や業務にどのようなインパクトをもたらすのか。この疑問に、「現存する業務の4割が自動化される可能性も」と、アクセンチュアは答... 続きを読む

グーグルの新たな画像生成AIツール「ImageFX」の使い方

2024/02/24 186 users OpenAI ImageFX グーグル人工知能 PDF

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます Googleが人工知能（AI）に多額の投資を行ってきたことを考えれば、同社が先頃、独自の画像生成AIツール「ImageFX」を公開したのは、意外なことではない。ImageFXは、OpenAIの「... 続きを読む

ヤフーのユーザー5,400万人から"同意"を得るための技術（HTML/CSS/JavaScript）

2024/02/20 102 users CSS ヤフー同意 JavaScript 技術

こんにちは。SWATチームの今谷と、LY会員サービス統括本部の木所です。 LINEとヤフーの会社合併に伴って、LINEヤフー株式会社が提供するサービスを利用するユーザーに「新プライバシーポリシーへの同意」をいただくためのモジュールを開発しました。本記事では、ヤフーのユーザー5,400万人から”同意”を得るための工夫に... 続きを読む

AWSジャパンの長崎忠雄社長が退任

2024/02/14 6 users AWS 退任長崎忠雄氏長崎忠雄社長 AWSジャパン

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができますアマゾンウェブサービスジャパン（AWSジャパン）は2月14日、代表執行役員社長の長崎忠雄氏が3月11日付で退任すると発表した。また、Amazon Web Services（AWS）でアジア太... 続きを読む

フォーティネットの「FortiOS」に深刻度の高い脆弱性--修正版など公開

2024/02/09 8 users Fortinet ファームウェアフォーティネット PDF

印刷するメールで送るテキスト HTML 電子書籍 PDF ダウンロードテキスト電子書籍 PDF クリップした記事をMyページから読むことができます Fortinetは米国時間2月8日、同社製品に搭載しているファームウェア「FortiOS」に存在する脆弱（ぜいじゃく）性と、これを修正するFortiOSのアップデートバージョンや影響を緩和... 続きを読む

CSSで三角形を実装するにはaspect-ratioとclip-pathを使用するのが簡単 -CSS Triangle Shapes

2024/02/07 24 users aspect-ratio border clip-path

HTMLはdiv要素一つだけ（もしくはimg要素一つだけ）、あとはCSSをコピペするだけで三角形を実装できるCSS Triangle Shapesを紹介します。 CSSの三角形は、一昔前はborderで実装していましたが、最近では2つのプロパティ（aspect-ratio, clip-path）で実装します。どうやって実装するんだっけ？というときに覚えておくと... 続きを読む

Electron代替を目指す軽量なフレームワーク「Tauri v2」β版リリース。iOS/Android対応など

2024/02/05 70 users Electron代替フレームワーク Electron 代替

JavaScriptとHTML/CSSを用いてアプリケーションを構築できるElectronの代替を目指し、より軽量なRust製のフレームワークとして開発されている「Tauri v2」のβ版がリリースされました。 iOS/Androidモバイル対応 TauriはこれまでWindows、Mac、Linuxに対応したデスクトップ版が2022年6月にバージョン1.0としてリリースさ... 続きを読む