令和のHTML / CSS / JavaScriptの書き方まとめ
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
Domain Event
目次 概要 この記事の内容 対象読者 注意事項 前提知識 定義 用途 モデリング 不変性 独立性 汎用情報 個別の情報 Versioning 実装 前提 フレームワーク Domain Eventの処理 型定義 interface DomainEventEnvelope Enum Domain Eventの内部通知 staticなEvent Publisherを用意してAggregateがPublisherを呼び出す 実装例 AggregateのCommandの返り値としてDomain Eventを返す 実装例 Aggregateで保持してGetterで取り出す 実装例 永続化と外部通知 要件 永続化 外部通知 まとめ 参考文献 概要 この記事の内容 Domain Eventは非常にシンプルな概念かつ強力なモデリングパターンです。 モデリングにおいては直感的に扱うことが可能ですが、実装をする
ブログ婚活、失敗しました - 自意識高い系男子
いまから2年ほど前、「ブログ婚活」と称して私たにしの結婚相手をこのブログで公募したことがありました。 ta-nishi.hatenablog.com 結論から言えばこの婚活は失敗に終わりましたので、ここで報告させていただきます。 応募総数3名。うち交際に至ったのが1名。 この女性と1年半ほど交際を続けましたが、いろいろと折り合いのつかない事情が見えてきて昨年秋ごろに破局。以降半年ほど独身生活を送っています。2年前44歳だった私も順当に歳を重ね、いまでは46歳。「いまさら結婚してもな…」感はますます上昇し、いまのところこの人生で結婚するつもりはもうありません。 交際と破局を通じて改めて実感したのは、「私の人生に結婚や家族は別にいらないな」ということ。そもそも私は孤独に強いし、お金もそれなりに持っているし、友人もたくさんいて趣味も充実しているので、家族に生きがいや孤独の穴埋めを求める必要がない
AWS Configのコストを95%削減しつつ記録を残すことを諦めない - Nealle Developer's Blog
はじめに SREチームの大木( @2357gi )です。 ECS Serviceのオートスケーリングやバッチなど、ECS Taskの起動停止が頻繁に行われる環境でAWS Configを有効にしていると、AWS Configのコストが無邪気に跳ね上がってしまうことがあります。 インターネット上では特定のリソースを対象外にすることによりコストを抑える手法が多くの記事として見かけますが、対象外にするとAWS Config側で「リソースタイムラインの表示」ができなくなったり、Security hubで使用する情報の記録を行うことができなくなってしまいます。 そこで、特定のリソースを「記録から除外」するのではなく、「日時記録に設定」することにより前述した懸念点を解消しつつ、コスト削減をすることができたので紹介します。 経緯 我々のプロダクトでもサービスのスケールや機能拡大に伴い AWS Config
トラぺジウムが人生に残る大傑作だった｜ジスロマック
なにか作品を見ても、「これは自分にとって関係のないことだな」と思ってしまう。ファンタジー、SF、お仕事もの……この世のあらゆるエンターテインメントは、人を気持ちよくさせるための娯楽装置として作られている。 だけど、そんな気持ちのいい作品を見るたび、心のどこかで「人生そんな上手くいかねーよ」と思ってしまう。だから、ずっと心のどこかで、なにもかもが「他人事」な気がしていた。あの主人公も、あの作品も、なにもかも自分にとっては無関係の出来事だった。 でも、『トラぺジウム』を見た時、あまりそう思えなかった。 この映画、端的に言うと「アイドルに焦がれて焦がれ続けた主人公が、なにもかも計算づくでアイドルグループを結成するものの、結局上手くいかず解散する」という内容になっている。極論を言うと、「アイドルを目指して志半ばで大失敗する映画」である。まぁ、とんでもない内容だと思う。 でも、この「上手くいかず解散
One Minute Park
close One Minute Park allows you to visit parks from around the world for one minute each. These are just one minute videos, not webcams. Eventually the project will fill in all the minutes (1440) in a day. You can create your own One Minute Park to help achieve this goal. How to make a One Minute Park Walk around a park until you find a composition. Your scene should be filled with many layers of
エンジニア3年目までに読んで良かった書籍 - Yuki Watanabe's Blog
未経験からエンジニアになり3年が経ちました。 この3年間はベテランエンジニアとの差を埋めるべく、プライベートの時間の大半を学習に充ててきました。幸い少しずつ成長を感じられ、業務では難易度の高い仕事を任せてもらえるようになったと感じます。このキャッチアップのために100冊以上の技術関連書籍を読んだことでしょう。 ここ最近、知人やTwitter経由で知り合った方から、私が学習に使った書籍について質問を頂くことが多いです。そこで、今後参照していただきやすいように、これまで私が読んで良かった書籍を1つの記事にまとめようと思います。 前提：エンジニアとして経験した技術 書籍について 全エンジニア向け Web / インターネット イラスト図解式 この一冊で全部わかるWeb技術の基本 (★) HTMLコーダー＆ウェブ担当者のための Webページ高速化超入門 (★) Webを支える技術 -HTTP、URI
“ノーベル賞に最も近い睡眠の研究者”が教える「快眠メソッド」9つの心得 「スマホはブルーライトより見る内容に注意」「寝酒よりも睡眠薬のほうが安全」
こうすれば眠れるという万人に共通する方法はない、と柳沢教授は言う。いい睡眠を手に入れるには、消去法で眠れない要素を排除していくしかないのだ。 その上で9つの心得を教えてくれた。 【1】日本の寝室は明るすぎます。寝室の照明を、雰囲気のいいレストランか、欧米のホテルぐらいまでに落とすのが必要です。光そのものに覚醒作用があり、朝浴びる光には体内時計をリセットするというプラスの効果があります。けれども、夜になっても明るいままだと、メラトニンという眠るのに必要なホルモンの分泌を抑制しますし、体内時計も後ろにずれてしまいます。このため、眠気が訪れにくくなるのです。昼行性である人間は、薄暗い環境でリラックスできるのです。直接照明ではなく、間接照明を取り入れるのも一つの手段でしょう。 【2】スマホのブルーライトが眠りを妨げるという意見もありますが、光量が少ないので、そこまで気にする必要はないと思われます。
OKRと「測りすぎ」 〜なりたい姿を、「測りすぎ」ないようにしながらどう追いかけるか〜/OKR and the tyranny of metrics
OKRと「測りすぎ」 〜なりたい姿を、「測りすぎ」ないようにしながらどう追いかけるか〜/OKR and the tyranny of metrics
6年前、VTuberを選ばなかった私たちの現在｜えのぐ
VTuberを選ばなかった私たち皆さまはVRアイドル「えのぐ」をご存知でしょうか。 私たちは2017年に活動を開始し、今年の3月で活動8年目 / グループを結成して7年目を迎えた、バーチャル空間を拠点にライブや音楽活動をおこなうバーチャルアイドルグループです。 活動を開始した2017年の年末にキズナアイさまを中心とした「バーチャルYouTuber（VTuber）ブーム」が到来し、当時バーチャルで活動していた方々がその波に乗ってYouTubeチャンネル登録者数やSNSフォロワー数を大幅に伸ばす一方で ── 私たちは「VRアイドル」を名乗り続けたことでそのカテゴリに入ることができず、検索エンジンにもひっかからず、後から活動を開始した方々にもことごとく数字で追い抜かれていきました。 当時、私たちを応援してくださっていたファンの皆さまからも「なぜバーチャルYouTuberを名乗らないのか」「変なプ
2拠点目として温泉の出る激安マンションを買った話 - mochikoAsTechのdig日記
窓の外で鳥の鳴く声がする。時折、遠くで貨物列車の走る音が聞こえる。海沿いを散歩して、その帰りに魚屋で買ってきた海鮮丼を食べる。お腹がいっぱいになったら部屋で温泉をためて入る。とろりとした疲れを感じながら少し昼寝をして、目が覚めたらぼーっと海と山を眺める。 標高が高いので、風呂上がりにガラス戸を開けるとひんやりとした山の風が吹き抜けていってとても気持ちがいい。虫もいないのでそのまま開けっぱなしでも問題ない。最高か。 実はちょっと前に面白い買い物をしたのです。バブル期に人気のあったエリアで、ヴィンテージのリゾートマンションを1部屋買ってみました。いま東京で家を買おうとすると、平気で2LDKが7千万とか、3LDKが1億超えとかするらしいけど、なんと私が買った部屋は90平米で400万円ぽっきり。だだっ広くて部屋で温泉が出る。別にいま住んでいる東京の家を手放すつもりはなくて、個人的な仕事をするための
IT業界に身を置く技術者は転職の好機 人生を変えよ
この記事の3つのポイント IT技術者は転職のチャンスがあれば人生を変えるべき 人材不足が深刻化し、企業が中途採用を増やす今は好機 多重下請け構造で劣悪な労働環境からの脱却を 技術者、特に人月商売のIT業界で多重下請け構造に絡め取られ苦吟してきた技術者にとっては、人生を変える最大のチャンス到来だな。人生を変えるとは多少オーバーだが、要するに転職の好機がようやく巡ってきたのだ。この機を逃す手はないと思うぞ。それに、人月商売のIT業界はまもなく構造不況に陥り「死滅」に向かう。これは日本にとってめでたいことなので私は大歓迎だが、技術者にとっては地獄が始まる。だから、転職を急ぐべし。 何をもって今が転職の好機といえるのか。もはや説明するまでもないと思うが、いまだにぐずぐずしている技術者の背中を押すために少し書いておこう。何点かある。まず景気が完全に良くなったとはいえないものの、ましにはなった。少なく
なぜかずっと疲れている人に足りないのは「攻めの休養」 “ただ休む”だけでは回復しない、生産性を高める休養のコツ
20年間「休み方」について研究している片野秀樹氏の著書『休養学』の刊行記念イベントが透明書店で開催されました。科学的に正しい休養法について、本書の内容に沿ってポイントを紹介しました。本記事では、休んだつもりなのに疲労が取れない人におすすめな“効果的な休養のコツ”を解説します。 前回の記事はこちら 活動・疲労・休養の「3つのサイクル」 片野秀樹氏（以下、片野）：疲労感はマスキング（masking：覆い隠す）できるんですね。例えば、栄養ドリンクを飲んで「今日、がんばろう」という方もいらっしゃるかもしれません。あるいは何かモチベーションを持って、「自分が使命感を持ってやらなければならない」となると、一時は疲労感をマスキングできるんです。 その時の活動能力は下がっているんですが、マスキングしながら活動してしまう。がんばらなければならない時もあると思うので、これは一時的には必要だと思うんですが、ずっ
もう人間がクエリを書く時代じゃない！SQLクエリの組み立てを自動化するSlack botを開発・導入しました - Pepabo Tech Portal
こんにちは。SUZURI事業部の@kromiiiと申します。 私のメインの業務はWebアプリケーションの開発ですが、大学院時代のスキルを活かして並行してデータ分析業務も行っています。 データ分析業務ではデータベースのクエリを書くことが多いのですが、私自身SUZURI事業部に配属されたばかりで、テーブルの名前やリレーションを覚えるのが大変でした。そこでクエリの設計を自動化するツールをSlackに導入しました。 その名も tbls-ask bot です。どのようなものか先に見てみましょう。 ユーザーはSlackでメンションする形で、どのようなクエリを実行したいのか自然言語で入力します。 メンションされるとSlack botが起動し、どのDBスキーマを利用するかを尋ねます。 ユーザーがDBスキーマを選択すると、自然言語からSQLクエリを生成し、Slackに返答します。 今回はパブリックに公開する
【ソフトウェア設計】例外処理を考える
はじめに 最近書いてるソフトウェア設計シリーズです。今回は例外に関して。以前、以下のような記事を書いたのですが、もう少し深堀して書いてみました。 ちなみにソフトウェア設計シリーズは他には以下を書いています。 モジュールになぜ分けるのか？ モジュール、依存、そしてカプセル化 モジュールをどう分割するのか？ 簡潔さは力なり？ 予測可能な振る舞いと簡潔さについて ドキュメントとしてのコメント TL;DR 例外は「原則」キャッチしない 業務例外や必ずハンドリングさせたい例外はOptionalなど戻り値の方が便利 だいたい以下の図が言いたい事のすべて 例外処理とは？ 「例外処理(Exception Handling)」は言語に依らず普遍的な関心事です。端的に言えば例外処理は異常やシステムの動作に不備が発生した際の特別な分岐処理です。リカバリやリソースの解放、あるいはユーザへの通知などがありますね。
【東京・浅草／HUB浅草店】ニューオリンズ・ジャズを標榜するHUBの異端店 | ARBAN
音楽をよりよい環境で聴くために、こだわって作られたミュージックバーやジャズ喫茶などを紹介する本特集。今回は、ジャズの生演奏が毎日楽しめる『HUB（ハブ）浅草店』にお邪魔しました。英国風パブとして知られるチェーン店が、なぜジャズの演奏が楽しめるお店になったのか？ そこには興味深い歴史がありました。 古き良き英国パブを再現した店内で、サッカーの試合やミュージックビデオを眺めながら、エールビールとフィッシュ＆チップスで乾杯する。『HUB（ハブ）』と聞けば、そんなスタイルを思い描くだろう。いまや全国で102店舗（82 ALE HOUSE含む）を展開する大型チェーン。しかし、浅草店だけは、そのどの店舗とも違う独自のスタイルを貫いている。 大きな違いは、毎日のようにニューオリンズ・ジャズを中心としたライブ演奏が聴けるということ。また、キャッシュオンではなくフルサービスであること。ライブの時間帯はチャー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
人生の最後の映画館で、つまらない映画を観る話 - orangestar2
魔女と結婚なんてするもんじゃない！ - 藍田鳴 / 【コミックDAYS読み切り】魔女と結婚なんてするもんじゃない！ | コミックDAYS
今さら聞けないDocker入門 〜 Dockerfileのベストプラクティス編
んば！・第1話 猿
