メインカテゴリーを選択しなおす
無料で多機能！【Mistral AIのLe Chat（ルシャ）】
Le Chatは、フランスのスタートアップ企業Mistral AIが開発した無料の生成AIアシスタントです。ChatGPTやClaudeに匹敵、それ以上の性能を持つと評価されており、注目を集めています。マルチモーダルAIモデル「Pixtral Large」によってテキスト生成、画像生成やウェブ検索機能など、さまざまなタスクを無料で対応可能です。
ChatGPT Canvasとは？知っておくべき起動方法から新機能の活用術5選
新機能ChatGPT Canvasについてお悩みの方へ ChatGPT Canvasが新たに新機能が追加されましたがうま
最近自己プロジェクトでCanvas APIを使ってみたくて、いろいろいじっていたのですが、画像をcanvasに置くとどうしてもいつもぼやけてしまっていました。結構悩んでいたのですが、解法は簡単だったのでシェアします。
Reactでcanvas扱ってたときに正円を描画したいのに楕円になったときの備忘録 canvas描画部分 const ctx = this.canvas.current?.getContext('2d'); if (!ctx) { return; } ctx.fillStyle = "black"; ctx.fillRect(30, 0, 290, 450); ctx.fillStyle = "orange"; ctx.beginPath(); ctx.arc(100, 50, 15, 0, 2 * Math.PI); ctx.fill(); 修正前 <canvas style={{ widt…
やりたいこと canvasにdrawImage()で貼り付けた画像を正円で表示させたい（丸型にトリミングされたように表示させたい） やるまでは「quadraticCurveTo()でベジェ曲線使ってやらなかん感じ〜！？！？！？！数学できないよ〜！！」（数学関係あるかもわからない）って思ってたけど全然使わなかった 実装 一部抜粋 const image = new Image(); image.src = "表示したい画像"; image.onload = () => { ctx.beginPath(); // 半径40pxの正円 ctx.arc(50, 50, 40, 0, 2 * Math.…
やりたいこと canvasを使った文字の描画で、特定の幅で文字を折り返して表示したかった。 何も処理しないと↓みたいに文字が詰まって表示される 実装 ①文字を任意の文字数ごとに分割して配列に入れていく // 表示したいテキスト const src = "あ".repeat(30); const results = []; let tmp = ""; src.split("").map((row) => { tmp = tmp + row; // 16文字の場合に配列に入れる if (tmp.length === 16) { results.push(tmp); // 文字カウント用の変数をクリ…
JavaScriptさわってみる10回目(((ﾟ∀ﾟ))) Canvas
こんにちは。 今回はJavaScriptさわってみる企画10回目をやります。テーマはCanvas。CanvasとはHTML5の要素で、webページ上に線や円、文字や画像などを描画できるもののようです。 ってことでこれが使えたらかなり表現できる幅が広がりそうですね！ まずは免責。＊この記事は初心者が思うままにやってみたという内容ですので確かな情報とは言えません。無論、ここの情報によるトラブル等の一切の責任は負いかねます。 Canvasにはcontext(コンテキスト)という概念がありまして、線の太さや色など描画の元となる情報のことを言うようです。それらの情報をオブジェクトへ格納し、線を引くなどの…
