並び順

ブックマーク数

期間指定

  • から
  • まで

281 - 320 件 / 368件

新着順 人気順

canvasの検索結果281 - 320 件 / 368件

  • 小金持ちになったときに、その人の真の姿が見える。 | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行

    私たちは日々、様々な人と接しています。職場の同僚や上司、友人、家族。 彼らの多くは、社会的規範に従い、礼儀正しく振る舞っています。しかし、人は本当にそのような姿なのでしょうか。 私は、コンサルタントとして、多くの会社に出入りしましたが、実は 人の真の姿を知るには、「話をする」だけではなく、その人がお金をどのように使うか、何に身銭を切るかを見ることが重要だと考えています。 * 例えば、過去の私のクライアントの一人に、システム開発業の経営者がいました。 彼は社内的には「世の中のためになる」「社員の働きがいを高める」と打ち出していましたが、彼が実際にカネを投じていたのは、社員の給与や設備投資ではなく、自分自身のマンション、スーパーカー、そして夜の店でした。 あるいは、成功した経営者の中には派手なCMや豪華なオフィスにお金を注ぎ込む人もいます。それは「社員のため」というよりも、実際にはCMと派手な

      小金持ちになったときに、その人の真の姿が見える。 | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行
    • なんと!ほとんどの記事が約150文字以内の文字数の少ないブログで、グーグルアドセンスの審査に挑戦してみた!!結果は合格!? ~ 私流 ~ - Life is beautiful ~by my canvas'sblog~

      なんと! ほとんどの記事が約150文字以内の 文字数の少ないブログで、 グーグルアドセンスの審査に挑戦してみた!! 結果は…、合格!?・不合格!? ~ 私 流 ~ 文字数の少ないブログに、夢と希望はあるのか!!? グーグルアドセンスの審査に、文字数の少ないブログで挑んだ、 挑戦の記録をご覧ください。 ・ ・ ・ ☆審査時のブログ状況☆ ・ブログ日数:218日 ・断続日数 :218日 ・記事数  :222記事 ・平均文字数:約150文字ぐらい。 ・ブログ形態:自分で撮影した写真(1記事1枚程度)+思った事。簡単に言うと日記です。 ☟普段のブログはこんな感じです。興味がある方はぜひ(#^.^#)☟ ☟当ブログのおすすめ記事は、こちらから☟ www.mycanvas.work はい! 上記の様になっております。 ◇ブログ日数 ★合格基準(目安):1週間程度。 ■考察 ブログ開始当初より、ブログ記

        なんと!ほとんどの記事が約150文字以内の文字数の少ないブログで、グーグルアドセンスの審査に挑戦してみた!!結果は合格!? ~ 私流 ~ - Life is beautiful ~by my canvas'sblog~
      • Pure Wasm Life 2: Optimizing Webassembly and Canvas

        Note: This post is part 2 of my Webassembly Game of Life series, if you haven't already you can read part 1 here. So when I posted my last Webassembly Game of Life post I had a few improvements I wanted to make to it. Some that I mentioned in that post (like bitpacking the board so it took less memory), and some that I mentioned to friends who read it (like switching from Canvas2D to WebGL or WebG

        • pythonで生成したImageをWebSocketでブラウザに送信してcanvasに表示する - Qiita

          はじめに RaspberryPiのカメラモジュールで撮影した画像をブラウザで表示するためにWebSocketの仕組みを調べてみました。 pythonで作成した画像データをWebSocketでブラウザに送信してcanvasに表示するテンプレートとしてまとめておきます。 サンプルソースの仕様 エディットボックスに文字列を入力し、ボタンをクリックするとWebSocketで文字列を送信する 文字列を受信したサーバーは文字列を画像に変換し、応答としてバイナリデータを返す 画像のバイナリデータを受信したjavascriptでcanvasに描画する クライアント側 HTML部 テキストボックス、ボタン、canvasを持つhtmlを用意します。 <html> <head> <script src="./client.js"></script> </head> <body onload="on_load()

            pythonで生成したImageをWebSocketでブラウザに送信してcanvasに表示する - Qiita
          • 殿堂入りのお皿たち その215【果実店canvasさん の マンゴーパフェ】 - 殿堂入りのお皿たち

            比較的最近、幡ヶ谷に出来たフルーツパフェ屋さんです。 この時期は、太陽のたまごと宮崎マンゴーを使ったパフェがあります。 ここまで上質なマンゴーを使ったパフェはなかなかありません。 お値段も高いですが、珠玉のパフェです。 tabelog.com

              殿堂入りのお皿たち その215【果実店canvasさん の マンゴーパフェ】 - 殿堂入りのお皿たち
            • 2日連続の好観測 - 空のCanvas

              昨日は夜9時過ぎ頃?東から西に向かって大きな流れ星を見ました。 3秒くらいでしょうか?青白く大きな閃光がスーッと夜空を通り抜けました。 昨年の今頃も見たんですよね。地球が流星群の中を通過してるんでしょうか? 昨年の火球の記事はこちら↓。 satoue.hatenablog.com そして今日はまるで金色の夕陽です。 夕陽にもピンク色や薄紫のパープル色も綺麗ですが今日の金色は大阪では滅多に見れない色。昨日の流れ星と今日と合わせてラッキーな天体観測でした。 冬は空気が澄んでるので星空も良く見えます。 夜中一晩寝袋にくるまって夜空見えげれば流星いっぱい見れそうですが・・・ プラネタリウム行きたい気持ちになります。 先週は紅葉を見に隣の市まで滝道を登りましたが近くの公園の方が綺麗に紅葉してる事に後で気付きました。 何気に写した公園の写真。 木の幹と木漏れ日。どうってことないのですが。 こんな公園の

                2日連続の好観測 - 空のCanvas
              • Translating OpenStreetMap data to HTML5 Canvas with Rust and WebAssembly | Programming | mary.codes

                Using the Overpass API to read OSM data, parsing the data with Rust, and then drawing the map onto HTML5 canvas. I'm working on a revamp of an old project of mine called Line Buddy (github). It used a now-deprecated API library called themeparks (github) and A-Frame to visually represent the wait times in the Disney World theme parks in 3D. The original project used OpenStreetMap screenshots as th

                  Translating OpenStreetMap data to HTML5 Canvas with Rust and WebAssembly | Programming | mary.codes
                • GM登場前の1991年3月にリリースされたRoland初のGS音源、Sound Canvas SC-55|DTMステーション

                  DTMステーションでは、ときどき昔の製品カタログを引っ張り出して、振り返る記事を書いていますが、今回取り上げるのは今からちょうど30年前、1991年に発売されたRolandのMIDI音源モジュール、Sound Canvas SC-55についてです。売れた数という面では、SC-55の後継機種であったSC-55 mkIIのほうが圧倒的ではあったはずですが、やはり初のGS音源として登場したSC-55の意義は大きく、その後のMIDIの世界に大きな影響を与える機材だったと思います。 Rolandが初のDTMセット製品、ミュージ君を発売してから3年。MT-32、CM-64で培ってきた音色配列を突然捨てて、新たな音色配列のフォーマットGSスタンダードなるものを打ち出したことに対し、多くのユーザーが戸惑ったのも事実です。実はこの時点ではGM規格自体が登場する前であり、あくまでもRolandの独自規格だった

                    GM登場前の1991年3月にリリースされたRoland初のGS音源、Sound Canvas SC-55|DTMステーション
                  • KPIツリーとは? メリットやKGI設定からKPIを作るポイントを紹介 | CANVAS|若手社会人の『悩み』と『疑問』に答えるポータルサイト

                    KPIツリーとは? メリットやKGI設定からKPIを作るポイントを紹介 企業やチームの拡大成長を目指すうえで役立つのが「KPIツリー」といわれるものです。KPIツリーは、目標に対して必要なアクションを明確化し、チームの方向性を整える効果があります。 今回は、多くの企業で活用されているKPIツリーについて解説していきます。 【関連記事】「OODA(ウーダ)ループとは?求められる背景やPDCAとの違いについても解説」 1.KPIツリーとは? KPIツリーとは、KGI(Key Goal Indicator)とよばれる「重要目的達成指数」を頂点に置き、達成に必要な要素であるKPIをツリーの枝葉のように段階的に設置した図のことです。 枝葉の末端にあるKPIから達成していくことで、最終目標のKGI実現を叶えます。 実際に図形化する際には基本的に左側に頂点となるKGIを置き、左から右に向かってKPIを広

                      KPIツリーとは? メリットやKGI設定からKPIを作るポイントを紹介 | CANVAS|若手社会人の『悩み』と『疑問』に答えるポータルサイト
                    • GitHub - samizdatco/skia-canvas: A GPU-accelerated 2D graphics environment for Node.js

                      Skia Canvas is a browser-less implementation of the HTML Canvas drawing API for Node.js. It is based on Google’s Skia graphics engine and, accordingly, produces very similar results to Chrome’s <canvas> element. The library is well suited for use on desktop machines where you can render hardware-accelerated graphics to a window and on the server where it can output a variety of image formats. Whil

                        GitHub - samizdatco/skia-canvas: A GPU-accelerated 2D graphics environment for Node.js
                      • 夏の面影 - 空のCanvas

                        皆さんこんにちは。 北京オリンピックのさなかですが寒い日々に寒そうな競技見る気になれなくて。 半分の行程が済んでるんですよね。 競技を楽しんでケガや病気もなく無事に帰ってきてほしいです。 休日に記事書いてますがPCでキーボード打つ手も冷えてカチカチです(^^;) 絵も寒いと手から鉛筆が転げたり。 今週は絵が描けませんでした。 リサイクル店でペン入力デバイスのペンタブレットがあったのでそのうち買おうと思ってます。 「おわかりいただけたでしょうか?」 写真に変な物が写っています。 わかりますでしょうか? 小さくてわかりにくいかもしれませんが探してみてください。 「これかな?」と思った方はズームアップしてみてください。 いつもの通勤の道で何か「???」と思ったので見上げると枝に○○が引っかかってました。 目測7mくらいの高さ? 子供たちが遊んだ跡だと思いますが子供たちを 表彰したくなります。 台

                          夏の面影 - 空のCanvas
                        • [Slack]情報集約できる新機能Slack canvasを使ってみた

                          想定読者 Slack 上で情報集約したい方 Slack canvas に興味がある方/使い方を知りたい方 Slack canvas をご存知ですか Slack canvasは、ナレッジの検索や管理、共有が簡単にできるSlackの新しいスペースです。 2022年9月20日に新機能として導入する旨の発表があり、2023年4月25日より正式な提供が順次開始されています。所属しているワークスペースでの提供を待ちわびていたところ、今朝、ワークスペースの一つでの機能の有効化を確認したので早速使ってみようと思います。 結論 チャンネルやDM内で使える 通常のメッセージの書き心地で、散逸させたくない情報を集約できる チャット内容が流れてしまう問題を解決できそう どこからアクセスできるか 任意のチャンネルやDMの画面右上のアイコンからアクセスできます。アイコンが表示されていない場合は提供を気長に待ちましょう

                            [Slack]情報集約できる新機能Slack canvasを使ってみた
                          • 献立考えるの面倒(^^;) - 空のCanvas

                            皆さんこんにちは。 12月になりました。さすがに寒いですね。 今まで掛布団1枚でしたが寒いので2枚にしました。 暖かいけど朝起きて布団から出るのが億劫になります(>_<) 最近はよ~く寝ます。 仕事の疲れもあるけど家事も担ってるので 横になればいつの間にか寝ていた、なんて事が続いてます。 掃除と洗濯は2日おきで良いとして料理は毎日ですからね。 今日の献立何にしよう~?と冷蔵庫の中身と毎日相談してます。 「The・適当」でスーパーのお惣菜で手抜きもしてますが。 今日は休み。少しゆっくりしたいです。 先日、地震があったみたいですがわかりませんでした。 大阪で震度2らしいですが、いつ揺れた? 不謹慎ですが弱い地震ならウエルカムで血沸き肉踊ります。 地鳴りの音を聞くと、地球も生き物なんだなって実感します。 でも大震災は困りますね。 その時が来たら落ち着いて行動できるのかな? ケガさえしなければ何と

                              献立考えるの面倒(^^;) - 空のCanvas
                            • HTML CanvasとWebGLの使い分け―CreateJS勉強会/池田発表資料 (前編) - ICS MEDIA

                              2015年2月10日(火)、アドビシステムズ株式会社でCreateJS勉強会 (第5回)が開催され30名を超える方々が来場されました。勉強会のフォローアップとして、発表資料「CreateJSで制作するスペシャルコンテンツ」のスライドをブログ記事という形で公開します。本記事では口頭で発表した内容もできる限り記載しました。 なお、前編(CanvasとWebGLの比較)と後編(WebGLの最適化)の二部構成にしています。前編となる本記事ではスペシャルコンテンツ制作にあたり調査したHTML CanvasとWebGLの双方の利点・欠点をまとめています。 HTML CanvasとWebGL 今回のテーマは「HTML CanvasとWebGLの使い分け」です。皆さんもご存知の通り、HTML5のCanvas要素 (JavaScript ではCanvasRenderingContext2Dオブジェクト)は従

                                HTML CanvasとWebGLの使い分け―CreateJS勉強会/池田発表資料 (前編) - ICS MEDIA
                              • スピーチや会話で「えーっと」「あー」が<br>なくなると生じる驚くべき効果とは!? | CANVAS|若手社会人の『悩み』と『疑問』に答えるポータルサイト

                                フォレスト出版は、『スピーチや会話の「えーっと」がなくなる本』(著者:高津和彦氏)を2019年9月上旬に発売すると発表しました。 スピーチや報告、面接、ビジネス上の会話で頻出する「えー」「あー」。みっともないと感じる人は多いでしょう。学術用語では「フィラー」というそうですが、このフィラーが頻出する人は、面接で落とすという採用担当者もいるほど、聞き手にネガティブな印象を与えてしまいます。 無意識に出てしまうこともあれば、普段出ているのに、あるシーンではまったく出ないことも起こりうる。なぜでしょうか? そして、それが出る人と出ない人は何が違うのでしょうか? 本書ではこのフィラーが発生するメカニズムと、それを消す方法を解説した「画期的な一冊」(フォレスト出版)となっています。 フィラーを生み出す3つの要素とは? 著者は、フィラーについて、「心(感情・性格)」「思考」「声」の3つの要素の働きとして

                                  スピーチや会話で「えーっと」「あー」が<br>なくなると生じる驚くべき効果とは!? | CANVAS|若手社会人の『悩み』と『疑問』に答えるポータルサイト
                                • VRChatのデスクトップにCanvasで配信用画面を映すやつ|ひえん

                                  https://note.mu/hiyen/n/nef344a8162f9 >後にcanvasを使い、デスクトップにこの画面のみを表示させる方法を教えていただきました。 の説明が抜けてたので補足です。 デスクトップ用配信画面はワールド内にUI>Canvasで配置します。 そのCanvasの中にRawimageを配置し、Textureにカメラを映したRender Textureを入れてあげます。 canvasを配置すると全長1kmぐらいの画面がデデーンと表示されますが、こういうものです。ワールド内からも見えないので気にせず。 複数カメラを配置する場合はCanvasを分けて重ねるとうまく行きました。 大きさや配置はそれぞれのRawimageで調節。 VRChatのデスクトップ画面に、Rawimageの幅高さで乗っかるのでいい感じにしておきます。 最初から表示だと、自分を含むデスクトップで入った

                                    VRChatのデスクトップにCanvasで配信用画面を映すやつ|ひえん
                                  • Money Canvas(マネーキャンバス)学びながらできる投資 | 三菱UFJ銀行

                                    Money Canvasで提供する情報について ・本サービス内のすべての情報コンテンツ(記事、写真、データ、画像等。以下、本情報)は著作権法上の著作物として保護されています。当行はこれらの著作権を保有、もしくは著作権者より利用許諾を得て掲載しています。 ・本情報の一部は、株式会社時事通信社/株式会社JPX総研/株式会社ミンカブ・ジ・インフォノイド/株式会社東京証券取引所及び株式会社日本経済新聞社 等より提供を受けています。 日経平均株価の著作権は日本経済新聞社に帰属します。 ・本情報は、情報提供を目的としており、投資勧誘を目的としたものではありません。 ・本情報の内容については万全を期しておりますが、内容を保証するものではなく、また将来の結果を保証するものではありません。投資に係る最終決定は、お客さまご自身の判断でなさるようにお願いします。 ・本情報の内容は予告なく変更される場合があります

                                      Money Canvas(マネーキャンバス)学びながらできる投資 | 三菱UFJ銀行
                                    • 【例文付き】「ご査収ください」の意味と正しい使い方--類語や言い換え方も解説 | CANVAS|若手社会人の『悩み』と『疑問』に答えるポータルサイト

                                      「ご査収ください」という言葉はビジネス文書やメールでよく目にする言葉ですよね。でも、意味を理解せずに何気なく使っている方も多いのではないでしょうか?今回は、「ご査収ください」の意味や正しい使い方、メールの場合、郵送の場合の例文、また、「ご検収ください」や「ご査証ください」など類語との違いなどについて解説します。 【関連記事】「【ビジネス用語一覧】職場でよく使うビジネス用語集100選、意味と例文を紹介」 1.「ご査収ください」の読み方と意味 ビジネス文書やメールでよく使われる「ご査収ください」の「ご査収」は「ごさしゅう」と読みます。従って、「ご査収ください」の読み方は「ごさしゅうください」となります。 「ご(御)」は尊敬を表し、「査」は「よくみて調べる、検査する」、「収」は「おさめる、取り入れる」といった意味がそれぞれありますので、「ご査収ください」全体では、「内容をよく確認してお受け取り下

                                        【例文付き】「ご査収ください」の意味と正しい使い方--類語や言い換え方も解説 | CANVAS|若手社会人の『悩み』と『疑問』に答えるポータルサイト
                                      • CANVAS(キャンバス)

                                        【ウェビナーレポート】「#MarketingLIVE」スポーツジム・フィットネス業界の最新トレンド&マーケティング2024 ~データを活用した、会員・顧客獲得アプローチ~

                                          CANVAS(キャンバス)
                                        • 成功も失敗も副業起業は経験の宝庫 私が取り組み挫折した、スモールビジネスとは | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行

                                          「あらっ。お久しぶりです。お元気でした? 私ですか?こっちは見ての通りですよ。 お客さんは少ないけど、コロナの前からこんなもんです。ブームが終わっちゃったんでねぇ。今は、もう10年前とはぜんぜん売り上げの桁が違いますね。 最近はやっとイベントも復活してきましたけど、イベントに出たってそんなに売れない。だって、世の中インフレでしょう? 生活していくのにみんな必死やのに、ハンドメイドアクセサリーや雑貨なんて、買う人おらんですよ。どうしても必要なものじゃないですもん」 そう話す女性とは、かれこれ10年来の知り合いだ。 私がハンドメイドで稼ごうともがいていた頃に、同じように頑張っていた仲間の一人である。 今からおよそ10年前、空前のハンドメイドブームが起こった。ブームの火付け役は、気軽にハンドメイド作品を売買できる専用サイトの登場だと言われている。 「誰でも」「簡単に」「個人で」ちょっとした手作り

                                            成功も失敗も副業起業は経験の宝庫 私が取り組み挫折した、スモールビジネスとは | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行
                                          • Nyle-canvas

                                            Nyle-canvasは、HTML5の Canvas APIをベースにしたグラフィックライブラリと ブラウザ上で動作するプログラミングエディタを組み合わせたツールです。 Rubyの言語仕様に沿って、プログラムの編集、実行、保存、読込みなどの 一連の作業をすべてブラウザ上でおこなうことができます。

                                            • Delivering new innovations in Google Workspace with smart canvas | Google Workspace Blog

                                              We’re making smart canvas in Google Workspace even more powerful, with auto summaries in Docs, pageless format, and new smart chips. 16 years ago, we launched Google Docs and Sheets and introduced the world to a new way of working. For many, it was the first time they worked in the same digital space together, in real time, without the burden—or risk—of sending documents back and forth. That flexi

                                                Delivering new innovations in Google Workspace with smart canvas | Google Workspace Blog
                                              • お金は強力だが、万能とは程遠い | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行

                                                お金はすきですか。 わたしは大好きです。 資本主義社会で生活できていることに感謝しなければ、と思います。 お金は身の回りの多くのことを、自分に変わって人にやってもらうことができるチケットです。 これほど見知らぬ多くの他人が協力して産業社会を作り出せるのも、お金があればこそです。 ただ、もちろん「お金は嫌い」と言う意見もあるでしょう。 その人たちの気持ちも、よくわかります。 お金はあまりにも強力であり、生活の質を左右する存在なので、時にお金に振り回されてしまう感覚を味わうからです。 お金から自由になりたい。 人生の主導権を取り戻したい。 お金のために嫌なことをしたくない。 そう思ってしまう事もしばしばです。 逆に、それが行き過ぎて、「なんでもお金があれば解決する」という立場を取る人もいます。 お金があれば、欲しいものが手に入る。 お金があれば、モテる。 お金があれば、好きなところへ行ける。

                                                  お金は強力だが、万能とは程遠い | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行
                                                • 年収を上げたいなら、まず「引っ越し」を考えよ | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行

                                                  お金の話、すきですか。 嫌いという方もいるでしょうが、実際には「お金」の話に無関心でいることはできません。 「お金になんて興味がない」と装っているあの人も、実際には家計のことや将来のための貯金などに心を砕いているかもしれません。 結局のところ「お金」は、生活のクオリティに直結するため、現代人の最大の関心事の一つとなっています。 では使える「お金」を増やすにはどうしたらよいでしょう。 会社の業績と同様に、手段は二つあります。 一つは、コストを下げること。 そしてもう一つは収入を増やすこと。 コストを下げることについては「家計のプロ」たちが、様々なアドバイスをしており、皆様もいろいろと参照できる情報が多いのではないかと思います。 しかし「収入を増やす」についてはどうでしょうか。 まず考えられるのは「転職」あるいは「副業」といった選択肢です。 あるいは社内で「出世」を目指すという考え方もあるでし

                                                    年収を上げたいなら、まず「引っ越し」を考えよ | 知る-コラム | Money Canvas(マネーキャンバス) 三菱UFJ銀行
                                                  • Canvas を使って画像をリサイズする - コネヒト開発者ブログ

                                                    はじめに こんにちは! フロントエンドエンジニアの もりや です。 今回はママリのアプリ内で使われている WebView で、画像をリサイズする処理を Canvas で実装した事例を紹介します。 画像のリサイズが必要な理由 昨今のスマホのカメラで撮った画像は数MB程度と大きく、アップロードに時間がかかったり、そもそもサーバー側で何MBまでの画像を許容するかなど課題もあります。 また iOS/Android のママリアプリでも、おそらく同様の理由からリサイズをしてアップロードするようになっていました。 そのため、WebView でもアップロード前に画像をリサイズする処理を入れ、快適かつ安全にアップロードできるようにしました。 ライブラリなどもあると思いますが、今回のようにシンプルなリサイズ用途であれば Canvas のみで十分可能と判断し実装してみました。 Canvas とは Canvas

                                                      Canvas を使って画像をリサイズする - コネヒト開発者ブログ
                                                    • 台風過ぎて - 空のCanvas

                                                      台風過ぎて 皆さんこんにちは。 1週間ぶりのブログ更新です。 台風10号、ゆっくり北上してコースが見当つかず外出を控えられた方も多いのではないでしょうか? 昨夜は強風と大雨で近畿は大変でした。 雨上がりの空、今日は清々しい青空と気持ち良い風が吹いてます。 近くの河川も水位が目一杯で濁った様子でした。 日照り続きだったので近畿の水瓶、琵琶湖の水も少し潤ったかな?とか。 台風一過の後は涼しく秋の気配を感じますがまだ油断はできないですね。 9月までもう少しの辛抱です。 お盆休み皆さんいかが過ごされてますか? 私は連休がなく一日おきの休みでした。 お墓参りにも行きましたが台風の強風で火が付かずロウソクも線香も供えられなかった呆れた事態です(>_<) 日を改めて涼しくなってまた行きます。 明日の休み、何して過ごそうかな~? 絵は10月くらいまで休みにしてるので、たまにはゆったりした贅沢な時間を過ごし

                                                        台風過ぎて - 空のCanvas
                                                      • Design System Canvas — Download Now!

                                                        Plan your design system in a single pageThe design system canvas is a tool to help designers champion the value of design systems in organisations. DownloadOpen in FigJamDownload as PNGDownload as PDFThanks for your interest! Subscribe on YouTube for more resources like this. Why use the DS Canvas?The Design System Canvas helps bring structure to the creation or updating of a design system. It’s a

                                                          Design System Canvas — Download Now!
                                                        • canvas要素をまとめてZIPで保存するブックマークレット

                                                          11-03-2019 追記 ジャンプ+などからの画像保存はこのブックマークレットからは行えなくなってしまいました。 このブックマークレットでできること現在ブラウザで開いているページに存在するcanvas要素を一括でpng画像として取得しZIPファイルとしてダウンロードすることができます。 canvas要素?canvasはHTML5以降のHTMLで使える、描画のための要素です。JavaScriptなどと組み合わせることで、動的に描画内容を変更できるのが面白いところだと思います。例えば、以下のCanvasという文字の描画は、canvas要素で行っています。この動くサンプルには、codepen (https://codepen.io/tholman/pen/lDLhk)で公開されているコードを一部改変し使わせてもらってます。 主な用途canvas要素が多く使われているWebページで、そのページの

                                                            canvas要素をまとめてZIPで保存するブックマークレット
                                                          • 【Pixi連載#1】Pixi.jsでcanvas製オリジナルスライダーを作る - Qiita

                                                            Pixi.jsは慣れれば簡単に2Dアニメーションを表現できて最近とても重宝しているライブラリの一つです。 今回はそんなPixi.jsを使って、一風変わったオリジナルのスライダーを作っていきます。 また、Pixi.jsのフィルターやアニメーション部分にはTweenMaxも使用していきます。 今回作るもの(完成版) 今回作るスライダーの完成版です。 スライダーの構造は至って普通のスライダーと変わりはありません。 その上にPixi FilterのDisplacementフィルターをかけて少し画像がグニっとした見た目になるようにしています。また、クリックした時に波紋が広がるような表現になるように、クリックイベント時にShockwaveフィルターをかけています。 完成版ソースは以下 https://github.com/horizun-horizon/pixi-slider/blob/master/

                                                              【Pixi連載#1】Pixi.jsでcanvas製オリジナルスライダーを作る - Qiita
                                                            • 夏の香り - 空のCanvas

                                                              夏の香り お題「#おうち時間」 皆さんこんにちは。 立夏過ぎていきなりの夏日。 関西は今日29度まで気温が上がりました。 いきなりですからね。 皆様も健康管理にお気をつけくださいますように。 今年のGWは静かです。 仕事は普段通りに行きますが車や人通りが随分減ったなぁと実感します。 昨日の子供の日も子供達少なく見かけなかったような? ここは日本?と違和感を感じました。 買物ついでに河川敷に寄り道散歩してきました。 綺麗な小川の清流でもないですが水の流れるせせらぎが気持ち良いです。 鳥のさえずり、頃合いの日差し、銀マットにレジャーシートをして簡易ベッドで寝転がりたい気持ちです。 夏は空気が澱んで様々な匂いを感じるのは気のせいでしょうか? 夏の匂いで様々な思い出を思い出します。 水に関係する匂いが印象的です。 ・打ち水したアスファルトの匂い ・田んぼでメダカ採りした泥水の匂い ・塗れた土、雨あ

                                                                夏の香り - 空のCanvas
                                                              • DOMDOMタイムス#15: canvas-based renderingとa11y。いま、そしてこれから

                                                                DOMDOMタイムス#15: canvas-based renderingとa11y。いま、そしてこれから はい、DOMDOMタイムスです。知ってるよって?この挨拶は、まあ準備体操みたいなものなので。いつだって欠かさずやっていきます👶 さて、今日はcanvas-based renderingとa11yの話です。この前のJSConfセッションの最後のあたりで話したことと重複が大きいですが、面白がってくれる方が多かったので文章にしておこうと思いました。 (一応JSConfセッションの資料へのリンクも載せておきますね) canvas-based renderingの波 canvas-based renderingという言葉は、この記事では「canvasをゴリゴリに使ってwebコンテンツをレンダリングすること」ってくらいの意味で使います。通常のform要素やdiv要素ではなくて、canvas要素

                                                                  DOMDOMタイムス#15: canvas-based renderingとa11y。いま、そしてこれから
                                                                • Amazon.co.jp: キングストン microSD 128GB 最大100MB/s UHS-I V10 A1 Nintendo Switch動作確認済 Canvas Select Plus SDCS2/128GB: パソコン

                                                                  日本正規代理店品 容量:128GB/ SD変換アダプタ付 カードタイプ :micro SDXC /CLASS10/ UHS-I U1 転送速度 : 読出し最大100MB/s 保証/サポート:無期限保証、無料サポート Android デバイスとの使用に最適化 性能: 読み取り 100MB/秒、UHS-Iスピードクラス、U1、V10 (32GB~128GB) 読み取り/書き込み 100/85MB/秒、UHS-Iスピードクラス、U3、V30 (256GB~512GB)

                                                                    Amazon.co.jp: キングストン microSD 128GB 最大100MB/s UHS-I V10 A1 Nintendo Switch動作確認済 Canvas Select Plus SDCS2/128GB: パソコン
                                                                  • 【Canvas Zoom】InpaintやSketchに送った画像を拡大・縮小して修正できるようになる拡張機能【Stable Diffusion】

                                                                    【重要】 今回紹介している拡張機能「Canvas Zoom」は、AUTOMATIC1111の「Stable Diffusion WebUI」バージョン1.4.0で本体にマージされました。 詳しくはこちらの記事をご覧ください。なお、全ての機能が使えるわけではないため、拡張機能として導入するメリットもあります。

                                                                      【Canvas Zoom】InpaintやSketchに送った画像を拡大・縮小して修正できるようになる拡張機能【Stable Diffusion】
                                                                    • Webカメラの映像をcanvasに表示させる - Qiita

                                                                      Webカメラの映像を解析(?)することがあったので、その工程をざっくりとまとめてみる。 内容をいっきに書き出すと長くなる予感がするので、今回はタイトルの通り「Webカメラの映像をcanvasに表示させる」まで。 次回は「canvasに表示されている映像(画像)の色の判別する」。 日本語、英語ともに語彙力が乏しいので、優しく見守ってくれると嬉しい…。 やること Webカメラの映像をvideo要素に表示させる。 video要素に表示されている映像をcanvasに表示させる。 Webカメラの映像をvideo要素に表示させる htmlにvideoタグを直書きしてもよいが、個人的な趣味嗜好でjsで管理する。 const cameraSize = { w: 360, h: 240 }; const resolution = { w: 1080, h: 720 }; let video; let med

                                                                        Webカメラの映像をcanvasに表示させる - Qiita
                                                                      • 【Unity】UI開発 Part 1 Canvasと描画順 - ゴイサギ日記

                                                                        あけましておめでとうございます。久しぶりの更新です ^_^; 今回は、UnityのuGUIを軸としたUI開発をまとめてみました。 Canvas Render Mode 解像度対応 SafeArea対応 描画順 Canvas内の描画順 複数Canvas間の描画順 UIにパーティクルを差し込む Image テクスチャの設定 Image Type Border 設定方法 RawImage UV Rect まとめ 参考 Canvas uGUIはCanvasコンポーネントを起点とします。このコンポーネント配下に各UI要素を配置します。 Render Mode UIの描画方式を設定します。 Render Mode 概要 Screen Space - Overlay 通常のUI作成はこれを使います。カメラは参照せず常に最前面に表示されます。 Screen Space - Camera 指定したカメラ範囲

                                                                          【Unity】UI開発 Part 1 Canvasと描画順 - ゴイサギ日記
                                                                        • Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」

                                                                            Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」
                                                                          • 元デザイナーが語る、強い広告クリエイティブの考え方 | CANVAS(キャンバス)

                                                                            メリークリスマス! 皆さん、想い想いのクリスマス、楽しんでますか? 昨今クリスマスのキラキラうふふ感を思い出せない、クリエイティブプランナーの安周です。 学生時代、心踊ったクリスマスサプライズの数々… 私も血肉湧き踊るほどドキドキなクリスマスサプライズに毎年チャレンジしてみては、撃沈しています。 …何はともあれ、元デザイナーの話【後編】です! 前編では、デジタル広告とオフライン広告の考え方・役割の差について、語りました。(前編読んでないよって方は、こちらも是非) 後編では、”クリエイティブの作り方” について、具体的にお伝えできればと思います! ▲前回のまとめ ▼2024年5月の媒体アップデート情報 ・SmartNews Hyper Local Adsのご案内 ・LINE VOOM面 2024年4月アップデート ・LINE動画広告 小さい広告枠に関するアップデート ・TikTok Dest

                                                                              元デザイナーが語る、強い広告クリエイティブの考え方 | CANVAS(キャンバス)
                                                                            • Digital HQ をさらに進化させる、Slack canvas が登場

                                                                              Digital HQ をさらに進化させる、Slack canvas が登場新しいスペースがチームの生産性を飛躍させ、Slack と Salesforce Customer 360 の価値をさらに引き出す Slack チーム一同作成2022年9月20日イラスト: Abbey Lossing 世界経済が不確実性を増すなか、組織はその規模にかかわらず、あらゆるレベルで臨機応変な対応を迫られています。人材採用が一時停止となり、リソースが限られるなか、顧客が期待する製品やサービスの品質を落とすことなくビジネスを推進していくために、チームの仕事量はこれまで以上に増えています。このような状況に対処するため、組織のリーダーは、新しい方法で自社の技術スタックから最大限の価値を引き出す必要があります。 時代の先を行く組織は、Digital HQ(会社を動かすデジタル中枢)として、Slack のようなソリューシ

                                                                                Digital HQ をさらに進化させる、Slack canvas が登場
                                                                              • HTMLのcanvasとJavaScriptでお絵かきアプリ【線の太さ機能編】|Web白熱教室

                                                                                今回はHTMLのcanvas・JavaScriptを使って作る「お絵かきアプリ」シリーズの最後の記事です。 前回・前々回の記事で使用したコードをベースにしているので、まだ読んでいない方は以下の記事を読むことでより理解が深まるかと思います。

                                                                                  HTMLのcanvasとJavaScriptでお絵かきアプリ【線の太さ機能編】|Web白熱教室
                                                                                • 週刊Railsウォッチ(20200526後編)Rubyでよくやるスレッドバグ、Kubernetesでよくあるミス10、CSS/SVG/Canvasの使い分けほか|TechRacho by BPS株式会社

                                                                                  2020.05.26 週刊Railsウォッチ(20200526後編)Rubyでよくやるスレッドバグ、Kubernetesでよくあるミス10、CSS/SVG/Canvasの使い分けほか こんにちは、hachi8833です。先ほど以下のツイートを見つけました。 Ruby安定版保守についての講演( @unakさん)とRubyアソシエーション開発助成の成果報告(@udzuraさん&@aycabtaさん)を7/17(金)にZoomウェビナーでやります。事前に参加登録が必要なのでよろしくお願いします https://t.co/RyseFGvYES — Shugo Maeda (@shugomaeda) May 26, 2020 各記事冒頭には⚓でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを(鍋のように)社内有志でつっつ

                                                                                    週刊Railsウォッチ(20200526後編)Rubyでよくやるスレッドバグ、Kubernetesでよくあるミス10、CSS/SVG/Canvasの使い分けほか|TechRacho by BPS株式会社