令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
270万人が登録、月間5億円が取引される「Skeb」のクリエイターファースト戦略。SNSで広まる仕組みと、「やらないこと」を決めるとユーザー体験が変わる話。｜アプリマーケティング研究所
270万人が登録、月間5億円が取引される「Skeb」のクリエイターファースト戦略。SNSで広まる仕組みと、「やらないこと」を決めるとユーザー体験が変わる話。 コミッションサービスの「Skeb」さんを取材しました。 株式会社スケブ 代表取締役 なるがみさん。DMMやドワンゴで働いた後に独立してSkebを開発。Skeb（スケブ）について教えてください。なるがみ： Skebはコミッションを行うサービスです。クライアントが有償でリクエスト（お題）を送って、イラストなどを製作すると報酬がもらえます。 2018年11月に公開して、総登録者数としては約270万人、クリエイター登録者数としては約14万人に到達しています。月間取引高は約5億円です。 クリエイター側は、ほぼ日本在住なのですが、クライアントは全体の約35%が海外の方になっています。（アメリカ、韓国、タイの順に多い） 個人開発としてはじめたサービ
【もも裏が硬くてもこのストレッチをやると前屈がラクにできる！】椅子に座ってできるもも裏ストレッチ | ヨガジャーナルオンライン
前屈が苦手な方へ是非やって欲しい「もも裏を効率良く伸ばせる」ストレッチ。椅子に座って簡単にできるオススメのやり方とコツをご紹介します。 もも裏が硬い人はこうなりやすい もも裏がなかなか柔らかくならない！とお悩みの方に長座の姿勢での前屈ストレッチを行って頂くと、よく見られる２つの特徴があります。この特徴を踏まえた上でもも裏のストレッチを行なうと、効率よくかつ確実に効果が得られます。ではその特徴とは？ photoAC特徴① 背中が丸まってしまう 上の写真のような前屈ストレッチを行うと背中が丸くなってしまう方は多いと思いますが、背中が丸まったままの姿勢ではもも裏が効率よく伸びません。この問題はもも裏の硬さだけでなくお尻の硬さも要因となって骨盤を立てることができないために起こります。骨盤を立てることができないと普段の姿勢でも猫背になりやすいので、改善したいポイントですね。 特徴② つま先が開いてし
WebAssembly と JavaScript との間で自在にデータをやりとりする
はじめに 引き続き Rust + WebAssembly + SolidJS で遊んでいます。前回は、Rust 側で作成した文字列を JavaScript 側で console.log に出力することを考えましたが、今回は JavaScript 側から何らかのデータを Rust 側へ渡すことを考えたいと思います。今回も、wasm-bindgen[1] に頼らずにやっていきましょう。 メモリの確保と管理 WebAssembly のメモリ空間は、シンプルな Linear Memory（線形メモリ）になっています。Rust と JavaScript との間で、「プリミティブな数値型」より大きなデータをやりとりするためには、この Linear Memory 上にデータを配置するのが良さそうです[2]。 単一のメモリバッファの確保 メモリの確保は Rust 側で実施します。線形メモリ上には WebA
あともう一品ほしいときに！さっと作れる副菜レシピ30選｜レシピル
毎日の献立を考えるときに「今日のメインおかずはこれで、汁物はあれ。あとは…副菜をどうしよう？」と悩むことはありませんか？副菜を決めるのに、冷蔵庫にある食材でできるものをとか、栄養のあるものをなど、いろいろ考えていると「うーん」と思い悩むこともあるのではないでしょうか。 そこで本日は、当メディアのレシピから副菜におすすめのレシピを30品集めてみました。あと一品ほしいときに役立ちそうなメニューを、さまざまな角度からご紹介します。 この記事が献立に悩むかたのヒントになれば幸いです。それではさっそく見ていきましょう！ まずはじめに、野菜だけの副菜レシピを5品ご紹介します。個人的に「メインでタンパク質をとるから、野菜だけの副菜を知りたい」とよく思うので選んでみました。 これからご紹介するのは、食材が野菜だけにもかかわらず、ごはんが進む濃いめの味付け「長なすと長芋のピリ辛ケチャップ炒め」です。副菜でご
独紙が分析「安倍元首相を殺したのは、日本人の社会への関心の弱さ、弱者への救済の少なさだ」（クーリエ・ジャポン） - Yahoo!ニュース
安倍元首相を弔う声が世界から絶えない Photo： Peerapon Boonyakiat / SOPA Images / LightRocket / Getty Images 安倍元首相が凶弾に倒れた事件は、日本だけでなく世界を震撼させた。動機はすでに明らかになっているものの、そもそも恐るべきこの事件が起きた背景にあったのは、日本社会に蔓延する「無関心」だと、独紙が分析する。 【画像で見る】 弱者に冷たい日本社会独紙「南ドイツ新聞」のトマス・ハン記者は、安倍元首相の殺害がなぜ起きてしまったのか、この死が何を意味するのかを考察している。 犯人である山上徹也容疑者（41）は、「母親が統一教会に多額の寄付をし、家族が崩壊していたため、統一教会のトップを殺したがっていた。だがそれが難しかったため、宗門とつながっているとされる安倍晋三を狙った」とされる。 しかし、何が彼をそのような行動に掻き立てた
SQLアンチパターン簡単まとめ
「SQLアンチパターン」について、自分の勉強がてら内容を簡単にまとめました。 「とりあえずSQLは触れてWebアプリが作れる」「シンプルなアプリを実務で作ったことがある」くらいの人が読むととても勉強になると思います。 また、「現場での良くない設計」が詳細に言語化されているので、経験豊富な人でも新たな発見があると思います。 詳しく知りたい方は是非本を買って実際に読んでみて欲しいです。 第一章 ジェイウォーク パターン 1カラムにコンマ区切りで値を入れて複数の紐付きを表現しようとする なぜダメか 検索しづらい 文字列カラムの文字数制限という暗黙の制約を受ける バリデーションかけられない 解決策 交差テーブルの作成 第二章 ナイーブツリー パターン 木構造を表現するとき、常に親のみに依存する(parent_idだけ持ってしまう) 隣接リスト なぜダメか 階層を深く掘ろうとするとそのぶんSQLをか
sudoの脆弱性情報(Important: CVE-2021-3156 : Baron Samedit) - SIOS SECURITY BLOG
OSSに関するセキュリティ・ツールの使い方・脆弱性等を紹介しています。 SELinux/Capability/AntiVirus/SCAP/SIEM/Threat Intelligence等。 OSS脆弱性ブログ01/27/2021にsudoの脆弱性情報(Important: CVE-2021-3156 : Baron Samedit)が公開されています。どのローカルユーザでもパスワード認証を経ずに特権昇格が出来るため、一度ローカルユーザのターミナルを開くことが出来れば権限昇格できてしまうという強烈なものです。今回はこちらの脆弱性の概要と、各ディストリビューションの対応について簡単にまとめてみます。 【01/27/2021 10:30更新】Amazon Linuxのリンク（ALSA-2021-1478)も加えました。また、詳細情報を追記しました。 【01/27/2021 14:30更新】O
支援者たちに広がる「安倍首相支持は恥ずかしい」の声。王国・山口県で「安倍恥」が拡大中！（週プレNEWS） - Yahoo!ニュース
昨年の「桜を見る会」疑惑をなんとか乗り切った安倍首相。各メディアの世論調査でも内閣支持率は４０％台で横ばいと堅調だ。 しかし今、首相のお膝元・山口４区では異変が起こっている。地元の自民支持者の間で"安倍離れ"が静かに進んでいるというのだ。これは、政局激変の予兆か？ 現地に急行！ ＊ ＊ ＊ 安倍首相は１９９３年の衆院初当選以来、無敗の９連勝。山口４区は安倍首相にとってまさに金城湯池の無風選挙区だ。 しかし今、この安倍王国・山口４区、「桜を見る会」疑惑をきっかけに異変が起きている。下関市民のひとりが安倍派の支援者から直接聞いた話として、こう証言する。 「毎年、安倍事務所は下関市で新年会を開催するのですが、私の友人でそれに毎年参加する女性がいます。熱心な安倍支援者で、多い年にはひとりで３０人近くに参加チケットを売りさばいていたはずです。しかし、その女性が『今年の新年会には参加しない、安倍事務所
ユニクロ会長「日本は最悪、韓国が反日なのは分かる」…安倍政権に苦言（中央日報日本語版） - Yahoo!ニュース
韓国の日本製品不買運動に油を注いだユニクロの創業者、ファーストリテイリングの柳井正会長（７０）が安倍政権に対して苦言を呈した。このまま行けば日本は滅びるということだ。ただし、これが韓国市場を意識して出てきた発言だったかどうかはしっかりと読み込む必要はある。 １６日、日経ビジネスによると、柳井氏は今月９日付に掲載されたインタビューで、日本が韓国を敵対視しているのは異常で、日本が韓国に反感を持つようになったのは日本人が劣化した証拠だという趣旨で主張した。 柳井氏は「韓国にみんな（＝日本）がけんか腰なのも異常。日本人は本来、冷静だったのが全部ヒステリー現象に変わっている」と話した。また「ああいう国民性だから、韓国の人が反日なのは分かる」としつつ「今、日本は最悪」と評価した。 柳井氏は日本社会に対して「このままでは日本は滅びる」と言って大々的な改革を促した。過去３０年間、世界は急速に成長したが、日
『ゼルダの伝説 ブレス オブ ザ ワイルド』と『スーパーマリオオデッセイ』がVRに対応へ。無料アップデートにて - AUTOMATON
ホーム ニュース 『ゼルダの伝説 ブレス オブ ザ ワイルド』と『スーパーマリオオデッセイ』がVRに対応へ。無料アップデートにて 任天堂は4月5日、『ゼルダの伝説 ブレス オブ ザ ワイルド』と『スーパーマリオオデッセイ』において無料アップデートを実施し、両作を「VRゴーグルToy-Con」に対応させると発表した。アップデート実施日は、『Nintendo Labo VR KIT』の発売2週間後となる4月26日。 『ゼルダの伝説 ブレス オブ ザ ワイルド』においては、一部対応していないシーンもあるものの、ゲーム全編をVRであそぶことができるという。冒険の途中でいつでもVRゴーグルに切りかえることができ、奥行きのあるハイラルの世界を楽しめるようだ。『スーパーマリオオデッセイ』では、ステージに隠された音符やコインを探す専用のあそびを追加。「帽子の国」「海の国」「料理の国」の3つのステージでこれ
アインシュタインの夢 ついえる
「アインシュタインと散歩していたとき，彼は不意に足を止め，私のほうを向いて『君は，君が見上げているときだけ月が存在していると本当に信じるのか？』と尋ねた」 ──物理学者A. パイス 2015年，欧米の3つの研究グループがそれぞれ，ある極めて困難な実験に挑んだ。それはある意味，やる前から結果がわかっていた実験であった。少なくとも量子論の理論家たちは何年も前から自信をもって結果を予想していたし，もしも予想外の実験結果が出たら現代物理学を根底から揺るがすことになっていただろう。幸いにも，実験の結果は理論の予想どおりであった。しかし，この実験結果を知って安心したのは，現代の量子論の研究者だけである。量子論を知らない人にとっては信じがたい結果であろうし，もしもアインシュタインが生きていてこの実験結果を知ったら，驚くというよりも，自分の夢が破れたことをはっきりと悟ったことだろう。 アインシュタインは，
【プロテイン】摂るタイミングとその理由【ボディメイク】 - pavlog
最近トレーニングやボディメイクの話をよく耳にします。 NHKで放送されている「みんなで筋肉体操」もその流れをくんでいます。 みんなで筋肉体操 - NHK そして、トレーニングを行った後にプロテインを飲んでいますよね。 あなたはプロテインを飲むタイミングや適切な量を知っていますか？ 高タンパクになるから避けていた人・腎臓に負担がかかるからと飲んでない人にもわかりやすく説明します。 ・目次 プロテインとは？ プロテインの種類 ホエイプロテイン カゼインプロテイン ソイプロテイン（大豆） 摂るべきタイミングとその理由 運動後以外ではどう摂るの 摂取しすぎるとどうなるの？ まとめ プロテインとは？ プロテインとはつまりタンパク質のことです。 普段摂取している食品の、肉・魚・大豆製品や乳製品などに豊富に含まれています。 プロテインを摂取するよりも、まず第一に優先すべきことは普段の食生活に気を遣うこと
「石破氏応援なら辞表書け」…農相に「圧力」か : 政治 : 読売新聞（YOMIURI ONLINE）
斎藤農相（石破派）は１４日夜、自民党総裁選を巡り、「安倍首相の応援団の一人から『石破氏を応援するなら（農相の）辞表を書いてからやれ』と言われた」と明かした。千葉市で開かれた石破氏支持の党員集会で語った。斎藤氏は「圧力は良くない。首相の発想とは思わないが、そういう空気は打破したい」と訴えた。
伊勢崎市議会議員 伊藤純子 on Twitter: "@nob111222333 @analystTOM @santaro_ski @omelett01804457 今一度、辞書で調べてみてください。主権とは「国民および領土を統治する国家の権力。統治権」の意。「国家が他国からの干渉を… https://t.co/Yc5eZLMO7Z"
@nob111222333 @analystTOM @santaro_ski @omelett01804457 今一度、辞書で調べてみてください。主権とは「国民および領土を統治する国家の権力。統治権」の意。「国家が他国からの干渉を… https://t.co/Yc5eZLMO7Z
くりぃむ上田が赤坂自民亭に続き安倍首相を痛烈批判！「特定秘密保護法以降、ひとつも丁寧に説明してもらった覚えない」 - 本と雑誌のニュースサイト／リテラ
くりぃむ上田が赤坂自民亭に続き安倍首相を痛烈批判！「特定秘密保護法以降、ひとつも丁寧に説明してもらった覚えない」 カジノ法案や高プロなど悪法の数々が強行採決された“最悪の国会”が閉幕したが、安倍首相は会見で「我が国が次の時代に向かって大きな一歩を踏み出した、そういう国会になったと考えている」などとワケわからない総括をした。豪雨災害のなか、お友達の利権のためにカジノ法案の審議を強行し、国民の生活を置き去りにした政権の問題は、閉会後も一層追及されねばならないのは言をまたない。 そんななか、本サイトでは先日、くりぃむしちゅーの上田晋也が14日放送の『上田晋也のサタデージャーナル』（TBS）のなかで、例の赤坂自民亭の一件を強く批判したことを紹介した（https://lite-ra.com/2018/07/post-4140.html）。 マスメディアが弱腰のなか、「えひめ丸の事故のとき、森喜朗首相
お詫びと真意 - 長尾たかしの・・・未来へのメッセージ
自民党衆議院議員長尾たかしのブログ。平成11年からネット上で情報発信を継続。サラリーマン生活を経て政界へ。 ※当該投稿は本日18:36に削除させて頂きました。 4月20日のTwitter投稿に関し、お詫びをいたしますとともに、以下、真意を記させて頂きます。 たくさんのご意見を拝読し、私自身の発言そのものがセクハラにあたるというご指摘を真摯に受け止め、気分を害された方々に、写真に掲載されている女性議員の皆様に、心からお詫びを申し上げたいと思います。本当に申し訳ございませんでした。 審議を拒否される同時刻、Me Tooと訴える議員諸氏の姿に、憤りを禁じ得ず、「無縁な方々」との表現をしてしまったことを猛省しております。 財務省等のセクハラ問題は看過できません。同時に、タクシー等でのセクハラ、不倫疑惑、女性議員に対する暴力疑惑なども同様だという怒りがありました。これら行為に目を瞑るということは、「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたが教わってるそのCSSテクニックはもう古い ｜ TAKLOG
蓮舫氏の質問、無断流出か 桜見る会の受注業者に ｜ 共同通信
「結婚は子を作って育てるためのもの」。国の主張に同性婚訴訟の原告が反発「こういう時代を終わらせたい」
