無制限AIいらすとや 「いらすとや」風の画像を生成できる「AIいらすとや」が無制限で利用ができます。 無制限ダウンロード 「AIいらすとや」含む「AI素材」内にある多種多様な素材を追加費用を払うことなく、すべてのサイズで無制限でダウンロードができます。
はじめまして。コミューンでサーバーサイドエンジニアとして働いています、あのちっくと申します。 突然ですが皆様は昨年 10 月に開催されたNext.js Conf 2022はご覧になられましたでしょうか。 Next.js Conf は Next.js の開発・メンテナンスを行っている Vercel 社が主催する、Next.js とその周辺技術に関するカンファレンスです。 コミューンでもメインプロダクト commmune の Web フロントフレームワークとして Next.js を採用しており、私個人としてもとても興味深くオンラインから視聴をしていました。 特に話題になったのは、React Server Components をサポートしたルーティング・レイアウトシステム"app directory"などの新機能を新たに追加したNext.js 13と、"Webpack の後継"を謳う Rust
plaiceholder@3.0: Final Release The plaiceholder project is feature complete and will now be kept in maintenance mode. Read the migration guide for further information. If this project has been useful to you, please consider sponsoring my work (opens in a new tab). Overview "Plaiceholder" is a suite of server-side functions for creating low quality image placeholders (LQIP). There is no "one-size-
ゲームグラフィックの逆進化「粗ドット」が無料で使い放題!前田デザイン室が手掛けた素材ダウンロードサイト「DOTOWN(ドッタウン)」が2月1日よりオープン。 約700点の粗ドット素材が完全無料・商用可で使い放題です! 株式会社NASU(本社:大阪市浪速区)代表の前田高志が運営するオンラインサロン「前田デザイン室」は、粗いドット絵(通称「粗ドット」)素材をダウンロードできるサイト「DOTOWN(ドッタウン)」を公開したことをお知らせいたします。粗ドット素材は、誰でも無料でダウンロード可能、商用としてもご利用いただけます。2月2日は2(ピースサイン、平和)が二つ並びます。「おもろ!たのし!いいな!」を掲げる前田デザイン室より、「デザインでみんなが楽しく笑顔に平和に!」を願って発信します。ダウンロードは、こちらから 「DOTOWN(ドッタウン)」は、粗ドット素材をPNG形式でダウンロードできるW
スタジオジブリ作品の場面写真ですが、今月は、「風の谷のナウシカ」「天空の城ラピュタ」「おもひでぽろぽろ」「レッドタートル」から50枚ずつ、「On Your Mark」から28枚、合計228枚を本日から提供致します。 なお、9月から順次追加公開してきた場面写真ですが、今回をもって更新は最後となります。これまでの分と合わせて全1178枚、常識の範囲でご自由にお使いください。
※ ソースコードは 2020/11/20 時点の canary ブランチを参照しています。 Next.js 10 では next/image から提供されるコンポーネントを使用することで、開発者が特別に意識することなく画像を最適化することができるようになりました。リリースのタイミングで Next.js Conf が開催されていたこともあり、この機能は大きく話題になりました。 今回はコードを読みながら最適化の裏側を紐解いて next/image の理解を深めようと思います。 何を調べるのか 目的を持たずに読んでいると露頭に迷いそうなので、最初に何を調べるのか決めました。 今回は最適化の仕組みを紐解くことを目的として、コードを読みながら次の 2 つについて調べます。 最適化された画像の出し分け 画像最適化処理 結論 最適化された画像の出し分け img 要素の srcset 属性を利用して画面サ
2020/10/27にNext.js 10がリリースされました。変更点は公式のブログがとても分かりやすくまとまっています。Next.js Confの動画をチェックするのも良いかもしれません(演出が良い感じです)。 Next.js 10で特に注目すべきは、画像最適化をしてくれるnext/imageコンポーネント(next/image)のビルトインサポートだと思います。この記事ではnext/imageについてまとめます。 next/imageとは next/imageは、画像の表示を最適化してくれるコンポーネントです[1]。 画像の最適化 具体的には、以下のような最適化を行ってくれます。 画像を閲覧デバイスに応じてリサイズして表示してくれる(元画像が大きくともスマホでは小さくリサイズされた画像を表示) PNGやJPEGなどの形式の画像を自動でWebPにしてくれる(しかもWebP対応ブラウザでの
人気のストック画像コレクションで、驚くほど高解像度のロイヤリティフリー写真、ストックビデオ、ミュージックなどを探してみましょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く