naoki_ng08のブックマーク - はてなブックマーク

令和のHTML / CSS / JavaScriptの書き方50選

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。そこで今回は﹁2024年のWeb制作ではこのようにコードを書いてほしい！﹂という内容をまとめました。質より量で、まずは﹁こんな書き方があるんだ﹂をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

naoki_ng08 2024/05/14

HTML

リンク

同じことは何度でも言う

再投稿だろうがなんだろうが言いたいことは何回も言うんだよ雨垂れ石を穿つ、無理が通れば道理も引っ込む百回言えば変わる、変わらなきゃ千回言う、それでも変わらないなら万、億、兆回だって言ってやる俺の意見が通るまで、てめぇらが認めるまでずっとしつこく言うよ【追記】無責任に偉そうな事を言う増田にもブクマカにも俺の意見は変えさせないだが俺の意見を受け入れるように貴様らが変われ、受け入れろ【追記2】囀るな、愚民共【追記3】貴様らは俺の思想を変えようとしているようだが絶対に変えない俺を嘲り笑ったカスども、俺を揶揄したゴミども貴様らは我を通せない軟弱者貴様らは自分を貫けない雑魚貴様らだよ、ブクマカ、身勝手にトラバつけた増田共

naoki_ng08 2024/05/13

ネットだろうがリアルだろうがスパム扱いされてBANされるのがオチだと思ってしまった俺としては、そのピュアな心と熱意を大事にしてもらいたい。

リンク

同人女として、男性サークルへの毒マロが理解できてしまうので解説する

赤ブーのイベントで男性サークルが現れたことに対する毒マシュマロが投げつけられた件が燃えている。はてブでこんなブコメがあった。 https://b.hatena.ne.jp/entry/s/marshmallow-qa.com/messages/8b7eb932-aaa8-4d0f-af41-f73914b475de?utm_medium=twitter&utm_source=answer ﹁男性の描いた本は想像してしまう﹂とは何を想像してしまうことを指しているの？男性だと、何だから嫌だと言っているのかわからず。毒マロを本人に投げつけた行為はその後の反発を読めない愚かな行為だが、その心情は理解できるので解説します。 BL 漫画…いわゆる二次元、また三次元であっても遠くから見るだけのナマモノに求めるのは、スラッとして清潔でいい匂いがしてムダ毛は生えておらず女に生々しい性欲を向けることもない、

naoki_ng08 2024/05/13

るろ剣の話を読んで、ふいに銀英伝の作者が「ガイエ」と呼ばれていたことを思い出した。

リンク

撤去された「群馬の森」朝鮮人追悼碑、管理の市民団体が解散決定　県から行政代執行費用を請求された：東京新聞 TOKYO Web

群馬県高崎市の県立公園﹁群馬の森﹂にあった朝鮮人労働者追悼碑が県の行政代執行で撤去されたのを受け、管理していた市民団体﹁追悼碑を守る会﹂は11日、前橋市の県教育会館で総会を開き、会の解散を決めた。また、県から撤去費用として2062万円を請求され、県側に同日付で送付した解散通知書の中で﹁支払い能力がない﹂と回答した。総会では、追悼碑の再建を目指して後日、新団体を立ち上げる方針も確認。請求金のうち撤去費は248万円、残りは目隠しの囲いや警備の費用といい、﹁現場にも立ち会わせず、県の都合で行ったことで納得しがたい﹂と活動報告した。総会に先立ち、撤去後初めての追悼集会が開かれ、碑に設置していたプレート3枚が披露された。宮川邦雄共同代表らが﹁県の代執行は稚拙な暴挙。反省と友好親善の重要性を改めて共有したい﹂とあいさつ。約200人の参加者はプレートに向けて献花した。

naoki_ng08 2024/05/13

リンク

「人として最低限のルールさえ…」なぜ『脳外科医竹田くん』モデルは医師を続けられるのか？吹田徳洲会病院の院長が語った「驚愕の言い分」（週刊現代） @gendai_biz

医療界を震撼させている﹃脳外科医竹田くん﹄。そのモデルとなった脳外科医A氏は現在、大阪府の吹田徳洲会病院の救急部門に勤務しており、そこでも﹁デタラメな診療﹂を連発しているという。︻﹁指に針を突き刺して…﹂決死の内部告発！﹃脳外科医竹田くん﹄のモデル医師が大阪で﹁デタラメ診療﹂連発、病院は大混乱︼に続いて、その恐るべき実態と、勤務先病院幹部の直撃取材をお伝えする。﹁職員アンケート﹂の結果昨年の間には、A医師の行状、さらに彼が﹃脳外科医竹田くん﹄のモデルとなった医師であることは院内に知れ渡っていた。同時期、有志が職員アンケートを実施して院長に提出したほか、A医師の懲戒や退職を求める声も上がっている。︿各患者の把握が全くできていない﹀︿何度も意見したり報告書を提出してますが、何も状況変わらない﹀︿カリウムの急速投与未遂やスタッフへの針刺し事故など今までの医師とは明らかに違う。患

naoki_ng08 2024/05/07

リンク

庶民がこれまでのコーヒー遍歴を書く

高校生ごろだったと思う。実家の両親祖父母はよくコーヒーを飲んでいたので、つられて自分も毎朝コーヒーを飲むようになった。ほとんどインスタントコーヒーだった。月一ぐらいでレギュラーコーヒーを淹れてくれるときもあった。その頃はインスタントコーヒーの味がコーヒーであり、レギュラーコーヒーはまた別物というような認識だった。大人になり、一人暮らしを始めて、ふとコーヒーを自分で淹れたいと思い立った。まずはドリッパーを買った。1000円ぐらいの円錐ドリッパーだ。安かったのがたまたま目について、特に何も考えずに買った。初めて淹れた時の気持ちはもう覚えてないが、ドリッパーでコーヒーを淹れている時に良い香りが立ち、とても幸せな気分になる。これはいつもそう思う。コーヒーを自分で淹れると、コーヒー豆の種類を選んだり、淹れ方や分量の違いで毎日違った味を楽しむことができる。酸味、苦み、フルーティさ、など日によって豆

naoki_ng08 2024/05/03

リンク

「バニーガーデン」がVTuberの間で大流行中ギャンブルで身を持ち崩す者、恋愛に溺れる者、さまざまな生き様

﹁バニーガーデン﹂がVTuberの間で大流行中ギャンブルで身を持ち崩す者、恋愛に溺れる者、さまざまな生き様 VTuberの間で恋愛アドベンチャーゲーム﹁バニーガーデン﹂がVTuberの間で流行しています。︵月ノ美兎 YouTubeチャンネルより︶本作は、紳士様の憩い場﹁バニーガーデン﹂で働くキャストとお酒を交えた交流を行い、仲良くなっていくという内容のゲームです。可愛らしいバニーガールたちとのコミュニケーションの豊富さが魅力ですが、現実の高級バーに見られる高額な支払いを彷彿とさせる要素もあり、女の子たちにのめり込みすぎて歯止めが効かなくなってしまうことも……。月ノ美兎さんはギャル口調のキャラクター凛に一目惚れ。一挙一動が好きになってしまいますが、一緒に旅行がしたいという欲望が膨らみ、プレゼントや高いボトルに手を出し始めるように。ふたりでキャンプに行くほどに関係を深めていきますが、誕

naoki_ng08 2024/05/03

リンク

食洗器による家事のパワープレイ

(★はおススメ度) 食器・カトラリー・調理道具を2セット用意する: ★★★★★皿やコップはもちろん、ナイフ・フォーク、包丁やおたまなども2セット以上そろえて、交互に食洗器に入れる。これをやると毎朝、食洗器から食器を出さなくても良くなる。きっちり同じものを揃える必要は無い、なんとなく交互に使えるぐらいの数があると快適になる。食洗器対応の鍋・フライパンを使う: ★★☆☆☆食洗器を買うと一番やりたくなるのがこれ。ただ、個人的にはおススメしない。なぜなら、鍋は食洗器の庫内で場所を取るので他の食器を入れるスペースが減る。食洗器用で定番のティファールの取っ手がとれるフライパンは、きれいになるけど、外側のペイントがどんどん白く曇ってくる。あの白い曇りを取り除く方法があったら教えて欲しい。あと、あの取っ手の角度が使い難い。シリコンたわしを使う: ★★★★☆では、手洗いになった鍋やフライパンをど

naoki_ng08 2024/05/03

リンク

CAT6A準拠を名乗るフラットLANケーブル←こいつゴミです

言いたいこと最近はCAT6Aでフラットケーブルが登場してるが、あれ全部ゴミだ 30mぐらいまであるけどマジゴミ。買う価値なし。ゴミは置いといても、LANケーブルには﹁準拠﹂と﹁対応﹂があるらしい。区別して使うべし長い文章︵読み飛ばしてよい︶CAT6Aで施工指示したのに5Eになってたと言う記事を読んで思い出したので吐き出しておく。大手OAサプライヤで売っている完成品LANケーブル。これもCAT6Aが標準になってきて久しい。5Eのものはほぼ見られなくなった。その中でフラットケーブルと言われるものが売られている。通常LANケーブルというのは、細い線が何本か寄り合わされて、さらに保護用のチューブに入れられた構造だ。なので断面が丸いケーブルが普通である。それを、丸くまとめるのではなく一直線に横に並べ固めたものがある。これをフラットケーブルという。また見かけから﹁きしめんケーブル﹂などと

naoki_ng08 2024/04/23

リンク

日本における「マイナンバーカードによる『SIMハイジャック』発生事案」の被害報告。立憲議員が携帯電話を乗っ取られた経緯をツイートする

すまほん!! @sm_hn これ日本における「マイナンバーカードによる『SIMハイジャック』発生事案」なので注目すべき。政府は原則読み取り必須にすべし。 x.com/setagaya_k/sta… 2024-04-19 14:58:54 風間ゆたか東京都議会議員立憲民主党世田谷区選出 @setagaya_k 昨日昼頃、スマホにPayPay通知が表示され「1000円チャージしました」と。自動チャージ設定？なんだろうとアプリを確認してもよくわからず放置。（この時にPayPayに確認すべきだった！）午後にメールチェックをしていると画像のようなメールが突然届き、これはおかしい、とパスワード再設定しようと... pic.twitter.com/z81IF167aP x.com/setagaya_k/sta… 2024-04-18 08:19:56 風間ゆたか東京都議会議員立憲民主党世田谷

naoki_ng08 2024/04/20

マイナンバーカードの問題ではなく、ソフトバンクのやらかしだよなあ。

リンク

Ｃｏｌａｂｏ弁護団「悪質な誹謗中傷ビジネスだ」　「暇空茜」名誉毀損訴訟 | カナロコ by 神奈川新聞

インターネットでの深刻なデマ拡散や誹謗（ひぼう）中傷で名誉を傷つけられたとして、虐待や性搾取の被害少女らを支援する一般社団法人「Ｃｏｌａｂｏ（コラボ）」と代表の仁藤夢乃さんが、交流サイト（ＳＮＳ）で「暇空茜」を名乗る匿名アカウントの男性に計１１００万円の損害賠償やデマ記事の削除などを求めた訴訟は１６日、東京地裁で結審した。判決は７月１８日に言い渡される。前回の審理では、仁藤さんへの本人尋問が行われ、男性がネット上で書いていたことはデマであるとし、「コラボに助けを求めようと思う少女や女性たちとつながりづらくなっている」と活動への深刻な影響を訴えた。一方、尋問が予定されていた男性は自身の住所特定などの恐れがあるなどとして出頭せず、神奈川新聞の取材に「身の危険という正当な理由があるので出頭はしません」とＳＮＳで回答した。１６日にも男性は出頭せず、コラボ側弁護団の神原元弁護士が「自分の趣味のマ

naoki_ng08 2024/04/17

「リーガルハラスメント」発言で有名な議員会館での提訴記者会見から被告側のカンパが始まったという経緯を踏まえると、原告側がビジネスとして成立させた立役者なんだよなあ。因果が逆転している気がする。

リンク

V林田『麻雀漫画50年史』（文学通信）

文学通信｜多様な情報をつなげ、多くの﹁問い﹂を世に生み出す出版社日本語・日本文学の研究書を中心に、人文学書全般を刊行する出版社、文学通信のブログ。文学だけにこだわらず周辺領域も含め、意欲的に刊行していきます。出版活動と同様に、webでも積極的に活動することで、多様な情報をつなげ、多くの﹁問い﹂を世に生み出していきたいと思います。〒113-0022　東京都文京区千駄木2-31-3　サンウッド文京千駄木フラッツ1階101 電話03-5939-9027　FAX03-5939-9094　info@bungaku-report.com インボイス登録番号‥T4011501023591 Tweet Share on Tumblr 5月下旬刊行予定です。V林田﹃麻雀漫画50年史﹄︵文学通信︶ ISBN978-4-86766-049-2　C0076 四六判・並製・564頁定価:本体2,400円

naoki_ng08 2024/04/16

一八先生にもしっかり触れているあたり大丈夫なのか心配になってしまう。

リンク

Figma初心者でも大丈夫！レスポンシブWebデザインをFigmaで作るための3つのポイント

この記事についてこの記事は、スマートフォン時代のWebデザインスクールや Web制作の基礎から学べる﹁Webコーディングスクール﹂の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。また、総務省の﹁通信利用動向調査﹂を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。利用状況 2022年のインターネット利用率︵個人︶は84.9％となっており︵図表4-11-1-2︶、端末別のインターネット利用率︵個人︶は、﹁スマートフォン﹂︵71.2％︶が﹁パソコン﹂︵48.5％︶を22.6ポイント上回っている。︵出典︶総務省﹁通信利用動向調査﹂このようにスマホ、PCどのデバイスでも見ることが

naoki_ng08 2024/04/16

リンク

明文化されてないからって何でもしたら自分の首を絞めることが分からないバカ

昼に毎日毎日牛丼を買ってきて休憩所で食ってるデブ男、匂いがきついからやめろって複数の女性社員からクレームがついてるのに、そんな社内ルールはないって突っぱね続けてたんだけど、本日めでたく、牛丼の社内持ち込み禁止が明文化されて発狂している明文化されたルールがないからって度を越した身勝手な行動してれば結局最後は自分の首締めるんだよバカはそれが分からない

naoki_ng08 2024/04/13

そのうち休憩所での食事自体が禁止されそうなレベル。最終的に全員の首が絞まるのでは？

リンク

共同親権可決ってなんだよ決めたヤツ死んでくれよ。

夫婦で会話出来てたら離婚なんてしてねーんだよ。署名もして反対もしたのになんで決まっちゃったんだよ。誰の声が届いてんだよこの国は。誰の声で決まるんだよその制度は。全部全部全部ゴミだ。死んでくれよ。養育費なんて払わないのが当たり前、貰えたところで数万、足しにもならん。そんな中で足掻いている片親たちのひとり親の手当を取り上げたくてこうなってんの？知らんけどさ、手当なんて所得ほぼない家庭じゃなきゃ貰えねーんだよ、働いてたら0円だよ。旨みなんてねーよ。こっちはな、隣で眠る可愛い子供をただ守るのに必死で、二人で幸せでいたいだけなのになんで妨害してくるんだよ。共同親権が決まったって喜んでる元配偶者から、嬉しそうな連絡来たわ。お前、養育費払ってから喜べよ。0円だぞお前。ほらみろ、権利だけ欲しがるゴミが湧くだけなんだよ。DVとかから逃げた人達はどうなるんだよ。金も払わない、子供と好き

naoki_ng08 2024/04/13

ハーグ条約の締結・発効から10年も経過しているのに爆速や拙速という批判は無理があると思う。

リンク

「陰謀論者と言われる理由はわかりますが…」国賠訴訟で東京都に勝訴した「暇空茜」インタビュー「世間の批判にすべて答えます」 | デイリー新潮

naoki_ng08 2024/04/12

リンク

なぜ私は逮捕されたのか「乳児の父親は無罪」判決が指摘した医師の不自然な対応と沈黙する病院 | TBS NEWS DIG

「両親と子供の失われた時間は戻らない」生後5か月の長男を骨折させた傷害の罪に問われ、無罪が確定した男性（25）が胸の内を明かした。なぜ平穏な日々が奪われたのか――一連の裁判で明らかになったのは食い違う…

naoki_ng08 2024/04/11

リンク

「現状、人間はこの技術を制御しきれない」。読売新聞とNTTが生成AIのあり方に共同提言　

naoki_ng08 2024/04/11

この記事に対してもAIによる要約ボタンがあるあたり、皮肉が効いていて実に良い。

リンク

渋谷の地べたにたむろしていた若者はどこに消えた…若者を渋谷から遠ざけた「元凶」（谷頭和希） @moneygendai

﹁渋谷はもう若者の街じゃない﹂――。このところ、そんな声がやけに頻繁に聞こえてくる。実際、渋谷の街を歩いていても、若者の姿は、あまり目につかない。筆者は、東京の様々な街のイメージを探るために、さまざまな人々にインタビューを重ねているのだが、今回は、そこから見えてきた渋谷という、︵かつての？︶﹁若者の街﹂の姿を解き明かしたい。果たして、渋谷は本当に﹁オワコン﹂なのか。前編﹃渋谷はもう﹁若者の街﹂じゃない…イケてた街が﹁楽しくなくなった﹂納得の理由﹄で見たように、渋谷は現在進行中の大規模な再開発によって、﹁若者のトレンドを発信する街﹂から、﹁便利な街﹂へと変貌している。また、﹁ゆっくり時間を過ごす﹂場所がなくなり、街にいるだけで消費を促され、居心地が悪い思いをさせられる。﹁ジベタリアン﹂から渋谷を見ると…… 前編に登場した、地方から上京したという10代女子大生が、この話に関連して﹁渋谷

naoki_ng08 2024/04/10

オチが下北沢なのは笑った。ヤンキー狩りボクサーの聖地が復活するのか。

リンク

渋谷はもう「若者の街」じゃない…イケてた街が「楽しくなくなった」納得の理由（谷頭和希） @moneygendai

﹁渋谷はもう若者の街じゃない﹂――。このところ、そんな声がやけに頻繁に聞こえてくる。実際、渋谷の街を歩いていても、若者の姿は、あまり目につかない。筆者は、東京の様々な街のイメージを探るために、さまざまな人々にインタビューを重ねているのだが、今回は、そこから見えてきた渋谷という、︵かつての？︶﹁若者の街﹂の姿を解き明かしたい。果たして、渋谷は本当に﹁オワコン﹂なのか。﹁渋谷は、単なる便利な街﹂結論を先に述べれば、﹁若者の街﹂という看板は、もはや渋谷には似合わないのかもしれない。アンケートを重ねる中で浮上したのは、﹁渋谷﹂は、今や単なる﹁便利な街﹂程度にしか認識されていないという事実だ。﹁是が非でも行きたい﹂﹁あの場所に行ってみたい﹂といった特別な思い入れを抱かせる魅力は、すっかり色あせてしまったようである。このような事態に拍車をかけているのが、現在進行中の渋谷の大規模な再開発だ。数年

naoki_ng08 2024/04/10

別に「若者の街じゃないといけない」ということでもなく。変化とともに主要な年代層が変わるのも当然としか。

リンク

はてなブックマーク

タグ

naoki_ng08のブックマーク (1,570)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス