Asanaのダッシュボード内のバーンアップチャートに予測線と完了日をプロットするChrome拡張 - hitode909の日記
Asanaのダッシュボードに置けるバーンアップチャートには今後の予測を表示する機能がなく、過去の実績だけが表示されている。 Asanaのバーンアプチャートの例一方、よくあるバーンアップチャートはこんな感じで、予測線が引かれていて、タスクがこれだけあって、タスクの完了ペースはこうなってて、このペースが続けばいつ終わりそうです、という予測ができるようになっている。 差し込みの多いプロダクト開発のスケジュールの精度を上げるためにはバーンアップチャートがおすすめです - スタディサプリ Product Team Blog タスク管理にはAsanaを使いながら、いつ終わるかも予測したい。 既存手法 社内ではいくつかのアプローチが試みられていた。 タスク一覧をCSVをエクスポートして、Google Sheetsにインポートしてバーンアップチャートを構築する 最初に試みられた手法がこれで、更新するたびに
アイコン変えた - 見返すかもしれないメモ
旧アイコンはこれだった↓ 服部平次が好きなので*1、服部の肌の色をアニメや映画から6色取って並べたアイコン。 でも以下の点が気に入ってなかった。 色のチョイス 特に明確な基準もなく、手元にあった服部の色から6色を「なんとなく」で選んだ。 描き方 GIMPでラスター画像として作ったので、拡大/縮小でぼやけてしまう。おまけに、角度とかは目分量で描いたので、歪んでるように見えてもやもやする。 もともとはTwitterの閲覧用アカウントのためのアイコンとして作ったので、めっちゃ適当だったけど、今のバイト先でも流れでこのアイコン使ってるし、来年の4月からの就職先でもずっと使い続けそうなので、もうちょっと整えようと思った。何らかの基準をもって色を選びたいし、ちゃんと座標を計算してパスを描きたい。 配色 服部の肌の色の豊富さに感動して作ったアイコンなので、今回もいろんな色をまんべんなく選びたい。 どうや
SVG+CSS AnimationでLive2Dを動かす - はるさめスープ
年末年始の自由研究として、CSSだけでLive2Dを動かすことができないかを試していました。紆余曲折あったものの、なんとか動きそうということが分かったのでひとまず情報共有。 Live2Dとは Live2Dは、2Dのイラストをモーフィング技術を使ってアニメーションさせるソフトウェアです。あのアプリゲームのキャラクターや、あのVTuberを動かすために使われています。 かわいい！！！ モデルデータを表示させる Source: CSSLive2D/src/01_parse at master · spring-raining/CSSLive2D · GitHub まず、Live2D公式サイトにあるサンプルデータのキャラクターを画面に表示させることを目標としてみます。各キャラクターはそれぞれモデルデータ (Haru.moc3)、テクスチャ画像 (*.png)、表情データ (*.exp3.json)
複雑GUIの会を主催した - No Regrets in Bathing
「GUIの雑談を無限にしたいなぁ」と思い、会を開催しました。 twipla.jp 上記のイベントページを立てて、Twitter上で募集をかけたところ、 この内容だけでピンと来てしまったガチ勢が9人も集まりました。 ドローツールやマインドマップ、作曲ツール等を自作するフルスクラッチマンたちです。 予約したルノアールの会議室は過密状態になってしまいました。 （もう少し広い部屋にしておけば…と後悔しました） （ルノアールです） #複雑GUI会 pic.twitter.com/XDGWs3EwZd— みやおか (@miyaoka) May 2, 2019 職人タイプの方が多かったので終始和やかな雰囲気でしたが、 やはり実装に深入りしていくことが多く、あまりの情報密度に 私も話についていくのが大変だったと自白しておきます。 あと、なぜか開催前に「バウンディングボックス大会」が行われる雰囲気が醸成され
How to Use SVG Patterns as Backgrounds | Envato Tuts+
SVG patterns offer a more flexible approach to repeating a background image on a web page than CSS tiling. Let’s look at why that is, and how you can use them. What You’ll Learn This tutorial is available in both video and textual form–here’s a breakdown of what you’ll learn: We’ll begin by looking at the more familiar method of CSS tiling. Then we’ll create a couple of SVG patterns, learning the
SVG ScreenShot
SVG ScreenShot BETA SVG ScreenShot BETA リンクも撮れるスクリーンショット ウェブページの好きな部分をまるごと保存 Chrome 拡張機能を入手 ウェブアプリでスクリーンショットを管理 Google アカウントでログイン SVGスクリーンショットを撮影 SVGスクリーンショットの例 画像をクリックするとビューワページに移動します。 SVGスクリーンショットを管理 画像をクリックするとコレクションページに移動します。 ストーリー SVG ScreenShot 誕生 リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました 読む chevron_right Chromeウェブストアに登場 SVG ScreenshotをChromeウェブストアで公開しました 読む chevron_right スクリーンショットをウェブ上
Gnuplot online - BETA
This site is an offspring from the github project gnuplot-JS. It combines the Mozilla project emscripten that compiles any C / C++ code into JavaScript with the free plotting tool gnuplot that works as a command-line plotting tool. Instead of sending the script to a server, execute it there and send you the result, this site uses latest HTML5 techniques and executes everything in your browser. Tha
flowchart.js
st=>start: Start:>http://www.google.com[blank] e=>end:>http://www.google.com op1=>operation: My Operation sub1=>subroutine: My Subroutine cond=>condition: Yes or No?:>http://www.google.com io=>inputoutput: catch something... para=>parallel: parallel tasks in=>input: some in out=>output: some out st->op1->cond cond(yes)->io->e cond(no)->para para(path1, bottom)->sub1(right)->op1 para(path2, top)->o
SVGOMG - SVGO's Missing GUI
Global settings Show original Compare gzipped Prettify markup Multipass Number precision Transform precision Features Remove doctype Remove XML instructions Remove comments Remove <metadata> Remove xmlns Remove editor data Clean up attribute whitespace Merge styles Inline styles Minify styles Style to attributes Clean up IDs Remove raster images Remove unused defs Round/rewrite numbers Round/rewri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Faux Code Generator
JsBarcode - Barcode generator written in JavaScript
Fabric.js Javascript Canvas Library