Next.js + OpenAI API で作った画像生成アプリで遊んでみた | DevelopersIO
OpenAI API と React(Next.js) を利用した簡単な画像生成アプリの作り方を、サンプルコード付きでご紹介しています。 こんにちは、アノテーション テクニカルサポートの Shimizu です。 筆者の前回の記事では OpenAI API を使用した基本的な質問アプリを Next.js で作成しました。 そこで今回は OpenAI の画像生成 API を利用して、テキストで入力した通りの画像を生成してくれるアプリを作って遊んでみました。 本記事ではサンプルコード付きで画像生成アプリの作成手順をご紹介しています。 完成品イメージ 前回と同様に Docker コンテナ上の Next.js 環境で作成したアプリを、ブラウザ上で動かすという手順です。 それでは、いってみましょう！ step1. 事前準備 まず、事前に下記を用意しましょう。 (1) OpenAI のアカウント登録、A
HTTPSに対応したWordPressのローカル開発環境をDockerで構築 - Qiita
はじめに WebサイトのHTTPS対応が必須な昨今、ローカルでWordPressのテーマ開発をするときもHTTPSに対応しておきたいですよね。 そんな環境をDockerを使ってサクッと構築する術をご紹介します。 オレオレ証明書の発行を頑張る必要もないので、比較的楽にできると思います。 概要 公式ドキュメントのdocker-compose.ymlで構築できる環境をhttpsに対応させる mkcertで証明書を発行 ※最新のWordPressを用いてイチから開発、もしくは移行プラグイン（All-in-One WP Migrationなど）を用いて既存のWordPressをローカルへ持ってきて開発することを想定しています。 筆者の動作環境 macOS Mojave 10.14.6 Docker for Mac 2.1.0.4 Homebrew 2.1.15 Chrome 78.0.3904.70
実践 Docker - ソフトウェアエンジニアの「Docker よくわからない」を終わりにする本
------------------------------------------------------ 2024 年 1 月更新 本書がきっかけで「なんとか Docker を使えるようになりたい」というプログラマの方向けの入門書を秀和システム様から出版させていただけることになりました 開発系エンジニアのためのDocker絵とき入門 https://www.amazon.co.jp/dp/4798071501 紙書籍と電子書籍、どちらもございます この書籍と執筆経験は、みなさまからの驚くほどの高評価があればこそ得られた機会でした いつも本当にありがとうございます 書籍化に際しまして、この場で次のとおり説明させていただきます 1️⃣ 本書 ( Zenn ) は有料化しません 2️⃣ 本書 ( Zenn ) は今後更新しません 3️⃣ 本書 ( Zenn ) と出版される絵とき入門の違い
Visual studio codeでhadolintを使うためのTips - Qiita
What is hadolint? hadolint は Dockerfileのlinterです。 Dockerfile内でベストプラクティスに沿っていない書き方を見つけて警告を出してくれます。 hadolint for Visual studio code hadolint - Visual Studio Marketplace Dockerfileを編集・保存していちいちlinterにかけるのも面倒くさいのでVS codeの拡張が存在します。 しかし、そこのREADME.mdにはhadolintをhomebrew経由でインストールしたものを利用する方法しか紹介されていません。 自分はdocker container内のhadolintを使いたかったので今回その方法について調べたのでTipsとして残しておきます。 How to use hadolint installed in a co
docker-compose と docker サブコマンドの compose って結局どっち使えばいいのかという話 - おおくまねこ
始めに 書いていること Docker 管理する方法に Docker Compose を使う方法があります。 その実行する時のコマンドが複数あり、「結局どっちを使うといいのか？」、「何が違うのか？」というのが意外と情報としてないらしいので、ブログにまとめてみようと思いました。 以前から使ってる人からすると悩むところではないとは思うのですが、 Docker をこれから始める、Docker Composeは今まで使ったことない人からすると、この部分の情報があまりなかったそうです。 Docker Compose とは Docker Compose とは、複数の Docker を使って構成されるアプリケーションを管理・実行を比較的簡単に行うことのできる機能のことです。 docker-compose.yml を設定ファイルとし、そこにそれぞれのコンテナの情報やネットワーク接続状態を記載して、特定のコマ
Docker Compose V2(Version 2) GA のまとめ - Qiita
概要 2022年4月26日、Docker Compose Version 2 (以下「Compose V2」と省略）が GA（一般提供開始）になったと Docker Blog で発表 がありました。 Docker Desktop を利用中の場合 既に macOS および Windows 、Linux (beta版) のDocker Desktop では Compose V2 が初めから入っています。また docker-compose コマンド（中身は環境確認のスクリプトであり、バイナリではありません）は、既に実体としての Compose V2 機能の docker compose を呼び出すか、Comose V1 の docker-compose-v1 を呼び出しています。 Linux 版 Docker Engine を利用中の場合 Linuxでは v20.10.13 以降、現在 curr
WordPressの開発環境をDockerで立ち上げると遅すぎる問題とその対策 - Qiita
TL;DR Docker for mac でローカルのボリュームをマウントすると非常に動作が遅い 解決策として、頻繁に更新されるものだけをボリュームとしてマウントし、それ以外はDockerイメージ内に入れてしまう 副作用としては、上記でマウントしたボリューム外のファイルを更新するのがすこしだけ厄介 ただし、それは別途マウントすればいいだけなので、そこまで大きな問題ではない 経緯 WordPressの開発環境(PHP,MySQL)をホストOS直下に入れたくなかったし、Gitリポジトリにコードの形で残しておきたかったので、Dockerで開発出来るようにしていた。 以前使っていたのは https://phpdocker.io/ の docker-compose.yml および Dockerfile 系の一式 しかし、PHPの様々なスクリプトファイルを読み出す処理とDocker for macのv
ローカル環境でDocker×WordPressが重い問題を解決する - ブレインログ
はじめに ローカルでDockerを使ってWordPress制作する時、ページの更新が結構遅い。制作中は何度も更新するので、少し遅いがストレスになるので調べてみた。 環境 Windows環境 docker-compose使用 Mac環境でも同じだと思いますが、Macの場合は、cachedオプションを使う方法もあるようです。詳細は後半で。 原因 volumesでホストPCとDocker側で同期設定している場合、ファイルシステムが異なるため、ファイル形式の変換などに時間がかかっている。 改善策 できるだけファイルのやり取りを減らすために、docker-compose.ymlのvolumesの設定を見直す。 例えば、こんなdocker-compose.ymlの場合 version: '3' services: db: image: mysql:5.7 volumes: - db_data:/var
Docker のキャッシュを全力で使いこなそう
tl;dr 依存パッケージのダウンロードは最初に実行しよう マルチステージビルドは必須と覚えておこう RUN --mount=type=cache を使おう（でも BuildKit を使えるかは確認して！） pnpm fetch も期待大 はじめに みなさん，Docker を使って開発するときに依存パッケージのダウンロードをずっと待ち続けた経験はありませんか？「依存パッケージの追加なんて頻繁に発生しないし，我慢しよう…」と妥協している方も多いでしょう． 頻繁に発生しない？本当にそうですか？ 追加ではなくても依存パッケージの更新なんてよく発生するし，ベースイメージを更新することもあります．その度に全部ダウンロードし直しなんて堪ったもんじゃありません．モバイル回線だったら一瞬でギガがなくなっちゃいますよ！ ということで，この記事ではキャッシュを活用して依存パッケージのダウンロードが何度も発生し
WordPress制作環境の過去と現在、そして未来はどうなる？wp-envの使い方を紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はいさい！ 沖縄からフルリモートでLIGでお仕事しているうーまーです。 WordPressを触りはじめて、なんやかんや12年くらい経ってました 最初の2年は個人的なサイト作ったりだったので、お仕事としてWordPressを扱いはじめて10年くらいです。歳をとるのって早いですね……。 そんなこんなで、LIGの制作環境をアップデートしたいと思い情報を探っていたら、wp-envなるものをワードプレス公式が公開しているではありませんか！ 知らなかったなんてWordPressエンジニア失格だな……と思っていたんですが、あまり知られていないのか、記事も少ないしそんなに話題になっていないみたいな雰囲気が（僕だけじゃなかった）。 理由は恐らく、下記のような感じでしょう。 DockerやLocal（Local by Flywheel）が優秀で、あまり必要性を感じていない せっかく作った制作環境をまた作り直す
Mutagenを使って開発環境の重たいDockerを3倍高速化する | GRIPHONE ENGINEER'S BLOG
はじめまして！CyberAgent 21卒内定者の笹です。現在、内定者アルバイトとしてグリフォンに配属されています。 今回はMutagen Composeを使って開発環境Docker上のPHPのレスポンスをWindowsでは平均3.4倍、macOSでは平均2.0倍することに成功したので、その手順と以前の環境との比較を書きたいと思います。 DockerのVolumeマウント遅すぎ問題 開発環境のDockerのVolumeマウント、重いですよね。私たちのプロジェクトでも、Dockerの重さは問題視されてきました。とはいえ、Docker抜きで開発することはできません。 Dockerの開発側もこのVolumeマウント遅すぎ問題に対処している様で、いわゆるベータ版であるEdgeチャンネルでは、それに対処するための様々な新機能が搭載され、実験が重ねられています。 ですが、それらの機能はOS間での互換性
Docker on Lima なツールを色々試してみた - freee Developers Hub
こんにちは、freee Developers Advent Calendar 2022 6日目の記事です！ 本日はサービス基盤の yoko がお送りします。 まえがき：Mac と Docker コンテナ型の仮想環境を高速に作成・起動できる技術として有名な Docker ですが、コンテナという隔離された環境を作るために Linux カーネルの機能を利用しています。つまり、Docker は Linux という技術によって支えられており、そのままでは MacOS や Windows 上で実行することができないはずです。 しかし、僕たちは当たり前のように Mac や Windows で Docker を動かしています。Mac では Docker Desktop for Mac がよく使われていますね。 Docker Desktop for Mac は Linux VM を立ち上げ、VM上のコンテナ
Dockerコンテナから外部のAPIを叩きたい｜fumi
はじめにDockerを使う時コンテナ間で通信をしたいと言えばdocker-composeで一つのサービスとして囲まれたコンテナ同士の通信のことが多いと思います。このような形ですね。 しかしあるコンテナが全く別の外部コンテナを叩きたい時はどのようにすれば良いでしょうか？このように下のコンテナ同士で通信を行いたい場合ですね。 結論から結論としてはdocker.host.internalでアクセスすることができます。例えば↑の図の左下が5000番ポート、右下が3000番ポートとします。この時 http://host.docker.internal:5000と記述することでアクセスすることができます。 pingコマンドを打ってみると実際に通信できていることが確認できると思います！
Amazon ECS と AWS Lambda で汎用 self-hosted runner を提供する基盤 - クックパッド開発者ブログ
技術部 SRE グループの @s4ichi です。ここ最近は本業に加えて Overwatch2 のヒーローとして戦いに明け暮れています。救わなければならないレートがある。 GitHub flow に従った開発では GitHub Actions が非常に便利です。特に最近では CI 用途だけでなく、ソフトウェアのデリバリーなども Actions で完結させる事例も見かけます。しかしながら、クックパッド社内では GitHub Enterprise Server を使っているため、GtiHub Actions の利用には self-hosted runnner の利用が不可欠になっています。 そこで、社内では Amazon ECS 上に ephemeral で汎用的な self-hosted runner を提供しています。実行する job の数に応じた autoscaling を備え、runn
dockerのコンテナを複数、同じポートを使って立ち上げたい | KEYPOINT – キー・ポイント株式会社 開発日誌
お久しぶりです、石原です。 開発用のPCをarm版Macに変えたので、開発時にはdockerを使用しています。 さて、平常時はコンテナ一つを動かして開発していけば十分なのですが、時には旧版と新版の環境で動作が同じか確認したくなるケースがあります。 もし両方のバージョンで使っている各種モジュールのバージョンや設定値が同じなら、一つの仮想環境内でVirtualHostの設定をすれば十分です。ところが、たまーに複数の環境を同時起動して使いたくなることがあります。例えば、PHP5.xからPHP7.xにバージョンアップして同じ動きをしているか確認したい時とかですね。 こういう時、どの環境も単純な設定で8080ポートを使っていたりすると、ポートが使用中のため二つ目以降のコンテナの起動に失敗します。仮想環境ごとに接続先のポート番号を変えてもいいのですが、その設定をどこかにメモしておいて毎回参照するのもな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dockerの再起動オプション
Docker
Overview
遅いDocker for macを「Mutagen compose」で爆速にする（M1対応） - Qiita
CPAN module を release するための docker image を作った - tokuhirom's blog