鈍足ランナーのIT日記

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

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

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

ハイレゾ時代に乗り遅れているので

アンプでも物色しようかと検討中。中古で安くて性能いいのが欲しい。 ピュアオーディオスピーカー試聴レビュー_AMP

Reveal.js Notes-Speakerプラグインを作る

このあいだReveal.jsを喋るスライドに変えるプラグイン、 notes-talkerプラグインを作ったけれど、 firefoxでしか動かないし、声を男女変えられないとか あったので(speak.jsというライブラリ依存)mespeakというjavascriptライブラリ版 のReveal.jsプラグイ…

npmモジュールをクライアントサイドで使いたい。全然わからないぞぉ

分からないことを整理しよう。 今使いたいnpmモジュールはmespeckというモジュールでありまして。 これはgithub上にありますが、どうやってブラウザから使うのかが 分からないということになります。mikolalysenko/mespeak · GitHub 何がわからないって、ま…

勢いでShibuya.pmのLTに応募してしまった。

懲りないというか、空気を読まないというか・・ ハイレベルなPMとは知っているのですが・・・ LTに応募してしまった。 応募した後に、後悔してしまうパターンですなぁ。LTやる以上は貴重な時間を有意義に してもらえるように、いろいろ調査しなくては…

React.jsでtic tok ゲーム

http://react.dokechin.com/index6.html入門Reactに2048ゲームというのが載っていて、動きがあってすごい・・・それのCSSの定義をパクリつつ、○×ゲームを実装してみた。アルゴリズムはいい加減です。置く順番が決まっていて、空いていれば置くだけ。…

react.jsいろいろと試そう

サンプルを改造して動かす。 2つあるinputどちらかを変更してもコンポーネントAおよびコンポーネントBの renderが呼ばれている。 対応する子だけが呼ばれていると思っていた。 /** @jsx React.DOM */ var A = React.createClass({ render: function() { cons…

HTML5の勉強を・・

ドラッグ&ドロップ 意外と知らないHTML5 API - Drag & Drop APIとは | CodeGridぼちぼち進めていこう。

Kichijoji.pm #3に参加しました

すごい人たちに囲まれての発表でしたが、ワイトンさんがいらっしゃっていて PBっぽい感じでリラックスできました。最近は、Jognaviの改修で、L10Nを楽にするモジュールを書いたので その発表をしました。(オレオレモジュールではありますが・・・) …

喋るのが苦手な人でもLTができる画期的なツール!!App::revealupを改造して遊んでみる

App::revealupに Reveal.jsのnotes-talkerプラグインを対応させてみた。MarkdownでNote:の後に 喋らせたい文章を書いておく。 そうするとスライドを遷移したタイミングでしゃべってくれる。Windows版のFirefoxのみ確認しています。こんな感じでインストール…

Reveal.jsのNote:を喋らせるのだ。

どうも、Webに転がっているスライドだけだと、 勉強した気にはなるんだけど、どうも頭に入っていかない。そうだ、スライドを見るだけでなくて、しゃべらせてみたくなった。 土曜日から、色々考えて考えた。スライド番号としゃべらせる内容をマッピングし…

React.js+SVGでアクションゲームを作った

それはそれは30年前くらいにポケコンで作ったゲームを再現してみました。 ハイスピードロードというゲームです。http://react.dokechin.com ソースはこちらを参照してくだだい。index4.htmlがエントリーポイントです。https://github.com/dokechin/react-exa…

React.jsでリアルタイムゲームを作っているけどキー入力が微妙

キー入力のところをこんな風にコーディングしてみたのですが。 もっさりとしか反応しないので何とかしたい。 componentDidMount: function() { window.addEventListener("keydown", this.handlekeyDown, false); }, handlekeyDown: function(e){ e.preventDe…

React.js+SVGでAdjacent XJS elements must be wrapped in an enclosing tag

コンポーネントを2つ並べるとエラーになってしまう。1つだと大丈夫。 </** @jsx React.DOM */ var Rectangle = React.createClass({ render: function() { return ( <rect {...this.props}></rect>); } }); var RoadFragment = React.createClass({ render: function() { var x = this.props.x + this.props.span; var width = this.props.width-this.props…

React.js+SVGで遊ぶ

React.js+SVGだとゲームとか作れそうと思ったら もうすでに一杯やっている人がいて。まぁ、それでも面白そうだから取りあえず手を動かす。3つの四角がランダムに動くプログラム。 SVGComponent(親)となり、子のRectangleコンポーネントの座標なり 管理し…

npm install で npm ERR! Error: UNKNOWN, symlink '../grunt-open/bin/grunt-open'

Reactを動かそうと、新たにVagrantで開発環境をつくろうとしたら gruntが上がらない、 /vagrantフォルダで npm installで失敗してしまってgruntがどうもインストールできないようなんですが、ググったら How to fix 'npm install' errors on vagrant on wind…

入門Reactを買ったので

発売日に本を買うのは久しぶりのような気がする。子どものころは、ポケコンマガジンやベーマガの発売日をわくわくしてまったものだ・・ Stateやら、Propやらがでてきて、頭がゴチャゴチャしてきたので 素晴らしい記事一人React.js Advent Calendar 2014 - Qi…

vagrantの次は、puppet入門

ちょうどいい難易度の記事発見。 Rubyist Magazine - 入門 Puppet ダイジェスト

最近覚えたvagrantでreact-sampleを動かしてみた

勉強会で@masuidriveさんのトークを聞いて興味を持ちました。 Ajaxを劇的に簡単にするReact.js – @masuidrive blogそんでもって、サンプルを適当に見つけてきたけれど。 これってどう動かせばいいんや。 javascriptの知識なさすぎ・・・ytakzk/react-sample …

gotanda.pm #4に参加してきました

gaiax-techwww.youtube.comORMの話や。 Cpanmから切りだす話とか興味深く聴きました。 ROなPerlというのは知らなかったリ、 HTTP2のはなしとか。ハッシュフィルタ。 多岐に渡っていました。懇親会参加できてよかった。 中華おいしかったです。 hirobanexさん…

本マグロ生いただきました!CodeIQ感謝祭に参加。

【受付終了】プレゼンの神・澤円氏のプレゼン塾も開催「CodeIQ」感謝祭”伊藤直也氏、増井雄一郎氏、橋本善久氏がエンジニアのキャリアを語る!マグロの解体ショーもやるよ : ATNDatnd.org プロの仕事を見れた 「ATND」でビールで検索して、参加した不届きも…

vagrantでnode.js入門してみたけれど、ホストOSのブラウザからみれない

こちらをgit cloneしてから、vagrant upで環境構築。lennycartier/nodejs-vagrantboxgithub.comドットインストールを見ながら・・・ node.jsのコードを入れて、 var http = require('http'); var server = http.createServer(); server.on('request', functi…

CygwinでVAGRANT_HOMEをeドライブに設定してみたけれど・・・

SDカードにVagrantボックスA list of base boxes for Vagrant - Vagrantbox.es を入れてやろうと目論んで.bashrcに 以下の記述を入れて export VAGRANT_HOME=/cygdrive/e/vagrant 以下を実行 vagrant box centos65 https://github.com/2creatives/vagrant-ce…

サルなのでわからないVagrantの用語整理

ヘルプを翻訳して用語整理。 boxコマンド ボックスを管理する。インストールや削除など。 connect リモートにシェアされたVagrant環境と接続する。 destroy vagrant マシーンのすべてのトレースを停止して、削除する global-status このユーザのVagrant環境…

開発環境にMac Book Airは欲しいけど。 やっぱりWindowsでなんとかするか。

Cygwinでゴニョゴニョしているのですが、node.jsとか 勉強するのにはちょっと辛いので、Windowsで 開発する方法を少し調べてみるかなと。わが、液晶ぼろぼろ、ダイナブックには幸いにも SDカードスロットもついているではないか。 少しヤル気になってきた。 …

クラウドワークスを使ってジョグナビの宣伝活動をしてみる

Webアプリをつって、プレスで取り上げられればいいのですが、 なかなかそうはいかなかった。 でも、このままではちょっと寂しいし、 「認知」の壁を超えるべく、なんとかしてみるかと・・・マラソン大会に行ってジョグナビテッシュを作って配るというのが も…

リリースしたCPANモジュールの依存しているモジュールがメンテ放棄で・・・

リリースしたCPANモジュールにIssueが発行されまして、 Lingua::Translateモジュールが2012年から テストが通っていなくて、最近作者がメンテ放棄になりまして。 だれか引き継ぐかしないとあなたのモジュールは-fオプションがないと インストールできないよ…

ProductHuntでWebアプリのプロモーションをかける

さて、Jognaviを拙作Mojoliciou::Command::generate::lexicontで 色々な言語に対応しました。こちら中国語版。今度は、海外にプロモーションをかける。 producthuntというサイトでやってみるかな。 日本のプレスでは全くだめでしたが・・ 取り上げられるとい…

地方創生で恐らく大量発行されるであろう地域振興券の効果

基本的には、大半が食料品が買われてしまい。「鳥の胸肉を買う人が鳥のもも肉に変わるくらいの効果」は見込めるくらいじゃないかと 推測します。http://www.city.kawagoe.saitama.jp/shisei/shiminnokoe/ankeito/wakuwakukawagoe.files/houkokusho-23.pdfhtt…

Webアプリでおさえておきたい言語コードは??

http://www.internetworldstats.com/stats7.htm http://www.asahi-net.or.jp/~ax2s-kmtn/ref/iso639.html http://en.wikipedia.org/wiki/List_of_languages_by_number_of_native_speakersインターネット人口トップ10はとりあえずおさえておこう。 英語:en …

Mojolicious::Command::generate::lexicontをリリースしました

Mojolicious::Command::generate::lexicont - Mojolicious Lexicon Translation Generator - metacpan.org私のWebアプリJognaviをいろいろな言語に対応させようと 計画してというのをブログに書きましたが。 Google翻訳にポチポチ打ち込むのは非生産的だなぁ…