Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。

すがやみつる @msugaya 私も試してみました。プロンプトは、以下のとおりです。 ＊＊＊＊＊ 『ゲームセンターあらし』というタイトルのマンガがありますが、このマンガに関係なく、タイトルだけのイメージから、美少女がゲームセンターで激しくゲームをプレイする絵を、マンガタッチで描いてください。 ＊＊＊＊＊ こちらの方が年齢が高そうですね(^_^)。 ChatGPT経由でDALL-E3に描いてもらいました。 2024-04-30 22:26:48 ジロー @i9r82k こんこんばんばん 本日夜便は、ゲームセンターあらしより「ゲームセンターあらし」です ゲーセンというか、カラオケじゃないか？ 黒髪ショートカットって意外に珍しい気がする なんか悪友というか、腹を割って話せる関係っぽい感じがします ＃画像生成AI ＃美少女 pic.twitter.com/8SF9NJb1QR 2024-04-30

見出しなどのテキストを目立たせたいときに便利なフキダシ（吹き出し）。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダシは、少ないコードで表現でき、見出しなどのテキストに華やかな印象を与えられます。 ウェブサイトを制作する際に、ぜひ取り入れてみてください。 また、この記事のほとんどの作例で、CSSの疑似要素『::before』と『::after』を利用しています。 疑似要素を使うと、不要なHTMLタグを増やさずにCSSで装飾できます。 ::before ＝ 選択した要素の最初の子要素として疑似要素を生成 ::after ＝ 選択した要素の最後の子要素として疑似要素を生成 これらは、要素に装飾的な内容を追加

なんとなく使っていませんか？ 括弧の種類と使い分け 突然ですが、質問です！ 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中…

The Apple Inc. logo at the new Apple store in Mumbai, India, on Tuesday, April 18, 2023. Photographer: Indranil Aditya/Bloomberg 米アップルは電気自動車（ＥＶ）を開発するという10年がかりの取り組みを中止する。事情に詳しい複数の関係者が明らかにした。同社史上最も野心的なプロジェクトの１つを断念することになる。 アップルは27日、社内でこの情報を共有し、同プロジェクトに携わる約2000人の従業員に驚きをもって迎えられたという。非公開情報であることを理由に匿名で語った関係者によると、今回の決定はジェフ・ウィリアムズ最高執行責任者（ＣＯＯ）と自動車プロジェクトを統括するバイスプレジデントのケビン・リンチ氏から従業員に伝えられた。

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Googleが人工知能（AI）に多額の投資を行ってきたことを考えれば、同社が先頃、独自の画像生成AIツール「ImageFX」を公開したのは、意外なことではない。ImageFXは、OpenAIの「DALL-E 3」や「Midjourney」「Image Creator from Microsoft Designer」といった多くの画像生成AIツールの強力なライバルになるはずだ。 ImageFXは、テキストから画像を生成するGoogleのテクノロジー「Imagen」の最新世代である「Imagen 2」を利用する。ImageFXで作成されるすべての画像には、DeepMindの「SynthID」が埋め込まれる。SynthIDは、肉眼では見えない

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

初めに 私は独学でプログラミングその他について勉強をしていますが、基本的に知識を得るために金はかけません。調べれば何とかなるので。 私がプログラミングを始めるにあたって自分に投資したものは安いノートパソコンとマウスのみで合計金額は14600円（ノートパソコン14000円、マウス600円）ですね。 もちろんいいものはお金をかけなければ手に入りません。しかし、いいものというのはある程度のレベルにならなくては持っていても意味がほとんどないと思います。 実際にプログラミングの勉強を独学で始めると、なかなか教材を見つけることができず、え？こんないいサイトあったの！？もうちょっと早く見つけときゃあよかった！というものがめっちゃありましたので、これから独学でプログラミングの勉強をしたいという方に向けて、少しでもお役に立てたらと、紹介をしたいと思います。 というわけで、今回は私が感謝する神サイトおよびその

OpenAIは2月15日（現地時間）、テキストから最大1分間の動画を生成できる動画生成AIモデル「Sora」を大量のデモ動画と共に発表した。複数のキャラクター、特定の種類の動き、被写体と背景の正確な詳細を含む複雑なシーンを生成することができるという。 プロンプトから破綻のない動画を生成 Introducing Sora, our text-to-video model. Sora can create videos of up to 60 seconds featuring highly detailed scenes, complex camera motion, and multiple characters with vibrant emotions. https://t.co/7j2JN27M3W Prompt: “Beautiful, snowy… pic.twitter.com

仮定の話、1950年生まれだとすると今年74歳 変更履歴：皆が体感より遅いと言うので、一般化を普及率50％にしました。都会は-3年、田舎は+3年くらいでちょうどいいかも（2024/01/20 8:41） 1960年　10歳　白黒テレビが一般化（一般化＝50％） 1962年　12歳　洗濯機が一般化 1962年　12歳　自宅のお風呂が一般化 1965年　15歳　冷蔵庫が一般化 1960年代　10代　年賀状が隆盛 1967年　17歳　掃除機が一般化 1969年　19歳　大型店舗でのレジスターが一般的に 1970年　20歳　プッシュホン、キャッチホンなど始まる 1971年　21歳　カップヌードルが登場 1971年　21歳　カラーテレビが一般化 1972年　22歳　電卓が爆発的に売れ始める 1972年　22歳　炊飯器が一般化 1970年代　20代　アナログレコードが最盛期 1970年代　20代　自家

せっかく10年以上かけて学んだプログラミングだが、人間がコード書くよりChatGPTにやらせた方が早いなということが度々あり、だんだん自分でプログラミングをやる時間が減ってきた。AIにコードを書かせてそれをGitHubにコピペして残りの時間は遊んでるだけで成果が出てお給料ももらえる日は近いし、段々会社もそのことがわかってきて失職する日も近い。 残念ながら現時点では全ての仕事がAIで上手くいくわけではないが、どういう時に使えるかを知っておくと楽をしやすくなるので、僕がどう使っているかをまとめておく。 失職できるケース 簡単なスクリプトを高速に書かせる 僕はRubyが全ての言語の中で一番慣れており、StackOverflowやドキュメントをほぼ見ずに大抵のプログラムを書き切れるため、Rubyを書いている時がプログラマとして一番生産性が高いのだが、それでも最近AIにRubyを書かせたことがあった

何でやろうと思ってTwitterでホームステイ日本人男子で検索してみたら、主に家事やらんのが原因みたい。 最近の男子は変わってきてるだろうけど、バブル期から何十年もかけて信頼損ねちゃったんだろうな。 カナダの家探し女性限定多すぎ！ってついーとが流れ去って行ったんだけど、私が出会った大家さん達、軒並み「日本人の男性は女性と比べて格段に当番の家事をやらない、壊したり汚してもそのままにするから募集しづらい」等々と言っていてフォローできなかったんですよ🥺イギリスでもNZでも言われた🥺 結局シェアの女の子達が当番する羽目になってて申し訳ないから✋とか言ってた人もいたんじゃよ、がんばれ日本男性。 そろそろクソリプ来そうな気がするんでカナダの若者事情書いときます。家庭によると思うんだけど、私の知ってるティーンの子達は大抵実家にいても洗濯も部屋の掃除も自分でやってて、"社会人、実家を出て慣れない家事を

#1 #2 #3 ドライバーの分業制で現場は大混乱 日本郵便との協業により、ヤマト運輸の小型荷物の配送に携わる「クロネコメイト」と呼ばれる個人事業主およそ2万5000人だけでなく、メール便などの仕分け業務に携わるパート社員（契約社員）数千人も”リストラ”の対象に入っていたことがわかったのは、去年10月のこと。 その後、茨城県土浦市にあるベース店（ターミナル拠点）で働くヤマトのパート社員18人が労働組合を結成し、10月16日に団体交渉を行なったところ、ヤマト本社は対応を一転。パート社員の契約終了を見直し、配置転換を含む雇用継続を提案する方針となった。 しかし、一度抱いたヤマト本社への不信感は拭えない。それは正社員も同様のようだ。都内の営業所で正社員ドライバーとして働く50代男性はこう語る。 「これは本社の人間から聞いた話ですが、ヤマトは数年前よりセンター（営業所）の集約化をすることで利益率の

あらためて、また思います。ぼくは、じぶんが参考にする意見としては、「よりスキャンダラスでないほう」を選びます。「より脅かしてないほう」を選びます。「より正義を語らないほう」を選びます。「より失礼でないほう」を選びます。そして「よりユーモアのあるほう」を選びます。

2023年もCSSの進化がすごかったですね！ その進化を2024年でも生かしていけるように、今回まとめておいていつでも参照できるように記事を書こうと思いました。 お読みいただけると幸いです。 一緒に2024年もスタートダッシュで走り抜けましょう。 まず、はじめに この記事では、最近登場した、エキサイティングで、アクロバティックでファンタジックなインパクトのある機能をピックアップして紹介したいと思います。 CSSの多彩な新機能を広く紹介することで、読者がこれらに触れる機会を持てるように努めています。 特に興味を引く機能があれば、他の媒体を通じて更に詳しく掘り下げることをお勧めします。 コンテナクエリ スタイルクエリ :has()セレクタ :nth-child()の「of S」構文 text-wrap: balance initial-letter ダイナミックビューポート単位 広色域のカラー

松本をめぐっては、昨年12月26日配信の「文春オンライン」、27日発売の「週刊文春」で、2015年に松本とスピードワゴン・小沢一敬らが飲み会を開き、女性に性的な行為を迫ったなどと伝えた。これに対し、吉本興業は「当該事実は一切なく、本件記事は本件タレントの社会的評価を著しく低下させ、その名誉を毀損するものです」「法的措置を検討していく予定です」などと声明を発し、文春側は「記事には自信がある」としていた。 また、吉本興業は8日、松本が裁判に注力するため活動を休止することを発表。「このまま芸能活動を継続すれば、さらに多くの関係者や共演者の皆様に多大なご迷惑とご負担をお掛けすることになる一方で、裁判との同時並行ではこれまでのようにお笑いに全力を傾けることができなくなってしまうため、当面の間活動を休止したい旨の強い意志が示されたことから、当社としましても、様々な事情を考慮し、本人の意志を尊重すること

『ゾンビランド』 - 法華狼の日記 人的リソースが減少していく状況において、弱者を見捨てることを優先していけば、最終的に自分が最弱者となる。有能な仲間だけ残した時、より弱い立場から主張したルールを守ってくれるとは限らない。 立憲民主党の米山隆一氏のように、復興ではなく移住を主張する意見が野党の政治家からも発せられ、複数の同調者も出てきている。 非常に言いづらい事ですが、今回の復興では、人口が減り、地震前から維持が困難になっていた集落では、復興ではなく移住を選択する事をきちんと組織的に行うべきだと思います。地震は、今後も起ります。現在の日本の人口動態で、その全てを旧に復する事は出来ません。現実を見据えた対応をと思います https://t.co/1rVQ6hDk1N— 米山　隆一 (@RyuichiYoneyama) 2024年1月7日 非常に言いづらい事ですが、今回の復興では、人口が減り、

オジロ！ @oziro555 数年前から体温が35℃代でずっと悩んでました。原因はなんなのかな…もう高校生頃のように36℃代にはなれないのかな…当時は沢山体を動かしていたからな…。私が赤ちゃんの頃から使っている体温計をしみじみみて思ふ日々…。 そして、 本日購入した体温計が下になります。 pic.twitter.com/Je3ylcktkX 2024-01-11 21:33:24

2022年アニメのエスタブライフが今更ながらめっちゃ面白かったので、みんな見てくれって話。 ちなみにFOD独占だったみたいだけど、今はアマプラでもやってる。 https://www.amazon.co.jp/dp/B0B51DVC1W https://www.amazon.co.jp/dp/B0B649HFDQ 追記：すまねえ、アマプラで無料なのは1話だけだったわ。FOD独占が憎い。ろくに作品紹介もできない。　勘違いでした。はてブ感謝 作品を知ったきっかけ正月番組でやっていた「『BLOODY ESCAPE －地獄の逃走劇－』公開直前スペシャル」という特番。その中でテレビシリーズから選りすぐった3話分を放映していた。 ・新宿が舞台の魔法少女になりたいヤクザの親分のお話 ・お台場が舞台のパンツ禁止の温泉島のお話 ・わがままお嬢様のモデレーターが消滅するちょっと悲しいお話 「このすば」よりさらに