並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 398件

新着順 人気順

canvasの検索結果1 - 40 件 / 398件

  • 追悼 安倍晋三元首相 ~国葬にあたり、広く社会で弔意を~ | クラウドファンディング - White Canvas

    お近くの産経新聞取扱店(駅売店、コンビニ、新聞販売店)で購入 *当日にご購入をご希望される場合 ◆駅売店 ・首都圏、近畿圏の各駅および郊外のターミナル駅での扱い(取扱いの無い売店があります) ・販売時間は当日の昼過ぎまで(夕刊の販売開始時間まで)が目安です。 ◆コンビニ ・首都圏、近畿圏の各店舗での扱い(取扱いの無い売店があります) ・販売時間は当日の昼過ぎまで(夕刊の販売開始時間まで)が目安です。 ◆新聞販売店 ・全国の新聞販売店のうち産経新聞取扱店(営業時間は店舗により異なります)で購入可能です。 ・新聞取り置きは発行日から数日程度です。お早めの購入をお勧めします。 ・お近くの販売店は下記フリーダイヤルにお尋ねください。 ●0120-34-4646 東日本地区<東京本社発行区域> 全日(7時~21時) https://reader.sankei.co.jp/cgi-bin/contac

      追悼 安倍晋三元首相 ~国葬にあたり、広く社会で弔意を~ | クラウドファンディング - White Canvas
    • 君は使い分けられるか?CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA

      ブラウザーで新たにインタラクションやアニメーションを作る時、皆さんはどのようにして使う技術を選んでいますか? 使い慣れたライブラリに機能がないかドキュメントを調べてみたり、流行りのキーワードであればGoogle等で検索してみることも多いでしょう。一方、独自のビジュアル表現やアニメーションの場合、そもそも検索するキーワードがわからないことも多いのではないでしょうか? この記事では、webのビジュアル表現・アニメーションを実現するベースの技術であるCSS・SVG・Canvas(WebGL)の3つについて、それぞれのできること・できないこと(得意・不得意)を作例とともに紹介します。 クイズ:どうやって実現する? webでできるさまざまな表現 下の図はこの記事で紹介する9つのサンプルを並べてみたものです。すべてのサンプルはCSS・SVG・Canvas(WebGL)のいずれかを中心に実装されています

        君は使い分けられるか?CSS/SVG/Canvasのビジュアル表現でできること・できないこと - ICS MEDIA
      • なんでもメモして個人的な知識を蓄える「Obsidian」のキャンバスデータ保存形式「JSON Canvas」がオープンソース化、中身はこんな感じ

        Markdown形式でメモを作成できるサービスのObsidianが使用しているObsidian Canvasファイル形式を「JSON Canvas」ファイル形式としてオープンソース化することを発表しました。 JSON Canvas — An open file format for infinite canvas data. https://jsoncanvas.org/ Announcing JSON Canvas: an open file format for infinite canvas data - Obsidian https://obsidian.md/blog/json-canvas/ 仕様についてはjsoncanvas.orgに記載されています。サイトにアクセスするとこんな感じ。右下の「Toggle output」をクリックしてみます。 右側にJSON Canvas形式

          なんでもメモして個人的な知識を蓄える「Obsidian」のキャンバスデータ保存形式「JSON Canvas」がオープンソース化、中身はこんな感じ
        • JSON Canvas

          An open file format for infinite canvas data. Infinite canvas tools are a way to view and organize information spatially, like a digital whiteboard. Infinite canvases encourage freedom and exploration, and have become a popular interface pattern across many apps. The JSON Canvas format was created to provide longevity, readability, interoperability, and extensibility to data created with infinite

            JSON Canvas
          • バズったツイート10年分、1000件読み込んだら見えてきたテキストの重要性 | CANVAS(キャンバス)

            (……きこえますか…きこえますか…この記事を読んでいる方……いま…あなたの心に直接…呼びかけています…この記事には…10年分のバズったテキストツイートを分析した結果が…まとめられています…バズらせたい人から…広告の獲得効率を改善したい人まで…きっと役に立つはずです……) こんにちは。クリエイティブプランナーの伊藤です。 ときに、デジタルの広告ではSNS系媒体の伸びが著しいですね。中でも、「クリエイティブ」が重要だと巷ではもっぱらの噂です。機械学習による自動最適化の精度がぐんぐん上がる中、クリエイティブのインパクトが相対的に大きくなってきたからです。 クリエイティブ領域の人間として、プレッシャー&やりがいMAXですね。 ただ、どうもですね「クリエイティブのお話」をすると、猫も杓子も「動画」じゃないですか。曰く、「動画市場の成長率がすごい」「静止画よりも動画の方が効果が良い」「最近は動画配信で

              バズったツイート10年分、1000件読み込んだら見えてきたテキストの重要性 | CANVAS(キャンバス)
            • Slack、まとめ機能「Slack Canvas」提供へ。複数チャンネルにまたがる情報を整理・集約して表示可能 「ハドルミーティング」を拡張するビデオ/画面共有機能の一般提供開始も

                Slack、まとめ機能「Slack Canvas」提供へ。複数チャンネルにまたがる情報を整理・集約して表示可能 「ハドルミーティング」を拡張するビデオ/画面共有機能の一般提供開始も
              • 変幻自在なグラフィック表現!CSS, SVG, Canvasでマスクを使いこなせ - ICS MEDIA

                近年、ウェブ技術の発展により、画像の一部だけを表示する「マスク表現」がよく見られるようになりました。一言でマスクと言っても、アニメーションやインタラクションとの組み合わせによりさまざまな表現が可能です。 また、どの技術を用いるかという選択も重要になります。マスク表現はCSS, SVG, Canvas APIといった技術で実現できますが、それぞれが異なる得意分野をもちます。 本記事の前半では、マスク表現を実現する技術について解説を行います。後半では実践的なマスク表現をいくつか紹介しながら、それぞれの実装方法を紹介します。いままで技術的に難しいと諦めていた表現が、マスクによって実現するヒントになれば幸いです。 ▼マスク表現の例(背景画像の一部を表示している) - Erika Moreira Portfolio マスクとは 本記事で紹介するマスク表現とは、画像の一部を切り抜く手法です。マスキング

                  変幻自在なグラフィック表現!CSS, SVG, Canvasでマスクを使いこなせ - ICS MEDIA
                • 管理職とは何か。人を使うとはどういうことか、組織を作るとはどういうことか | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行

                  管理職と、一般社員の給与はかなり違います。 実際、厚生労働省の「令和4年賃金構造基本統計調査」では、管理職は非役職者に比べて、報酬の水準が高く設定されています。 だから、稼ぎたいなら、「人を使う」ことを避けて通れません。 また、もっと稼ぎたいなら、会社組織を作り上げなければなりません。 しかし「人を使う」技術は学校で習う性質の技術ではありません。 対象が千差万別である上、「与えられた問題を、決まった手法に則って解く」というものではないため、「これで万事OK」という事がないからです。 しかも、ほとんどの人は「管理職」になって、突然その技術を身に着けるように言われます。座学などの研修が提供されることもありますが、殆どは「現場で失敗しながら覚えろ」です。 そのため、管理職になってから、マネジメントで苦労する人は非常に多いのです。 そこで本稿では人を使う事と、組織を作ることの両者に焦点を当て、「人

                    管理職とは何か。人を使うとはどういうことか、組織を作るとはどういうことか | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行
                  • Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG

                    Zdog Round, flat, designer-friendly pseudo-3D engine for canvas & SVG What is Zdog? Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdo

                      Zdog · Round, flat, designer-friendly pseudo-3D engine for canvas and SVG
                    • Canvasだけじゃない!requestAnimationFrameを使ったアニメーション表現 - ICS MEDIA

                      requestAnimationFrame()というとCanvas APIなどを使ったクリエイティブコーディングでよく使われる手法ですが、クリエイティブコーディングに限ったものではなく、一般的なウェブサイトのアニメーション表現にも役立ちます。 この記事では「トップに戻るアニメーション」を例に、requesetAnimationFrame()の基本的な使い方から、実際のWebサイトで使える実装までチュートリアル形式で解説しています。 この記事で学べること requestAnimationFrame()でアニメーションするやり方 ディスプレイのリフレッシュレートに依存しない実装方法 イージング関数を使ったアニメーション さまざまな作例のサンプルファイルも用意しています。ぜひご覧ください。 サンプルを別ウインドウで再生する setInterval()との違い requestAnimationFr

                        Canvasだけじゃない!requestAnimationFrameを使ったアニメーション表現 - ICS MEDIA
                      • SVGやCanvasで実装した平らな要素を3Dモデルでレンダリングできる超軽量JavaScriptライブラリ -Zdog

                        面白そうなJavaScriptがリリースされました! SVGやCanvasで実装した平らな要素をブラウザ上に3Dモデルでレンダリングすることができる超軽量JavaScriptライブラリを紹介します。レンダリングされた形状は3D空間に存在するかのようにクリックやドラッグなどで操作ができます。 Zdog Zdog -GitHub Zdogの特徴 Zdogのデモ Zdogの使い方 Zdogの特徴 Zdogは<canvas>とSVG用の3D JavaScriptエンジンです。 Zdogを使用すると、3DモデルをWeb上でデザインしてレンダリングすることができます。 軽量ライブラリ Zdogは、28KbのJavaScriptです。 滑らかなレンダリング 丸みをおびた美しい形でレンダリングされます、ジャギーはありません。 簡単 モデリングは単純明快な宣言型APIで行われます。 Zdogのデモ Zdog

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

                          Visualize your ideas. Infinite space to research, brainstorm, diagram, and lay out your ideas. Canvas is a core plugin included for free with Obsidian. A playground for thought Canvas allows you to organize notes visually — an infinite space to research, brainstorm, diagram and lay out your ideas. Embed your notes alongside images, PDFs, videos, audio, and even fully interactive web pages. A new w

                            Obsidian Canvas - Visualize your ideas
                          • canvasで大量の円がランダムに動くパーティクルを実装してみよう! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                            こんにちは、フロントエンドエンジニアのぜんちゃんです。 最近はアニメーション表現を増やすために、canvasの勉強を始めました。そこで、今回はcanvasやJavaScriptの基本技術を使って、円がランダムに動くパーティクルアニメーションを実装したいと思います。 今回作るアニメーションはこちらです。 円を作成・描画する canvas要素を作成し、そのcanvas内に円を作っていきます。 まずは一つだけ作りたいと思います。 <canvas id="canvas"></canvas> // キャンバス要素を取得 const canvas = document.getElementById('canvas'); // キャンパスに描画するコンテキストを取得 const ctx = canvas.getContext('2d'); // キャンバスサイズをwindowサイズに canvas.wi

                              canvasで大量の円がランダムに動くパーティクルを実装してみよう! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                            • 機械学習はもはやエンジニアのものですらない。ノーコードで機械学習モデルが作れる「Sagemaker Canvas」が発表! #reinvent | DevelopersIO

                              せーのでございます。たった今re:Invent2021初日のキーノートが終了したところです。 今年も初日から色々なサービスが出ました。このエントリではその中からビジネスアナリスト向けの機械学習サービス「Sagemaker Canvas」を速報にてご紹介します。 より直感的なモデル作成へ SagemakerといえばAWSが誇る機械学習の作成ツールとなりますが、このサービスを使いこなすには機械学習の基本的な知識やJupyter notebook、ECRコンテナサービス、機械学習フレームワーク、ハイパーパラメータなどの基礎知識が必要になります。 そこで機械学習を触ったことのないエンジニアでも手軽に触れるように、と数々のベースモデルやコードなどを用意してポチポチクリックしながら進めていけるサービスがSagemaker Jumpstartとなります。それでもPythonやJupyter Notebo

                                機械学習はもはやエンジニアのものですらない。ノーコードで機械学習モデルが作れる「Sagemaker Canvas」が発表! #reinvent | DevelopersIO
                              • WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話 - Qiita

                                WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話JavaScriptRustOpenCVTypeScriptWebAssembly WebAssembly(WASM) は JavaScript より計算処理が速いという話題がしばしば聞かれます。 では、単純な数値計算ではないけれど、JavaScript を利用した通常のフロントエンド開発だと時間がかかる処理を移植するとどうなるのでしょうか1。本記事ではその一例として、巨大画像(4K~)を指定したピクセル数までリサイズする処理を書いてみました。 リポジトリ: https://github.com/yokra9/wasm-image-resizer JavaScript + Canvas API でリサイズしてみる まず、比較のため JavaScript でリサイズ処理を

                                  WebAssembly で画像のリサイズ処理をやってみたら JavaScript + Canvas API より遅かった話 - Qiita
                                • ImageMagick の Canvas / Page について - Qiita

                                  はじめに 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 を (Layer) Canvas サイズ、200x200 は (Image) Page サイズと呼びます。 (canvas は書き込み作業途中の image データを表す事もあって多義的なので注意) Canvas / Page のイメージ図 ImageMagick で crop を繰り返すと意図しない動きをしたり、GIF アニメーションの resize

                                    ImageMagick の Canvas / Page について - Qiita
                                  • NVIDIA Canvas: AI のパワーを活用する

                                    AI により、筆で簡単に描いた線や形がリアリティのある風景画に変わります。背景をすばやく作成したり、コンセプトの探究を加速したりすることによりアイディアの視覚化にさらに多くの時間を使えるようになります。

                                      NVIDIA Canvas: AI のパワーを活用する
                                    • 無料で落書きをリアルな風景画に変換してくれる「NVIDIA Canvas」を使って神絵師になってみた

                                      NVIDIAからAIの力を使って落書きをリアルな風景画に変換するフリーソフト「NVIDIA Canvas」が登場しました。手描きの簡単な落書きが達人クラスの風景画に早変わりするとのことで、実際にNVIDIA Canvasを使って美しい風景画を生成してみました。 NVIDIA Canvas: 筆で簡単に描いた線や形をリアリティのある風景画に変える https://www.nvidia.com/ja-jp/studio/canvas/ NVIDIA Canvasをインストールするために、配布ページ右上の「今すぐダウンロード」をクリック。 自動的に画面が下方向にスクロールするので、「今すぐダウンロード」をクリックしてインストーラーをダウンロードします。 次に、PCへダウンロードしたNVIDIA Canvasのインストーラーをダブルクリックして実行します。 ファイル展開先の例が表示されるので、その

                                        無料で落書きをリアルな風景画に変換してくれる「NVIDIA Canvas」を使って神絵師になってみた
                                      • 拡張機能が動かなくなるかも? 「Google ドキュメント」がHTML5 Canvasベースのレンダリングへ移行/HTMLベースよりも高パフォーマンス。プラットフォーム間での表示一貫性も向上

                                          拡張機能が動かなくなるかも? 「Google ドキュメント」がHTML5 Canvasベースのレンダリングへ移行/HTMLベースよりも高パフォーマンス。プラットフォーム間での表示一貫性も向上
                                        • ブラウザだけでRubyプログラミング: 1ステップずつ作っていく「ブロック崩し」(Nyle-canvas編) - Qiita

                                          (2022.6.17追記:アップグレードされた「rbCanvas」が発表されました。 → インストール不要!ブラウザだけではじめるRubyゲームプログラミング環境「rbCanvas」の紹介(DXRubyスタイル) - Qiita ) 概要 この記事は中学高校生向けプログラミング教室の教材として作ったものを一部改変したものです。 ブラウザだけでRubyのゲームプログラミングが始められるNyle-canvasを使って「ブロック崩し」ゲームを作っていきます。 0から少しずつ「ブロック崩し」を作っていきます。Rubyだと完成しても100数十行で「ブロック崩し」ができてしまいます。 技術解説 使用ライブラリ Nyle-canvas(DXRubyスタイル) ブラウザ上で動くRubyエディタ・実行環境一体型の統合開発環境なので、Rubyのインストールは不要です。 Nyle-canvas(DXRubyスタ

                                            ブラウザだけでRubyプログラミング: 1ステップずつ作っていく「ブロック崩し」(Nyle-canvas編) - Qiita
                                          • 新型「iPad Pro」で住宅をスキャン--「Canvas」アプリが内蔵LiDARセンサーに対応

                                            Appleが拡張現実(AR)機能を強化した「iPad Pro」を発売してから数カ月が経過したが、このデバイスに新たに搭載されたLiDAR深度センサーを活用するARアプリは比較的少数に限られているのが現状だ。この背面のセンサーは「iPhone」の次期モデルに搭載される技術を予告するものなのかもしれない。つまり、一足早くリリースされたiPad Proアプリを見れば、Appleが次にどのような領域に進出するのかが分かる可能性がある。そして、強化された深度センサーを使った次世代アプリの方向性を最もはっきりと示しているのは、Occipitalの住宅スキャンアプリ「Canvas」の最新バージョンかもしれない。 コロラド州ボルダーに本社を置くOccipitalは、深度計測カメラのハードウェアやソフトウェアを長年にわたり開発してきた。同社のデバイス「Structure Sensor」をiPadに取り付けれ

                                              新型「iPad Pro」で住宅をスキャン--「Canvas」アプリが内蔵LiDARセンサーに対応
                                            • Slackの情報集約機能「Slack canvas」が正式公開

                                              印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます Slackは米国時間4月25日、「Slack canvas」の正式な提供を開始した。これは、従業員が特定のプロジェクトや目的のために、必要な情報を集約するためのより有意義な方法だ。 2022年9月に発表されていた同機能により、チームはメッセージやアプリ、リッチメディア、ワークフローといったさまざまな情報源にもとづくあらゆる情報を取得/整理/共有するための場(canvas)を生成できるようになる。ここにはファイルを直接アップロードしたり、「Dropbox」や「Googleドライブ」などの他のプラットフォームへのリンクを直接埋め込んだりできる。 またそれぞれのcanvasでは、アクションアイテムを追跡したり、会議メモを作成したり、主な関係者

                                                Slackの情報集約機能「Slack canvas」が正式公開
                                              • canvas上で群れを表現 - Qiita

                                                前置き プログラミング初心者のため、見苦しいコードが多いです。プログラムを組んで何か作るの好きです! ※ 2020/10/30追記 Pythonでボイドを利用したゲームを作ってみたので良かったら見てください。 【Tkinter実践】Pythonでオリジナルゲームを作る 生き物に関するプログラミングがしたい! 小さいころから生き物が好きだった。プログラミングで生物の行動シュミレーションなど出来たら面白そうだ。 調べたらボイドというアルゴリズムを見つけた。 ボイドって? ボイド(Boids)は、アメリカのアニメーション・プログラマ、クレイグ・レイノルズが考案・作製した人工生命シミュレーションプログラムである。名称は「鳥もどき(bird-oid)」から取られている。 wikipediaからの引用。コンピュータ上に鳥オブジェクトを作成し、それに対して以下の3つのルールを作用させるだけで、鳥の群れを

                                                  canvas上で群れを表現 - Qiita
                                                • 筆跡再生機能の Flash を Canvas に移植しました - pixiv inside

                                                  福岡オフィスで課題解決チームに所属しているエンジニアの @petamoriken です。弊社では drawr というサービスを11年間提供していましたが、2019年12月2日13:00をもってサービスを終了することとなりました。詳しくは drawr 特設サイトを御覧ください。 drawr はサービスの中核が Flash の技術で成り立っています。特にイラストを描くドロー画面と、投稿された作品の筆跡再生機能がブラウザにプラグインとして搭載されている Flash Player を使って提供されています。 drawrのサービス終了にともない、以下の機能を新規開発・提供しました。 投稿作品一括ダウンロード機能 お絵かきコミュニケーションサービス「pixiv Sketch」への引っ越しツール drawrの描き味を再現したドロー機能「シンプルドローモード」(pixiv Sketch で利用可能) その

                                                    筆跡再生機能の Flash を Canvas に移植しました - pixiv inside
                                                  • Google Docs will now use canvas based rendering: this may impact some Chrome extensions

                                                    Join the official community for Google Workspace administrators In the Google Cloud Community, connect with Googlers and other Google Workspace admins like yourself. Participate in product discussions, check out the Community Articles, and learn tips and tricks that will make your work and life easier. Be the first to know what's happening with Google Workspace. ______________ Learn about more Goo

                                                      Google Docs will now use canvas based rendering: this may impact some Chrome extensions
                                                    • 【Android】Jetpack ComposeでCanvasを使って凝ったUIを表現しよう - Mirrativ Tech Blog

                                                      こんにちは Androidエンジニアのなかむらです。 ミラティブでリリースされた視聴ミッションの実装に関してお話ししていこうと思います。 視聴ミッションは視聴開始直後からメーターが進み始めるという機能です。 このメーターをかっこよく表現したいよねということでデザイナーやPMと悩んだ末に生まれたUIがコチラ めちゃめちゃかっこいい。 でもこのUI組むの結構大変そうだなー。。。 どうやって組もうかなぁ。。。 色々と悩みました。 きっと自分以外にもそんな悩みを抱えている方が他にもいるはず(多分)ということで本記事では、そんな悩めるAndroidエンジニアに向けて実装方法を解説していきたいと思います。 このメーター部分のUIについて解説します ちなみに、最初に言っておくと実装自体はとてもシンプルです。 何も難しいことはありません。 では何に苦戦したのか。 それはこのUIの作り方をどう調べたらいいの

                                                        【Android】Jetpack ComposeでCanvasを使って凝ったUIを表現しよう - Mirrativ Tech Blog
                                                      • node-canvasでアニメーションGifをつくって遊ぶぞ!

                                                        The Hero's Journey (For movie fans, Lego fans, and presenters!)

                                                          node-canvasでアニメーションGifをつくって遊ぶぞ!
                                                        • ベタ塗りの落書きがリアルな風景画になる「NVIDIA Canvas」の実力 “美術2”の記者でも絶景は描けるか

                                                          米NVIDIAが6月23日(現地時間)にβ版を公開したイラスト作成ツール「NVIDIA Canvas」。同社が開発したAI技術「GauGAN」(ゴーギャン)を活用しており、ベタ塗りの落書きを風景写真のようなイラストに変換できる。「風景を無限に作れる」「素人でも簡単に背景を描ける」として、公開直後からSNSでも話題になっている。 イラストの心得がなくても風景画が描けるこのツール。そこで学生時代、美術の成績が5段階評価で2だった記者が実際に体験し、絵が下手な人でもクオリティーの高い作品が作れるのか、ツールの使い心地を確かめた。使ってみると、絵の上手さだけでない別のスキルが求められることが分かった。 15種類のペンでベタ塗り→AIが自動変換 NVIDIA CanvusはNVIDIA製のGPU「RTX」シリーズとWindows 10を搭載したPCで動作する。今回、記者はGPUに「GeForce R

                                                            ベタ塗りの落書きがリアルな風景画になる「NVIDIA Canvas」の実力 “美術2”の記者でも絶景は描けるか
                                                          • ipycanvas: A Python Canvas for Jupyter

                                                            As you may already know, the Jupyter Notebook and JupyterLab are Browser-based applications. Browsers are incredibly powerful, they allow you to swap rich and interactive graphical interfaces containing buttons, sliders, maps, 2D and 3D plots and even video games in your webpages! All this power is readily made available to the Python ecosystem by Jupyter interactive widgets libraries. Whether you

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

                                                              リサーチ・アンド・イノベーションの高田(tfandkusu)です。こだわりを持ってAndroidアプリ作りができる環境を求めて、今年1月に入社し、CODEのAndroidアプリ開発を担当しています。このたびサードパーティーから買っているバーコードデコードライブラリを別のものに差し替えることとなりましたが、そのライブラリには特徴的な仕様があり、それに合わせてバーコードスキャン範囲を示す表示(以下、ファインダー)にも改修を加えることにしました。この記事ではその部分をCanvasを使って再実装したことを紹介します。 バーコード読取画面 ファインダーをよく見る ファインダーは下の図で示すとおりです。 外側は白い半透明 中心に穴が開いている 4角に不透明の線がある 線には外側だけ陰がある 全体 外側だけに影がある バーコードデコードライブラリの仕様 バーコードデコードライブラリの仕様ですが、サイズが

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

                                                                コンバースのキャンバスオールスターハイカットのレッド。 以前書いたガムソールのオールスターみたいな限定モデルではなく 靴屋なら割とどこにでも売っていた定番モデルのカラーで 米国コンバース社が倒産した直後の2002年に生産された物。 これは知人から半ば強引に譲り受けることになって引き継いでいるが もしかしたら一度も履いたことがないかもしれない。 レッドウィングの箱と下のラグの柄が相まってかなりアメリカンな印象を受ける。 赤いオールスターは「赤コン」なんて呼び方もあるみたいだけど コーディネートが可愛らしい要素が強くなって、ハードルが妙に高いと感じてしまう。 ベロの裏に付くラベルの最上段に「0208」とあり、これは2002年8月製を表す。 2001年にコンバース社が倒産し、当時の日本で主に流通するモデルの生産拠点が インドネシアに移って割とすぐの頃に作られた物と分かる。 インソールには「CON

                                                                  CONVERSE CANVAS ALLSTAR HI RED - 赤い羽BLOG
                                                                • WebGPU — All of the cores, none of the canvas — surma.dev

                                                                  WebGPU is an upcoming Web API that gives you low-level, general-purpose access GPUs. I am not very experienced with graphics. I picked up bits and bobs of WebGL by reading through tutorials on how to build game engines with OpenGL and learned more about shaders by watching Inigo Quilez do amazing things on ShaderToy by just using shaders, without any 3D meshes or models. This got me far enough to

                                                                    WebGPU — All of the cores, none of the canvas — surma.dev
                                                                  • 「王様のブランチ」で紹介!歌詞をインテリアのように飾ることができるスピーカー『Lyric Speaker Canvas』 - こういうものはどうですか

                                                                    2019年5月18日放送の「王様のブランチ」トレンド部 King & Prince登場!蔦屋家電+(プラス)の次世代家電で紹介された『Lyric Speaker Canvas』 「Lyric Speaker Canvas」の前面ボードからは歌詞のモーショングラフィックが浮かび上がり、背面ボードからは美しいサウンドが響き渡ります。 Lyric Speaker Canvas リリックスピーカー キャンバス 歌詞を表示するスピーカー 【人気商品】Lyric Speaker Canvasは音楽と同期して歌詞が表示される次世代型スピーカー。楽曲の歌詞が前面のボードに浮かびあがり、背面のボードからは美しいサウンドが響きます。https://t.co/Z0Y0SFe3Jc#王様のブランチ #トレンド部 #二子玉川蔦屋家電 #二子玉川 #蔦屋家電 #蔦屋家電プラス pic.twitter.com/9oXz

                                                                      「王様のブランチ」で紹介!歌詞をインテリアのように飾ることができるスピーカー『Lyric Speaker Canvas』 - こういうものはどうですか
                                                                    • GitHub - joshmarinacci/node-pureimage: Pure JS implementation of the HTML Canvas 2D drawing API

                                                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                                                        GitHub - joshmarinacci/node-pureimage: Pure JS implementation of the HTML Canvas 2D drawing API
                                                                      • ブログ200記事と3周年 - 空のCanvas

                                                                        皆さんこんにちは。 先日の雨で災害などは無かったでしょうか? 長い梅雨がしばらく続きますが雨に恵まれてる日本は良いほうです。 でもたま~にカラッと晴れて気分もスッキリしたいですね。 あの宣言も今月末まで。 一応明ける予定ですが油断できない状況なのでまだまだ注意が必要ですね。 写真撮ったあと雨ミサイルに見舞われビショ濡れになりました。 今回の記事でブログ200記事と3周年になりました。 特にお役に立つ情報発信などは無く過去記事を振り返ると絵や雑記ばかりでした(^^;) スターやコメントを頂いたり励ましや応援のお声を沢山頂きました。 本当に感謝です。ありがとうございます。 続けられたのも皆様のおかげです。 これからも宜しくお願いします(^o^) まだ2作しか描いてないですが以下の写真でご質問を頂きました。 ご質問を頂いたのは、すーさん。 ブログ開設当初からお世話になってます。↓ id:guut

                                                                          ブログ200記事と3周年 - 空のCanvas
                                                                        • 「所さん お届けモノです!」で紹介!世界の名画を気分で変える『デジタルアートキャンパス Meural Canvas II』 - こういうものはどうですか

                                                                          「所さん お届けモノです!」これからの季節に大活躍!最新個性派家電で紹介された『デジタルアートキャンパス Meural Canvas II』 「Meural Canvas II」は、色々な絵画のデータが収蔵されており、収蔵されている有名画家の作品数は3万点以上となっています。 NETGEAR Meural キャンバスII 21インチ ダークウッド(木製) 特殊技術で作られたディスプレイは、本物の絵画さながらの質感・色を再現しており、その精巧さは本物の絵と見間違うほどとなっています。 NETGEAR Meural キャンバスII 21インチ ダークウッド(木製) 100点のサンプラー画像のほか、自分の家族やペットの写真を表示可能であり、また、メンバーシップに加入すると、3万点以上のビジュアルアートから好きな作品を選んで表示することができます。

                                                                            「所さん お届けモノです!」で紹介!世界の名画を気分で変える『デジタルアートキャンパス Meural Canvas II』 - こういうものはどうですか
                                                                          • 明日から4月 - 空のCanvas

                                                                            皆さんこんにちは。 もう厚手の上着は要らないのかも? 朝晩も随分暖かくなって過ごしやすいです。 通勤途中の公園の桜も満開です。 今週いっぱい迄は桜も楽しめそうです。 何だか気持ちが重いです(>_<) ニュース見ても明るい報道は無いですね。 先日、ミャンマー情勢で警察や国軍が子供を相手に暴力を振るう映像を見ました。 注意喚起無しに無抵抗の子供を複数人でリンチ。いきなり発砲。 子供を亡くした母親は泣き崩れ棺にしがみつく。 21世紀の今日もどこかで内戦や紛争などで犠牲者がいます。 あまりにも不条理な光景に憤りを覚えました。 香港もですが民主社会から共産主義の逆戻りは容易く無い。誰が責任とれるんだろう? あまりに強烈だったのでトラウマになりそうです。 暗い話題ですみませんでした(>_<) 明日から4月。新年度ですね。 緊急事態宣言も明けてやれやれと思ってた所に第4波。 もう訳がわかりません。 でも

                                                                              明日から4月 - 空のCanvas
                                                                            • オリンピック開幕 - 空のCanvas

                                                                              皆さんこんにちは。 夏の日差しが厳しいですね。 夏バテしないようしっかり食事と睡眠、体調整えて元気に過ごしたいですね。 熱中症になった事がありますがフラフラで熱も出て吐き気もします。 もし症状が出た時は涼しい場所で休み水分補給をしてください。 大動脈付近を冷やすのが効果的です。 重症なら呼吸困難や意識不明にもなります。 救急車を呼ぶ事も躊躇なさらずに。 コロナ禍では夏マスクも曲者。 お気をつけて。 オリンピック開会式は仕事から帰ってすぐにテレビON。 聖火点灯に間に合いました。 ラストランナーは大坂なおみさん。 聖火台も面白いデザインで未来的な雰囲気です。 数日前からソフトボールやサッカーもやっていて見てました。 試合は全部は見れませんが選手も真剣そのもの。 無観客は寂しいですが主役はプレーする選手たちです。 思いっきり元気に楽しんでプレーから溢れる感動を見せてほしいです。 皆さんにも輝き

                                                                                オリンピック開幕 - 空のCanvas
                                                                              • !!と!? - 空のCanvas

                                                                                皆さんこんにちは。 寒さを感じるようになりました。 寒いと体も緊張して血流にも良くないのか肩をすぼめて気付けば肩凝り? 暖かい風呂に入って布団に入るのが楽しみな季節です。 寝る前に軽くストレッチすると尚、良さそう。 「鬼滅の刃・那田蜘蛛山編」見ました。 前回の「兄妹の絆編」は修行がメインでしたが今回は戦闘シーンが多く迫力あって見応えたっぷり。 そして物語がスーパーハードでした。 勧善懲悪の子供騙しじゃない本気のドラマでした。 そこまで掘り尽くすの?って感じです。 作者は子供達に向き合ってますね。 今公開中の「無限列車編」DVD出るのを待ちます。 その前にテレビシリーズを最初から見たいけどレンタル中が多いです。 いつか全話見るので楽しみができました。 このところの急な冷え込みで薄着で油断したのか少し微熱が出ました。 少し前までは窓を開けて気持ち良い風を楽しんでいた名残りで窓を開けっ放しにした

                                                                                  !!と!? - 空のCanvas
                                                                                • JavaScript 向けブラウザスクリーンショットライブラリ html2canvas で画面の一部分のみのスクリーンショットをとってみました | DevelopersIO

                                                                                  JavaScript 向けブラウザスクリーンショットライブラリ html2canvas で画面の一部分のみのスクリーンショットをとってみました CX事業本部の熊膳です。html2canvasというJavaScriptでスクリーンショットを取得するライブラリを使ってみたので紹介します。 html2canvasとは html2canvasは、JavaScriptでWebページ(もしくはその一部)のスクリーンショットを取る(実際にはCanvas上に描画する)ためのライブラリです。 独自にDOM解析やレンダリングなどを行っているため、完全にブラウザで表示しているものと同じものになるとは限りませんが、かなり再現性高いです。 公式サイトは、こちらです。 html2canvas - Screenshots with JavaScript 使い方(公式サイトより) html2canvas(document

                                                                                    JavaScript 向けブラウザスクリーンショットライブラリ html2canvas で画面の一部分のみのスクリーンショットをとってみました | DevelopersIO