拡張ボタンからページ遷移なしでブックマーク! ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
拡張ボタンからページ遷移なしでブックマーク! ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
.env と runtimeConfig を用いた環境変数の利用方法【Nuxt3】 ※ 環境 Nuxt 3.2.3 Node v18.11.0 Nuxt3 で環境変数を利用するには、 useRuntimeConfigを使う .envファイルを作成し、その中で定義する の 2 パターンの方法があります。 また、同じような設定ファイルで、useAppConfigを使う方法もあります。 今回は、それぞれの使い方・使い分けについて解説していきます。 useRuntimeConfig を使う 以下のようにruntimeConfigをnuxt.config.tsで定義することでランタイムの構成を使うことができます。 nuxt.config.ts export default defineNuxtConfig({ runtimeConfig: { serverEnv: "serverValue", pu
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
このページは何?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" // } }
前回、Vue3の検証を行いました。軽く触った感じではとりあえずは何とかなりそう。しかし、Vue.jsだけではウェブアプリは作れません。GUIフレームワークが必要です。2022年11月1日、Vue3に遅れてVuetify3がリリースされました。 ただし、Vuetify2よりもGUIコンポーネントはまだまだ少ないのと知見が全然足りない状況である点、ウェブを見た限りでは大きな変更も多い印象で、Vue.jsのように簡単に移行出来るのかどうか?見ていきたいと思います。 Google Apps ScriptでVuetify v2を使ってUIを作る【GAS】 今回利用するスプレッドシート Vuetify - A Material Design Framework for Vue.js MaterialDesignIcons.css Version 7.2.96 サンプルスプレッドシート 現時点でホームペ
Nuxt3 と Vuetify3 がGAになったのでセットアップ方法のメモです。 対応状況 Nuxt3 で Vuetify3 は利用可能です。 利用可能なのですが Nuxt2 で Vuetify を使う時に利用していた @nuxtjs/vuetify はメンテされてないのか Nuxt3 対応版が出ていません。 なので Vuetify のセットアップ処理だけ自分で少し実装する必要があります。 使い方 依存のインストール Nuxt 本体と Vuetify の他に Vuetify のスタイルを読み込むのに sass を依存に追加する必要があります。 $ yarn add -D nuxt vuetify sass プラグインの設定 Vuetify の初期化処理を行うのに Nuxt3 のプラグインの仕組みを使って初期化します。 以下の例は最低限の設定ですが必要であれば適宜設定を追加します。 impo
全画面 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サーバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く