さて、皆様七夕の夜をいかがお過ごしでしょうか？ 七夕ということで、マウスの軌跡を星が追従するJavaScriptを書きました。 作ったもの www.youtube.com DEMO ※一旦PCのみ もうホント簡単なんですが、Web1.0時代に流行していたマウスに画像を追従させるあれです。あれ。JavaScriptと言ったらこれですよね。最高！ 本当にやりたっかたこと React + Reduxの勉強 設計 - 実装 - テストまで一通りの流れの経験 ここ一年ぐいらフロントエンドを書くときは「慣れてるから」という理由でVue.jsを利用していたのですが、最近はReact + Reduxで実装しているサービスが増えており、そろそろ勉強しないとという焦燥感がでてきて何かいいアイディアはないかと考えていた折に、某同僚と 「React + Reduxを使ってマウスについてくる星実装してようぜ」 とな

こんにちは。いつのまにか2016年も折り返しの6月に、雨断続的に降り注ぐTokyoで皆さんいかがお過ごしでしょうか。 今回は、今年1作目のウェブサービスを公開したので宣伝をさせてくださいっ。 Facebook AI Bot 「アルフレッド」 忙しい人のために、相手に喜ばれるプレゼントを選んでくれる http://m.me/aialfred ※ジャンプするとFacebook Message が開きます。 アルフレッドって何をしてくれるの？ Facebook AI Bot 「アルフレッド」は、忙しい人のために、相手に喜ばれるプレゼントを選びます。 年齢や性別,シチュエーションを、AI が会話の中で認識し、プレゼントを渡す相手に最適なプレゼントを探します。 プレゼント選びが苦手な人やじっくり選ぶ時間がない人でも、アルフレッドを使ってスマートで相手に喜ばれるプレゼントを送りましょう。 なんでアルフ

2変数の間に関係性があるかどうか調べる時に、ピアソンの相関係数を扱うことは非常に多いと思います。 しかし御存知の通り、相関係数は扱うデータのサンプルの外れ値に大きく影響を受けます。 テストの問題を解くだけなら良いのですが、実際に分析していると外れ値の処理（データクレンジング）や、正規分布の検定 をしなければなりません。 今回は、変数間の相関を分析する際の、四分位範囲(IQR)を用いた外れ値の対応について、Pythonを用いて書いていきます。 目次：相関を分析するための手順 そもそも外れ値とは？ まずはサンプルデータと散布図の作成 相関係数の計算と、四分位範囲を用いたはずれ値の検出 1. そもそも外れ値とは？ 外れ値とは？ 外れ値とは、統計において他の値から大きく離れた値のことを言います。 （例：身長2mのバスケット選手は1万人に1人で、平均身長170cm から大きく離れているため、外れ値と

こんにちは@hazumuです。 このブログでプログラミング関係の記事を書いたり、アプリを作ったりしているのですが実は文学部を卒業してたりします。 ちなみに今は社会人6年目の終わりで、これまではJavaScriptでインタラクティブな社内ツールを作ったり、ソシャゲのUIを作ったり、ゲーム作ったりしてきて、現在は会社でSwiftを使いiOSアプリを書いたり、Ruby(Rails)とJavaScriptを書きつつなれないインフラ構築をしながらWebサービスの開発を行ったりしています。 日本では、大学で学んだことと就職した先の仕事が結びつかないことがよくあるので、この春から晴れてプログラマになる文系の学生さんって結構多いのではないでしょうか？ 僕は学生の頃にアルバイト先のベンチャー企業で、わからないなりにHTML、CSS、PHPを書かせてもらっていました。しかし、当時はプログラミングや情報工学の知

みなさんこんにちは！Slack使ってますか？ Slackと他のコミュニケーションツールとの大きな違いといえば、、やはりほかアプリとの連携ですよね。 Hubotを使ってBotをつくってみたり、NewRelicと連携してサーバー監視したりなどなど。。たくさんのアプリが公開されています。 slack.com Slackってなに？というかたは... 【Slackの使い方】を新人に1分で説明する。 - 俺、サービス売って家買うんだ 今回はその中でも特にウェブサイトを運営している人向けに、 Google Analytics のアクセス結果を毎日Channelに流す StatsbotをProductHuntから拾ってきたので紹介します。 Statsbotとは Statsbot | Google Analytics & Mixpanel Bot in SlackはGoogle Analyticsの数値結果

「5軒まわって入浴券をもらおう！ 中野のお風呂屋さんめぐり スタンプラリー」が11月16日〜30日で開催されていました。 たくさん銭湯を巡ってたので、これを機会に俺的「中野区のオススメ銭湯Best3」を紹介します！乗るしかない！このビッグウェーｂっ 1位：アクア東中野 / 東中野駅から徒歩1分 水風呂: あり サウナ：あり 露天風呂：あり 刺青：OK [特徴] 設備がとにかく充実の一言。水風呂、サウナはもちろん、ぬるめ風呂、あつめ風呂、テレビつきなどなど、「まさに銭湯の全部のせや〜」と言った感じ。 挙句の果てにはプールまでついていて、。一度行けば1時間は当たり前、2時間3時間いることも、なんてのも珍しく無いです。唯一の難点は、土日の夜はめちゃめちゃ込みます。ロッカーが使えなくて入場制限が課されることもあるので、出来れば平日もしくはお昼に行くのが良いかと思います。 2位：マジック温泉昭和浴場

今年のゴールデンウィークに外国人旅行者向けアプリを作ったのですが、そのときに翻訳をUpworkで頼んだら2,000円で全部やってくれて感動したので、その時の話をしようと思います。 Upworkって？ Upworkは北米版クラウドワーク（or ランサーズ）で、登録者数や案件数はもちろん比較にならないほどUpworkのほうが凄いです。 いわゆるクラウドソーシングの元祖みたいな感じですね。 僕はある程度英語に抵抗がないのですが、アプリの細かい英語表現とか、ネイティブスピーカーにやってもらいたいなーと思い使ってみた次第です。 実際に使ってみる これ英語って以外は全く日本のクラウドソーシングサービスと一緒です。カテゴリーを選んで値段を決めて募集してみたところ、20人以上のクラウドソーサーが3時間くらいで集まりました。すごい！ 最初は$30出だしてたのですが、「私なら$15で出来るよー」 なんて提案も

アクセスログとは別にデータベースに直接アクセスして分析したいみたいなことって結構あると思うんですよね。 でもわざわざsshでログインして、そのサーバーに分析環境作ってみたいのって面倒な上になんかぶっ飛ばしちゃいそうで怖いじゃないですか。 なので今回は、Pythonでフレッシュな状態の RDSにアクセスしてiPython+Anacondaでパワフルに分析できるように環境を整えようと思います。 Anacondaのインストール iPythonの初期設定 RDSの設定と接続テスト 1. Anacondaのインストール Anacondaはnumpyとかipythonとか分析に必要なライブラリが一括で入っているパッケージです。 Pyの分析環境構築は日本語ドキュメント少ないし、こけまくるので素直にAnaconda使ったほうがいいと思います。 インストールコマンド #まずはpyenvのインストール $br

久しくCSSをちゃんと勉強していなかったので知識が2010年ぐらいで止まっています。 「仕様が策定途中だったdisplay:box;って今どうなってるんだっけ？？ 」 数カ月前に友人がdisplay: box;の書き方はもう古いと、しれっと言っていたのが気になって実際どうなんだろうと思いまじめに調べてみました。 もはやこの辺、変化が多すぎて追うのやめてたけど若い子に教えるにあたってちゃんと調べようと・・とぼとぼ。。。 結論 早速結論！ display: box; なんてなくなってました！ホントありがとうございました！ 当然の事ながら、それに付随するbox-pack, box-alignなどもまるまる消えています。 それでもChromeやSafariなどはそれらのプロパティも動作するようでして、何も考えずにSassのmix-in作ってマークアップした去年のプロダクトは未だにその実装で動いてい

そして、学生諸君は夏休みというワンピース(ひとつなぎの財宝)を手中に収め、青春を謳歌していることでしょう。

Googleが国単位でのオンライン市場調査をまとめたサイトが結構便利なんですが、あんまり使われてないんじゃないかなーと思ったり。(はてブ数もたったの1だしｗ) Consumer Barometer Consumer Barometer って何？ Consumer Barometer (コンシュマーバロメーター)は、インターネット利用動向を国ごとにまとめたサイトです。 オンライン動向に関するアンケート調査結果に対する分析とビジュアライズがされていて、 In general, how often do people watch online videos? (訳：日本ではどれくらいの頻度でオンライン動画はみられているんだい:D?) や What motivated people's product purchase? (訳：どういう動機で日本の人々はオンラインで購買するんだい:D?) と言った

2015/10/31追記 この記事はVue.js@0.12.1を元に書かれています。最新版は1系統で書式に大きな変更がありますでのご注意ください。 inheritやカスタムタグ周りの書式に変更があります。 Vue.jsを0.12.1から1.0.3にアップデートした際にハマったこと - 俺、サービス売って家買うんだ ちょっとしたものを作るときにAngularJSを入れるのはだるいなーと思いつつ、jQury+lodashなどのテンプレートを利用してDOMを弄くるのも手がつかれるしめんどうとも思うので、AngularJSと同じようにデータバインディングを備えていてドキュメント量が少ないVue.jsを使う頻度が上がっています。（個人的に） vuejs.org コンポーネントについて 実は、Vue.jsはWeb Componentsのようなコンポーネントシステムを利用できます。しかもpolyfill

「キャアァァァァァ！！Cooking Maniacの東山サンよォーーー！！キャアァァァァァ！！Cooking Maniacの東山サンよォーーー！！」

R・A・K・K・Y・O・U！！ 素晴らしい R・A・K・K・Y・O・U！！ 西城秀樹氏もそう歌っていたように思います。

2016年、油ソバ屋東京オイルショックを開業予定です。 東京オイルショックは『すべての飲食店を志す人の標べになる』をミッションに創業プロセス、レシピ、経営指標のすべてを公開していきます。 Facebookページも応援してもらえれば励みになります！ インターネットを見ていると、「味玉（＝煮卵）※以下、味玉」について取り上げたブログやまとめが如何に多いこと！！

というのもですね・・・料理好きが高じて１年半後「TOKYO OIL SHOCK」という油そば屋を開業することに相成りまして、現在必死こいて商品開発をしている段階なのです。 さて、この［油そば大解剖実験！］では『油そばの作り方』はモチロンのこと、Cooking Maniacらしく調理科学の視点も含め、更には『レシピ開発の仕方』なども書いていこうと思っております！！

前回記事、蒙古タンメンはなぜうまいか？に続き、またもやラーメンについて科学的な視点を交えて書こうと思います！！ おれは、ラーメン屋に行くと、ほぼ必ず「麺カタ」でオーダーする上、友人にも「麺カタの方がうまいよ！麺カタにしようぜ！」と、麺カタを強要するほどの、麺カタ狂信者なのだが、どうやらそれも少し考え直さなければいけなそうだ。

辛いラーメンを売りにするラーメン屋は数あれど、いまだに辛いラーメン界のトップを走り続け、他店の追従を許さない圧倒的な個性！！ もちろんおれも大好きで、よく北極やら、冷やし味噌やら食って、ひぃひぃ言いながら汗だくになって、ティッシュをハンカチ代わりに汗を拭き、隣席のカップル客の興を濁したものでした。