令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
プロダクトマネジメントクライテリア
プロダクトマネジメントを体系化したクライテリアです。企業がプロダクトを成功に導くために必要な要素を多角的かつ具体的に記載してあります。対象はプロダクトマネージャー個人ではなくプロダクトを取り巻くチームとし、プロダクトマネジメント全体をスコープにしています。
知れば写真が上手くなる！基本・応用の構図15選と構図を使いこなすコツ | Adobe
「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な
ブラウザキャッシュの仕組みについてまとめた
Web開発において、ページの読み込み速度は非常に重要になります。 そのためにもブラウザのキャッシュは効率的なWebサイト運営に不可欠な機能です。 ブラウザのキャッシュには次のHTTPヘッダを設定することができます。 Expiresヘッダ Cache-Controlヘッダ Last-Modifiedヘッダ ETagヘッダ これらのキャッシュには強いキャッシュと弱いキャッシュで分類が可能です。 「Expires」「Cache-Control」は強いキャッシュであり、「Last-Modified」「ETag」は弱いキャッシュに分類できます。 強いキャッシュと弱いキャッシュ 強いキャッシュは設定された期間内は完全にローカルキャッシュを利用して、サーバーへのリクエストを行いません。 一方で弱いキャッシュはキャッシュされたリソースの検証が必要であり、ETagやLast-Modifiedヘッダを利用して
新・必須ガジェット。テレワークのストレスを全部解決してくれました | ライフハッカー・ジャパン
もう手放せない。 最近毎日のように行なっているオンライン会議。自宅や好きな場所で、いろいろな人と打ち合わせができるのはたいへんありがたいもの。しかし、オンラインならではのストレスもあります。 たとえば音声の問題。お互いの使っているデバイスや周囲の環境などにより、声が聞こえづらくなると、何度も聞き返したりすることがストレスになります。また、オンライン会議が増えてきたことで、議事録作成の時間が膨大になってきているのも辛い。 さらに、自宅で仕事をする時間が増えると、机の上もごちゃごちゃになりがち。Webカメラにマイク、外付けディスプレイに外付けHDD、その他スマートフォン類の充電などなど、机の上はありとあらゆるケーブル類が這い回っています。作業スペースが狭くなりますし、何より気分が下がります…。 このようなストレスを軽減するために、AIの技術を活用したあるガジェットを導入してみました。 その名も
AWS 導入事例: ニンテンドーシステムズ株式会社 | AWS
ニンテンドーアカウント、ゲームニュースなど、任天堂が展開するネットワークサービスの開発・運用を担うニンテンドーシステムズ。インターネット経由でソフトウェアのダウンロードや追加コンテンツなどを購入できるオンラインショップ『Nintendo eShop』は、同社が手がけるサービスの 1つです。 Nintendo eShop は 2011 年に始まり、現在は世界中で 1 億 3,000 万台以上の販売実績を持つ Nintendo Switch に対して、40 か国以上の国に 24 時間 365 日の体制でサービスを提供しています。任天堂のデジタルコンテンツの総売上は 2017 年から 2023 年にかけて 10 倍以上となり、現在はゲームソフトの売上高全体に占めるデジタル比率は 50％ 近くに達しています。 Nintendo eShop の基盤は当初オンプレミスで運用してきましたが、利用者が急増
無印良品「ユニクロとほぼ同価格帯なのに、品質は段違い」3つの傑作アイテム | 日刊SPA!
メンズファッションバイヤー＆ブロガーのMBです。洋服の買いつけの傍ら、「男のおしゃれ」についても執筆しています。連載第473回目をよろしくお願いします。 ここ近年で無印良品はファッション向けに大きくシフトしています。 得意のコンパクトシルエット、実用性のみを強く意識したデザインディティールを捨て、ここ数年はトレンドをしっかり取り入れたファッションアイテムを強く打ち出しています。 実用性重視の方はワークマンやユニクロなどに流れる可能性がありますが、僕たち「服好き」なら今は無印こそが買い！ ブランド見えするような驚くほど高クオリティのアイテムがたくさんあります。今回はそんな無印良品マストバイ3選！ 今回、紹介するアイテム、ほとんどの人が見落としているはず……読み終えた後は正直、「あ〜今年はユニクロの○○買わなくてよかった！」と思うでしょう。ユニクロと価格はほぼ変わらず「上位互換品」をお教えしま
日本D&D興亡史｜柳田真坂樹
以下の記事はブログメディア、TokyoDevにて公開されている『The rise and fall of D&D in Japan』の元になった原稿です。 日本在住の英語話者向け記事として「日本におけるD&Dの歴史」をまとめてほしいという依頼を受けたため、刊行されていたり、自分が立場上知り得た情報に基づいて日本のD&Dの歴史と展開を追いました。 英語版の記事は、編集部の協力により、この記事からディテール部分を大幅にカットしてD&Dの興亡と現状、影響をシンプルにまとめたものとなっています。 1985年、『ダンジョンズ＆ドラゴンズ』（以下D&D）は日本で爆発的なヒットを記録し、日本語版『ベーシックルールセット』は発売された年だけで10万部を売り上げた。翌年にはゲーム雑誌『コンプティーク』にてD&Dのセッションの様子を読み物とした記事、『D&D誌上ライブ ロードス島戦記』が掲載された。この記事を
死ぬまでに一度は行くべき温泉旅館 15選｜まさゆき｜旅人
日本全国を旅してるまさゆきです。 これまで登録者1300人の旅系YouTubeを運営したり、気づいたらGoogleマップに2000個以上のピンが立ってました。 今回は「死ぬまでに一度は行くべき温泉旅館15選」を紹介します。 次の旅先を選ぶ参考にしていただければ幸いです。 名前のリンクからホームページに飛べます。正確な値段はご自身でお調べください。 不老ふ死温泉place ／ 青森 price ／ 2名1泊 32,200円~ 1名 13,900円~ 手を伸ばせばすぐ届きそうな日本海を間近に入る露天風呂は、まるで海に溶け込むよう。特に夕暮れ時は空の色が変化し、夕日も温泉も世界の全てが黄金色に包まれる。地球の美しさにため息が漏れる。 また白神山地のミネラル豊富な水が注ぐ海からとれる海の幸は絶品。料金をプラスすれば食べれるアワビの踊り焼きのゴリゴリとした弾力と、ジュワッと広がる旨みが忘れられな
NHKスペシャルみたいに書類にスポットライトを当てる
書類の一部だけを照らす光 NHKスペシャルで、書類にこんなふうに光が当たっているのをよく見る。 「NHK 大川原化工機」の Google 画像検索結果のキャプチャ NHKが手に入れた書類にスポットライトを当てて、重要な行や単語だけを分かりやすいようにするのが典型だ。その他、暗闇の中に書類そのものをぼんやりと浮かびあがらせるやり方もある。 これを真似したいなあと思っていた。「盆踊り大会のお知らせ」のようななんでもない文書でも、こうやって照らせばなにか重大な資料みたいに見えないだろうか。 どうやって照らすか しかし問題がひとつある。これそもそもどうやって光を当ててるんだろうか。まずはシンプルに、書類に帯状に光を当てるやり方を試してみたい。 そのためにこんな方法を考えてみた。 照らしたい紙の上に透明の板を浮かべ、そこに光のスキマを作るための紙を置いて、全体を上から照らすのだ。 スマホのライトで照
なんとなく使っていませんか？ 括弧の種類と使い分け｜モリサワ note編集部
突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 （そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ）とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、（ ）の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会
総務省｜報道資料｜LINEヤフー株式会社に対する通信の秘密の保護及びサイバーセキュリティの確保に係る措置（指導）
総務省は、本日、LINEヤフー株式会社（代表取締役社長 出澤 剛、法人番号 4010401039979、本社 東京都千代田区）に対し、同社における、不正アクセスによる通信の秘密の漏えい事案に関し、通信の秘密の保護及びサイバーセキュリティの確保の徹底を図るとともに、再発防止策等の必要な措置を講じ、その実施状況を報告するよう、文書による行政指導を行いました。 LINEヤフー株式会社（代表取締役社長 出澤 剛。以下「LINEヤフー社」という。）からの報告により、同社及び同社のITインフラの運用に係る業務委託先であるNAVER Cloud社が、それぞれセキュリティに係るメンテナンス業務を委託していた企業においてマルウェア感染が生じたことを契機として、NAVER Cloud社の社内システムが侵害されるとともに、同社を介して、同社とネットワーク接続のあったLINEヤフー社の社内システムに対して不正アク
行動をチャンク化して「1日に1ターンしか行動できない」から脱却する
<span title='2024-03-02 23:08:58 +0900 +0900'>2024年03月02日</span> · 4 分 · 1839 文字 1 日に 1 ターンしか行動できない方、いませんか？私です。というか、私でした。 例えば、 その日美容院に行く予定があったら、美容院に行く以外のことは何も手につかない午後から人に会う予定があったので午前のうちに作業をしようと思ったが、結局何もできず時間を無駄にしてしまった午前中だけバイトのシフトが入っていて午後は時間があったはずなのに、気づいたら特に何もせず 1 日が終わっていたなど。 自分がまさにこれだったのですが、「理論的には自由に使える時間はたっぷりあったはずなのに、何もできていない」ということに強烈な無力感を覚え、悲しい気持ちになりがちでした。 しかし最近になってこれを解消する方法を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
会議改善に関するガイドラインを策定しました|柏崎市公式ホームページ
中国企業が「世論工作システム」開発か、Ｘアカウントを乗っ取り意見投稿…ネットに資料流出
【特集】 電源の仕組みはこうだ！理解できれば良し悪しも分かる。これで目指せ電源マイスター
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
国土交通省が新サイト「不動産情報ライブラリ」を無料公開、早くも神サイトと評判【やじうまWatch】
LLMの現在 - Speaker Deck
お前を中華街に連れて行く前に言っておきたいことがある かなり厳しい話をするが俺の本音を聞いてくれ「でもそれが観光みたいなことある」
