LPI-Japan、無償教材「Linux標準教科書」の最新版をリリース

2024/12/16 303 users LPI-Japan エルピーアイジャパン Linux 独学

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます エルピーアイジャパン（LPI-Japan）は12月16日、無償の「Linux」教材の最新版「Linux標準教科書 バージョン4.0.0」をリリースした。演習を中心に利用者が独学をしやすい構成と... 続きを読む

【2025年版】ReactとVue.jsどちらを選ぶべきか？【アドベントカレンダー2025】 - Qiita

2024/11/30 184 users Qiita React getter CSS Vue.js

TL;DR Vue.jsはHTMLをJavaScriptの中に書かなくて済むので、可読性が高いです Vue.jsは双方向バインディングをサポートしており、Reactみたいなsetter/getterみたいな無駄な作業は必要ありません Vue.jsはHTMLとCSSとJavaScriptを分けて記述することができるため、どこを修正すればいいか直感的です ReactはJSX内で{}と(... 続きを読む

［作って学ぶ］ブラウザのしくみ──HTTP、HTML、CSS、JavaScriptの裏側

2024/10/21 331 users リソース 本書 目次 通信プロトコル クライアント

はじめに 本書を読むにあたって 目次 第1章：ブラウザを知る──Webサイトを表示するアプリケーション ブラウザの役割❶──Webクライアントとしてのブラウザ クライアント／サーバモデル Webクライアント Webサーバ インターネットとWeb 通信プロトコル HTTP URLによるリソースの指定 DNS ブラウザの役割❷──レンダリングエン... 続きを読む

HTML だけで Shadow DOM を構築するための宣言型 Shadow DOM

2024/10/20 71 users Shadow DOM サーバーサイドレンダリング SSR

HTML だけで Shadow DOM を構築するための宣言型 Shadow DOM 2024.10.19 宣言型 Shadow DOM は `<template>` 要素を使用して Shadow DOM を構築する方法です。宣言型 Shadow DOM を使用することで、従来の JavaScript を使用した Shadow DOM の構築方法と比較して、サーバーサイドレンダリング（SSR）に対応しているため... 続きを読む

「『昭和の拷問王』が異名の公務員、怖すぎるよ」袴田事件の無罪判決によって『昭和の拷問王』紅林麻雄の存在にスポットが当たる

2024/09/27 368 users 異名 無罪判決 袴田事件 再審 公務員

NHKニュース @nhk_news ■速報 58年前、静岡県で一家4人が殺害された事件で死刑が確定した袴田巌さん（88）の再審＝やり直しの裁判で、静岡地方裁判所は無罪判決を言い渡しました ▼詳しくはNHK NEWS WEBで www3.nhk.or.jp/news/html/2024… #nhk_video pic.x.com/n9jcctwo6z 続きを読む

「絶対にdisabled属性を避けて、aria-disabled属性を使わなければならない」わけではありません - Qiita

2024/09/07 68 users Qiita ARIA アクセシビリティ スク 主張

「絶対にdisabled属性を避けて、aria-disabled属性を使わなければならない」わけではありませんHTMLアクセシビリティWAI-ARIA 最近、「アクセシビリティのために、HTMLの disabled 属性ではなく、aria-disabled 属性を使うべき」という主張を見かけますが、本当にそうなのでしょうか？ disabled属性を使っていても、スク... 続きを読む

もう終わりだよこの日本製鉄

2024/09/05 193 users 日本製鉄 バイデン uSs NEWS 買収阻止

https://www3.nhk.or.jp/news/html/20240905/k10014572631000.html トランプどころか、現大統領のバイデンが買収阻止に乗り出してきた。 こうなると当然USS買収は中止となる。 そして、買収中止で困るのはUSS側だと云われているが実はそれだけではない。 USSと日本製鉄の買収契約には違約金の条件が盛り込まれており、 ... 続きを読む

HTML/CSSでできる、押したくなる最新Webボタンエフェクト集

2024/09/04 75 users CSS コピペ ひと カスタマイズ ウェブサイト

この記事では、ウェブサイトを訪れたひとが思わず押したくなるボタンデザインをまとめてご紹介します。 どのボタンも基本、HTMLとCSS（JSもすこし）で作成されているので、手軽にコピペで利用でき、カスタマイズも自由自在。 ボタンをデザインするときに気をつけたいポイントをチェックしておけば、より効果的なボタンの... 続きを読む

Googleスプレッドシートを自動化するGoogle Apps Script（GAS）の始め方

2024/08/15 64 users GAS Gmail CSS 関数 Googleスプレットシート

Google Apps Scriptを使うには Googleスプレッドシートには、Microsoft Excelのマクロのような機能拡張機能としてJavaScriptやHTML、CSSといったWeb言語をベースとする「Google Apps Script（GAS）」が提供されている。GASを利用することで、関数では実現が難しい処理などが可能になる。また、Gmailと連携させることなど... 続きを読む

HTMLとCSSでつくる！ リンクテキストのホバー時アニメーション11選 - ICS MEDIA

2024/08/01 92 users CSS ICS MEDIA リンクテキスト

テキストをホバーしたときの変化やアニメーションをつくることは、どのようなサイトをつくっていてもほぼ必ず行う工程ではないでしょうか。 テキストがリンクであることをユーザーに伝えるという点では、ブラウザのデフォルトスタイルのような下線のみで十分な場合もあると思います。 しかしそれだけではなく、変化をつ... 続きを読む

国立市の新築取り壊しマンションの件で議事録を読んでみた

2024/06/09 128 users 議事録 国立市 company 積水ハウス entry

ブコメを読むと積水ハウスを擁護する意見が多いのだけど、企業側に非がなければそう簡単に取り壊しをしないと思うので、国立市まちづくり審議会の議事録を読んでみた。 https://b.hatena.ne.jp/entry/s/biz-journal.jp/company/post_381532.html 第19回 国立市まちづくり審議会会議録 https://www.city.kunitachi.tokyo.... 続きを読む

☆追記書きました。 　 結婚しない・子供持たない理由で“結婚生活を送る経..

2024/06/09 144 users 経済力 子供 結婚生活 理由 仕事

☆追記書きました。 結婚しない・子供持たない理由で“結婚生活を送る経済力がない・仕事が不安定だから”は20-39歳男女で35%〜36%くらい。(複数回答・男女共同参画局) https://www.gender.go.jp/about_danjo/whitepaper/r04/zentai/html/zuhyo/zuhyo00-41.html 少子化対策としてその部分無視して本当に良いの？と思う。 上... 続きを読む

「自分より年収が上の女性/下の男性との結婚は？」についての意識調査を実..

2024/05/19 127 users 年収 main 意識調査 結婚 男性

「自分より年収が上の女性/下の男性との結婚は？」についての意識調査を実施 https://prtimes.jp/main/html/rd/p/000000485.000001346.html ・男性は半数以上が自分よりかなり上でもOKとしているのに対し、女性はわずか2％未満。 ・半数以上の女性が自分より収入の低い男性は考えられないと回答。 ・全体的に、女性は男... 続きを読む

少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG

2024/05/18 102 users 独断 TAKLOG 登壇 偏見 CSSテクニック

少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。 原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法... 続きを読む

令和のHTML / CSS / JavaScriptの書き方まとめ

2024/05/13 1152 users CSS 令和 JavaScript 書き方まとめ

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コ... 続きを読む

これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape

2024/05/08 136 users CSS 形状 div img div要素一つ

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loa... 続きを読む

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

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 素直に... 続きを読む

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） 産業サイバーセキュリティセンター サイバー技術研究室 室長の登大遊氏は、分散型クラウド... 続きを読む

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

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 ... 続きを読む

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はdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles

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

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

グーグルの新たな画像生成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万人から”同意”を得るための工夫に... 続きを読む

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としてリリースさ... 続きを読む