Twilogが有料プラン導入予定！自動更新は有料機能になる他、いいねの取り込みなど新機能を構想中

2024/04/25 18 users twilog main 手動 プレスリリース イイネ

Twilog公式 @twilog_official 【お知らせ】 API制限回避のため、自動更新を停止します。引き続き手動での更新（ツイート取得）は可能となっており、自動更新は5月1日導入の有料プランにて対応する予定です。 詳細はプレスリリースをご確認ください。 prtimes.jp/main/html/rd/p… 引き続きTwilogをよろしくお願いいたしま... 続きを読む

「帰蝶呼びは知識マウント」ってマジ！？

2024/04/24 165 users 帰蝶 知識マウント 言い掛かり 書状 entry

“信長を気にかける貴重な資料” 義父 斎藤道三の書状を発見 | NHK https://b.hatena.ne.jp/entry/s/www3.nhk.or.jp/news/html/20240424/k10014431231000.html ブコメに「なんじゃこりゃ？」ってレベルの言い掛かりがあったので migurin 「帰蝶と書きなおした！知識マウント欲が溢れ出ていていとおかし！」migurin 素直に... 続きを読む

TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)

2024/04/24 14 users Svelte コンパイラ フレームワーク プレゼンテーション

このPDFは、Svelteというフロントエンド開発フレームワークに関する最新情報を提供するプレゼンテーションの内容をまとめたものです。主な内容は以下の通りです： 【Svelteとは】 HTMLのスーパーセットを使った、コンパイラを活用するフレームワークで、軽量なランタイムをエンドユーザーに提供します。 【チームの強化... 続きを読む

ゼロトラストを誤解してほしくない--提唱者が説く正しい定義

2024/04/24 15 users 正しい定義 提唱者 ゼロトラスト 警鐘 定義

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 近年のサイバーセキュリティトレンドに「ゼロトラスト」がある。その提唱者で知られるJohn Kindervag氏は、「誤解されている」と警鐘を鳴らす。同氏がゼロトラスト本来の定義を... 続きを読む

2024年版最近の実装に合わせた、HTMLでWebページを実装するための必要最小限をまとめたテンプレート一式

2024/04/23 14 users テンプレート一式 実装 必要最小限 Boilerplate

Webページを作成する時に役立つ、HTMLをはじめとする必要最小限のファイルをまとめたシンプルな基本テンプレート一式を紹介します。 最新版は、最近の実装に合わせた設計にアップデートされました。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerp... 続きを読む

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

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

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

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

2024/04/19 188 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... 続きを読む

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

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

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