Xvfbの出力を、xwudを改造して動画で見られるようにした – ビットログ
Xvfbというコマンドをご存知でしょうか？ 通常、Xサーバはディスプレイに表示するものですが、Xvfbはディスプレイに表示を行わず、メモリ上に仮想的に表示を行うXサーバです。 Xvfbの、vは仮想(Virtual)、fbはフレームバッファ(Frame Buffer)というわけです。画面を持たないサーバマシンで画像を扱うときに使われることがあります。 ちなみに、そもそも「Xサーバとは？」という方はこちらを参考にしてください。 今回、一つのPC上で、複数の仮想ディスプレイに表示した画面をひとつのディスプレイに出力するものを作っていたのですが、この「複数の仮想ディスプレイ」を実現させるため、Xvfbを使用しました。 動作確認で使用した環境 Ubuntu 10.04 DesktopおよびUbuntu 11.04 Desktop Xvfbの出力はメモリ上に行われるのですが、その出力されたイメージを実
昔ながらの「片手間に書くJavaScript」の限界 - mizchi's blog
Javascriptを使うのをやめろ：Railsの時代遅れ云々についての結論 - Qiita この記事は、全体的に自分の業務以外の評価基準やトレンドを知らないんだなという感じで、わざわざ付き合うと精神的に消耗する感じがした。ただ、それが彼らの本職でない以上、自分もこの結論に至るのは仕方ないと感じている部分はある。 真の問題は、自分がレガシーなJavaScriptを書いているという自覚がない人間が、ここ数年の技術トレンドから乖離したコードを書き続けることで他のエンジニアやエコシステムそのものに悪影響を及ぼしているケースが散見されている。一行書く毎にグローバル汚染するスクリプトを見せられてもメンテ出来んと言われても、はいそうですねとしか言えないし、そういう人に最近のライブラリを触らせると遅くなるというのは、画面全体を一つのMustacheテンプレートにしてBackbone.Modelのパラメー
Visualizing Algorithms
The power of the unaided mind is highly overrated… The real powers come from devising external aids that enhance cognitive abilities. —Donald Norman Algorithms are a fascinating use case for visualization. To visualize an algorithm, we don’t merely fit data to a chart; there is no primary dataset. Instead there are logical rules that describe behavior. This may be why algorithm visualizations are
Vue.js が data に渡した値を激しく書き換える件について
最近、JavaScript の MV* フレームワークの中で Vue.js が少しずつ注目を浴びてきているようであります。 5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 | 株式会社インフィニットループ技術ブログ Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita 軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた - mizchi's blog そんなわけで、自分も Vue.js (v0.10.5) を触ってみたのですが、data で渡した値を激しく書き換えるところに面食らったので記事にしておきます。 自作クラスのオブジェクトを Vue.js に渡すと壊される 何らかのビジネスロジックを持ったモデルを作って、それを Vue.js のデータバインディングで HTML に反映しようすると破綻します。 簡単な例として、よくあ
Japanese man sets self on fire over military rule change
The incident took place on a bridge at the busy Shinjuku station in central Tokyo A man set himself on fire in central Tokyo in protest at a proposed law which could allow Japan to deploy its military overseas. The man was taken to hospital after being hosed down but his condition was not immediately known, officials said. Japan's government could make the change to its pacifist constitution as ea
性能設計について - Qiita
性能設計はかなり難しいゾーンだと思います。 今までやってきた感覚だと以下の通りです。 構築メンバーの意見 →○○って型番のこういったスペックで△△の使用率です！！ 上流メンバーの意見 →それは分ったけど、じゃあ今売ってるどのサーバのどれを何台必要なの？ クラウドは日が浅いのでちょっと分らないです。見ていて思うのが、いつでも性能変更できるからといってあまりみりみりやらないように見えます。今いるところのゆるふわ感・・・・（愚痴） ただし、物理サーバの場合は、初期投資額の準備・置き場所・電源・手配・配線・・・etcとやること満載です。 ゆるふわだと終わります。 じゃあ実際にどうするか 私のやっていた方法を記述します。 一応国の機関に認めて貰えていたので、それっぽい感じだと思います。 性能設計の流れ 性能設計の流れは一般的に以下の通りです。いろんなサイトや本、某メーカの性能設計講習等々で学びました
JavaScriptでページをキャプチャ - Qiita
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>JSで撮るスクリーンショット</title> </head> <body> <h1>JSで撮るスクリーンショット</h1> <h2>導入方法</h2> <ol> <li>html2canvas.jsを読込む</li> <li>html2canvas関数を呼ぶ</li> <li>onrenderedでSSが書き込まれたcanvasを好きなように使う</li> </ol> <h2>注意</h2> <ul> <li>Webサーバーに配置しないとエラーになるかも（firefox30.0でローカルで動作確認）</li> <li>このサンプルではブラウザによっては、ダウンロードできないかも</li> <li>flashやapplet,iframeはうまくキャプチャ
html2canvas - Screenshots with JavaScript
<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4> </div> html2canvas(document.querySelector("#capture")).then(canvas => { document.body.appendChild(canvas) });
GoogleChromeで野良エクステンションが無効化されてしまうのを回避する【自分用備忘録】 - Qiita
とは 2014年5月より、 Google Chrome の stable 版では、 ウェブストア以外からインストールされた拡張機能が導入済みであっても無効化されるようになりました。 ( Google、Windows版 Chromeの拡張機能をウェブストア経由に限定。ストア外入手は導入済みでも無効化 - Engadget Japanese http://bit.ly/1nQZUn6) 暫定的にこれを回避する方法をメモしておきます。 具体的にどうするのかというと、 グループポリシーでホワイトリストにエクステンションのIDを登録してしまうことで回避が可能のようです。 ( Google Chrome ヘルプフォーラムにて alfa 氏が報告していました) ただ、レジストリを直接いじる方法はAD管理下であるPCでしか行えないため、 それ以外のPCではローカルグループポリシーエディタで登録することにな
はじめてのBlender勉強会 ボーン＆IK編 - Qiita
ボーンを追加メニューから追加 ボーンは D で複製 骨を多関節状に追加するときは、e で伸ばしてから、右クリックでXYZ軸のあれをだす。 でXYZいずれかの軸を伸ばすとその方向にボーンがのびる。 これをするとまっすぐな（ひねられてない）ボーンがのびる IK インバースキネマティクス（関節制御 FK フォワードキネマティクス（回転制御？ 人型リグのアドオンを追加する ヒューマンリグ ボーンに名前をつける D で親子関係あるボーンを複製 IKをいれる ターゲットを決める 移動と回転と拡縮のツールの切り替え ボーングループ 3D View でボーン選択、Bone Groups の + ボタンで項目追加、Assignでボーン登録、Selectで登録されたボーンが選択される （ボーンの解除は a）
「プログラムでシダを描画する」をPostScriptで描画する - Qiita
空前のシダ描画ブーム到来！？(^^;) あなたも得意なプログラミング言語でシダを描画してみよう！ これまでの一覧 「プログラムでシダを描画する」一覧 僕もやりたくなった。 まだ誰もやってない言語で僕の書けるものとしてPostScriptでやってみた。 コード %!PS-Adobe-3.0 2 dict dup /PageSize [595 842] put dup /ImagingBBox null put setpagedevice /drand {rand 2 31 exp div} def /plotadot {842 mul exch 595 mul 595 add exch moveto 1 1 rlineto stroke} def /W1x {0.044 mul exch 0.836 mul add} def /W1y {0.836 mul exch -0.044 mul a
VagrantとDockerを使って環境に依存せずにChefのお勉強がしたい - Qiita
環境依存ってめんどくさい 昨日とあるchefの勉強会に参加しました。 そこではみんな直ちにchefりたいという気持ちとは裏腹に、環境まわり（特にWindowsユーザー）で詰まってなかなか進まないという問題がありました。rubyのバージョン、パス、sshなど等。。。 なのでまずはお勉強環境を統一するためにvagrantでホストの上にホストとなるゲストを作りましょう。 ホストでの作業 仮想環境の準備 まずはvagrantが動く環境を作ります。windowsの人もMacの人も、VirtualBoxとVagrantをインスコしましょう。これらは各OS毎にインストーラーが提供されているので、問題なく準備できるはずです。 vagrantでさっくりと まずはvagrantの作業用ディレクトリを作ります。 mkdir vagrant cd vagrant mkdir share んでもってVagrantf
C+OpenCVでカメラキャプチャ - Qiita
#include <cv.h> #include <ctype.h> #include <highgui.h> int main() { int c = 0; // キーボード入力用 CvCapture *capture=0; // カメラキャプチャ用 IplImage *frame=0; // キャプチャ画像用 // カメラキャプチャ取得用 capture = cvCreateCameraCapture(0); // キャプチャ画像を表示するためのウィンドウを作成 cvNamedWindow("Capture", CV_WINDOW_AUTOSIZE); while (1) { // キャプチャ画像を取得 frame = cvQueryFrame(capture); // 取得したキャプチャ画像を表示 cvShowImage("Capture", frame); // キーボード入力を待
Docker 1.0 でDBを動かすときの共有メモリの設定 - 技術野郎の復習
Docker長らくブログ書いてなかったので、どうでもいい話をちょっと書こう。Blue-Greenでチヤホヤされる運命のDockerで、DBを動かすという需要はあんまりないとは思いますが、コンテナでDBを動かすというのもそれはまた一興です。DBを動かすとなると共有メモリをたくさん使うことになるかと思います。そういう共有メモリの設定に関して、バージョン1.0が出てからいままでのやり方が通用しなくなったので、それについて書きます。これまでこれまで、僕はDockerでPostgreSQLコンテナを動かすとき、まずコンテナ内で起動スクリプト的なシェルを実行するようにしていました。そのなかで、以下のようにカーネルパラメータshmmaxの値を大きくしていました。 sysctl -w kernel.shmmax=4418740224 なぜならコンテナ内のshmmaxの値がなぜか小さく設定されているために、
[Blender] 個別にマテリアルを割り当てる - Qiita
通常、Blenderで生成したオブジェクトにはひとつのマテリアルが割り当てられます。 しかし、例えひとつのオブジェクトであったとしても、細かい部分で単一のマテリアルだけで表現することは困難です。 Blenderでは、単一のオブジェクトであったとしても、頂点単位でマテリアルを設定する方法が用意されています。 Object modeではマテリアルの選択はひとつしか行えませんが、Edit modeで頂点を選択している状態になると、マテリアルの設定画面が下記のように切り替わります。 ※マテリアルは右の「＋」ボタンを押すことで増やすことが出来ます。 この状態で、個別のマテリアルを割り当てたい頂点を選択した状態にし、さらに設定したいマテリアルを選び、その下部にある「Assign」ボタンを押すことで、選択中の頂点に対して「だけ」マテリアルを割り当てることができます。 意外と忘れてしまいそうなのでメモ。
![[Blender] 個別にマテリアルを割り当てる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d80012d3a323071bec941e625db0dffa3cd25a72/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQmxlbmRlciU1RCUyMCVFNSU4MCU4QiVFNSU4OCVBNSVFMyU4MSVBQiVFMyU4MyU5RSVFMyU4MyU4NiVFMyU4MyVBQSVFMyU4MiVBMiVFMyU4MyVBQiVFMyU4MiU5MiVFNSU4OSVCMiVFMyU4MiU4QSVFNSVCRCU5MyVFMyU4MSVBNiVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YjI0NGY1MWExZGU4ZDU4NmE0MWZlMmY3M2RmMTI2OTk%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBlZG9fbTE4JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lMmQ5MGMxNzhmNTEyNmZmYmVlZTEzOTliMzVmNzRhZA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd38afd5dc09e2877de6583ba2433b933)
<続> goで作るexeファイルにアイコンを埋め込んでみる (Windows) - Qiita
トピック 前回は、rsrc.exe というツールで .syso というファイルを作れば Ok であった。 が、MinGW についてくる windres.exe があれば、別に rsrc.exe が無くてもよかった 手順 nyagos.ico というアイコンがある場合は、次のようなテキストファイルを用意する
OS X Mavericks: メニューバーの内容
This article has been archived and is no longer updated by Apple. メニューバーは画面の一番上に横方向に表示されます。メニューバーのアイコンとメニューを使って、状況を確認したり、コマンドを選択したり、タスクを実行したりすることができます。 メニューバーの左端には、現在使用しているアプリケーションのメニューが含まれます。 App の名前は、アップルメニューの横に太字で表示されます。それ以外にも、いくつかのアプリケーションメニューが表示されます。ほとんどの場合、「ファイル」、「編集」、「フォーマット」、「ウインドウ」、「ヘルプ」などの標準的な名前のメニューがあります。このメニューのコマンドの多くは、すべてのアプリケーションで標準的です。たとえば「開く」コマンドは一般的に「ファイル」メニューにあり、「コピー」コマンドは一般的に「編集
Julia でグラフを描画する…グラフは Python に任せよう - Qiita
using PyCall @pyimport Plotting Plotting.my_graph_set([1, 2, 3, 4, 5, 10, 20, 5]) Plotting.my_graph_run() # -*- coding: utf-8 -*- """ This example demonstrates many of the 2D plotting capabilities in pyqtgraph. All of the plots may be panned/scaled by dragging with the left/right mouse buttons. Right click on any plot to show a context menu. """ from pyqtgraph.Qt import QtGui, QtCore import numpy
OpenCVで写真データを2値化 - Qiita
写真データを白黒の２値にして、Blenderの入力にしたいと思い調査しました。 以下のサンプルプログラムを参考にしています。 python - Converting an OpenCV Image to Black and White - Stack Overflow ２値化したファイルを表示 import cv as cv1 import cv2 as cv import numpy as np import sys argvs = sys.argv # 写真ファイル src = argvs[1] # 出力データ output = argvs[2] im_gray = cv.imread(src, cv.CV_LOAD_IMAGE_GRAYSCALE) im_gray_mat = cv1.fromarray(im_gray) im_bw = cv1.CreateImage(cv1.Get
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dockerfile.tmpl
GitHub - krasimir/gifffer: A tiny JavaScript library that prevents the autoplaying of the animated Gifs
人生のヒント｜
https://qiita.com/make_now_just/items/8e6bf47e5271d2352e60
Octaveでモンテカルロ・シミュレーション: 乱数100万回生成して、円の面積を近似計算 ⇒ 円周率πを算出 - Qiita
Octaveでランダム・ウォーク １００万歩： 歩いた結果の現在位置 推移シミュレーション - Qiita
【html】h*要素の横に要素を並べる - Qiita