2022年8月23日に一般向けで公開された画像生成AI「Stable Diffusion」は、入力した文字列に沿ってまるで人が描いた絵や写真のような画像を生成してくれます。実際に使うとなるとNVIDIA製GPUを搭載したマシンが必要で、導入にもある程度の知識が求められますが、Googleが提供しているPython実行環境「Google Colaboratory」を使えば、低スペックのノートPCでも無料でStable Diffusionで動かすことが可能。しかし、無料版では一定時間でランタイムの切断が行われるのですが、Google Colaboratory上で生成された画像はあくまで一時的なものなので、ローカルに保存していなければ生成した画像が消えてしまいます。そこで、Google ColaboratoryにGoogleドライブをマウントし、画像の出力先をGoogleドライブのフォルダに指定

Reactivity in Depth ​One of Vue’s most distinctive features is the unobtrusive reactivity system. Component state consists of reactive JavaScript objects. When you modify them, the view updates. It makes state management simple and intuitive, but it’s also important to understand how it works to avoid some common gotchas. In this section, we are going to dig into some of the lower-level details of

🤯 Support for Kubernetes Gateway API is now available in developer preview. Learn more ->

このページは何？LayerXでは、毎週MLチームで機械学習関連の勉強会を開催しています。このページは勉強会の内容を外部用に公開したものになります。目的知識の共有：各機械学習エンジニアが得た新たな知識やスキルを他のメンバーと共有することで、チーム全体のスキルを向上させます。新しい視点やアイデアの創出：複数人で同じテーマについて議論することで、新しい視点やアイデアが生まれます。スキルの更新と維持：機械学習は非常に進歩が速い分野であり、最新のトレンドやテクノロジーを把握しておくことが重要です。定期的に勉強会を開催することで、継続的なキャッチアップを促します。発表することによる深い理解：自分が学んだことを他人に教えることは、そのトピックに対するより深い理解を促します。教える側のエンジニアも、このプロセスを通じて学びを深めることができます。運用方針各々がその週に学んだことやキャッチアップしたこと、噂

Supabase Auth は非常に便利で、RLS を組み合わせることで、制限した内容のみを Select したりできます。 そういった認証周りをよしなにしてくれる点は非常に便利ではあるのですが、例えばユーザーを検索できるようにしたい時、Supabase Auth のテーブルをユーザーから参照できません。 Anon キーを経由している以上、public.* と、create schema クエリで作成したスキーマ内のテーブルしか Select 等の操作ができないようになっています。 それ以外の Supabase が自動で生成したスキーマ内のテーブルは、あらゆる操作が Supabase Client からはできません。 そこで Supabase Triggers と Supabase Database Functions を組み合わせることで、auth.users テーブルに Insert

西田@MADです 今回は Supabase の全文検索を試してみました Supabaseの基本的な使い方は以下の記事を参考にしてください オープンソースで話題のBaaS「Supabase」を使ってみた 動くサンプルを作成してますので、こちらもご参考ください 今回知りたいこと Next.js で Supabase の全文検索の使い方 複数列を対象に検索できるか 日本語を全文検索できるか 料金 結論から Next.js で Supabase の全文検索の使い方 本文を参照 複数列を対象に検索できるか Database API を作成すれば可能 日本語を全文検索できるか 執筆時点では使えない 料金 全文検索の使用有無による料金の違いはなし Next.js で Supabase の全文検索の使い方 Supabase を Next.js で使用する準備 Settings > API のURLとAPI

function formHandler(e) { e.preventDefault(); // 普段は👇している取っている場合が多かったですが。 const email = e.target.email.value; const password = e.target.password.value; // ものが増えた時に👇のやり方をあると知りました。 const formData = new FormData(e.target); const data = Object.fromEntries(formData.entries()); //結果： // { // email: "a@a.com" // password: "a" // } }

今回利用するスプレッドシート Vuetify - A Material Design Framework for Vue.js MaterialDesignIcons.css Version 7.2.96 サンプルスプレッドシート 現時点でホームページに日本語の翻訳資料が掲載されておらず（v2は日本語が用意されてるのに）、いくつかの重要なコンポーネントが存在していないという有様なのと、Vue3の破壊的変更についてこれずに他のライブラリも移行が進まずという現状が垣間見れます。Vue3に関しては以下の記事を参考にしてみてください。 Google Apps ScriptでVue3を検証してみた【GAS】 Vuetify3の利用上の注意点 利用するCDNのファイル リリースされたとは言え、現状ではコンポーネントの数が半分程度しか揃っておらず、BetaリリースのLabsで提供されてるものが一部ある状

全画面 API は、特定の要素 (Element) （およびその子孫）を全画面モードで表示したり、必要なくなったときに全画面モードを抜けたりする方法を追加します。これによって、要求されたコンテンツ — オンラインゲームなど — がユーザーの画面全体で表示され、全画面モードが終了するまで、ブラウザーのユーザーインターフェイス要素や他のアプリケーションをすべて画面から排除することができます。 API の使い方についての詳細は、 全画面 API ガイドをご覧ください。 メモ: この API の対応はブラウザーによって、ベンダー接頭辞が必要かどうか、最新の仕様を実装しているかどうかがいくらか異なっています。この API の実装状況の詳細は、ブラウザーの互換性の節を参照してください。ベンダーに依存せずに全画面 API にアクセスできる Fscreen のようなライブラリのー使用を検討したほうが良いか

ライトニングトーク（LT）を面白くするたった3つのテクニック こんにちは(○´∀｀)ﾉﾞ OthloTech初のブログを書くのは私、オトモレ(@otomore01)でございます。 ↓ある日のSlack↓ ということで、記念すべき第1稿に任命されました。光栄です！ 今回のお題はこれでいきます。 「お前らのLTはつまらん」 初っ端からキツい内容でアレなんですが…… 聞くに堪えないLTって正直少なくないですよね？ せっかく面白いネタがあるのに、面白く伝えないと聞いてもらえないし伝わりません。 もったいない (´；ω；`) でも大丈夫。 あなたのライトニングトークを面白くするテクニックを伝授します！ 1. フォントサイズをギリギリまでデカくしろ これは、頭では分かっていてもやりがちな間違い。 登壇者が好きなことほど、細かい部分まで書きたくなるものですがそんなの誰も読まないんですよ。 ついでにスライ

概要 完成イメージ 実装 レイヤー分割 座標軸設定パスの描画 座標軸設定用パスの再描画 基準軸の最大値、最小値の設定 座標値の変換 おわりに 概要 最終的にデジタイザとして機能させるためには、自分で設定した任意の座標系で点をプロット（座標を取得）可能にする必要がある。今のままでは単にキャンバスのView基準の座標しか取得できないので、任意の座標系を基準とした値に変換しなければならない。ここでは、プロット機能を実装するための準備として、座標系の設定機能と座標変換処理について述べる。 完成イメージ 座標系の基準範囲を設定するパス（紫色の線）をドラッグで調整する 基準範囲の左端、右端、上端、下端の座標値を指定する 実装 レイヤー分割 この辺りから色々と処理が複雑になってくるので、キャンバスを複数のレイヤーに分割して各レイヤーに役割分担させることにする。 ここでは、画像を表示するbackgroun

BlendModeを指定する CSSのblend modeと種類は同じ String('normal', 'multiply', 'screen', 'overlay', 'soft-light', 'hard-light', 'color-dodge', 'color-burn', 'darken', 'lighten', 'difference', 'exclusion', 'hue', 'saturation', 'luminosity', 'color', 'add', 'subtract', 'average', 'pin-light', 'negation', 'source-over', 'source-in', 'source-out', 'source-atop', 'destination-over', 'destination-in', 'destination-ou

OAuthサーバーをLaravel Passportで実装する手順について解説します。 仕事では、Laravelでサービスを運用しているわけではないですが、クラウド プラットフォームのOAuthクライアント機能を調べたりするときにOAuthサーバーがわでデバッグしたいときなどに、Laravel Passportは簡単に実装してサーバーを立てられるのでとても便利に使っています。 以下、Laravelプロジェクトを新規に作るところから、PassportでOAuthサーバーを実装し、クライアントアプリからPassportサーバーに認可コードフローでアクセストークンを取得し、それを使ってAPIからユーザ情報を取得するまで、実装して確認してみます。 Laravel Passportとは Laravel Passportは、Laravelプロジェクト公式のOAuthサーバー実装です。 OAuthサーバ