鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

2014-01-01から1年間の記事一覧

PerlBeginners #16に参加しました。

基調講演Dockerのお話は面白かった。 DockerでWebappを公開するまで - #perlbeginners 16興味はあったのですが、手をつけられていなかったので ちょうどいい内容だった。Ubuntsuがいいみたいなので ノートPCにいれてみようかな。私の発表は以下です。ファ…

Chrome for Andoroidでマイクアクセス許可ダイアログが表示されなくなってしまった

マイクアクセスするWebサイトを開発しているんですが、 Chrome for Andoroidでマイクアクセス許可が表示されなくなってしまって 困っている。 とりあえず、以下を試してみようかな。 サイトごとに、例外が指定できて、アクセス許可を出さないようにしてし…

まだ理解できていないgit

今度こそ、しっかり理解しよう。git における stage, commit, branch - bonar noteGit初心者に捧ぐ!Gitの「これなんで?」を解説します。はじめてgitをつかったのでコマンドを復習しますインタラクティブにステージごとのGitコマンドがわかる『Git Cheatshe…

CloudFlareでmp3拡張子を使いたい

CloudFlareはmp3拡張子をサポートしていない。 仕方ないからuriを/hoge.mp3?query=.jsでごまかそうとしたけれど、nginxでの設定がよくわからなかったので挫折。Rails アプリを nginx の拡張モジュールで置き換えて高速化する方法 - HeartRails Tech Blog 色…

mackerelでmackerel-plugin-nginxを使ってみようと思ったらダメだった話

まずは、nginxにngx_http_status_moduleが入っているか調べてみよう。 /usr/logal/nginx/bin/nginx -V入っていなかったら、ビルドしなおし(ngx_aws_authは私は、S3を使うため入れている) ./configure --prefix=/usr/local/nginx --with-http_ssl_module --w…

Hatena エンジニア Seminor #3

http://songmu.github.io/slides/hatenatech-3/#0 Dev と Ops 開発、運用エンジニアが協調している。 運用チームが開発チームのミーティングにも参加することがある DC とAWS AWSのサービスにLockINされてしまうのがつらい。 Docker ログインして生活するも…

Mobile browserで録音したblobをすぐに再生したい

Recorder.jsで録音したものを再生する。 以下のようなソースなんですが、PCのブラウザでは blobを再生できるのですが、モバイルブラウザでは動作しません。対処の仕方がわからないなぁ。一旦サーバーに挙げてから URLを組み立てていけばいいんでしょうけど…

facebookいいねボタンがずれる

試してみるかな 最小限の記述でソーシャルボタンを綺麗に並べる – rakuishi.com

ひとりGit

Gitいまだによく覚えられない。とにかく使わないと・・ branch切って、mergeで枝分かれを残す方がいいのか 残さない方がいいのか。 初心者でも分かる!git rebaseの使い方を解説します | 株式会社LIG

mysqldumpをS3へバックアップ

作ろうと考えたけど。大変そうだったので探してみた。 7compass/s3-mysql-backup とりあえず、これ使ってみるかな。 と思ったら、ruby入っていない。 CentOSに ruby と gem と chef をインストールする | NIJILOG

Machidapm #3に行ってきた

新横浜から町田まででて、相模大野まで。 Hubはサッカーが気になってしまって、しかも人がおおくて! いしかわやさんはいい感じですね。落ち着ける。 そんな感じで聞き役をしていました。 Mishima.pmの番宣をしてきました。 大都会のイベントと違い、空席…

Recorder.jsをChromeモバイルブラウザで動かしたい

Chrome for AndoroidのあるバージョンからはAudioContextをサポートしているので マイクアクセスができます。 でも、recorder.jsで録音がうまくできなかった。 とりあえず、デバッグ環境を構築しないと・・・ こちらには、録音が動くとの記述があるのでこち…

記事中に広告はるとアドセンス広告収入が伸びるらしい

ブログ記事中にはると広告収入が伸びるみたい。 はてなブログの記事中にgoogle adsenseを貼る方法 - making for the future 真偽のほどはよくわからないけど。 私のページは1日100PVが精々なので、 月50円くらいしかなりません。 訪問者が増えるような有益な…

CDNにも挑戦してみたい

とりあえず、リンク。 今すぐ使える!CDN ~はじめてのCloudFlare(クラウドフレア)導入~ | SINAPlog

Teng+MYSQでIllegal mix of collations

CentOsの本番機で日本語で検索したら以下のエラー、開発機Windowsでは大丈夫。 @@@@@ Teng 's Exception @@@@@ Reason : DBD::mysql::st execute failed: Illegal mix of collations (latin1_swedish_ci,IMPLICIT) and (utf8_general_ci,COERCIBLE) for oper…

MojoliciousでジョブキューMinionワーカーの起動の仕方

https://metacpan.org/pod/Mojolicious::Plugin::Minion 使い方は上記のドキュメントでわかりますが、 ワーカーの起動の仕方がよくわからなかったので。 起動用に特に何かを作る必要がなくて 便利な気がします。 https://metacpan.org/pod/Minion::Command::…

箱物グランプリに私のしごと館を追加しました

今更ながら、私のしごと館を追加しました。 ダントツのトップに躍り出ました!!! 箱物グランプリ - 箱物坪単価ランキングサイト

ArangoDB

CPANのrecent updateを常にチェックしていると トレンドが分かって時代に遅れないで済む。 ArangoDBって聞きなれない名前を目にした Ersun Warncke / ArangoDB2 - search.cpan.org グラフ型のDBというのは最近言葉だけきいていたのですが、 こういうプロダ…

さくらBASEストレージに格納した音声ファイルをnginxで配信する方法

まずは、勉強せねば・・ nginxでS3へリバースプロキシ | Tech-Sketch nginxのリバースプロキシの設定がよくわからないなぁ。とりあえず、 下記を参照しながら、いろいろと試行錯誤。 http://heartbeats.jp/hbblog/2012/04/nginx05.html location ~ /audio/(.…

さくらbase StrageをPerlから使ってみる

さくらBaseストレージを使ってみよう。 バケットを作るところはコマンドラインで作りたいなと 思い。 開発機WindowsだからS3Expressというのをダウンロードしてみた。 Amazon S3 Tools: Command Line S3 Client and S3 Backup for Windows, Linux: s3cmd…

javascriptでzip圧縮する

zip.jsというライブラリがあるようで、 それを使おう。使い方を調べなくては・・・ http://gildas-lormeau.github.io/zip.js/ でも、なんだか使い方が難しそうなのでgzipにしてみよう https://github.com/ukyo/jsziptools うーん。これもどうもblobデータか…

ドメイン名が決まってからパッケージ名を変える

Webアプリを開発 するときとりあえず、トップレベルのネームスペースはドメイン名と一致させて作るのですが・・ 作っているうちにコンセプトが変わっていくことはよくあることで・・ 公開前にドメイン名を取ろうとしたらすでにとられていたりして、結局取得…

デザインやりなおし

30分であなたのサイトをちょっといい感じにする9個のTips - ハードコイルド・ワンダーランド

ブラウザで録音した音声ファイルをサーバに保存する

さて、recorder.jsをfirefoxからも使えるように成ったし、 wavをmp3に変換することもできるようになりました。 仕上げとしては、音声ファイルをサーバに保存してみましょう。 ただ、音声ファイルは容量が大きいのでローカルストレージがあっという間に 埋め…

cygwinでlameのインストール

こちらを見ながらぼちぼちやりますか・・ ffmpeg をcygwinでコンパイルする。 - それマグで! おおっ、一発でlameインストールできた! さて、次はPerlからlameを使うモジュールのインストール cpanm Audio::ConvTools これも一発でインストールできた。

Firefoxでマイク録音後数秒で切れる場合の対処方法

firefoxでの録音の挙動がおかしい 十数秒くらいかな。録音は動作するのですが、 それ以降切れてしまう。 https://support.mozilla.org/ja/questions/1002387?esab=a&s=&r=57&as=s 結局 windowに保存してあげれば、大丈夫とのこと。 audio - HTML5 Microphone…

ブラウザだけでマイク録音recorder.jsの変遷

ブラウザだけでマイク録音するjavascriptライブラリ 昔はフラッシュを使うこちらなんですが、今はメンテされていません。IF的に 好きなのですが・・・ jwagener/recorder.js · GitHub 最近はフラッシュを使わないこちらが主です。IEでは使えません。(F…

firefoxでaudioエレメントを動的に作成したい

HTML5 Microphone capture stops after 5 seconds in Firefox audio - HTML5 Microphone capture stops after 5 seconds in Firefox - Stack Overflow 下記のようなエレメントを動的にjavascript でつくりたいのですが、うまくできない。 以下のようにajaxの…

mysqlで再帰SQL

http://hack.aipo.com/archives/1517/ 上記コードで動作が確認できた。 procedureをTengから呼んでみなくては。。。

dokechinの挑戦、カラオケサイトを作ります。

初めからネタをばらしてしまいますが、 カラオケサイトを作ろう!(もちろん著作権切れ作品のみという制約付き) 書いてしまえば・・・追い込めるかな。 テスト用に楽曲をダウンロードしなくては・・ MP3ダウンロード(童謡 唱歌 叙情歌) S3も使ってみた…