Hatena Blog Tags
はてなブログ トップ
Canvas
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Canvas

(ウェブ)
【きゃんばす】

とはHTML要素の一つ。JavaScriptを使って図形（2次元ビットマップ画像）を描くことができる。HTML5の仕様の一部。2次元ベクター画像はSVG、3次元グラフィックスはWebGL。

canvasタグに対応していないブラウザ向けのライブラリ

関連キーワード

  • HTML
  • JavaScript
  • Ajax
  • Flash

Canvas

(ゲーム)
【きゃんばす】
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
DJ せたっちサロン•10日前

音楽リズムで描くTOKYOの四季 「TOKYO CANVAS」

DJ せたっちサロン☕️ ブログ NO. 23 2026.2.27 「TOKYO CANVAS」 URBAN CITY TOKYO OF JAPANの魅力を、新しい感覚の音楽リズムで奏でて、 世界に発信できればと思い、創曲してみました。 youtu.be LinkCore (リンクコア)からの曲情報 ⬇️ linkco.re 日本の「東京」を紹介するので、本来は、日本語の歌詞で歌うところ、より世界中の皆さまに、よりダイレクトに届くようにとの想いから、英語による歌詞にしました。 TOKYOには、春には桜、夏には、花火、秋には紅葉、冬には温泉といったように、 四季の季節の移ろいを感じることができま…

#SEASON#DJ Setacci

ネットで話題

もっと見る
750ブックマークまずは基本から・HTML5のCanvasについて参考になったサイトまとめ - かちびと.netこの記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも...kachibito.net
453ブックマーククラウドファンディング「White Canvas」サービス終了のお知らせwww.sankei.jp
448ブックマークまだまだ間に合うCanvasでアニメーション入門（まとめと実践） :: 5509JavaScript Advent Calendar 2010も22日目！あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん？なサンプルいっぱいありますね。あーいうの書けるように...5509.me
429ブックマークHTML5 CanvasとCSS3のスマホブラウザでの描画性能 - ICS MEDIAics.media
424ブックマーク今更聞けないcanvasの基礎の基礎 - KAYAC Engineers' Blogtechblog.kayac.com
408ブックマークHTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユ...design.kayac.com
394ブックマークHTML5 Canvas Cheat SheetCanvas element Attributes Name Type Defaultsimon.html5.org
374ブックマークrails3 + html5 canvasでお絵かき投稿サイトを作ろう！kray.jp
369ブックマークcanvasでキラキラした背景を作る方法 - KAYAC Engineers' Blogtechblog.kayac.com

関連ブログ

気ままな日常•23日前

「無ければ作ればいい」という感覚

最近、仕事で生成AI――Google Gemini（Canvas）を使って、簡単なアプリを作っています。 といっても大げさなものではありません。手元のデータをグラフ化する、といったレベルです。 これまでも、まず考えるのは「何を伝えたいか」でした。それは今も変わりません。 どんな傾向を示したいのか、どんな課題を浮かび上がらせたいのか？そこが曖昧なままでは、どんなツールを使っても意味がありません。 ただ、変わったのはその先です。 以前なら、目的を整理したあと、Excelなどの表計算ソフトを開きます。どのグラフが適切かを考え、表現方法を選び、体裁を整える。 このプロセスには、それなりに時間と手間がか…

#生成AI#Canvas
John.com•1ヶ月前

【フロントエンド向け】JavaScriptだけで手書き数字をAI予測する方法

フロントエンドエンジニアのよくある悩み ❌ JSでAI予測って何から始めればいいの？❌ Pythonじゃないと機械学習は無理じゃない？❌ Canvasの画像をどうやってAIに渡すの？ 👉 その悩み、TensorFlow.js で全部解決できます。 この記事では、 バックエンドなし JavaScriptだけ ブラウザ上で完結 する「手書き数字予測AI」の予測処理の考え方を重点的に解説します。 完成イメージ（今回のゴール） ユーザーが Canvas に数字を書く JavaScriptで画像を前処理 AIモデルに渡して 予測（推論） 結果を画面に表示 👉 「予測変換」＝「前処理＋predict」ここ…

#JavaScript#フロントエンド#TensorFlow.js#AI#機械学習#Canvas#MNIST
UPSIDER Techblog•1ヶ月前

Flutter で実現するカード券面の描画

こんにちは。 今回は UPSIDER でモバイルアプリの開発を担当している app team から、UPSIDER / PRESIDENT CARD アプリにおいて、カード券面をどのように描画しているのかについて紹介します。 カード券面の描画は、一見すると単なる UI 表示のように見えますが、どのデバイスで見ても同じカードとして認識できることが求められる、少し特殊な領域です。 ただし、カード上に表示されるすべての情報が、同じ粒度で“一体として描画されるべき”というわけではありません。 どこまでをカードとして扱い、どこからを通常の UI として扱うのか。その線引きが、設計上の重要なポイントになり…

#Flutter#モバイルアプリ開発#UI実装#Canvas#アーキテクチャ設計
Safie Engineers' Blog!•5ヶ月前

動画視聴のストレスゼロへ！ぼくのかんがえたさいきょうのシークバー

こんにちは。セーフィー株式会社エンジニアの伊藤です。 今回のお話は、動画配信サービスを開発・運営されている皆さまへ「UI/UX」についてのお願いです。冒頭からかなり対象を絞った内容に感じられるかもしれませんが、きっと多くの方にも共感していただける部分があると思います。 どうぞ気軽にお読みいただければ幸いです。 まずはこちらをご覧ください。（※音が出ます） ※ iOS では上手く表示されない不具合があります。動作環境は PC がおススメです。 動画見ながら寝落ち問題 シークバーのツライところ 理想のシークバーの提案 まとめ おまけ（シークバーの作り方） ステップ１ 設計図を書く ステップ２ 座標…

#シークバー#UX#Canvas
エンジニアの思い立ったが吉日•8ヶ月前

ChatGPTのCanvasダウンロード機能が革命的！生産性を10倍向上させる新機能の全貌とビジネス活用術

はじめに 私は長年AIツールを使ってきましたが、2025年6月にOpenAIが発表したChatGPTのCanvas機能へのダウンロード機能追加は、まさにゲームチェンジャーだと感じています。これまでブラウザ上でしか作業できなかった制約が解除され、作成したコンテンツを自由にエクスポートできるようになったのです。 私が特に注目しているのは、この機能がただの便利ツールではなく、働き方そのものを変える可能性を秘めている点です。実際に使ってみると、従来のワークフローが劇的に改善されることを実感できます。 はじめに ChatGPT Canvasとは？基本機能を改めて理解する Canvas機能の本質 独立ウィ…

#ChatGPT#Canvas#ダウンロード機能#OpenAI#コンテンツ作成#AIライティング
おんのAI成長記録•9ヶ月前

AI画像生成サービスで素材画像を量産してみた話

こんにちわ、おんです！ ブログ始めてからアイキャッチ画像を設定する必要があるな～ということに気づいて、アイキャッチについて調べてみたんですけど、 フリー素材ってやっぱり他の人と被るし、これ！って思うのが少ない… 今更ですが、AI画像生成使えば「オリジナル画像が量産できるじゃん！」と気付き、色々試してみました。 使ったサービス 今回使ってみたのは、この３つの生成サービス CanvaのAI画像生成（Magic Media） → 登録すればすぐ使えるし、日本語OK。はてなブログでも使える！ ※今日のTOP画像はCanva AIで出力しました☺ Adobe Firefly → Adobeアカウントさえ…

#生成AI#初心者#アイキャッチ#ChatGPT#Canvas
aotuki_hibi’s blog•10ヶ月前

Canvas 限界突破

・Canvas限界突破(2025/04/29)・Canvasを使った実践編 ― 小説「Canvas」ができるまで(2025/04/28)・Canvasを使って、小説「白のCanvas」を書いてみた～その弐（本編）(2025/04/27)・Canvasを使って、小説「白のCanvas」を書いてみた～その壱(2025/04/26) Canvas 限界突破 ChatGPT先生と一緒に物語を作るのがどんどん楽しくなってきて、「このまま練習を続ければ、もしかして作家になれるんじゃないか？」なんて妄想を抱きながら、ChatGPT先生に出してもらった"3語お題"を使って、Canvas上で物語作成の練習をして…

#ChatGPT#Canvas#生成AI#限界突破
office MAKASUKU（オフィス マカスク）•10ヶ月前

ChatGPTのCanvasってなに？はじめてでもわかる！文章づくりがグンとラクになる使い方ガイド

「AIと一緒に文章を書いてみたいけど、チャットだけじゃ少し使いにくい…」そんなときに役立つのが、ChatGPTの便利な機能「Canvas（キャンバス）」です！ この記事では、ChatGPTを使い始めたばかりの人に向けて、Canvasってなに？どう使うの？をやさしい言葉でわかりやすく説明していきます。 ✅ Canvasってなに？かんたんに言うと「文章を書く場所」 Canvas（キャンバス）は、ChatGPTの中にある長い文章を書くための特別な場所です。 ふつうのチャット画面だと、長い文章を書くのは少しやりづらいけど、Canvasなら ブログの下書き 学校のレポート 小説やストーリーのアイデア プ…

#ChatGPT#Canvas#ブログ
aotuki_hibi’s blog•10ヶ月前

Canvasを使った実践編 ― 小説「Canvas」ができるまで

Canvasを使って「白のCanvas」を創作した経過です。 関連記事・Canvasを使って、小説「白のCanvas」を書いてみた～その壱(2025/04/26)・Canvasを使って、小説「白のCanvas」を書いてみた～その弐（本編）(2025/04/27) Canvasを使った実践編 ― 小説「白のCanvas」ができるまで 1. はじめに ― 書いてから考える、という方法 この第3回では、小説「白のCanvas」をどのようにツールのCanvasを使って書き上げたか、その具体的なプロセスをご紹介します。物語の構成や表現の調整、失敗と修正の積み重ね……そのすべてを、Canvasが受け止めて…

#ChatGPT#Canvas#白のCanvas#生成AI