Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
日本人女性の海外売春の現状●続きあり
海外売春をする日本人女性が増えている。これを読んでいる人の想像する100倍増えている。 ネットで海外売春のスカウトや求人を検索すると、大量にヒットする。彼女たちは国内のソープランドに短期で出稼ぎする感覚で海外に「出稼ぎ」に行く。 国内のデリヘルだと報酬は1日3〜5万。ソープでも1日10万を超えるのは厳しいが、海外だと円安もあり、国内ソープの倍以上は稼げてチップも貰える。だから彼女たちは海外に行く。日本で売春をするより、フィリピンのマニラに行くほうが稼げるのだ。 最近の一番人気はオーストラリア。シドニーやメルボルン。客層は中国人が多い。スカウトは「オーストラリアはワーホリ取れば売春は合法だよ」と行って女の子を誘う。もちろん観光ビザでもワーホリでも売春は禁止だが、売春自体が非合法な国よりハードルが低いらしい。 他にはカナダやアメリカも多い。メインの客層は主に中国系の富裕層だ。日本人スカウトが現
4月末に一時1ドル160円を超える円安ドル高を記録し、インフレを調整した実質実効レートで見る日本円の価値は1ドル360円の固定相場だった1971年のニクソンショック直前を10%近く下回りました。為替の影響によるインフレも進んでおり、マスコミや一般人の間でも日本政府の無策を批判する声が増えてきています。プロのエコノミストの中にも「日本政府はあえて円安に誘導している」と考えている人もいます。しかし私から見ると、政策サイドとマスコミや一般人、エコノミストの間には大きな誤解が生じていると感じることが増えてきました。そこで、ドル円相場についてどう考えるべきなのか、私の見方を書きたいと思います。 為替レートを決定する理論為替レートは理論的にはどう決まるのでしょうか。結論から述べると、為替レートの変動を説明するまともな理論は存在していません。よく取り上げられる仮説は「購買力平価」「金利平価」「キャリート
30代おっさんのダイエット術
この5年くらいで80kg超から55kg以下まで減量して維持できているので、心がけたことの一覧を書いていこうと思う。 自炊それまでは母の作ってくれる食事と昼食は外食で賄っていたので、とりあえず全て自分で作ろうという話になった。 野菜多め自分は沢山食べてしまう人間なので、人より多く食べるという点を曲げる気はなく、じゃあ何を食べていいのかと考えた時、第一候補に挙がったのは野菜だった。 イモ類は別にして、大抵の野菜はカロリーを気にする必要がないので、手当たり次第に野菜を常備して人の3倍くらい野菜を食べる生活が始まった。 なお食費は2倍くらいに膨らんだ。 脂質少なめタンパク質、炭水化物、脂質の中で最も不要なのは脂質だと判断した。 揚げ物は基本的に断ち、スーパーで買う肉もなるたけ脂身の少ない赤身を選ぶようになった。 料理に使う油もできるだけ上質なものを摂りたかったので、オリーブ油と米油を主軸に料理する
精神科医だがこれが参考になるとかブコメで言われまくっていて流石に心配になったのでコメントをいれておく。ここの「躁鬱」が躁うつ病とも呼ばれた双極性障害/双極症のことじゃなくて一般用語としての（病気の固有名じゃない、状態に関する名前としての、精神医学で使うことばじゃない）「躁鬱」であって、かつ読者もそれを理解してるなら以降は無視してください。あくまで医学的な情報の整理で、それ以外の部分についてどうこういう話じゃないし、もともとの増田（この投稿の言及先の言及先）からはほとんど無関係だ。 「鬱はぐったりと元気のない精神病。気弱な人がなるもの」と思っていたが、実際は「些細なことにイライラしがちな人がなりやすい病気で、イライラと元気のない状態を繰り返すもの（=躁鬱）」だ 「些細なことにイライラしがちな人がなりやすい」っていうところは多分疫学的な根拠はない…し、本文全体に同様の、疾病としての躁鬱とイライ
転売ヤーが買い占めても商品は売れているんだからお店やメーカーに害は無いのでは？という意見に対する解説が分かりやすい→｢ゲーム機がないとそもそもソフトが売れない｣
永遠の蒼 @sioagisoluto コレに加えてメーカーや小売店が正確な需要を測れなくなり 転売屋は小売店じゃない為 初期不良があってもサポートして貰えなかったり 手に入らない事によって客離れを起こした時、転売屋がその責任を取って買い支え続けたりはしない など問題は複数あるので画像のはあくまで一例 2024-06-01 06:54:01
まさか、こんな時代が来るとは思いませんでした。 悪い意味で、日本中が注目するようになってしまった「つばさの党」を今日の今日までお金にもならないのに取材し続けてしまった男、選挙ウォッチャーちだい。 世間の皆さんが、今になって「『つばさの党』って何？」となり、知れば知るほど「気持ち悪っ！」となっているのですが、いかんせん朝霞市に１議席を持つだけの超マイナー政治団体ゆえ、追いかけている人間なんぞ他にいるはずがなく、ひょんなことから「つばさの党に最も詳しい人間」となってしまい、おかげさまで、僕もまた少しずつ注目されるようになりました。 僕が最も専門としているのは、反社会的カルト集団「ＮＨＫから国民を守る党」ですが、立花孝志が提唱した「諸派党構想」という弱小政党を集めてＮ国党の支配下に置き、衆院選に挑戦するための３００万円の供託金を払えば、受け取れる政党助成金を分配してもらえるプロジェクトに「オリー
C言語をマスターしたい人はGCCのバージョン14を使いましょう - pyopyopyo - Linuxとかプログラミングの覚え書き -
C言語（C++を含む）を習得したい人，ポインタを勉強したい人はgcc-14を使いましょう．難しいところは gcc-14 が丁寧に解説してくれます C言語の難しいところ 例を示します．C言語で記述された，たった６行のソースコードです int main() { int buf[10]; buf[10] = 0; return 0; } このソースコードには問題があります．初見でわかるでしょうか？ : : : 問題があるのは buf[10]=0 の部分です．C言語でやりがちなミスですが，これがバグやセキュリティホールの原因になります． C言語が難しい理由は二つあります．この手の問題を見逃しやすい点と，この手の問題を理解することが難しい点の二つです gcc 14 に解説してもらいましょう 上記の６行のソースコードをgcc14を使ってコンパイルしてみます ソースコードのファイル名は test.c と
自動車型式指定規則も昭和26年の生まれ。ぜひ一度、図書館で手にとってほしい。しかも、ここにはほんの「導入」しか書かれていない。この後ろに控えている施行規則、運用要領の類いはさらにエグい。 「自動車メーカーがまた不正」「こんどはトヨタまで」……５月末に発覚し6月に入って緊急記者会見が行なわれた国内OEM（自動車メーカー）の型式認証不正がメディアで報じられている。筆者は国交省と自動車業界、どっちもどっちと見ている。「悪法もまた法なり」の原則はあっても、そもそも自動車の型式認証に必要な試験の内容やその「よりどころ」となる基準は、「法律」ではなく国交省の省令や省内の規則に立脚している。何重ものレイヤーになった複雑な規則体系と、最終的には口頭での「行政指導」に頼るようなシステムに「問題がない」とは、到底言えない。 TEXT：牧野茂雄（MAKINO Shigeo） ルールの運用面では悪。しかし、車両の
パレスチナ自治区のガザ地区で戦闘と苦難が続き、ヨルダン川西岸地区で暴力が拡大している現状では、パレスチナの人々が自分たちの国家を獲得する見込みは、かつてないほど薄くなっているように見えるかもしれない。 こうした中、欧州の数カ国が22日、パレスチナ国家を正式に承認すると決めた。だがこれによって、パレスチナの持つ国家樹立の野望の前に、依然として大きな壁が立ちはだかっているという現実が克服されるわけではない。
ドナルド・トランプ前米大統領に対してニューヨークの陪審団が有罪評決を出したことは、一般の人々には衝撃だったかもしれない。しかし、この裁判を注視してきた人の一部は、驚かなかった。 立証責任が検察側にあったため、この裁判では前大統領が有利なはずだった。しかし、弁護団は有力な反論を用意できず、検察側の主張の弱点を突こうとする戦略にも欠陥があったため、弁護は有効性を欠いていたと、複数の弁護士や元検察官がBBCに話した。
もうすぐ絶滅するというリアルの書店に寄せて（下） この記事は、海外文学の世界を渉猟するためのガイドマップとなることを目指している。 後編である本稿では、各出版社/各種レーベルの解説記事を載せている。なお、いずれも書き手の強い独断と偏見で書いているため、異なる意見もあるかもしれない。また、取捨選択をして書いているため、網羅性はない。そのあたりはぜひご容赦いただきたい。 前編には海外文学にまつわる基本情報を書いているので、そちらも併せてお読みいただきたい。 岩波書店 重版出来 言わずと知れた老舗出版社。我が国の「文庫」の創始者である。海外文学に関しては、「文庫書下ろし」*1が多いが、現代文学作品がまれに単行本で刊行されることもある。 出版社URL：https://www.iwanami.co.jp/ 直販サイト：なし（出版社サイトから注文は可） 岩波文庫 帯*2の色でジャンル分けをしており、白
Abletonのシンセ入門サイト、音も出せるしわかりやすすぎる2024.06.02 21:0017,553 ヤマダユウス型 ｢シンセサイザー、名前も見た目もかっこいいけど複雑そう｣ そう感じたことがある人にぜひ知ってもらいたい、シンセ知見の塊みたいなサイトを見つけました。コチラです。 このサイト、音楽制作ソフトやハードウェアを手掛けるAbletonが作ってるみたいで、なんと実際に演奏ができるんです。しかもスマホでアクセスすると、タッチで演奏もできてしまう！ シンセサイザーの仕組みをサウンドと一緒に解説実際にサイトを訪れてみると、テキストと共に操作できるスペースが用意されています。たとえば上の画像だとドラッグできる下画面をクリックすると、ビヨンビヨンとシンセらしい音が出ます。 こういったシンセらしい音はどんな仕組みで動くのか、どんな要素で構成されているのか。音と一緒に理屈でも解説していきます
1: 購入 0: 閲覧(したが購入してない) -: 未観測 ユーザーベース型 ユーザー同士の類似度を計算 「あなたと購入履歴の似たユーザーはこんな商品を買っています」 行を各ユーザーのベクトルとみなして、似たユーザーを見つける（上位N人） 似たユーザーが購入しているアイテムを推薦する（N人の平均値などで購入しそうな順に提示） アイテムベース型 アイテム同士の類似度を計算 「この商品を買ったユーザーはこんな商品も買ってます」 列を各アイテムのベクトルとみなして、類似度の高いアイテムを推薦する（上位M件） 類似度計算には、コサイン類似度やJaccard類似度が使われる。 類似度を計算する際に、未観測「-」は適当な値（0, 0.5など）で埋めるか、無視をする。 ログデータを使うため、情報の少ない新規アイテム/新規ユーザーに弱いコールドスタート問題がある。 コンテンツベースフィルタリング アイテム
数値や日付をさまざまな形式の文字列に！ toLocaleString()を使ってスマートに変換しよう ウェブアプリケーションなどでは外部のAPIからデータを取得して表示することがあるでしょう。しかしながら、APIの値を必ずしもそのまま表示せず、ユーザーにとって分かりやすい文字列に加工することもあります。たとえば、数値をカンマ区切りにしたり、日付データを特定のフォーマットに変換したりといったことはみなさんも経験があるのではないでしょうか？ そのような数字や日付を変換するのに便利なのが、JavaScriptのtoLocaleString()メソッドです。このメソッドを使うことで、数値や日付をさまざまな形式に変換できます。この記事では、toLocaleString()メソッドの使い方と、その応用例を紹介します。 サンプルを別ウインドウで開く コードを確認する toLocaleString()メソ
誤解しているかも！ CSSの詳細度について、よくある誤解を解説
CSSの詳細度とは、(0,0,2)や(1,0,0)など3つの数字でスタイルを適用する際の優先度を決めるブラウザのアルゴリズムです。要素に対して複数のCSS宣言があり、そのプロパティや値が競合している場合、詳細度が高いものが優先されます。 このCSSの詳細度について、よくある誤解を紹介します。 Misconceptions about CSS Specificity by Bramus! 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 詳細度の誤解 1: 詳細度は10進数である 詳細度の誤解 2: style属性で詳細度が高くなる 詳細度の誤解 3:!importantで詳細度が高くなる 終わりに はじめに CSSの詳細度（Specificity）、ひいてはカスケード（Cascade）に関する記事が公開される度に、私はと
こんにちは。寺悠迅と申します。かれこれ数十年、スペランカーというゲームの追っかけをやっております。 しかしながら所謂『やり込み勢』ではなく、スペランカーというキャラクターを愛し、データ蒐集をライフワークとしております。 オモコロさんとこでこういう記事も出させてもらっています。ゲームメディアでやれ。 ごく最近、スペランカーの音楽にまつわる２つの新発見がありましたので、ネット上に明文化し、情報・文化の継承をしてゆきたい所存です。よろしくお願いいたします。 そもそも本当に『新発見』なのか？初めから言い訳じみた話になりますが、ネットは広大です。新発見と言いつつ「それ◯◯ってサイトに載ってたよ」ということもあると思われます。 その際はお気軽にこの記事のコメント欄や、Xで直接お教えください。正中線さえ外していただければ矢文でも結構です。 https://x.com/The_U_JINE ●ATARI版
Chrome 125で追加された、CSSの新しい機能4つを紹介します。 今回のアップデートでは、今まではJavaScriptを使用しないと実装できなかったアンカーのポジションをCSSだけで設定できるようになりました。また、新しい関数やスクロールバーのカラースキームなど、Web制作者は要チェックです！ New in Chrome 125 Chrome 125 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSによるアンカーのポジション CSSのステップ値関数 round(), mod(), rem() 明度がほぼ100%または0のOklabおよびOklchカラーの不連続性を除去 スクロールバーのカラースキーム はじめに 5/15にリリースされたChrome 125で4
犯罪事件で有罪になった初の米大統領経験者だ。主要政党の大統領候補になる見通しの人物が、初めて、重罪で有罪評決を受けたことにもなる。 今回の「口止め料」裁判で、トランプ前大統領は控訴する方針だ。量刑は7月11日に言い渡される予定で、理論上は実刑や多額の罰金もあり得る。それが政治的にどう影響するのか、今から考え始めても早過ぎたりしはない。
2023年8月からX（旧Twitter）にて、「HPVワクチンの深刻な副反応・薬害としての自己免疫性脳症が、相当規模で存在していると推測」する立場である平岡厚さんと対話を続けています。さまざまな論点がありますが、今回は9価HPVワクチン（シルガード９）の臨床試験において、対照群に4価HPVワクチン（ガーダシル）が使用された件について解説します。 臨床試験において、9価HPVワクチンは、4価ワクチンでカバーしていない型に関連する高リスクの子宮頸部、外陰部、膣の疾患を予防し、また、安全性についても重篤な有害事象に関する臨床的に意味のある差は認められませんでした*1。9価HPVワクチンは十分に安全で有効であるというのが専門家のコンセンサスであり、日本でも2023年から公費で受けられるようになりました。 「9価HPVワクチンの臨床試験を1回くらいは生理食塩水を対照として行ってはどうか」という平岡さ
GPT解説2 アテンションの仕組み (Attention, Transformer) | Chapter6, 深層学習
この動画は3Blue1Brownの動画を東京大学の学生有志団体が翻訳・再編集し公式ライセンスのもと公開しているものです。 チャンネル登録と高評価をよろしくお願いいたします。 日本語版Twitter https://twitter.com/3B1BJP 元チャンネル（英語） https://www.youtube.com/c/3blue1brown 元動画（英語） https://www.youtube.com/watch?v=eMlx5fFNoYc&t=795s&pp=ygUVYXR0ZW50aW9uIDNibHVlMWJyb3du 新チャンネルUfolium https://www.youtube.com/watch?v=nF7gFRebGTk&pp=ygUHdWZvbGl1bQ%3D%3D https://www.youtube.com/watch?v=wrNCjIjIzuk&p
はじめてのアプリUIデザイン。フローやWebサイトとの違いを解説します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ 最近Webサイト制作だけではなく、アプリ開発にも携わることが増えてきました。 その中で「Webサイト制作に似ているな〜」と思ったり、「あれ、ここは違う！」といった気づきがたくさんありました。前職ではソーシャルゲームのUIデザインを担当していましたが、Web業界に転職したときも、まったく同じことを思ったのを覚えています。 今回は、Webデザイナーの方がはじめて「アプリのUIデザイン」をするときに必要な知識や考え方、意識したほうがよいことを、フェーズごとにまとめてみました。 アプリにおけるUIデザインとは そもそも「UI」とは、ユーザーインターフェース（User Interface）の略で、日本語では「ユーザーとの接点・接触⾯」という意味になります。 UIはユーザーの目に触れ使用する部分すべてを指し、このUIを通してコンピューターとユーザーは情報のやりと
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
令和のHTML / CSS / JavaScriptの書き方50選
日本政府はなぜ円安を放置しているように見えるのか？｜Willy OES
精神科医だがこれが参考になるとかブコメで言われまくっていて流石に心配..
【選挙ウォッチャー】 「つばさの党」の共同生活についての解説。｜チダイズム
「ああ、トヨタも不正か」とため息をつく前に、自動車メーカーはセコいが、国交省はアタマが硬いと思ってしまう
【解説】 パレスチナ国家の承認、どんな影響があるのか - BBCニュース
【解説】 トランプ前大統領はなぜ無罪を勝ち取れなかったのか - BBCニュース
海外文学入門者に贈る海外文学の買い方、選び方、探し方【レーベル解説編】 - ウラジーミルの微笑
Abletonのシンセ入門サイト、音も出せるしわかりやすすぎる
レコメンドアルゴリズム入門：基礎から応用まで実装に必要な知識を解説 - Qiita
数値や日付をさまざまな形式の文字列に！ toLocaleString()を使ってスマートに変換しよう - ICS MEDIA
【スペランカー考古学】スペランカーの音楽にまつわる２つの新発見｜今日もおいしい絵に描いた餅
Web制作者は要チェック！ Chrome 125で新しく追加された4つのCSSの機能
【解説】 トランプ前大統領の有罪評決、大統領選にどう影響するのか - BBCニュース
9価HPVワクチンの臨床試験で対照群に4価HPVワクチンが使用された理由 - NATROMのブログ