Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
中国で売られるスマホには「消しゴムマジックで消せない場所」があるって本当？実際に試してみた - はやぽんログ！
インターネット上である投稿が話題だ。それは特定の中国メーカーのスマートフォンでかつ、特定の場面で「消しゴムマジック」に準ずる機能を利用しようとすると「利用できない」というものだ。 その場面とは、北京にある天安門広場だ。北京の有名な観光地であるとともに、中国の歴史的な行事などで幾度も舞台になった場所だ。過去に天安門事件が起こった場所でもあることから、反政府的なデモを防ぐ目的で多くの警備兵が配置されていることでも知られる。 前述の反政府的なデモ防ぐ目的から、インターネット上でも、検閲が厳しい場所としても知られている。中国のネットユーザが天安門広場に飾られる毛沢東氏の肖像画を消した画像でも投稿してしまえば、そのアカウントはあっという間に凍結されてしまう。 今回フォロワーのなしみるく様よりこの2枚の写真を提供いただきました。 @Hayaponlog お疲れ様です🙏 Huawei機で天安門の写真で
｢食紅でスコーンをピンクにしようとしたら臓器に...｣どうしても〇〇にしか見えないおもしろ料理失敗シリーズがXで大流行、いいね順バズツイートまとめ
逆にどうやって作ったのか教えて欲しい
GPT-4oの画像認識力と理解力ならいけるのではと思い手書きの仕様指示を読み込ませたら本当にコードを書き上げてくれた→｢ついにコーダーが恐怖を感じる時が来たか｣
kmizu @kmizu A Software Engineer in Osaka (& Kyoto). Ph.D. in Engineering. Interests: Parsers, Formal Languages, etc. ツイートは所属先の見解と関係ありません．思いついたことをつぶやきます． kmizu.github.io kmizu @kmizu GPT-4oの画像認識力と理解力をもってすればいけるやろと思ってやってみたら実際いけた。 ペーパープロトタイピングから最初のHTML書き起こすのにかなり使えるのでは。 つーか指示そのものを画像の中に書いたの読み取ってくれるの何か世界の壁を超えて対話してる感があって凄い #GPT4o pic.twitter.com/3XHMFg3yye 2024-05-14 12:49:41
私事ですが、骨折して２か月ほど半寝たきり＆半引きこもり生活をしていました(動かな過ぎて痔になった)。なので連載以外は全く何もせず過ごしていたんですが、若干余裕が出てきたのでリハビリがてら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%生かせる仕事です」といった感じかな……？ 別バージョンでは「
趣味でつくった2Dゲームエンジンが導いた「幸」あるキャリア 己の欲求に従い続けた「Ebitengine」開発者に迫る レバテックラボ（レバテックLAB）
TOPフォーカス趣味でつくった2Dゲームエンジンが導いた「幸」あるキャリア。己の欲求に従い続けてきた「Ebitengine」開発者に迫る 趣味でつくった2Dゲームエンジンが導いた「幸」あるキャリア。己の欲求に従い続けてきた「Ebitengine」開発者に迫る 2024年5月15日 Odencat株式会社 CTO 星 一（ほし・はじめ） ソフトウェアエンジニア。2009年にドワンゴでキャリアをスタートし、ドワンゴの関連会社やGoogle Japanなどを経て、2023年より現職。趣味では大学時代から2Dゲームエンジン開発に注力し、Google時代の2013年にEbitengineに着手し始める。2015年にVer1.0をリリース。カクヨムで「オレオ」と3文字だけ書かれた小説を手がけ、週間総合ランキング1位を獲得したことがある。 X GitHub Ebitengine公式サイト Odencat
嫁に不倫されて離婚した後輩。子供の親権や車を奪われ、住宅･車･結婚式のローンを背負わされながらも、最近は完全に立ち直っていた
とんとん🐔S&P500集中投資 @kabutoon 30歳サラリーマン🧑💻 / 妻&双子とマイホーム生活🏠 / S&P500フルインベストメント🇺🇸 / プロフィール画像&ヘッダー画像は@Nobe_tto氏より🐔🐤🐤 とんとん🐔S&P500集中投資 @kabutoon 嫁に不倫されて離婚した後輩。子供の親権や車を奪われ、住宅･車･結婚式のローンを背負わされながらも、最近は完全に立ち直っていた。「そろそろ合コンとか行ってみたら？」と声をかけると「元嫁と住んでたマイホームと月17万円ローン持ちの男なんて無理でしょ笑」と言われて｢…せやな｣って返した。 2024-05-10 18:08:53
国内ゲーム開発者などの間で「ポストプロセス」話が賑わう。グラフィックの印象をバシッと決める重要処理と、その仕組み - AUTOMATON
とあるクリエイターのX（旧Twitter）上での投稿をきっかけに、ゲームのグラフィック描画についての談話が賑わいを見せた。グラフィック描画の印象を大きく左右する処理である「ポストプロセス」などについて、国内開発者・クリエイターらを中心に実際の描画例の共有などが盛んに行われたようだ。 ビデオゲームのグラフィックは、さまざまな処理を重ねた結果として、画面上に映し出される。ゲームが動いているコンソールやPCの中では、3Dモデルの状態やライティングの情報などが高速で処理。多段階のプロセスを経て、プレイヤーが目にするような整った画像として仕上げられていく。そうした画像（フレーム）が毎秒何十回と更新され、動くゲーム画面となるわけだ。そうした一連の処理はレンダリング（描画）パイプラインと呼ばれ、そこでの調整がゲームのパフォーマンスやグラフィックの見栄えを大きく左右するわけだ。 『鳴潮』 そして、描画パイ
北海道や石川でオーロラのような現象 太陽フレア影響か
１１日夜、北海道や石川県輪島市などで、オーロラのような現象が観測された。ここ数日報告されている、太陽の表面で起こる大規模な爆発現象「太陽フレア」の影響とみられる。英国やスイス、中国など世界各地でも１０日までにオーロラが報告されている。
モザイクを手づかみしたい
写真の一部にモザイクがかかっていると、写ってはいけないものが写っていたように見える。 それがモザイクではなくて、実際にカクカクしたものだったらいかしてる。 モザイク処理したように見えたものを手づかみして、ほら、もともとこういうものなんだよ。 そんなことを言いたい。
月岡祐介 心臓外科 @TsukiokaYusuke 心臓外科修練指導医| 🇦🇺🇳🇿🇺🇸臨床留学| 🇬🇧MPH | CABG大会優勝 | BIDMC/Harvard | 好きな言葉「寄り道、脇道、回り道。しかしそれらも全て道。」（キュアビューティ）
概要 食事のカロリー推定は非常に困難なタスクでした。 一般的なアプローチとしては、物体検知modelをfine-tuningし、料理画像から個々の料理の領域を判定することでカロリーを推定してきました。 GPT-4oを利用するとそのへんを飛ばして、いきなりカロリーが推定できます。精度の面では劣ると考えられますが、実装の容易さと未知のクラス (学習データセット内に含まれない料理) への対応を考えると、十分に利用価値があると思われます。 今回の記事では、実際のデモも紹介しているのですぐ利用することができます。 早速結果を見てみよう デモ 実装 カロリー推定 json-mode で処理をさせます。step-by-stepに推論を処理させるために、最初に雑な推論を記述させてから、各食品のカロリー量を推定させています。 # GPT-4にカロリーを推定させる (JSON-MODE) response =
オーロラの影響でピンクに染まる空と、その光を映すオホーツク海。右は知床半島（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 は使用する
Deep Paint v1.0 - GAKU氏によるGrease Pencilを活用した3Dイラスト・立体絵画制作支援ツールセットBlenderアドオンが遂にリリース！
ソフトウェア＆ツール-Software&Tool 生成 ツール InvokeAI 4.2 - ローカル環境で動作する多機能で無料＆オープンソース... 2024-05-16 最新AI技術による画像生成をシンプルかつ多機能なインターフェイスで扱うことの出来るInvokeAIのv4.2がリリースされました！ 続きを読む Blender アドオン プラグイン＆アドオン-Plugin&Addon Deep Paint v1.0 - GAKU氏によるGrease Pencilを... 2024-05-15 ハリウッド映画のVFX製作に携わる経験を持ちオンラインアートスクールも運営しているGAKUこと多田学氏が、以前予告していた立体絵画制作用Blenderアドオン『Deep Paint v1.0』をリリースしました！ 続きを読む SFX・DTM・DAW ソフト ソフトウェア＆ツール-Software&
大規模な太陽フレアの影響により、日本を含め世界各地で普段は見られない場所でもオーロラが発生しました。 なよろ市立天文台のライブ配信から 日本では5月11日に北海道などで低緯度オーロラが発生し、高感度撮影で捉えた、夜空がピンク色に染まる写真がSNSに投稿されています。 ライブ中継を行った天文台もあり、「感動した」「神秘的な空」などコメントが寄せられました。 気象庁によると太陽フレアにより地磁気の大きな乱れが観測されており、通信障害などが発生する場合があるとのこと。 オーロラを見る advertisement 関連記事 完全な姿は7年ぶり 明石市に「夕焼けパンダ」現る 「こんな映像初めて観た」「完全にSF」 SpaceXの新型ロケット、大気圏への再突入映像にネット沸く カラフルな惑星をハンマーで割ると……？ ワクワクする仕掛けが詰まったアイデアケーキがすてき 「ヒトナーで何が悪い」 宇宙の果て
OpenAIは5月13日（現地時間）、「Spring Update」と題したオンラインプレゼンテーションを配信。新しい大規模言語モデル（LLM）「GPT-4o（オー）」がお披露目された。 プレゼンテーションではまるで人間と話しているような音声会話機能が話題になっているが、実はウェブサイトに掲載された記事を見ると画像生成機能も大幅に性能アップしていたことがわかった。 一貫性の保持。AIコミックが描けるぞ！ 今回のプレゼンテーションではなぜかまったくと言っていいほど触れられていなかったが、画像生成AI「DALL-E 3」（おそらく）を使用した画像生成能力も大幅に進化しているようだ。 まず、いちばん驚いたのは画像の一貫性の保持だ。なぜなら、DALL-E 3やStable Diffusionなどの画像生成AIにとって「同じキャラクター」を生成するのは最も苦手な仕事だからだ。
Webサイトやデザイン制作で、やたらと時間がかかってしまうとお困りのクリエイターの方へ。 この記事では、SNSなどでいま話題の最新ツールやフリー素材を50個まとめており、制作時間を短縮したいというひとに選ばれています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 AI関連ツール RenderNet – Create AI images with Unmatched Control 一貫性のある同一人物によるキャラクター画像を生成できるAIツールで、人種やスタイル、性別などはもちろん、顔はそのままでポーズの変更や、背景の再生成などが可能。 Textify — Fix text in images — Storia AI 元の背景を維持したまま、シームレスに文字テキストのみを変更できるAIツール。既存のフォントスタイルに合わせることも、新しいものを
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
令和のHTML / CSS / JavaScriptの書き方まとめ
結局ChatGPTとGemini、Claudeのどれを使えばいい? 色々比較した
AI裏垢女子に気を付けろ(ディープフェイクで裏垢動画を作ってみた)｜山野祐介
画像生成AIに“照明”革命 ControlNet開発者が作った「IC-Light」
映像を昭和のビデオテープみたいに劣化させる表現がPVとかで流行ってる
｢4,5年前に買った謎ピアスの正体が分かって感動している｣偶然見かけた商品紹介のポストから謎のおじさんの正体が明らかに→謎が解けたという人が続出
【悲報】娘、ボストン補習校入学面接で好きなことを聞かれ「天かすを単体で食べること」と返答。→美味しいもんな…
GPT-4o の画像認識能力がすごい！カロリー推定アプリを作ってみる - Qiita
最大級の太陽フレアが7回連発 各地でオーロラ、北海道でも観測 | 毎日新聞
Rust と Wasm で極限まで PNG ファイルを圧縮した話
「GPT-4o」発表 人のように音声・画像・テキストで高速応答
太陽フレアの影響でオーロラが…… 日本でも観測、ピンクに染まった空の写真、SNSに続々
画像生成AIとしても超進化したChatGPT「GPT-4o」
できるクリエイターへの近道、話題の最新Webツール・デザイン素材50選
OpenAI、「GPT-4o」を発表、2倍速く、50％安く、～テキスト・音声・画像すべてを理解／新しい「ChatGPT」アプリも、Windows版は今年後半リリース予定
