Mac mini 2012年モデルにメモリとSSD換装

Mac mini 2012年モデルにメモリとSSD換装をしてみたのでメモ思いの他、簡単にできたのでもし手元にこのマシンを持っていたり、お店で安く売っている場合はオススメかも 換装するアイテム Crucial [Micron製Crucialブランド] 内蔵 SSD 2.5インチ BX200シリー…

exifをいじってロスレス画像回転

久しぶりに投稿をちょいと案件で画像をロスレスで回転できないかなってことでやってみたのでメモ調べてみたところ、画像のexifをいじるのはexiftoolってのが便利みたい。 他にもpelとかあるけど、どうもコードが長くなる傾向が。www.sno.phy.queensu.ca lsol…

私的メモ

RaspberryPi - Raspberry PiとArduinoでシリアル通信 - Qiita http://qiita.com/k_kinukawa/items/6eefb56c5c76863f7697RaspberryPi - Raspberry Piで音を出すまで - Qiita http://qiita.com/plsplsme/items/57b8d79d3725497fd69bRaspberry Piで音遊び! | D…

SmartLaser mini をちょっとやってみた

少し、暇なので、レーザーカッターを買って遊んでみました。今回使用したレーザーカッターは、SmartLaser miniで、木に刻印をしたり紙を切ったりできる代物です。 ただ、商品を注文しても材料が送られてきて自分で組み立てる必要があるので結構たいへんかも…

CentOS6.5 に mod_h2(http2) をインストールしてみた(失敗中)

CentOS6.5 に mod_h2(http2) をインストールしてみました(失敗中)mod_h2のインストールには autoconf >= 2.6.8 や nghttp2 などが必要なので、順次先に入れておきます。以下、手順。 autoconf 2.6.9 のインストール $ wget ftp://ftp.gnu.org/gnu/autoconf…

Webカメラでインターバル撮影

Webカメラでインターバル撮影を行ってみました。最初は一眼レフのインターバル機能で撮影をしていたのですが、そういえば、linuxであればcronとWebカメラを使えば同様のことができるのでは? ってことでやってみました。最終的にこんな感じの動画を作ること…

Raspberry PiとArduinoを使って、温度、湿度、土壌測定

もうぼちぼち、梅雨入りをし、湿気に悩まされる季節になってきたかと思います。この時期になると、湿気と温度から不快指数を求めたくもなります。今回は、Raspberry PiとArduinoを使って、温度、湿度、土壌測定してみました。こんな感じに接続 こんな感じに…

javascript で Kinect v2 for Windows を扱う

Kinect v2 for Windows がjavascriptで簡単に扱えるようになっていたので紹介 windows用のkinect2SDKをインストール 何はともあれまずは windows 用の kinect v2 SDK をインストールします。 Download Kinect for Windows SDK 2.0 from Official Microsoft D…

Andorid2.3でも画像などのファイルをAjaxっぽく画面遷移なしにアップロードする方法

Andorid2.3の標準ブラウザではajax送信時に便利なFormDataでの画像添付や、画像をbase64化してテキストとして送信するFileReaderが使えません。ですので、一見、画像遷移なしに画像の送信ができそうにありませんが、formのtargetにiframeを指定することで画…

facebookのタイムラインを根こそぎ持ってくる

facebookの特定ページのタイムラインを根こそぎ持ってくる方法です。まずは、タイムライン情報の取得に必要なApp IDとApp Secretをディベロッパーページより作成し、取得します。

sqliteでの日付の扱い

sqliteでは日付の扱いが、UTCになりますので、日付データーを入れる際や、取り出す際には少し工夫が必要挿入 INSERT INTO table_data( date_update )VALUES( datetime( "2015-03-13 11:11" , "utc" ) ); 2015-03-13 02:11:00 (世界時間)として date_update…

ちょっとWindowsのphpでmongodbを扱う際に手間取ったのでメモ

ちょっとWindowsのphpでmongodbを扱う際に手間取ったのでメモ ソフト Ver. Windows8 64bit Xampp - PHP 5.6 での環境まずは、ネットで調べた通りmongodbのドライバをこちらよりダウンロードして解凍したものを 「C:\xampp\php\ext\」に放り込む。次に「C:\xa…

ローディング画面でSVGアニメーション

ローディングライブラリが出てましたので、SVGアニメーションのサンプルを動かしてみました。サンプルはこちら http://moeten.info/js/20141015_loadingSvgAnimation/ ソースコードはこちら <html> <head> <script src="progressbar.min.js"></script> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 100 100"> </svg></body></html>

jQueryライクに3D空間を作れるライブラリtQuery

jQueryライクに3D空間を作れるライブラリtQuery tQuery API - extensions for three.jsで簡単に3D空間を作ってみました。 <title>Minimal tQuery Page</title> <script src="tquery-bundle.js"></script> <script src='tquery.checkerboard.js'></script> <script src="tquery.shape.js"></script> <script src="tquery.shape.create.js">…

Canvasにランダムな点

Canvasにランダムな点を描く方法 canvasをjQueryライクに扱えるjCanvas | jQuery meets the HTML5 canvasを使ってcanvasにランダムな色の点を書いてみました。 var canvas = $("canvas"); var width = canvas.width(); var height = canvas.height(); for( v…

CSS3とjQueryでアコーディオン

CSS3アニメーションを使って、アコーディオンを実現します。jQueryのslideDownよりも幾分、なめらかに動作するかと思います。サンプルはこちらhttp://moeten.info/js/20140908_cssSlide/メインのソースはこちら css dd{ overflow-y: hidden; opacity: 0; max…

Apacheからnodejsのリッスンサーバーポートにマッピングさせる

Apacheからnodejsで起動したサーバーポート3000にマッピングさせます。 Apacheの設定ファイルの編集 設定ファイルを編集します。 emacs /etc/httpd/conf/httpd.conf 下記項目を追記します。 NameVirtualHost *:80 <VirtualHost *:80> ServerName example.com #←利用ドメインの</virtualhost>…

WindowsのPhpStormでLess

WindowsのPhpStormでLessを使用する方法です。 nodejsのインストール まずは、nodejsをダウンロードしてインストールを行います。 node.js ※インストールすると使えるnodeやnpmコマンドは結構使用しますので、環境変数pathに追加しておくと、コマンドプロン…

SVGをレスポンシブ化

SVGをレスポンシブ化させます。サンプルはこちら http://moeten.info/js/20140722_svgResponsive/ 適当にウィンドウ幅を変えてみてください。 作り方 SVGのレスポンシブ化は簡単で、SVG画像を作成する際、イラストレーターでレイヤーの名前にIDを指定します…

Raspberry Piと温度湿度センサーを使って数値をグラフ化

Raspberry Piと温度湿度センサーを使って数値をグラフ化します。サンプルはこちら http://moeten.info/js/20140720_tempHumGraph/graph.html 必要なアイテム Raspberry Pi Type B 512MBと温度湿度センサー 温度湿度センサーのインストール 温度湿度センサー…

Linuxが動くRaspberry Piを買ったのでUnixBenchを走らせてみた

Linuxが動くRaspberry Piを買ったのでUnixBenchを走らせてみました。 Benchmark Run: 土 7月 19 2014 02:43:42 - 03:12:04 1 CPU in system; running 1 parallel copy of tests Dhrystone 2 using register variables 1656457.1 lps (10.0 s, 7 samples) Dou…

画像からSVGアニメーションを作成

画像からSVGアニメーションを作成します。 指定する画像はアニメ系のほうが、見てて楽しいと思います。サンプルはこちら http://moeten.info/js/20140718_imageToSVGAnimation/ソースコードはこちら index.html <html lang="ja"> <head> <meta charset="UTF-8"> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> </meta></head></html>

グーグルプレイスで検索

指定された緯度経度とキーワードを元に、グーグルプレイスで検索し、近い順に表示します。サンプルはこちら http://moeten.info/js/20140718_googlePlaceTest/ソースコードはこちら index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

javascriptでQRコードを認識

javascriptでQRコードを認識します。http://moeten.info/js/20140717_qrcodeDetectTest/ソースコードはこちら <html> <head> <title>QRCODE</title> <script type="text/javascript" src="lib/grid.js"></script> <script type="text/javascript" src="lib/version.js"></script> <script type="text/javascript" src="lib/detector.js"></head></html>

バーコードから商品を検索

バーコードから商品を検索します。サンプルはこちら http://moeten.info/js/20140715_barcodeDetectTest/ソースはこちら index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

three.jsで地球儀

ちょいとthree.jsで地球儀を作ってみたのでメモCSS3フィルターも普通にかけられるっぽいです。サンプルはこちら http://moeten.info/js/20140714_threejsSphereTest/index3dTest.htmlソースコードはこちら <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

javascriptでの顔認識

javascriptでの顔認識を行います。速度も結構早い感じで、スマートフォンのchromeでも結構認識してくれます。サンプルはこちら http://moeten.info/js/20140714_faceDetectTest/認識精度はいまいちですので、適当に顔写真をアップしてみてください。AKBの集…

カメラ画像にCSS3でエフェクトをつける

カメラ画像にCSS3でエフェクトをつけます。サンプルはこちら http://moeten.info/js/20140713_cssEffectTest/index.html ※Chromeで閲覧してください。ソースコードはこちら index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

javascriptでのAR

javascriptでのARをしてみたのでちょっとメモ。サンプルはこちら http://moeten.info/js/20140713_arTest/上記ページをスマートフォンのChromeなどで表示して、下のマーカーを写すと認識されます。 ソースコードはこちら index.html(ほとんどjs-aruco - Jav…

javascriptで内カメラと外カメラの切り替え

javascriptでスマートフォンの内カメラと外カメラの切り替えを行います。サンプルはこちら http://moeten.info/js/20140713_backCameraTest/ ※スマートフォンのChromeでアクセスしてみてください。ソースコードはこちら index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

スマフォのブラウザで音声再生

スマフォのブラウザで音声再生します。 今回は audiojs というライブラリを使用しています。サンプルはこちら http://moeten.info/js/20140713_audiojsTest/ ※Chromeを使用してください。ソースコードはこちら index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

入力文字を英語に翻訳して読み上げる

入力した文字を英語に翻訳して読み上げます。サンプルはこちら http://moeten.info/js/20140712_transWord/ソースコードはこちら index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

ブラウザで音声入力をしてGoogle検索

ブラウザで音声入力をして、Google検索を行います。サンプルはこちら http://moeten.info/js/20140712_speachApi/ ※スマートフォンのChromeで試してみてください。ソースコードはこちら index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

グーグルマップで現在位置からクリックした場所の徒歩ルートとカロリーを表示

グーグルマップで現在位置からクリックした場所の徒歩ルートとカロリーを表示します。サンプルはこちら http://moeten.info/js/20140711_calMap/ソースはこちら index.html <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> </meta></head></html>

GoogleMapに雨雲を表示

GoogleMapに雨雲を表示します。サンプルはこちら http://moeten.info/js/20140710_cloudMap/rainmap.htmlポイントとなるのは、GoogleMapにズームや移動に対応したオーバーレイを表示する場合は、xy何番目のタイルかと、ズーム値に対応した画像(縦横256…

PHPでArduinoのシリアル通信を読み取る

PHPでArduinoなどのシリアルポートを読みとります。PHPでArduinoなどのシリアルポートを読むには、SerialPortライブラリを使用すると簡単にできます。 準備 まずは、SerialPortライブラリのダウンロードします。 oasynnoum/phpmake_serialport · GitHubこち…

Javascriptのみでカメラ撮影

スマートフォンのChromeでカメラ撮影ができます。ブラウザからのテストはこちらから行えます。 http://moeten.info/js/20140708_cameraTestJs/ ソースコード index.html <html> <head> <title>Self Camera</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <…</meta></head></html>

PHPのWebSocketを使用してリアルタイムにグラフを描画

PHPのWebSocketを使用して、リアルタイムにグラフを描画します。 必要となる機能は、PHPのソケットサーバー、GoogleChart、ChromeなどのWebSocketが利用できるブラウザになります。 ブラウザ側のソース index.html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="https://www.google.com/jsapi"></script> </meta></head></html>

Android Studioで最速開発

ちょいとAndroid Studioで簡単開発をしてみました。 その際のインストールなどをメモ。 1.Android Studioのインストール 公式サイトより、Android Studioをダウンロードして、インストールを行う。 Getting Started with Android Studio | Android Develop…

Windows8 64bit 、ruby 64bit において、mysql2をインストールする

Windows8 64bit 、ruby 64bit において、mysql2をインストールする際にエラーが出たのでメモ 結論としては、64bit の ruby ではなく 32bit で統一すればOK インストール方法 mysql2 をインストールするには mysqlコネクタの32bit版 が必要なので、ダウンロー…

Windows8(64bit)にruby on rails をインストールする

Windows8(64bit)にruby on rails をインストールするにはいくつかファイルとコマンドが必要 Ruby 2.0.0-p353 (x64) を公式サイトからダウンロードし、インストールする ※インストールする際は、pathの追加にチェックを入れると、コマンドプロンプトのどこか…

FileAPIを使って画像をアップする際はバイナリチェックも

JS

FileAPIを使って画像をアップする際は、ファイルの拡張子を偽装してもアップできるので、バイナリチェックを行うほうがよりしっかりします。 JPEG画像をFileAPIを使ってアップすると、下記のようなbase64文字列を取得することができます。 data:image/jpeg;b…

SVGアニメーション

Adobeさんより、SVGライブラリが出ましたので、ちょっと試してみました♪ サンプルはこちら ※更新ボタンクリックでランダムに円が配置されます。 スマフォのChromeでも普通に再生されるからいいのかなあっと。 あとはCanvasと比べて、負荷がどうなるのかも気…

twitteroauthを使ってつぶやく+緯度経度情報付き

PHP

twitteroauthを使ってつぶやいてみました。 ソースコードはこちら

郵便番号から住所検索

JS

なにやら便利なjQueryプラグインが出ていたので使ってみました。 tkengo/jquery.ajaxzip2 · GitHub 住所データーのjsonファイルをダウンロードして、dataの場所を指定すればとりあえず、動くみたいです。 ソースコードはこちら <html> <head> </head></html>

MySQLのgeometry型を使い、距離を出す

最近のMySQLは緯度経度が扱えるgeometry型がありますので、そちらを使い、2点間の距離を出してみました。 テーブル mygis の作成 気をつける点としては、ENGINEはMyISAM型がよいのと、最新のバージョンのMySQLでないとgeometry型は扱えないようです。 CREAT…

Googleマップの中心の緯度経度を表示する

JS

ちょっと、古めの内容ですが、Googleマップの中心の緯度経度を表示してみました。 こんな感じで、ドラッグしても、センターの場所を教えてくれます。 ソースコードはこちらっ <html xmlns="http//www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> </meta></head></html>

画像選択後に自動でサーバーに画像をアップ

JS

フォームにて、画像選択後に自動でサーバーに画像をアップすることができます。 ちなみにAndroidではカメラ画像でも撮影→サーバーアップが可能となっています。 ファイル送信側ソース <html> <head> <script> window.addEventListener("load", function(){ if (!window.File){ re</head></html>…

ffmpegで数秒ごとに画像を切り抜いてGIFアニメーション化

ffmpegで数秒ごとに画像を切り抜いてGIFアニメーション化します。 &1 "; exec( $cmd_2 , $output); //出力結果を調査(Duration=秒数) foreach( $output as $value ){ $tmp = split( ":" , $value ); if( trim( $tmp[0] ) == "Duration" ){ …

PHP_DOMを使ってページにあるZIPファイルなどをダウンロードする

PHP

なにやらPHPでHTMLの要素選択をjQueryのように扱えるライブラリがあったので、遊んでみました。 PHP_DOMを使ってページにあるZIPファイルなどをダウンロードすることができます。