そあん（soan）：現代日本語を古活字（くずし字）に変換するサービス

2023/08/07 192 users soan そあん くずし字 他者 サーバ

そあん（soan）は、現代日本語テキストを古活字（くずし字）に変換・描画・共有するサービスです。 古活字（くずし字）変換サービス サーバ共有型サービス 下のボックスにテキストを入力してください。テキストをサーバに送信して古活字（くずし字）画像を生成し、他者と共有できるようにウェブサイトで公開します。約15... 続きを読む

WebGPUがついに利用可能に - WebGL以上の高速な描画と、計算処理への可能性 - ICS MEDIA - ICS MEDIA

2023/05/02 182 users WebGPU プラグ Safari デフォルト 計算処理

2023年5月にリリースされたGoogle Chrome 113で、次世代WebグラフィックスのJavaScript APIであるWebGPU（ウェブジーピーユー）がデフォルトで利用できるようになりました。ICS MEDIAでは2018年にWebGPUについて紹介していましたが、当時はSafariで開発者向けのフラグを有効にした場合にのみお試しできる実験的機能でし... 続きを読む

MacBook Proの“ノッチ”でマウス操作が遅くなる？　Windowsで再現、明治大が1万回以上テストし検証

2022/08/28 89 users のっち タイミ MacBook Pro 再現 Windows

MacBook Pro（2021）にはディスプレイの上端中央にノッチ（描画が行われない黒い領域）が配置されている。21年の出来事であり、一部で話題になったことから記憶に残っている人もいるだろう。このノッチ、見た目が目障りなだけでなく、メニューバーを隠したり、マウス操作のカーソルを隠したりして実用的にも邪魔なタイミ... 続きを読む

システムモニター「thilmera 7」が完全無料化 ～シェアウェア版の機能を解放／メインウィンドウの描画はハードウェアアクセラレーションを利用するように

2021/12/28 59 users ハードウェアアクセラレーション メインウィンドウ 解放 機能

続きを読む

クリエイティブコーディングの教科書

2021/11/21 1568 users クリエイティブコーディング プリミティブ 教科書 本書 手引書

ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。 続きを読む

python prompt toolkitの紹介と動作を理解するメモ - Stimulator

2019/07/06 54 users Stimulator メモ 動作 filter おわり

- はじめに - 本記事はpython prompt toolkit（以下 ptk）の動作を理解するメモです。 ptkで出来ること、その概要を書いています。 - はじめに - - ptkとは - ptkで作成されたツール - ptkの描画を理解する - print_formatted_text Application Screenオブジェクトのレンダリング KeybindingとFilter 関連 おわりに - pt... 続きを読む

Nuxt.jsでnoteの記事ページを置き換えました｜こんぴゅ｜note

2019/04/21 121 users こんぴゅ｜note Note Nuxt.js 格段 根本

noteの記事ページがリニューアルしてパワーアップしました。記事の読み込み、描画が格段に高速化されています。 noteのフロントエンドはAngular.jsの1系で運用されてきましたが、実行効率が悪く表示速度が遅いという問題がありました（特に古いスマホで顕著）。問題を根本解決するためにNuxt.jsへの移行を進めていました... 続きを読む

造船工場を巡ること40か所！ 老舗企業の情熱が生んだ、サクラクレパスの工業用マーカー

2018/07/17 75 users サクラクレパス クレバス パレット クレヨン パステル

手軽に使えるクレヨンと自由自在に色を混ぜることができるパステルのいいとこ取りをした描画材料「クレパス」。筆やパレットも必要なく鮮やかな描画を楽しめるとあって、子どもの頃にお絵かきで使っていた人も多いことでしょう。そのクレパスを1925年（大正14年）に世界で初めて開発した企業が「サクラクレパス」です。 ... 続きを読む

アニメ制作現場「脱ブラック」へ　経産省、描画ソフトに共通規格で作業負担軽減 （SankeiBiz） - Yahoo!ニュース

2018/03/23 308 users アニメーター SankeiBiz 人手 感性 軽減

経済産業省がアニメ業界の劣悪な労働環境を改善するため描画ソフトに共通規格を導入した。責任者の“感性”に左右されやすい非効率的なアニメ制作の現場はブラック化しており、アニメーターの作業負担の軽減が大きな課題となっているからだ。しかも映像化に欠かせない動画作成は多くの人手を必要とするため中国や韓国などの安価なアニメ業者に委託するケースが多い。共通規格による生産性向上で他国に頼らない環境も実現すれば、日... 続きを読む

リアルタイムでCGを作り出すレイトレーシングの驚異的な画質がわかるUnreal Engineのデモムービー - GIGAZINE

2018/03/22 249 users レイトレーシング DXR GIGAZINE SIREN RTX

リアルタイムでレイトレーシングを行う技術としてMicrosoftは「 DXR 」をNVIDIAは「 RTX 」を発表しましたが、レイトレーシング技術をUnreal Engineに活用して、本物と見間違うレベルのリアルさを実現する描画をリアルタイムで行うデモをEpic Gamesが発表しています。 まずは、リアルタイムで人間をレンダリングする「Siren」のデモ。 Siren Real-Time P... 続きを読む

中国の23年間歳を取らないお天気お姉さんの動画が話題に。「服のレベルから急速な経済成長を実感」「天気図もだんだん綺麗な描画に」などの声 - Togetter

2018/03/11 406 users Togetter 新聞聯播 pic.twitter.com

“歳をとらない”お天気お姉さん「楊丹」さん。中国中央電視台のニュース番組「新聞聯播」の天気予報を担当して23年になります。 pic.twitter.com/OKrZDvyZiw 続きを読む

日本のアニメ産業“ブラック化”で衰退の危機！　経産省が“生産革命”へ (1/3) - ITmedia NEWS

2018/03/06 126 users 衰退 経産省 アニメーター 危機 ITmedia News

経済産業省がアニメ産業の生産性革命に乗り出した。デジタル化に遅れた日本の制作工程をIT化するため、描画ソフトの共通規格を設ける。アニメ制作の現場は“ブラック化”しており、アニメーターの待遇改善が大きな課題となっているからだ。 経済産業省がアニメ産業の生産性革命に乗り出した。海外に比べ、デジタル化に遅れた日本の制作工程をIT化するため、描画ソフトの共通規格を設ける。非効率的なアニメ制作の現場は“ブラ... 続きを読む

【経済インサイド】日本のアニメ産業“ブラック化”で衰退の危機！　このままでは中韓に…（1/3ページ） - 産経ニュース

2018/03/06 93 users 衰退 アニメーター 危機 中韓 アニメ産業

経済産業省がアニメ産業の生産性革命に乗り出した。海外に比べ、デジタル化に遅れた日本の制作工程をＩＴ化するため、描画ソフトの共通規格を設ける。非効率的なアニメ制作の現場は“ブラック化”しており、アニメーターの待遇改善が大きな課題となっているからだ。動画作成に大量の人手がかかる労働集約的な産業構造を変化させ、アニメーターの待遇を改善できなければ、日本のアニメ業界は衰退し、作画技術を伸ばす中国や韓国など... 続きを読む

無料でブラウザ上からPhotoshop並に画像を編集しまくれる多機能ツール「Photopea」を使ってみた - GIGAZINE

2017/12/15 393 users GIGAZINE Photopea GIMP MacOS 枚数

「Photoshopなどの有料画像編集ソフトを購入するほどではないけれど、画像の編集がしたい」という人は多いはず。Photoshopは便利ですが、編集する画像の枚数がそれほど多くない人にとっては高価に感じられてしまいます。そんな人にぴったりな、普通のJPGファイルやPNGファイルだけでなく、 PSDファイル や GIMP で編集したxcfファイル、macOSに対応した描画ソフトの Sketchap... 続きを読む

無料でブラウザ上からPhotoshop並に画像を編集しまくれる多機能ツール「Photopea」を使ってみた - GIGAZINE

2017/12/15 393 users GIGAZINE Photopea GIMP MacOS 枚数

「Photoshopなどの有料画像編集ソフトを購入するほどではないけれど、画像の編集がしたい」という人は多いはず。Photoshopは便利ですが、編集する画像の枚数がそれほど多くない人にとっては高価に感じられてしまいます。そんな人にぴったりな、普通のJPGファイルやPNGファイルだけでなく、 PSDファイル や GIMP で編集したxcfファイル、macOSに対応した描画ソフトの Sketchap... 続きを読む

ページ上でずっと動いているsetTimeout、setInterval、requestAnimationFrameを見つけてパフォーマンス改善する | Web Scratch

2017/12/07 99 users setInterval setTimeout timer

複雑なウェブアプリケーションになってくると、1つのページで複数のTimerなどを回すことがあります。 例えば、Twitterのようなアプリならば、ポーリングで更新するために setInverval のようなタイマーを回します。 また、ゲームなどCanvasで描画を行うアプリケーションならば、メインループを requestAnimationFrame で回します。 このように色々なタイマー系が一つの... 続きを読む

ターミナルの描画を爆速にする(mac/linux) - Qiita

2017/04/13 51 users Vimmer Qiita vim Linux カーソル

はじめに ターミナルの描画速度が遅いです vimmerにとって重大な問題となっています 1 僕のMacの環境では Terminal.app が一番悪くて、 カーソル移動するだけでも、かなり遅く感じる。 iTerm2ではスクロールが発生しないカーソルの移動は問題ないが、 スクロールが発生するカーソル移動を行うと遅く感じる。 調べてみると、困っている人は他にもいて、vimの設定などをいろいろ工夫してい... 続きを読む

d3.jsでスゴイっぽい図(force layout)を作ってみたら思ったより簡単だった件 - Qiita

2017/04/02 99 users ビヨーン Qiita ヤツ たくさん 感想

スゴイっぽい図((force layout))って何 こんな感じの、なんかビヨーンとなってシャキシャキして動くやつ。 説明するより動くものを見てもらった方が早いかも。 作ったdemo やってみた感想 グワングワン動いて楽しい 動的な描画をするのは難しそうだと思ってたが、そうでもなかった。 d3.js自体も難しいものだと避けてきたが、たくさんの人が記事にあげてくれているからググればなんとかなる。 実... 続きを読む

目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | ヌーラボ

2017/02/27 282 users SVG Cacoo ヌーラボ 図形 中原

こんにちは！ Cacoo チームの中原です。現在CacooチームはFlashで作られている図の編集画面(以下エディタと表現します)を* HTML5 で置き換える開発を進めています。このブログでは、 HTML5 版 Cacoo で図形の描画に使用される、SVGを選択した理由と経緯について説明したいと思います。 （*置き換える理由については「 Good-Bye Flash ~ CacooはHTML5で... 続きを読む

Chromeのヘッドレスブラウザがやってくる。というわけで試してみた。 - Qiita

2016/06/06 444 users Qiita コマンドライン GUI twitter.com

先日、Googleの人が「Headless Chrome is coming so soon」とつぶやきました。 https://twitter.com/samccone/status/739166801427210240 ヘッドレスブラウザというのはGUIのないブラウザです。GUIはありませんが内部的にはページのロードから描画までを行います。余計な機能がなく効率的に動作することや、コマンドライン... 続きを読む

CSSでTokyo Otaku Modeのロゴを作ってみる | Tokyo Otaku Mode Blog

2016/02/05 61 users CSS Tokyo Otaku Mode ロゴ div 吉見

こんにちは。 Tokyo Otaku ModeのUXデザイナーおよびフロントエンドエンジニアの吉見です。 みなさんCSSは好きですか？ 先日弊社のロゴを眺めているとCSSだけでも表現できそうだなと思い、実装してみた話をしたいと思います。 Tweet HTMLの準備 描画のためだけのDIVを大量生産して実装していくだけではおもしろくないので、ある程度制約を設けたいと思います。 Tokyo Otaku... 続きを読む

Kazuho's Weblog: ウェブページの描画 (first-paint) までの時間を測定するツールを作った件

2015/10/01 294 users load ウェブブラウザ ウェブページ API ユーザ

ウェブサイトチューニングにおいては、 ユーザができるだけ早くウェブページを閲覧し始めることができるよう、first-paintの値を小さくすることを第一の目標注1 全データができるだけ早く揃うよう、loadの値を小さくすることを第二の目標 とすることが一般的かと思います。 ですが、残念なことに、first-paintまでの時間をAPIを用いて取得できるウェブブラウザは一部に限られています（参照:「... 続きを読む

Kazuho's Weblog: ウェブページの描画 (first-paint) までの時間を測定するツールを作った件、もしくはHTTP2時代のパフォーマンスチューニングの話

2015/10/01 294 users Thursday October Bing ウェブページ 要素

Thursday, October 1, 2015 ウェブページの描画 (first-paint) までの時間を測定するツールを作った件 ウェブページの表示までにかかる時間をいかに短くするかってのは、儲かるウェブサイトを構築する上で避けて通れない、とても重要な要素です。 少し古いデータとしては、たとえば、ウェブページの表示が500ミリ秒遅くなると広告売上が1.2%低下するというBingの例なんかも... 続きを読む

Raspberry Piで取得したセンサーデータをリアルタイムに可視化する（グラフ編） | Milkcocoa Engineers' Blog

2015/06/17 61 users Milkcocoa Engineers リアルタイム デモ

前々回、前回に引き続き、Raspberry Piでセンサーデータを取得して、Milkcocoaを使ってリアルタイムにブラウザ上にグラフ化する方法を紹介していきます。 弊社オフィスの玄関の明るさをリアルタイムで表示しているデモはこちらです 今回は以下の流れで、保存されたセンサーデータのリアルタイムなグラフの描画について説明していきます。 D3.jsで折れ線グラフを表示する際に必要な知識 Milkco... 続きを読む

Clusterize.js·大量のデータを描画&高速スクロール MOONGIFT

2015/05/19 51 users MOONGIFT

Web上で巨大なデータを描画するとWebブラウザの動作が重たくなったり、最悪の場合落ちます。それを防ぐためにはデータをすべてDOMに描画するのではなく、表示している範囲だけに絞って表示し、非表示になったタイミングで破棄すると言った工夫が必要です。 しかしそういったDOM操作はコツがいります。そこで使ってみたいのがClusterize.jsです。巨大なデータセットを高速に表示するためのライブラリです... 続きを読む