Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
私事ですが、骨折して２か月ほど半寝たきり＆半引きこもり生活をしていました(動かな過ぎて痔になった)。なので連載以外は全く何もせず過ごしていたんですが、若干余裕が出てきたのでリハビリがてらnoteで好きなことを書きます で……久々にXを見て「おすすめ」タブに表示されていた裏垢女子を一度見たら、それからずっと出てくるようになってしまった。 裏垢女子というのは、一般的には性的な内容のポストや画像の投稿をあけすけに行い、会って性行為に及ぶのもやぶさかではない……みたいな女性ユーザーのことを指すが、体感では純粋に性的な出会いを求めている人は0.2%くらいではないかと思う。 残りの99.8%は ・「ここで連絡先交換してます♥」とか言われて詐欺の出会い系(会えることや資金譲渡をエサに入金を何度もせびられる)に誘導される ・DMで交通費やホテル代などの名目で「PayPayやAmazonギフト券をくれたら会
ゼルダの伝説 マスターソード
「ゼルダの伝説マスターソード」がPROPLICAで登場。全長約105cmの大迫力の造形で圧倒的な存在感を放つ。「ゼルダの伝説」シリーズの楽曲を8曲収録。さらにボタンアクションや振動ギミックも内蔵。 ※本商品は屋内で楽しむディスプレイモデルです。屋外に持ち出したり、振り回したりしないでください。 【セット内容】 本体・鞘・ディスプレイスタンド一式 【素材】 ABS製 【対象年齢】 15才以上 画像はイメージです。 商品の画像・イラストは実際の商品と一部異なる場合がございますのでご了承ください。 ●商品に関するお問い合わせ BANDAI SPIRITSお客様相談センター 0570‐078‐001 受付時間10－17時(土・日・祝、夏季・冬季休業日を除く) ※本商品は、他の商品との同時購入が出来ません。あらかじめご了承ください。
Nintendo SwitchのX（旧Twitter）連携機能および「フレンドおすすめ機能」のSNS連携終了のお知らせ｜サポート情報｜Nintendo
1．HOMEメニューの「アルバム」から、X（旧Twitter）に画面写真や動画を投稿する機能は、ご利用いただけなくなります。 Facebookに画面写真や動画を投稿する機能は引き続きご利用いただけますが、今後サービスを終了する可能性がございます。ご了承ください。 HOMEメニューの「アルバム」から、スマートフォン向けアプリ『Nintendo Switch Online』の「スマプラス」に画面写真を投稿する機能もご利用いただけなくなります。 2．『スプラトゥーン3』において、以下の影響があります。 広場のポストから投稿するとき、X（旧Twitter）やFacebookへの投稿を行わず、直接任天堂のサーバーにデータが送られるようになります。この変更により、X(旧Twitter)やFacebookのアカウントを所持していなくても投稿できるようになりますが、13歳未満のお客様が投稿した画像は、ほか
画像生成AI関連の著名な開発者、lllyasviel（イリヤスフィール）氏が5月7日、生成AI画像の照明を自在に操作できるツール「IC-Light（Imposing Consistent Light）」を公開した。 2種類のモデルを公開 IC-Lightは画像の照明を操作するプロジェクト。前景画像（人物やオブジェクトなど）を入力し、プロンプトにテキストや背景画像を指定するだけで、まるで別の環境で撮影したかのような画像を得ることができるという。 現在、「テキスト条件付きリライティングモデル（text-conditioned relighting model）」と「背景条件付きモデル（background-conditioned model）」の2種類がGitHubで公開されており自由に試すことができる。 なお、作者のlllyasviel氏は「Stable Diffusion」のWebUIであ
【速報】<del>3668,</del> 3664黒点群がヤバい (2024/5/10) (追記×3あり) - Deep Sky Memories
早朝目が覚めてコンビニに出かけたら空は快晴。前の晩に撮影すればよかったか、などと言っても後の祭りなのですが、そういえばなんかデカい黒点出てたよなと思い、リモートワークなのをいいことに始業前に太陽を撮影しました。それがこれ。 【注意！】 太陽の観察・撮影には専用の機材が必要です。専用の機材があっても些細なミスや不注意が失明や火災などの重大な事故につながる危険性があります。未経験の方は専門家の指導の元で観察・撮影してください。 3668, 3664 黒点群 (2024/5/10 07:38) 高橋 FSQ-85EDP (D85mm f450mm F5.3 屈折), 笠井FMC3枚玉2.5倍ショートバロー(合成F15.1)*1, バーダープラネタリウム アストロソーラーフィルターフィルム, ZWO UV/IR Cut Filter / Vixen SX2 / ZWO ASI290MM (Gain
バカにすんなよ40年前ならそこまで古くならんわ
プログラミング言語で書かれた謎の広告→「分かる人」が見ると……？ 粋なアイデアが「おしゃれ」と話題 東急に制作背景を聞いた
東急グループのデジタル技術による街づくりプロジェクト、「URBAN HACKS」の電車内広告が「面白い！」「おしゃれな広告」と話題です。CSSの記述に見える文字列をよく見てみると……？ 「分かる人には分かる」広告が話題 話題になっているのは、Webページの装飾を設定するためのプログラミング言語「CSS」風の文字列が黒い背景に並んでいる電車内広告。「エンジニア デザイナー募集」の記載もあるため求人広告とは分かりますが、コード部分の意味は一見しただけでは分かりません。 CSS部分をよく見ると…… しかしよくよくコードを読んでみると、「skill: 100%;」「org-style: flat;」「work-space: unset;」など、実は職場環境を紹介する文になっているのです！ 「フラットな社風で働く場所は自由、スキルを100%生かせる仕事です」といった感じかな……？ 別バージョンでは「
これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回はさまざまな形状を実装するシェイプです。
嫁に不倫されて離婚した後輩。子供の親権や車を奪われ、住宅･車･結婚式のローンを背負わされながらも、最近は完全に立ち直っていた
とんとん🐔S&P500集中投資 @kabutoon 30歳サラリーマン🧑💻 / 妻&双子とマイホーム生活🏠 / S&P500フルインベストメント🇺🇸 / プロフィール画像&ヘッダー画像は@Nobe_tto氏より🐔🐤🐤 とんとん🐔S&P500集中投資 @kabutoon 嫁に不倫されて離婚した後輩。子供の親権や車を奪われ、住宅･車･結婚式のローンを背負わされながらも、最近は完全に立ち直っていた。「そろそろ合コンとか行ってみたら？」と声をかけると「元嫁と住んでたマイホームと月17万円ローン持ちの男なんて無理でしょ笑」と言われて｢…せやな｣って返した。 2024-05-10 18:08:53
国内ゲーム開発者などの間で「ポストプロセス」話が賑わう。グラフィックの印象をバシッと決める重要処理と、その仕組み - AUTOMATON
とあるクリエイターのX（旧Twitter）上での投稿をきっかけに、ゲームのグラフィック描画についての談話が賑わいを見せた。グラフィック描画の印象を大きく左右する処理である「ポストプロセス」などについて、国内開発者・クリエイターらを中心に実際の描画例の共有などが盛んに行われたようだ。 ビデオゲームのグラフィックは、さまざまな処理を重ねた結果として、画面上に映し出される。ゲームが動いているコンソールやPCの中では、3Dモデルの状態やライティングの情報などが高速で処理。多段階のプロセスを経て、プレイヤーが目にするような整った画像として仕上げられていく。そうした画像（フレーム）が毎秒何十回と更新され、動くゲーム画面となるわけだ。そうした一連の処理はレンダリング（描画）パイプラインと呼ばれ、そこでの調整がゲームのパフォーマンスやグラフィックの見栄えを大きく左右するわけだ。 『鳴潮』 そして、描画パイ
北海道や石川でオーロラのような現象 太陽フレア影響か
１１日夜、北海道や石川県輪島市などで、オーロラのような現象が観測された。ここ数日報告されている、太陽の表面で起こる大規模な爆発現象「太陽フレア」の影響とみられる。英国やスイス、中国など世界各地でも１０日までにオーロラが報告されている。
モザイクを手づかみしたい
写真の一部にモザイクがかかっていると、写ってはいけないものが写っていたように見える。 それがモザイクではなくて、実際にカクカクしたものだったらいかしてる。 モザイク処理したように見えたものを手づかみして、ほら、もともとこういうものなんだよ。 そんなことを言いたい。
自然言語でWebサイトを作れる「Create」 KEITO（以下、KEITO）：はい。次は、今ものすごく話題になってる「Create」です。 池田朋弘氏（以下、池田）：知らないです。 KEITO：ご存じないですか。この1週間でめちゃくちゃ話題のサービスになっていて、自然言語でWebサイトを作れるものなんですけど。ChatGPTでもコードを吐き出したりできるので、Webの形を作るのはなんとなくできそうだとは思うんですけど。Createだと、その作ったWebサイトに機能を入れることができるんですよね。 具体的に言うと、この右側が、僕が作ったやつです。「KEITOチャットAI」と言って、「こんにちは」と送れば、裏側でChatGPTが動作してしっかりと返してくれる。このチャットボットを、本当に30分ぐらいで作りましたね。しかも僕、プログラミングなんて一切できないので。本当に自然言語だけで「チャット
オーロラの影響でピンクに染まる空と、その光を映すオホーツク海。右は知床半島（20秒間露光）＝北海道斜里町で2024年5月11日午後11時34分、貝塚太一撮影 太陽表面で起きる爆発現象「太陽フレア」が8日から繰り返し大規模に発生していることから、国立研究開発法人「情報通信研究機構」は11日、全地球測位システム（GPS）の位置情報や無線通信などに障害が発生する恐れがあるとして注意を呼び掛けた。この影響で非常に大きな磁場の乱れ「磁気嵐」が発生。北海道や東北、本州の日本海側など、各地でオーロラとみられる現象が観測された。 同機構によると、最大級の「Xクラス」の太陽フレアが8日から11日までに計7回発生。11日午前10時23分に発生した太陽フレアは、その中でも最大規模だった。3日間（72時間）で7回のXクラスが発生したのは、観測史上初めてという。
はじめに 以前つくった Minsta というデジタルスタンプラリーの Web アプリの中で、ブラウザ上で Canvas を使用してスタンプ風の画像を生成する機能があるのですが、前々からもう少し画像のファイルサイズを落とせそうだなと思っていたので、今回 Rust と WebAssembly を使用して PNG ファイルを極限まで圧縮するのに挑戦してみました。 Minsta については以下の記事をご覧ください。 動機 Minsta では単色で背景透過の以下のようなスタンプの PNG 画像をブラウザ側で Canvas の toBlob メソッドを使用して生成しているのですが、このメソッドで PNG エンコードすると 32 bit の RGB+alpha 形式のファイルしか生成できず、 Minsta で扱うような単色の画像にとっては余計にデータサイズが膨らんでしまっていました。 PNG は使用する
はじめに TSKaigi本番も迫り緊急でテックブログを書いています、VPoEの河合です。 来る5月11日(土)、TSKaigi 2024が開催されます。エムスリーエンジニアリンググループは、TSKaigiをリフレッシュメントスポンサーとして応援しています。 本記事は、少しばかりTSKaigiの宣伝をしつつ、エムスリーのJavaScript/TypeScript文化のお話をするものです。 はじめに TSKaigiとは エムスリーにおけるTypeScript 学生向けLTも開催 おわりに We are hiring !! TSKaigiとは TSKaigiは、一般社団法人TSKaigi Associationが企画、運営する、国内最大級のTypeScriptをテーマにした技術カンファレンスです。 今年が第1回目とのことですが、KeynoteにはTypeScript Product Manage
大規模な太陽フレアの影響により、日本を含め世界各地で普段は見られない場所でもオーロラが発生しました。 なよろ市立天文台のライブ配信から 日本では5月11日に北海道などで低緯度オーロラが発生し、高感度撮影で捉えた、夜空がピンク色に染まる写真がSNSに投稿されています。 ライブ中継を行った天文台もあり、「感動した」「神秘的な空」などコメントが寄せられました。 気象庁によると太陽フレアにより地磁気の大きな乱れが観測されており、通信障害などが発生する場合があるとのこと。 オーロラを見る advertisement 関連記事 完全な姿は7年ぶり 明石市に「夕焼けパンダ」現る 「こんな映像初めて観た」「完全にSF」 SpaceXの新型ロケット、大気圏への再突入映像にネット沸く カラフルな惑星をハンマーで割ると……？ ワクワクする仕掛けが詰まったアイデアケーキがすてき 「ヒトナーで何が悪い」 宇宙の果て
Webサイトやデザイン制作で、やたらと時間がかかってしまうとお困りのクリエイターの方へ。 この記事では、SNSなどでいま話題の最新ツールやフリー素材を50個まとめており、制作時間を短縮したいというひとに選ばれています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 AI関連ツール RenderNet – Create AI images with Unmatched Control 一貫性のある同一人物によるキャラクター画像を生成できるAIツールで、人種やスタイル、性別などはもちろん、顔はそのままでポーズの変更や、背景の再生成などが可能。 Textify — Fix text in images — Storia AI 元の背景を維持したまま、シームレスに文字テキストのみを変更できるAIツール。既存のフォントスタイルに合わせることも、新しいものを
OpenAIは5月13日（現地時間）、「Spring Update」と題したオンラインプレゼンテーションを配信。新しい大規模言語モデル（LLM）「GPT-4o（オー）」がお披露目された。 プレゼンテーションではまるで人間と話しているような音声会話機能が話題になっているが、実はウェブサイトに掲載された記事を見ると画像生成機能も大幅に性能アップしていたことがわかった。 一貫性の保持。AIコミックが描けるぞ！ 今回のプレゼンテーションではなぜかまったくと言っていいほど触れられていなかったが、画像生成AI「DALL-E 3」（おそらく）を使用した画像生成能力も大幅に進化しているようだ。 まず、いちばん驚いたのは画像の一貫性の保持だ。なぜなら、DALL-E 3やStable Diffusionなどの画像生成AIにとって「同じキャラクター」を生成するのは最も苦手な仕事だからだ。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
令和のHTML / CSS / JavaScriptの書き方まとめ
結局ChatGPTとGemini、Claudeのどれを使えばいい? 色々比較した
AI裏垢女子に気を付けろ(ディープフェイクで裏垢動画を作ってみた)｜山野祐介
画像生成AIに“照明”革命 ControlNet開発者が作った「IC-Light」
映像を昭和のビデオテープみたいに劣化させる表現がPVとかで流行ってる
｢4,5年前に買った謎ピアスの正体が分かって感動している｣偶然見かけた商品紹介のポストから謎のおじさんの正体が明らかに→謎が解けたという人が続出
プロに依頼するほどでもない画像加工を自分でこなすには？ 「AIを使って画像をどうにかきれいにしたい」人を救う、実務で使えるツール
最大級の太陽フレアが7回連発 各地でオーロラ、北海道でも観測 | 毎日新聞
Rust と Wasm で極限まで PNG ファイルを圧縮した話
TSKaigiのスポンサーです、リフレッシュメントについて全てをお話します - エムスリーテックブログ
OpenAI、「GPT-4o」発表 高速応答で音声・画像・テキスト対応
太陽フレアの影響でオーロラが…… 日本でも観測、ピンクに染まった空の写真、SNSに続々
できるクリエイターへの近道、話題の最新Webツール・デザイン素材50選
画像生成AIとしても超進化したChatGPT「GPT-4o」