Skip to content

Instantly share code, notes, and snippets.

@uupaa
uupaa / canvas.toDataURL.image.webp.md
Last active April 11, 2021 13:37
canvas.toDataURL("image/webp");
<canvas id="canvas"></canvas>
<script>
var ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(0, 0, 8, 8);

var webp = canvas.toDataURL("image/webp"); // Chrome only?
var png  = canvas.toDataURL("image/png");
var jpg = canvas.toDataURL("image/jpeg");
@uupaa
uupaa / createMediaElementSource.md
Created September 15, 2015 13:26
WebAudio createMediaElementSource example

WebAudio createMediaElementSource を使用すると、<audio> を音源として利用することが可能です。Chrome, iOS 7++ で動作します。

<p>createMediaElementSource demo</p>
<audio src="mad.max.m4a"></audio>

<script src="a.js"></script>
@uupaa
uupaa / MiniDisplayPortToHDMIConversionCable.md
Last active August 30, 2020 02:47
ぜひまた購入したい Mini DisplayPort → HDMI 変換ケーブルと、もう二度と購入しないケーブルの一覧

Mac などに搭載されている Mini DisplayPort を HDMI に変換するケーブルの購入履歴とレポートです。

変換ケーブルは、変換チップの品質, コネクタ部分の品質, ケーブルの耐久性の3つが揃わないと安定して運用できません。中には数回利用するだけで映像が出なくなったり、ケーブル内部で断線したかのような粗悪品がありました。

一番確実なのはAppleの純正品を購入することですが、実は Mini DisplayPort → HDMI 変換ケーブルは純正品が存在しません。その代わりにApple Store では Belkin 4K Mini DisplayPort to HDMI Cable(2m) を5400円で販売しています。(4mもあります)

参考になさってください。

  • 2012-05-03
@uupaa
uupaa / ios.xcode.md
Last active January 28, 2020 09:36
iOS device spec, versions and Xcode deployment target information

iOS Devices

Device CPU GPU Display OpenGL
iPod touch 4 A4 PowerVR SGX535 960 x 640 2.1
iPod touch 5 A5 PowerVR SGX543MP2 1136 x 640 2.1
iPad 1 A4 PowerVR SGX535 1024 x 768 2.1
iPad 2 A5 PowerVR SGX543MP2 1024 x 768 2.1
iPad 3 A5X PowerVR SGX543MP4 2048 x 1536 2.1
iPad 4 A6X PowerVR SGX554MP4 2048 x 1536 2.1
@uupaa
uupaa / ngconf at 2020
Created January 11, 2020 12:42
ngconf at 2020
#user nobody;
#user nginx;
worker_processes 2;
# error_log logs/error.log;
# error_log logs/error.log notice;
# error_log logs/error.log info;
#pid logs/nginx.pid;
@uupaa
uupaa / irc.mac.remove.quit.md
Last active April 3, 2019 15:34
Remove message(joined, left, quit) for Limechat Mac

IRC クライアント Limechat for Mac で joined, left, quit メッセージを消す方法

/Applications/LimeChat.app/Contents/Themes/Limelight.css に以下のCSSを追加。
他のテーマを使っている場合は、そのテーマのcssを編集。

.line[type=join] { display:none; }
.line[type=quit] { display:none; }
.line[type=mode] { display:none; }
.line[type=part] { display:none; }
@uupaa
uupaa / jsfl.useable.xul.md
Last active January 30, 2019 09:06
jsfl で利用できる XUL

Flash の機能を拡張する jsfl の XUL で利用可能なコントロールは、以下のものだけらしい

  • <radiogroup>, <radio>
  • <button>
  • <checkbox>
  • <label>
  • <listbox>
  • <menuitem>, <menupopup>, <menuitem>
  • <textbox>, <textbox multiline="true">
@uupaa
uupaa / build-ffmpeg-and-frei0r.md
Last active December 25, 2018 19:41
ffmpeg 3.2.4, frei0r 1.4.0 をソースコードからビルドする

ffmpeg 3.2.4, frei0r 1.4.0 をソースコードからビルドする

ffmpeg, frei0r をソースコードからビルドするための環境を用意します

  • ~/.profile を用意し source ~/.profile で適用します

    CFLAGS=`freetype-config --cflags`
    LDFLAGS=`freetype-config --libs`
    

PKG_CONFIG_PATH=$PKG_CONFIG_PATH:/usr/local/lib/pkgconfig:/usr/lib/pkgconfig:/usr/X11/lib/pkgconfig

@uupaa
uupaa / ES6 and ES7 new keywords.md
Last active October 23, 2018 12:02
ES6 and ES7 new keywords