先月26日、Adobe FireflyのUIが刷新され、「構成参照（structure reference）」という新機能が搭載されました。 この機能は、アップロードした画像を参照してオブジェクトの位置や大きさなどを生成イメージに反映させることができます。 昨日のライブ配信では、この「構成参照」を取り上げましたが、想像以上に「脱プロンプト」を推し進める実用度の高い機能だということがわかりました。 ［ライブ配信］Creative.Edge Live - 1：新しいAdobe Fireflyの新機能を探求する 詳細はライブ配信のページをご覧ください。 例えば、製品モデルの3DモックアップをFireflyのリファレンスにすると… 無料の3DCGツール「DAZ Studio」を使用以下のように、3D画像とほぼ同じ構図のイメージが生成されます。 Fireflyの生成結果スタイル効果を適用したり、プロ

関連キーワード Linux | Red Hat Enterprise Linux | OS | Red Hat（レッドハット） | IBM（アイ・ビー・エム） Red Hatは、OS「Linux」のディストリビューション（配布パッケージ）を提供する「CentOS」プロジェクトを通じて、「Red Hat Enterprise Linux」（RHEL）の無償版である「CentOS Linux」を提供してきた。ところがIBMが2019年にRed Hatを買収した後、IBMはCentOS Linuxを廃止する方針を発表し、代わりとなる「CentOS Stream」を打ち出した。この事実は、「Linux」を活用していた企業に衝撃を与えた。 CentOS Streamは、小さな更新を小まめに提供する「ローリングリリース」方式を採用している。この方式はアップデートの公開スケジュールが固定されていないため

公式ドキュメントには以下のように書かれています。 THIS COMMAND IS EXPERIMENTAL. THE BEHAVIOR MAY CHANGE. 和訳：このコマンドは実験的です。動作が変更される可能性があります。 この記事の内容と違う場合があるので、ご注意ください。 この記事は2024年2月28日時点の情報です。 え？まだgit checkoutしてるの？ git checkoutといえば、ブランチを切り替えたり、git addしたファイルを元に戻したりするコマンドですが、それはもう古いです。 実は2019年8月リリースのgit 2.23からgit switchとgit restoreが追加されました。 知らなかった人も多いのではないでしょうか？(恥ずかしながら私は知らなかった...) 「先輩、checkoutってなんすか？」と後輩に聞かれる前に、この記事を読んでgit sw

Pythonコーディングのベストプラクティス「PEP 8」を解説：命名規則、インデント、コメントの付け方など TechTargetは、「開発チームのPythonコーディング標準」に関する記事を公開した。Pythonを使う開発チームのリーダーには、コード標準に関して2つの課題がある。スタイルガイドを作成することと、開発者にそれを守らせることだ。

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Parallels Desktop 18 for Macを利用してmacOS 13 Venturaを搭載したApple Silicon Mac上にmacOS 14 Sonoma VMを作成する方法です。詳細は以下から。 AppleはWWDC23)の基調講演の中で、デスクトップに配置できるウィジェットやゲーミングモードを搭載した次期Mac OSが「macOS 14 Sonoma」を発表すると同時に、macOS 14 Sonomaをテストできるよう、開発者向けにmacOS 14 SonomaのBeta版と、 AppleのVirtualizationフレームワークを利用した仮想化ソフトウェアでmacOS 14 Sonoma仮想マシン(VM)を作成できるようにする「Device Support for macOS 14 beta」を公開しましたが、これらを利用し、macOS 13 Venturaを

SwiftとiOSでgRPCクライアントを開発する――gRPCサービスの相互運用：スキマ時間にこっそり学ぶ「gRPC」入門（7） 第7回は、第4回で実装したサーバサイドストリーミングgRPCサービスを利用するモバイルアプリケーションを、iOS用にSwiftで開発します。前回と同様に、gRPCとモバイルアプリケーションの相性などを理解し、異なるプラットフォームとプログラミング言語で構成されるサービスを問題なく利用できることを理解します。

はじめに この記事は、Alan Alickovicさんの著書「React Application Architecture for Production」をまとめたものになります。Alanさんと言えばZennで最も人気のある記事「bulletproof-react」の作者であり、彼のprojectから学ぶことはとても多い印象です。 今回紹介する本は2023年1月に公開されたため、bulletproof-react以後のReactアプリケーションにおけるベストプラクティスの宝庫となっています。また、本で扱われているアプリケーションのProjectがGitHubで公開されていることから、Projectを眺めるだけでも勉強になる点があるかと思います。 想定読者 Reactのアーキテクチャを模索している方 テスト手法やCI/CDなどのアプリケーション設計に関心がある方 使用される技術と本の構成 言

前編と後編の2部構成にしています。 前編は【今までのReactらしい状態管理術】 後編は【Next.js 13 /app (React Server Components) らしい状態管理術】 の説明です。両者を比較します。 コンポーネント単位でサーバー側のレンダリングを選択できるので、GraphQLでなくてもバックエンドへのアクセスを纏められたり、あらかじめサーバー側でデータを加工することで、バンドルサイズ0を目指せる React Server Components 。 これは周知の通り、クライアントコンポーネントとサーバーコンポーネントに分かれますが、 useState や Recoil などはサーバーコンポーネントでは利用できないので、 Next.js 13 /app （React Server Components） らしい状態管理術はこんな感じになります。 サーバーコンポーネント

はじめに 新規事業統括部Passregiチームの山本です。 最近、特に3月1日ChatGPTのAPIが公開されてから、AIを使ったチャットボットに関する話題が増えています。そんな中、ChatGPTを利用した、画像を対話的に生成したり説明させたりできる、Visual ChatGPTが公開されたので、早速動かしてみました。 Visual ChatGPTについて Visual ChatGPTは、クエリに関するプロンプトマネージャ介して、さまざまな画像のモデルとChatGPTを使用することで、画像を対話的に生成します。細かい内容は論文にゆずろうかと思います。 https://arxiv.org/abs/2303.04671 より これが実行できるソースコードが、つい先日（自分の知る限りだと3月9日に）githubで公開されました。当初、自分の持っているWindows機で実行してみたのですが、使用し

Railsでサービス立ち上げる際の相棒にChatGPT ChatGPTがウェブサービスを開発する上で有用な点をまとめてみました。 全てにおいて共通する考え方ですが あのGemを使って、こんなカラムを持ってるテーブルだから、こうしてああすれば、完成する これ、汚いコードで本当はもっと綺麗に書けるよなー という ”理想” を描く必要はあります しかし、今までは Google検索 で知識を補完し、自分でその状態に持っていっていましたが Google検索 より ChatGPT の方がより早く理想の状態に持っていけるというのが体感値です。 ChatGPTの回答がベストプラクティスかどうかを判断するのは個人の責任です そのプロジェクト、クラス、メソッドにおいてそれが”良い”かどうかを判断する必要はありそうです。 AIが作ったコードを本採用するの？ よければそのまま採用してます しかし、AIが作ったコー

今回、個人開発（2名）でslii.xyzというサイトを作ってみました。モダン目なフロントエンド技術を採用しているので、どんな開発技術を採用しているか全部公開していきます。特にコメントの必要のない箇所はノーコメントにしてます。 （改修したいとこはたくさんあるけど、やっとひと段落したー。） 開発技術一覧 作りたいものを作っていく中で、色々と試していけたらと思っています。今回はバックエンドでSupabaseや状態管理のjotaiを試してみて、非常に扱いやすく開発体験も素晴らしいことが分かりました。 デザイン 1.figma 最初はデザインせず開発進めてたのですが、全体のまとまり感とかなくなってしまったので、最低限のUIはfigmaで作成しました。UI先に作成しておくとコーディングも捗りますね。 参考：https://figma.com 1.[言語]javascript/Typescript 用途

アプリ設定 GitHubとGoogleでのログインを試すため、あらかじめアプリを作っておく。各アプリ設定は参考リンクを参照。各クライアントIDとクライアントシークレットは取得してあるものする。 開発環境準備 以下のファイルを準備してdocker composeで起動 version: "3" services: app: build: context: . container_name: nextauth-example-app ports: - "3000:3000" tty: true volumes: - ./app:/app working_dir: /app

VSCodeの設定 本節では，全て⌘ + ,でSettingsを開いて検索することで設定をしていきます． 保存時に行末の余分なスペースを削除する 検索窓にfiles.trimTrailingWhitespaceと検索し有効にします． 保存時にファイル末尾に改行を入れる 検索窓にfiles.insertFinalNewlineと検索し有効にします． 汎用的な拡張機能 本節では，プログラミング言語にとらわれない汎用的なVSCodeの設定及び拡張機能を紹介します． Chose A License VSCodeで GitHub Licenses API を利用してプロジェクトのライセンスを簡単に作成することができます． 公式ドキュメントはこちら↓ Error Lens エラー表示を問題タブではなくインライン表示しハイライトをしてくれる便利な拡張機能です． 公式ドキュメントはこちら↓ flake8と

はじめに 今回はRailsのAPIモードとNext.jsを利用したSPA構成に、Auth0で認証機能をサクッと開発していきます。 Auth0は導入が簡単かつチュートリアルやドキュメントが豊富なので、初めての人でも簡単に認証機能を実装することができます。 直近で自分が行った新規開発案件でもAuth0が採用されることが多かったです。 なおAuth0についての詳しい解説は本記事では割愛するので気になった方は、こちらを確認してみてください。 またAuth0とFirebase Authenticationといった他の認証機能との比較記事はこちらで確認してみてください。 本記事で解説する内容はAuth0の公式ドキュメントに沿って解説していきます。 この記事の対象者 Next.js×Auth0で認証機能を開発したい RailsのAPIモードでAuth0の認証機能を開発したい Rails×Next.jsで

はじめに サービス構成 レポジトリ一覧 サーバー側Railsアプリ クライアント側Railsアプリ 開発の流れ 利用ツール swagger-cli committee-rails 不具合1: ファイルの分割 不具合2: $refとnullableの同時使用 json-schema openapiの記法に合わせた機能拡張 openapi-generator-cli (Ruby client) 不具合1: 中途半端な型チェック 不具合2: oneOf/anyOfに非対応 factory_bot 終わりに We are hiring! はじめに 前回の記事では、OpenAPIで新しいウェブAPIを定義する際に、yamlのままで読みやすいようにファイル構成等を工夫した話をしました。 今回はそのAPIスキーマを使って、Railsでスキーマ駆動開発を実現するにあたって利用しているツール類についてお話し

はいさい！ちゅらデータぬオースティンやいびーん！ 今回の記事は筆者に珍しく、技術紹介ではなく、僕の個人的な意見を書きます。あくまでも、自説です。 React自体は画期的で、プログラミング界に貢献したプロジェクトだと思っていますし、完全に否定したいわけではありません。 Reactに対する違和感＝芽生えては大きく育った種 筆者はReactがとても好きでした。JavaScriptが好きになったきっかけもReactでした。何から何までもReactで書き直して、Custom Hooksを作って、refを子部品に渡したり、バリバリ満喫していました。 Vueも仕事の関係で習得せざるを得なくなったのですが、Vueは最高に大嫌いでした。これならReactで書き直してやるぅ！と思ったりも。 Reactについて社内でも導入を推進したり、React入門の勉強会を開いたりもしています。 しかし、そんな筆者は、最近に

はじめに WebアプリケーションフレームワークのRuby on Railsは、2021年12月にバージョン7となりました。これに伴い、クライアントサイド開発のサポートについても大きな変化を遂げ、多様な選択肢が提供されるようになりました。本連載では、このRails 7にフォーカスし、クライアントサイド開発のためのさまざまな機能を、API開発やリアルタイムWeb開発も絡めながら紹介していきます。 対象読者 Ruby on Railsを長らく使ってきた方 他のWebアプリケーション開発フレームワークを使ってきた方 Railsにおけるフロントエンド開発に関心のある方 必要な環境 本記事のサンプルコードは、以下の環境で動作を確認しています。 macOS Monterey Ruby 3.1.0p0 Ruby on Rails 7.0.2.3 Google Chrome 100 フロントエンド開発関連の

Reactが好きです。 Reactが好きです。コンポーネントを関数として扱うのが好きです。 SolidJSはReactそっくりの書き心地(DX)を保ちつつ、Reactに足りない要素を兼ね備えた期待の新人です。 コードの比較 React const Counter = () => { const [count, setCount] = useState(0) useEffect(() => { console.log(`Count: ${count}`) }, [count]) return ( <div> <div>{count}</div> <button onClick={() => setCount(prev => prev + 1)}>Add</button> </div> ) } const Counter = () => { const [count, setCount] =