ChatGPTがコーディング支援を強化。コードエディタ機能を統合、コードレビューやデバッグ、他言語への移植ツールなどを含む新機能「Canvas」が登場

2024/10/07 18 users OpenAI chatgpt デバッグ コーディング支援 統合

ChatGPTがコーディング支援を強化。コードエディタ機能を統合、コードレビューやデバッグ、他言語への移植ツールなどを含む新機能「Canvas」が登場 OpenAIはChatGPTの新機能「Canvas」を発表しました。 ChatGPTはさまざまな指示や依頼にAIが対応する汎用目的で使えるサービスですが、新機能「Canvas」は特に文章の作成と... 続きを読む

ChatGPT の Canvas の概要｜npaka

2024/10/04 22 users chatgpt npaka コーディング ベータ版 共同

以下の記事が面白かったので簡単にまとめました。 ・Introducing canvas 1. Canvas「Canvas」は、プロジェクト作成やコーディングで 「ChatGPT」と連携するための新しいインターフェースです。別ウィンドウで開き、「ChatGPT」と共同でプロジェクトに取り組むことができます。このベータ版では、会話だけでなく、隣り合... 続きを読む

ChatGPTと協力しながらコーディングや執筆が可能なアプリ「Canvas」をOpenAIがリリース

2024/10/04 26 users OpenAI chatgpt ベータテスト コーディング 執筆

ChatGPTと協力しながら文章執筆やコーディングなどの作業をこなせるアプリ「Canvas」のベータ版が2024年10月3日にリリースされました。記事作成時点ではChatGPT Plusの加入者向けにベータテストが実施されており、テストの終了後は無料ユーザーも利用可能になる予定です。 Canvas is a new way to write and code with C... 続きを読む

ImageMagick の Canvas / Page について - Qiita

2023/08/19 20 users ImageMagick Qiita page

はじめに PNG や GIF 画像で identify を実行すると、よく分からない座標が表示される件です。JPEG では問題になりません。 なお、このエントリは実質 +repage の紹介記事となります。 % identify crop.png crop.png PNG 200x200 640x480+100+100 8-bit sRGB 183c 4344B 0.000u 0:00.000 ImageMagick では 640x480 が (L... 続きを読む

Slackが新機能「Canvas」発表、チャンネル上で情報をキュレーション／共有

2022/09/21 6 users SalesForce Slack キュレーション 集約 共有

Salesforce.com傘下のSlackは2022年9月20日（米国時間）、Salesforceの年次イベント「Dreamforce 2022」に合わせて、Slackの新機能「Slack Canvas」を発表（プレビューリリース）した。さまざまな情報を一カ所に集約／キュレーションしてチャンネルメンバー間で簡単に共有できる機能で、新入社員のオンボーディング、ブ... 続きを読む

JavaScriptのTypedArrayについて - console.lealog();

2021/09/10 5 users MdN console.lealog WebGL 配列 諸々

調べたのでメモ。 TypedArray TypedArray - JavaScript | MDN いわゆる型付き配列。 通常の配列と違って型が固定できる分、内部的に最適化がしやすいとか諸々で住み分けられてる。 そういう意味で一般的なフロントエンドのJavaScriptコードで出てくることはそうそうない。 たとえばWebAudioとか、CanvasとかWebGLとか、... 続きを読む

全デバイス・全ブラウザで PDF を読みたい - Kaizen Platform 開発者ブログ

2021/07/19 18 users Kaizen Platform PDF 全デバイス SVG

TL;DR PDF を画面に埋め込む方法は、iframe, object, embed, Viewer（3rd party library の利用）がある。 ブラウザネイティブの PDF 表示機能はブラウザ差異が大きいため、PDF を canvas や svg に変換して表示するライブラリやビューアーを利用した方が安定する。 しかし 3rd party library / service の利用はバンド... 続きを読む

canvasで大量の円がランダムに動くパーティクルを実装してみよう！ | 株式会社LIG

2021/07/13 20 users パーティクル パーティクルアニメーション アニメーション

こんにちは、フロントエンドエンジニアのぜんちゃんです。 最近はアニメーション表現を増やすために、canvasの勉強を始めました。そこで、今回はcanvasやJavaScriptの基本技術を使って、円がランダムに動くパーティクルアニメーションを実装したいと思います。 今回作るアニメーションはこちらです。 円を作成・描画する... 続きを読む

変幻自在なグラフィック表現！CSS, SVG, Canvasでマスクを使いこなせ - ICS MEDIA

2021/07/02 15 users インタラクション SVG CSS アニメーション マスク

近年、ウェブ技術の発展により、画像の一部だけを表示する「マスク表現」がよく見られるようになりました。一言でマスクと言っても、アニメーションやインタラクションとの組み合わせによりさまざまな表現が可能です。 また、どの技術を用いるかという選択も重要になります。マスク表現はCSS, SVG, Canvas APIといった技... 続きを読む

NVIDIAのAIペイントソフト「Canvas」はいたずら書きを瞬時にリアルな風景に変える | TechCrunch Japan

2021/06/24 20 users NVIDIA 瞬時 TechCrunch JAPAN 風景

【解決法更新】Androidスマホで「Googleが繰り返し停止しています」エラー多発、Google Japanが「不具合を修正中」として解決策を試すよう呼びかけ 続きを読む

Canvasだけじゃない！requestAnimationFrameを使ったアニメーション表現 - ICS MEDIA

2021/04/16 16 users requestAnimationFrame 手法

requestAnimationFrame()というとCanvas APIなどを使ったクリエイティブコーディングでよく使われる手法ですが、クリエイティブコーディングに限ったものではなく、一般的なウェブサイトのアニメーション表現にも役立ちます。 この記事では「トップに戻るアニメーション」を例に、requesetAnimationFrame()の基本的な使... 続きを読む

新型「iPad Pro」で住宅をスキャン--「Canvas」アプリが内蔵LiDARセンサーに対応 - CNET Japan

2020/06/18 11 users iPhone リリー スキャン 背面 少数

Appleが拡張現実（AR）機能を強化した「iPad Pro」を発売してから数カ月が経過したが、このデバイスに新たに搭載されたLiDAR深度センサーを活用するARアプリは比較的少数に限られているのが現状だ。この背面のセンサーは「iPhone」の次期モデルに搭載される技術を予告するものなのかもしれない。つまり、一足早くリリー... 続きを読む

君は使い分けられるか？CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA

2020/05/20 38 users SVG CSS ICS MEDIA

ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか？ 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも... 続きを読む

バズったツイート10年分、1000件読み込んだら見えてきたテキストの重要性 – CANVAS（キャンバス）

2020/01/30 13 users キャンパス テキスト 重要性 1000件

（……きこえますか…きこえますか…この記事を読んでいる方……いま…あなたの心に直接…呼びかけています…この記事には…10年分のバズったテキストツイートを分析した結果が…まとめられています…バズらせたい人から…広告の獲得効率を改善したい人まで…きっと役に立つはずです……） こんにちは。クリエイティブプランナーの伊藤で... 続きを読む

AndroidのCanvasを使ってバーコード読取のファインダーを作り直した話 - リサーチ・アンド・イノベーション 開発者ブログ

2019/11/20 20 users code ファインダー イノベーション ライブラリ 高田

リサーチ・アンド・イノベーションの高田(tfandkusu)です。こだわりを持ってAndroidアプリ作りができる環境を求めて、今年１月に入社し、CODEのAndroidアプリ開発を担当しています。このたびサードパーティーから買っているバーコードデコードライブラリを別のものに差し替えることとなりましたが、そのライブラリには特... 続きを読む

筆跡再生機能の Flash を Canvas に移植しました - pixiv inside

2019/07/30 27 users drawr petamoriken Flash 中核 弊社

福岡オフィスで課題解決チームに所属しているエンジニアの @petamoriken です。弊社では drawr というサービスを11年間提供していましたが、2019年12月2日13:00をもってサービスを終了することとなりました。詳しくは drawr 特設サイトを御覧ください。 drawr はサービスの中核が Flash の技術で成り立っています。特に... 続きを読む

preタグに書いたデータをダイアグラムとしてビジュアル化するスクリプト・「Pinker.js」 | かちびと.net

2019/06/28 8 users ダイアグラム canva スクリプト net 特定

Pinker.js Pinker.jsはpreタグに書いたデータをcanvasにダイアグラムとして描いてくれるスクリプトです。 特定のルールに沿った書き方をpreタグにする事で簡易的なダイアグラムを生成できる、というもの。割と複雑なものも書けるみたいです。 以下動作サンプルです。 動作サンプル 左のpreタグのテキストを元に右のcanva... 続きを読む

SVGやCanvasで実装した平らな要素を3Dモデルでレンダリングできる超軽量JavaScriptライブラリ -Zdog | コリス

2019/06/07 57 users コリス SVG ドラッグ デモ 形状

面白そうなJavaScriptがリリースされました！ SVGやCanvasで実装した平らな要素をブラウザ上に3Dモデルでレンダリングすることができる超軽量JavaScriptライブラリを紹介します。レンダリングされた形状は3D空間に存在するかのようにクリックやドラッグなどで操作ができます。 Zdog Zdog -GitHub Zdogの特徴 Zdogのデモ ... 続きを読む

SwiftWasm - Webブラウザ上でSwiftを実行 MOONGIFT

2019/06/02 15 users MOONGIFT WebAssembly Swift 実行

WebAssemblyへの注目が集まっており、それ故に様々な試みが行われています。計算処理の高速化、Canvasを書き換えることでゲームに用いたり、JavaScriptを全く書かずにWebアプリケーションも開発できるようになります。 そんな中、プログラミング言語をWebブラウザ上で動かそうと言う試みも増えています。今回はSwiftを実... 続きを読む

【HTML/JavaScript】よくある canvas要素 のフルスクリーン対応【テンプレート付】 - Nekonote

2019/04/24 44 users Nekonote Canvas要素 図形 HTML 成分

おつかれさまです。 記事の前に、まずは にゃんこ成分 を充電します ( ˙꒳​˙ ) すこし大人っぽく写ったかな? canvas とは canvas要素 は、JavaScript で画像や図形を描画できる HTML要素 です。 例えば、動画やカメラ映像を取り込んで加工したり、ゲームを作ったりできます。 詳しくはこちら。 ja.wikipedia.org canvas... 続きを読む

グーグル、お絵描きアプリ「Canvas」をリリース--「Chrome」などで利用可能 - CNET Japan

2018/12/24 32 users 描画 単純明快 チョーク マーカー Chrome

Googleは、「Chrome」などのブラウザで使える描画アプリ「Canvas（描画キャンバス）」をリリースした。 Chrome Unboxedが報じたとおり、Canvasにはcanvas.apps.chromeからアクセスでき、直ちに描画を始めることができる。 操作は単純明快で、鉛筆、インクペン、マーカー、チョーク、消しゴムのいずれかと、任意の色を選... 続きを読む

Google、ブラウザベースのお絵かきアプリ「Canvas」をリリース - Engadget 日本版

2018/12/21 73 users スタイラス ブラウザベース ウェブアプリ Pwa 描画アプリ

Googleが、Chrome OSの早期開発チャンネルDevとCanary向けに、スタイラスをサポートした描画アプリ「Canvas」をリリースしました。Chrome OS向けとはいえ、ウェブアプリとしてリリースされているので、PCやAndroidからも利用できます。 Canvasは、Chromeブラウザからcanvas.apps.chomeにアクセスするだけで利用可能。PWA... 続きを読む

斜めに写った画像をCanvasで矩形に補正する - すぎゃーんメモ

2018/09/03 211 users 矩形 すぎゃー 人力 ラベル 素材

将棋駒画像分類の話の続きのような、あんまり関係もないような。 memo.sugyan.com memo.sugyan.com 結局、素材を組み合わせて自動で生成しただけの駒画像ではやはりデータが足りていないようで、「やはりもっと様々な画像から人力でラベル付けしてデータセットを作っていく必要がありそう」ということになった。 とはい... 続きを読む

Vue.jsとHTMLとCSSで3Dアクアリウムを作ってみた - Crieit

2018/07/16 346 users Crieit CodePen CSS Vue.js HTML

ブラウザで見ることができる3Dアクアリウムを作ってみました。 これは基本的にはHTMLとCSSだけで出来ています。canvasも使っていません。Vue.jsも使っていますが、魚を泳がせたり視点を変更するための用途のため、3D描画自体にはあまり関係ありません。 記事の最後に操作できるCodePenを配置してあるので読むのが面倒な... 続きを読む

「HTML5のCanvas」　～マンガでプログラミング用語解説 (1/5)：CodeZine（コードジン）

2018/07/04 13 users CodeZine htm コードジン マンガ 概念

この連載は、マンガで分かるプログラミング用語辞典です。気軽に読み流せるマンガと、テキストによる詳しい解説で、プログラミング未経験者がつまづきがちな専門用語・概念をやさしく読み解き、よりスムーズな学習を手助けします。市販のプログラミング入門書の副教材としてもぜひご活用ください。今回解説するのは、HTM... 続きを読む