Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい!」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
私事ですが、骨折して2か月ほど半寝たきり&半引きこもり生活をしていました(動かな過ぎて痔になった)。なので連載以外は全く何もせず過ごしていたんですが、若干余裕が出てきたのでリハビリがてらnoteで好きなことを書きます で……久々にXを見て「おすすめ」タブに表示されていた裏垢女子を一度見たら、それからずっと出てくるようになってしまった。 裏垢女子というのは、一般的には性的な内容のポストや画像の投稿をあけすけに行い、会って性行為に及ぶのもやぶさかではない……みたいな女性ユーザーのことを指すが、体感では純粋に性的な出会いを求めている人は0.2%くらいではないかと思う。 残りの99.8%は ・「ここで連絡先交換してます♥」とか言われて詐欺の出会い系(会えることや資金譲渡をエサに入金を何度もせびられる)に誘導される ・DMで交通費やホテル代などの名目で「PayPayやAmazonギフト券をくれたら会
大規模な太陽フレアの影響により、日本を含め世界各地で普段は見られない場所でもオーロラが発生しました。 なよろ市立天文台のライブ配信から 日本では5月11日に北海道などで低緯度オーロラが発生し、高感度撮影で捉えた、夜空がピンク色に染まる写真がSNSに投稿されています。 ライブ中継を行った天文台もあり、「感動した」「神秘的な空」などコメントが寄せられました。 気象庁によると太陽フレアにより地磁気の大きな乱れが観測されており、通信障害などが発生する場合があるとのこと。 オーロラを見る advertisement 関連記事 完全な姿は7年ぶり 明石市に「夕焼けパンダ」現る 「こんな映像初めて観た」「完全にSF」 SpaceXの新型ロケット、大気圏への再突入映像にネット沸く カラフルな惑星をハンマーで割ると……? ワクワクする仕掛けが詰まったアイデアケーキがすてき 「ヒトナーで何が悪い」 宇宙の果て
とあるクリエイターのX(旧Twitter)上での投稿をきっかけに、ゲームのグラフィック描画についての談話が賑わいを見せた。グラフィック描画の印象を大きく左右する処理である「ポストプロセス」などについて、国内開発者・クリエイターらを中心に実際の描画例の共有などが盛んに行われたようだ。 ビデオゲームのグラフィックは、さまざまな処理を重ねた結果として、画面上に映し出される。ゲームが動いているコンソールやPCの中では、3Dモデルの状態やライティングの情報などが高速で処理。多段階のプロセスを経て、プレイヤーが目にするような整った画像として仕上げられていく。そうした画像(フレーム)が毎秒何十回と更新され、動くゲーム画面となるわけだ。そうした一連の処理はレンダリング(描画)パイプラインと呼ばれ、そこでの調整がゲームのパフォーマンスやグラフィックの見栄えを大きく左右するわけだ。 『鳴潮』 そして、描画パイ
早朝目が覚めてコンビニに出かけたら空は快晴。前の晩に撮影すればよかったか、などと言っても後の祭りなのですが、そういえばなんかデカい黒点出てたよなと思い、リモートワークなのをいいことに始業前に太陽を撮影しました。それがこれ。 【注意!】 太陽の観察・撮影には専用の機材が必要です。専用の機材があっても些細なミスや不注意が失明や火災などの重大な事故につながる危険性があります。未経験の方は専門家の指導の元で観察・撮影してください。 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
オーロラの影響でピンクに染まる空と、その光を映すオホーツク海。右は知床半島(20秒間露光)=北海道斜里町で2024年5月11日午後11時34分、貝塚太一撮影 太陽表面で起きる爆発現象「太陽フレア」が8日から繰り返し大規模に発生していることから、国立研究開発法人「情報通信研究機構」は11日、全地球測位システム(GPS)の位置情報や無線通信などに障害が発生する恐れがあるとして注意を呼び掛けた。この影響で非常に大きな磁場の乱れ「磁気嵐」が発生。北海道や東北、本州の日本海側など、各地でオーロラとみられる現象が観測された。 同機構によると、最大級の「Xクラス」の太陽フレアが8日から11日までに計7回発生。11日午前10時23分に発生した太陽フレアは、その中でも最大規模だった。3日間(72時間)で7回のXクラスが発生したのは、観測史上初めてという。
東急グループのデジタル技術による街づくりプロジェクト、「URBAN HACKS」の電車内広告が「面白い!」「おしゃれな広告」と話題です。CSSの記述に見える文字列をよく見てみると……? 「分かる人には分かる」広告が話題 話題になっているのは、Webページの装飾を設定するためのプログラミング言語「CSS」風の文字列が黒い背景に並んでいる電車内広告。「エンジニア デザイナー募集」の記載もあるため求人広告とは分かりますが、コード部分の意味は一見しただけでは分かりません。 CSS部分をよく見ると…… しかしよくよくコードを読んでみると、「skill: 100%;」「org-style: flat;」「work-space: unset;」など、実は職場環境を紹介する文になっているのです! 「フラットな社風で働く場所は自由、スキルを100%生かせる仕事です」といった感じかな……? 別バージョンでは「
Webサイトやデザイン制作で、やたらと時間がかかってしまうとお困りのクリエイターの方へ。 この記事では、SNSなどでいま話題の最新ツールやフリー素材を50個まとめており、制作時間を短縮したいというひとに選ばれています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 AI関連ツール RenderNet – Create AI images with Unmatched Control 一貫性のある同一人物によるキャラクター画像を生成できるAIツールで、人種やスタイル、性別などはもちろん、顔はそのままでポーズの変更や、背景の再生成などが可能。 Textify — Fix text in images — Storia AI 元の背景を維持したまま、シームレスに文字テキストのみを変更できるAIツール。既存のフォントスタイルに合わせることも、新しいものを
「ゼルダの伝説マスターソード」がPROPLICAで登場。全長約105cmの大迫力の造形で圧倒的な存在感を放つ。「ゼルダの伝説」シリーズの楽曲を8曲収録。さらにボタンアクションや振動ギミックも内蔵。 ※本商品は屋内で楽しむディスプレイモデルです。屋外に持ち出したり、振り回したりしないでください。 【セット内容】 本体・鞘・ディスプレイスタンド一式 【素材】 ABS製 【対象年齢】 15才以上 画像はイメージです。 商品の画像・イラストは実際の商品と一部異なる場合がございますのでご了承ください。 ●商品に関するお問い合わせ BANDAI SPIRITSお客様相談センター 0570‐078‐001 受付時間10-17時(土・日・祝、夏季・冬季休業日を除く) ※本商品は、他の商品との同時購入が出来ません。あらかじめご了承ください。
はじめに 以前つくった Minsta というデジタルスタンプラリーの Web アプリの中で、ブラウザ上で Canvas を使用してスタンプ風の画像を生成する機能があるのですが、前々からもう少し画像のファイルサイズを落とせそうだなと思っていたので、今回 Rust と WebAssembly を使用して PNG ファイルを極限まで圧縮するのに挑戦してみました。 Minsta については以下の記事をご覧ください。 動機 Minsta では単色で背景透過の以下のようなスタンプの PNG 画像をブラウザ側で Canvas の toBlob メソッドを使用して生成しているのですが、このメソッドで PNG エンコードすると 32 bit の RGB+alpha 形式のファイルしか生成できず、 Minsta で扱うような単色の画像にとっては余計にデータサイズが膨らんでしまっていました。 PNG は使用する
画像生成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であ
1.HOMEメニューの「アルバム」から、X(旧Twitter)に画面写真や動画を投稿する機能は、ご利用いただけなくなります。 Facebookに画面写真や動画を投稿する機能は引き続きご利用いただけますが、今後サービスを終了する可能性がございます。ご了承ください。 HOMEメニューの「アルバム」から、スマートフォン向けアプリ『Nintendo Switch Online』の「スマプラス」に画面写真を投稿する機能もご利用いただけなくなります。 2.『スプラトゥーン3』において、以下の影響があります。 広場のポストから投稿するとき、X(旧Twitter)やFacebookへの投稿を行わず、直接任天堂のサーバーにデータが送られるようになります。この変更により、X(旧Twitter)やFacebookのアカウントを所持していなくても投稿できるようになりますが、13歳未満のお客様が投稿した画像は、ほか
自然言語でWebサイトを作れる「Create」 KEITO(以下、KEITO):はい。次は、今ものすごく話題になってる「Create」です。 池田朋弘氏(以下、池田):知らないです。 KEITO:ご存じないですか。この1週間でめちゃくちゃ話題のサービスになっていて、自然言語でWebサイトを作れるものなんですけど。ChatGPTでもコードを吐き出したりできるので、Webの形を作るのはなんとなくできそうだとは思うんですけど。Createだと、その作ったWebサイトに機能を入れることができるんですよね。 具体的に言うと、この右側が、僕が作ったやつです。「KEITOチャットAI」と言って、「こんにちは」と送れば、裏側でChatGPTが動作してしっかりと返してくれる。このチャットボットを、本当に30分ぐらいで作りましたね。しかも僕、プログラミングなんて一切できないので。本当に自然言語だけで「チャット
はじめに 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
こうした動きと並行して、OpenAIは一部の映像クリエイターにSoraを試用してもらい、その作品を積極的に公開しています。中でも僕が注目したのは、「パンクロック・ピクサー」の異名を持つshy kidsというカナダの映像プロダクションが制作した「Air Head」です。これは頭が黄色い風船で出来ている主人公が、自転車に乗ったり、サボテンだらけの通路を歩いたり、風に飛ばされた頭を胴体が追いかけるといった内容の、アイデアに満ちていてAI生成動画の可能性を示す1分21秒の小品でした。 ところが、4月半ばにfxguideというオンラインメディアがshy kidsを取材して、Soraの実際の使用感を語った”Actually Using SORA”という記事を掲載したのです。 それによると、Soraも他の動画生成AIと同じく、どのような映像が生成されるかはスロットマシン(昨今の日本風にいえば、ガチャ)の
4月30日、クリエイターのリペラボさんがXにフィギュアの画像を投稿すると大反響。後日公開した動画も話題を呼んだだけでなく、すでに企業からも声がかかっているとか。 『僕のヒーローアカデミア』の人気キャラクター・トガヒミコが、アニメの中から現実に飛び出してきたような存在感。元になったフィギュアをアニメ風にリペイントする、通称・“アニメ塗り”が施されています。 https://twitter.com/i/status/1785275596903485855 何度見てもすごい、何度見てもイラストのように見える……一体どうやって完成されたのか? リペラボさんにお聞きしました。 【画像】全作、目を見張る存在感! リペラボさんによるアニメ塗りフィギュア“アニメ塗り”のフィギュア「トガヒミコ」完成までに平均3時間×約2ヶ月半──フィギュアをアニメ風に塗り始めたのはいつ頃から、何がきっかけだったんでしょうか
すがやみつる @msugaya 私も試してみました。プロンプトは、以下のとおりです。 ***** 『ゲームセンターあらし』というタイトルのマンガがありますが、このマンガに関係なく、タイトルだけのイメージから、美少女がゲームセンターで激しくゲームをプレイする絵を、マンガタッチで描いてください。 ***** こちらの方が年齢が高そうですね(^_^)。 ChatGPT経由でDALL-E3に描いてもらいました。 2024-04-30 22:26:48 ジロー @i9r82k こんこんばんばん 本日夜便は、ゲームセンターあらしより「ゲームセンターあらし」です ゲーセンというか、カラオケじゃないか? 黒髪ショートカットって意外に珍しい気がする なんか悪友というか、腹を割って話せる関係っぽい感じがします #画像生成AI #美少女 pic.twitter.com/8SF9NJb1QR 2024-04-30
「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な
2023年の5月の連休の前後より、自作イラストの追加学習データ(LoRA)を元にローカル環境のStable Diffusion (SD1.5)を使ってAIに"自分の絵"を描かせるようになってから、おおよそ一年が経ちました。当時そのことについて書いた記事は、比較的多くの方に読んでいただけたようで、SNSなどを通じて今も時々リアクションがあります。 この一年間、多少の波はあっても、自分としてはこつこつとコンスタントに同じテーマに取り組んできました。成果の一部はX(@epxstudio_ai)で発表していましたが、その過程で新たに得られた知見や、画像生成AIの活用方法についてぼんやり考えたことなどがあるので、件の記事の続編として少し書いてみようと思います。 前提としてわたしはGペンとスクリーントーンの時代からの20年来のアマチュア同人作家で、普段絵とはまったく関係ない仕事をしており、かつ、イラス
写真家とアセットクリエイターによるサイト「ShareTextures」では、実際に撮影した写真やロイヤリティフリーの写真から作成した3Dモデルやテクスチャを配布しています。コンテンツはすべてCC0ライセンスのため、個人・商業問わず自由にダウンロードして活用することができます。 CC0 Textures & Models | Share Textures https://www.sharetextures.com/ サイトをスクロールしていくと、ShareTexturesの説明を見ることができます。ShareTexturesではAtlases(複数のテクスチャをひとつにまとめた自然素材)、Textures(テクスチャ)、Models(3Dモデル)の3カテゴリがあります。Atlasesは木や石、貝など、記事作成時点では37種類。 テクスチャは1502種類から選ぶことができます。 また、3Dモデ
画像生成AIの市場拡大に伴い、画像生成サービスやプラットフォームが次々と増加しています。画像生成を利用してみたいとは思っているものの、料金体系や機能、要求されるPCのスペックなどに戸惑いなかなか前に進めていない方もいるかもしれません。 【画像】AUTOMATIC1111 で画像を生成している様子 そんな読者に向けて、「Stable Diffusion」と付き合いが長い筆者として『画像生成AI Stable Diffusionスタートガイド』という書籍を執筆しました。前回に引き続き、今回もこの書籍で解説している「AUTOMATIC1111/Stable Diffusion WebUI」(以下「A1111」)の内容を凝縮してお届けしつつ、この新年度の時期に需要がありそうな「広告ビジュアル作成」という身近で社会的な関心も高いテーマに沿って進めてみます。 GPU搭載PCがなくても、画像生成AIの初
AIで生成した画像を使った漫画の著作権がアメリカで物議を醸したり、漫画の設定やあらすじを提案してくれるAIサービスが登場したりと、AIは絵やイラストの生成だけでなく漫画作品の制作にも活用されるようになってきています。中国のByteDanceと南開大学の研究チームが、ストーリーのある漫画を出力できるAIモデル「StoryDiffusion」を発表しました。 StoryDiffusion: Consistent Self-Attention for Long-Range Image and Video Generation https://storydiffusion.github.io/ StoryDiffusionは、統一感のある漫画キャラクターを出力することが可能です。例えば、以下は上からコマドリ、リス、ハリネズミのキャラクターを、左から順に「ベッドで起きる」「朝食を食べる」「道路にいる
全国ランドサットモザイク画像 データソース:Landsat8画像(GSI,TSIC,GEO Grid/AIST), Landsat8画像(courtesy of the U.S. Geological Survey), 海底地形(GEBCO)
地球からおよそ1300光年離れた宇宙には、馬頭星雲と呼ばれる馬の頭に似た形の暗黒星雲が広がっています。新たに、ジェイムズ・ウェッブ宇宙望遠鏡に搭載された中赤外線観測装置(MIRI)と近赤外線カメラ(NIRCam)が、馬頭星雲をかつてないほど鮮明に捉えることに成功しました。 ESA - Webb captures iconic Horsehead Nebula in unprecedented detail https://www.esa.int/Science_Exploration/Space_Science/Webb/Webb_captures_iconic_Horsehead_Nebula_in_unprecedented_detail 馬頭星雲のような光解離領域(PDR)では、若い大質量の恒星から生じた紫外線が、恒星を取り囲むイオン化したガスと恒星が生まれた雲の間に、ガスと塵が混ざ
面倒なカメラオタクなのでどうしてもブクマする前に言っておきたいことがある かなりきびしい話もするが俺の本音を聴いておけ https://www.watch.impress.co.jp/docs/topic/1587805.html 言いたいこととは、この記事のブコメにだ 「フィルムカメラの時代からある人物撮影の常識」って本当かよ 同じことをフィルムカメラでやろうとするなら方法は2つ 1つは記事と同じようにトリミングする もう1つはシフトレンズとかビューカメラを使う まず1つめ フィルムカメラで記事と同じように、ここまで大胆にトリミングしてる人はめちゃくちゃ少ない 少なくとも常識と呼べるほど一般的に行われるようなトリミングではない ライカ判だと粗くなるしね もう1つのシフトレンズ、ビューカメラだけど、使ったことがある人はさらに少数派じゃないだろうか 面倒なことをいうと、トリミングとレンズのシ
ソースコードを共有してみんなに見てもらう機会があるでしょうか。そんな時、せっかく見てもらうなら、美しく読みやすいコードを見てもらいたいと思うものです。今回紹介するJavaScript製のツール「Carbon」を使うと、手軽にソースコードを美しい画像に変換して共有できます。 ソースコードを画像に変換するJSライブラリ「Carbon」 見栄えの良いソースコードを共有しよう 昨今、プログラマーであれば、誰しも自分の書いたソースコードを誰かに見てもらう機会があります。プログラミングに関するコラムを書いたり、作成したライブラリの告知のためにSNSで共有したり、プレゼンテーションでプログラムのコードを解説したりと、みんなに見てもらうという場面が多くあります。 そんな機会に、より美しく見栄えの良いソースコードを見せたいと思うことでしょう。今回紹介するJavaScriptのライブラリ「Carbon」を使う
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く