令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
アラフィフ独身のおっさんです。 2DKに住んでて、ダイニングキッチン、リビ..
アラフィフ独身のおっさんです。 2DKに住んでて、ダイニングキッチン、リビング、寝室の構成。 ①食事 三食自炊。ごはんは週末に1升ちょいまとめて炊いて冷凍。豚汁を4日に1回作って4食冷蔵庫に保存。 朝食はごはん、豚汁、のり、生卵、昆布の佃煮、ヨーグルト、冷凍の果物とほぼレンチンで終わる。卵が卵焼きに変わったりウインナーに変わったりする。朝食は時間が読めたほうがいいのでバリエーションいらないと思う。 昼食はお弁当。ウインナー系主菜、作りおき中華、チルド惣菜、果物の4品に冷凍のごはん解凍したやつ。朝食と合わせて20分くらいで準備。レンジフル稼働。 夕食は麻婆豆腐とかすぐできるおかず一品にごはんとチルド惣菜と果物。 面倒なら副菜はきんぴらごぼうとかかぼちゃの煮付けとかのチルドを積極的に使おう。 ②掃除 拭き掃除のロボット掃除機をローテで寝室、リビング、ダイニングキッチン、廊下と部屋を変えて4日周
「経済評論家の父が息子に伝えた、お金の稼ぎ方・増やし方とは？」｜Hajime Yamazaki（山崎元）
書籍のタイトルを考えてみた。いかにもありそうな書名で、似たテイストのものが既に複数あるにちがいない。 もの欲しげな、率直に言って少し下品に思えるタイトルだ。私は自分の本に使いたいとは思わない。しかし、編集者との話が煮詰まって疲れてくると、「このタイトルが売れると思います」と説得されて、これに決めてしまうかも知れない。 そうなると困るので、noteに要点を書いて、このテーマを手放してしまうことにしよう。世はコスパ（コスト・パフォーマンス）、タイパ(タイム・パフォーマンス)の時代だ。書き手にも、読み手にも、要点だけ早く伝わることのメリットは大きい。 私の書く本も含めて、世間の本は無駄に長い。 さて、先日私は息子に手紙を書いた。大学に合格したのでそのお祝いと、父親として息子に伝えたい事柄をあれこれを認めた。偉そうな内容で、読者に紹介するのは少なからず恥ずかしいが、たとえば、以下のようなことを書い
山崎元、癌になってみて考えた。「どうでもいいこと」と「持ち時間」 | トウシル 楽天証券の投資情報メディア
●病気と療養の概要 ●情報•判断•処理の能力とコスト ●癌の費用と「がん保険」 ●髪の毛や酒の「真の損得勘定」 ●時間の最適化としての人生 病気と療養の概要 筆者は昨年、癌に罹った。食道癌である。本稿執筆の時点で（2023年1月下旬）、手術からの回復過程にあるが、再発防止目的の薬剤を投与するために一月に1、2度通院している。癌は全てが投資やお金と関係する訳ではないが、本人にとって不確実性下の意思決定問題である点が投資と似ている。 今回は、自分で癌に罹り、治療に臨んでみて、何を感じ且つ考えたかについて率直に書いてみよう。今後に公開する動画で、筆者の風貌が少し変わっている（数キロ痩せて、髪の毛が減っている）理由の説明にもなるだろう。 尚、投資の文章では末尾などに「投資判断はご自身で行って下さい」としばしば注記されているが、本稿の性質もそれに似ている。筆者の治療方針の選択や意思決定は一例であって
【詳しすぎる2週間】親の死亡後にまずやること（行動チェックリスト付）
Tweet Pocket 「もし家族が亡くなったら、どんな手続きが必要になるんだろう？」 「葬儀や相続の手続きをすることは知っているけど、実際いつまでにどこでどんな手続きをすればいいの？」 いつかは訪れる身内の死、それとともに発生するのが数々の死亡後の手続きです。 多くの場合、そう何度も経験する出来事ではないため、いざ自分が遺族となったときに「どういった手続きがあるのかわからない」という声をよく聞きます。 この記事では、そのような「身内の死後、遺族となったときにやること」をわかりやすくまとめました。 「死亡後の手続きは、これを参考にしよう！」となるよう、”死後2週間”の手続きに限定して詳細に解説しています。 「死亡後の手続きは多岐にわたり、期限があるものも多く、大切な人を失った悲しみに暮れる間もない…」という実際の多くの感想をもとに、そうならないために、死亡後2週間の手続きについて特化しま
独身男性の普段のつくりおき - #つくりおき
私はお酒大好きid:haretarasake。好きな飲み物はハイボール、嫌いな飲み物は牛乳です。今回は真なる独身男性である私の普段のつくりおきを紹介します。でもまぁ無類の酒好きとしては酒に合わない料理なんて存在する価値も無いわけでして、つまり全ては酒を飲むために作ったつくりおきで御座います。 ・茄子と舞茸の煮浸し 夏は茄子が美味い。馬鹿みたいに巨大な茄子が売ってたので舞茸と買ってきました。 いい感じに切って、焼いて 焼けたら出して、舞茸も焼いて 戻して 煮ます。味付けは水白だし醤油酒味醂。 約束された勝利。舞茸から出た🐴味が茄子に染み込んでるし食感もトロトロになってて🐴🐴の🐴。舞茸も🐴過ぎ。 ・ゴーヤを上手いことやったやつ 夏はゴーヤも美味い。 わた取ってスライスして塩ツナ缶油ごとごま油味の素黒胡椒で和えて完成。黒胡椒は粗挽きで入れたら入れた分🐴くなるので狂ったように入れましょ
中国人やインド人が、すぐにちゃぶ台返しをする理由
だが米国以上にユニークなのが日本だ。アジアの多くの国と同じように日本のリーダーシップは階層主義的だ（図の右半分）。上下関係がはっきりしていて、部下が人前で上司に意見することはめったにない。リーダーシップが階層主義的な国の多くは、意思決定はトップダウン型になる（図右上）。迅速で柔軟、一度決まったことでもすぐに変更や修正がある。中国やインドがこうしたケースだ。一方、日本の意思決定は合意型だ（図右下）。組織のなかで合意を積み上げていく。意思決定に時間はかかるが、ブレずに迅速に実行される。 リーダーシップと意思決定という2つの指標で、日本ほど正反対の極へ大きく振れる国は他にない。階層主義と合意主義の共存という珍しいパターンが、他文化の人から見て日本の組織やリーダーは分かりにくいという印象を与え、摩擦を生む原因になる。同じようにヒエラルキーを重視するにもかかわらず、インド人は日本人リーダーが意思決定
常備サバ缶とトマト缶をフライパンにぶち込んで「プッタネスカみたいなサバ缶トマトスパゲティ」【ヤスナリオ】 - メシ通 | ホットペッパーグルメ
こんにちは、高円寺メタルめしのヤスナリオです。 今回ご紹介するのは、常備している缶詰で作れる「プッタネスカみたいなサバ缶トマトスパゲティ」です。 「プッタネスカ」は、トマト、アンチョビ、オリーブ、ケイパーなど常備している食材で手軽に作るイタリア、ナポリの名物パスタ。 このプッタネスカをイメージして、お手軽サバ缶トマトソーススパゲティを作ります。 材料はサバ水煮缶、カットトマト缶、コンソメスープの素など常備してあるものでOK。缶詰の中身をそのままフライパンに出せばいいので、包丁も使わずにパパッと作れます。 ヤスナリオの「プッタネスカみたいなサバ缶トマトスパゲティ」 材料：1人分 スパゲティ（今回は1.7mmのもの） 100g サバ水煮缶 1缶（150～200gくらいのもの） カットトマト缶 1/2缶（200gくらい） コンソメスープの素（キューブタイプ） 1/2個 すりおろしにんにく チュー
桃太郎なのに、とっても Apple
こんな桃、見たことない。 川上に目をやれば、どんぶらこ。 洗濯をしていたおばあさんが見つけたのは、世界でいちばん大きな、桃でした。 このような桃は、わたしたちも見たことがありません。もちろんおばあさんも、見たことがありませんでした。山に柴刈りに行っていたおじいさんも、見たことがなかったはずです。流れてきたのは、本当に大きな桃だったのです。 Hello, Momotaro. 家に持ち帰って割ってみれば、中にはなんと、玉のような赤ん坊。 おじいさんもびっくり。おばあさんもびっくり。わたしたちまで、びっくり。 おじいさんもおばあさんも、最初は食べるつもりで桃を切ろうとしたのです。でも、中から飛び出したのは、元気な男の赤ん坊でした。こどものいなかったおじいさんとおばあさんは、おおよろこび。桃から生まれた男の子は、桃太郎と名付けられました。 身長は4倍、パワーは最大300倍。 元気いっぱい、すくすく
ミステリ好きなら高校生までに読破しておきたい古典100
https://anond.hatelabo.jp/20210210225201 エドガー・エラン・ポオ「モルグ街の殺人」ウィルキー・コリンズ「月長石」コナン・ドイル「シャーロック・ホームズの冒険」モーリス・ルブラン「怪盗紳士ルパン」ロナルド・A・ノックス「陸橋殺人事件」フョードル・ドストエフスキー「罪と罰」コンラッド「闇の奥」F.W.クロフツ「樽」S.S.ヴァン・ダイン「僧正殺人事件」ガストン・ルルー「黄色い部屋の謎」エラリー・クイーン「Yの悲劇」ジョン・ディクスン・カー「火刑法廷」アガサ・クリスティ「そして誰もいなくなった」ドロシー・セイヤーズ「ナイン・テイラーズ」イーデン・フィルポッツ「赤毛のレドメイン家」G.K.チェスタトン「ブラウン神父の童心」フランシス・アイルズ「殺意」ウィリアム・アイリッシュ「幻の女」コリン・デクスター「キドリントンから消えた娘」セバスチャン・ジャプリゾ「シン
Amazon裏技の検索コマンド「&sort=salesrank」ほかで絞り込み
Amazonで商品を探そうとしても、どこのメーカーかも分からずに「最新版」をうたうヘッドセットなど、見るからに怪し過ぎるアイテムが次々と出てきます。闇市化しているAmazonでは、説明文の日本語がおかしいこともしばしばです。 実際、Amazonの本から「ラジオ」で検索すると、スポンサー表示であるラジオ機器が先頭に表示されます。そこで、Amazon裏技の検索コマンド「&sort=salesrank」を追加して絞り込みすると、公式「ベストセラー」表示の付いた書籍が表示されました。 Amazonには検索結果URLの末尾に特定の検索コマンドを追加すると、表示される商品を絞り込める裏技があります。例えば、インチキベストセラーを除去するには、Amazon裏技の検索コマンド「&sort=salesrank」を追加。これでAmazonが本当のベストセラー順に絞り込み検索表示が変わります。 実際にAmazo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
管理職必読 順番に読むと理解が深まる「マネジメントの名著」11冊
「汚れの落とし方」を科学で分析。「洗浄技術の研究者」に教わる、汚れとの戦い方 | となりのカインズさん
Excelで画像の背景を削除する事が出来るらしい「こういう使い方ができるのか」「下手な編集ソフトよりも綺麗に透過できて感動した」
Adobe製品と同じような事をフリーソフトでやりたい場合の対応表がすごく使える→他にも高機能なフリーソフトが集まる
Microsoft、無償で始められるオンライン動画編集ツール「Clipchamp」を発表／アプリのDLは不要、デザイナー制作のテンプレート・大量の素材でプロ顔負けのビデオを
おくすりレシピ | うつ病
ゆる～と - 全国日帰り温泉・銭湯マップ
レトルトパウチを開封するとき切れ込みがずれて綺麗に切り離せないお悩みの根本的な解決方法がこちら「もっと早く知りたかった」
深夜に食べると死ぬけどバカ美味いやーつのレシピまとめ
