こんにちは。サービス部の武田です。 自然言語から画像を生成するAIサービスとしてDALL-Eが提供されています。このサービスはブラウザでアクセスすることで、対話形式で画像が生成できます。 OpenAIではDALL-EのAPIが提供されているため、自身のアプリケーションに簡単に組み込めます。今回はこのAPIを使って画像を作成してみました。 DALL-Eの画像作成について DALL-Eでは現在、次の3種類のAPIが提供されています。なおこのAPIはベータとなっており、現在も進化をしている状態とのことです。 テキストから画像を作成する 既存の画像をテキストで編集する 既存の画像に似た画像（バリエーション）を作成する 今回は1の、ゼロベースで画像を作成するAPIを使用してみました。 やってみた 事前にopenaiのインストールと、OPENAI_API_KEY環境変数にOpenAIのAPIキーを設定
こんにちは、Twitter監視botの八木です。 いつものようにTwitter監視を行なっていると、あるツイートが目に飛び込んできました。 120 : Remove Image Background using Python https://t.co/888CDqtc68 pic.twitter.com/14g18gzi2n — Python Coding (@clcoding) October 7, 2022 Rembgという、画像から背景を削除するPythonライブラリがあるようです。 ツイートの画像を見てみると、非常に綺麗に背景が削除されています。すごい。 ツイートはPythonコードからの呼び出しですが、READMEをみるとCLIもありました。 今回はこのCLIでいろんな画像を処理してみます。 前提条件 PC: MacBook Pro (13-inch, M1, 2020) OS:
こんにちは、クックパッドでエンジニアをやっている @morishin です。入社してわりと長い間 iOS アプリやそのバックエンドの開発を中心にやってきましたが、最近は専らウェブフロントエンドとその基盤をいい感じにするというのをやっています。先日クックパッドウェブサイトのレシピページの OGP 画像を素敵に刷新したのでそのお話をしたいと思います。 ※ ここで OGP 画像と呼んでいるのは Open Graph Protocol で定義されている og:image プロパティに指定する画像のことです。 ※ OGP 画像と呼んでいますが厳密には今回変更したのは Twitter Card (twitter:image) 用の画像のみなので、その他の SNS に表示される画像 (og:image) は変わっていません。 できたもの これまではレシピ作者さんがアップロードされた料理写真を単にクロップ
WordPressに画像をアップロードした場合。 アップロードした画像だけではなく、アップロードした画像を元にサイズの異なる画像が複数作成されます。 例えば僕の環境の場合、1枚の画像をアップロードすると合計で6枚の画像が作成されます。 内訳は オリジナルサイズの画像 幅150px高さ150の画像（Thumbnailサイズ） 幅300pxの画像（Mediumサイズ） 幅768pxの画像（Medium_largeサイズ） 幅1,024pxの画像（Largeサイズ） です。 作成される全てのサイズの画像を実際にブログで使用するのであれば問題ありません。 でも、全く使わないサイズの画像もあるのではないでしょうか。 そういう画像は最初から作成しないようにすれば無駄な画像が増えずに、サーバーの容量の節約になりますし、バックアップ時にも対象となるファイルが少なくて済みます。 今日はWordPressでサ
画像ファイルをドラッグ&ドロップするだけで、リサイズとパディング、WebPなどへの変換処理を行ってくれるメニューバー常駐型のMac用ユーティリティ「Messer」がリリースされています。詳細は以下から。 MesserはドイツのエンジニアOscar Francoさんが開発＆公開したMac用のイメージコンバーターアプリで、アプリを起動して表示されるメニューバーアイコンに、PNGやJPEGなどの画像ファイルをドラッグ&ドロップするだけで、リサイズやパディング、フォーマットの変換などを行ってくれます。 Messer is the simplest and most powerful macOS productivity app, you simply drag your images and photos, and out they come in the format you want, on
Zenn の新機能がリリースされました。私も早速試しています。 これまで、GitHub連携している場合は以下のステップが必要でした： まずローカルに画像を保存する 相対パスで記述してプレビューする コミット直前に画像をZennにアップしてURLを書き換える このリリースにより次の手順に変更すればOKになります： /images ディレクトリに画像を保存する 記事や本に  のように画像を埋め込む コミット・プッシュする 画像のアップと記事の画像パス修正が不要になります。嬉しいですね。 スクリーンショットを張り付ける場合は、Zennの画像ペースト機能が便利 が！しかし、ひとつ考えなければならない点があります。それがスクショを記事に埋め込みたいケースです。スクショは以下のようにしてZennにアップロードできます。 撮影した後、Zennの画像アップロー
GitHub リポジトリ連携機能により、GitHub リポジトリで管理されている画像を Zenn にアップロードすることができます。 画像ファイルの配置ルール 画像ファイルはリポジトリ直下の /images ディレクトリに配置します。 /images ディレクトリの中の構造に制限はありませんが、拡張子だけはチェック対象となります。 . ├─ articles │ └── example-article-1.md └─ images ├── example-image1.png └── example-article-1 └─ image1.png 画像ファイルの制限事項 画像ファイルの制限は以下の通りです。違反する場合はデプロイ時にエラーとなります。 ファイルサイズは 3MB 以内 対応する拡張子は .png .jpg .jpeg .gif .webp のみ 画像の参照方法 画像は、記事の
Webページのレスポンシブの確認が簡単にできる、新しい無料アプリがリリースされました！ iPhone, Android, Pixelのスマホをはじめ、タブレット、ラップトップ、ワイドスクリーンなどのサイズでWebページを表示して確認ができます。 Windows, macOS, Linux対応のアプリで、しかもオープンソースです！ Responsivize Responsivize -GitHub Responsivizeの特徴 Responsivizeのダウンロード Responsivizeの使い方 Responsivizeの特徴 Responsivizeは、レスポンシブ対応のWebページをさまざまなデバイスのサイズで確認できる便利ツールです！ 当方の日本語環境（M1 Mac, Windows10）で問題なく動作しました。 Responsivize レスポンシブWebサイトの確認が簡単にで
Webサイトの制作を行う際に、画像が準備中の場合に仮でダミー画像を表示することがあります。 ダミー画像を表示することによって、画像がない場合と比べて、作業を効率良く行うことができ、より完成形のイメージがしやすくなります。 今回は、Webサイトでダミー画像を簡単に表示できるサービスをご紹介したいと思います。 【2024年版】無料で商用利用可能！フリー画像・写真素材サイトのおすすめ12選 デザイン制作や記事の制作、資料作成など画像素材を利用するシーンは様々ですが、そんな時に役立つのがフリー画像・素材サイトです。 フリー画像やフリー写真を配布しているサイトはたくさんありますが、数が多くて... Web Design Trends 【2024】ほんとに無料？フリーイラスト素材サイト40個まとめ【商用利用OK】 デザイン制作や資料作成など、イラストを取り入れることで印象がガラッと変わったり、より分か
はじめに PNGやGIFの圧縮は、ブログ記事やGitHubのPull Requestの実行画像貼り付けとかで割とあります。 自分はTinyPNGやiLoveIMG を利用していましたが、プラウザを開きファイルをアップロード・圧縮しダウンロードという手順が毎回面倒でした。 なので、alfred-imagemin というPNG / JPEG / GIFを手軽に圧縮するAlfred Workflowを作ってみました。 （GIFでも使えるというのが嬉しいポイントです） この記事ではalfred-imageminの概要と、仕組みを紹介します。 ※ Alfred WorkflowはAlfredでAlfred Powerpackを導入済みの方のみ使える機能です。便利なWorkflowで作業効率爆上がりなので、未導入の方はぜひこの機会に！ インストール 以下コマンドでnpmからインストールできます（後述す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
