Github社製のBotフレームワークであり、同社の運用の中心的なツールとして使われている「Hubot」をインストールし、独自のスクリプト作成、Herokuへのデプロイまでしてみます。 Hubotとは？ GitHub社が作成したオープンソースのBotフレームワークで、Botとは、自動的に実行、応答するようなプログラムのことを指します。HubotはNode.js、CoffeeScriptで作成されており、 HerokuなどのPaaSへのデプロイも容易 となっています。 Botなので、定期的、または自動的にプログラムを実行したり、問い合わせに応えるような機能を提供します。Hubotに最初から組み込まれているスクリプトでは画像の投稿や、地図の表示、計算などが行えるのですが、自身でスクリプトを追加することも可能です。 例えばGitHub社では、チャットアプリとHubotを繋げ、チャットルームにHu

dotFes(ドットフェス)は、『Web Designing』と『クスール』が送る、Webクリエイティブの為のデザインとアイデアに満ちた、１日限りのパフォーマンス。2008年の東京・新宿の廃校での開催を皮切りに、国内外でトークセッションやライブパフォーマンス、インスタレーションなどを提供してきました。 多彩なクリエイターやコミュニティ、テクノロジーベンダーなどによる出展やコミュニケーションスペースも用意し、にぎやかで刺激に満ちた、Webクリエイティブの為の学園祭のような、コミュニケーションイベントです。

SAFEのビジュアル解説を作ったので掲載。 SAFEはY Combinatord (YC)が2013年の12月に公開したエンジェル投資用テンプレート。YCでは、「卒業」したベンチャーに「これで増資したら？」というテンプレートを提供、ベンチャーとエンジェルは数字や名前などを書き込むだけで利用できるのだが、そのテンプレートの現時点での最新版がSAFE。Simple Agreement for Future Equityの略で、「将来の株式のための簡単な同意書」とでもいいましょうか。 SAFEの前にYCが出していたのは転換社債（convertible notes )だったが、それを改良したのがSAFE。というのも、社債は借金なので、借金としていろいろな規制に縛られる。短い期限が必要、世の中で流通している他の借金に近い利子をつけなければならない・・・・など。また、頻繁にエンジェル投資をしている人は

現在、弊社でもSlackを試験的に利用しているのですが、RTM APIを使えばローカルでもbotが作成できることを知ったのでPythonで作ってみようという記事です。 今回は第1回目です。 さて、SlackのBotといえば… なのですが、残念ながらこのBot君はマスコット的なものなので任意の言葉に反応する程度のカスタマイズできません。もっと賢いBotを作成したいという場合は、SlackのAPIを通じて連携するBotを作成する必要があります。 Slackのbot作成といえばhubotでの作成例が多いのですが、RTM(Real Time Messaging) APIを利用すればWebSocketを用いたイベント受信が行えるので社内PC上でSlack botを稼働させることができます。 Real Time Messaging API | Slack Slack Botアカウントの作成 まずはとも

僕は妻と二人暮らしをしています。かつてはLINEを使って普段のやり取りをしていたのですが、一年ほど前からSlackを使い始めました。 Slackの良いところはハッカビリティが高いところです。Google Calendarなど他のサービスと連携することができるし、IFTTTを使って多少凝ったこともできます。 IFTTT時代 IFTTTを使えば天気予報をSlackチャンネルに流せます。 英語というのは不本意ですが、一応今日の天気はわかります。英語が読めなくてもアイコンを見れば、雨が降りそうな気がするってくらいはわかります。 しかし、しばらく運用しているうちに疑念が。 天気予報が当たらない。 IFTTTが連携している天気予報は「The Weather Channel」の情報なのですが、これが日本の気象庁の予想と違っていて全然当たらない。 ちなみにiOS8から標準の天気アプリが提供している予報もこ

BOMの用語はややこしい。BOM（Bill of Material＝部品表）の概念自体はもう、50年以上もの歴史がある。その間に、いろいろな用語・概念が確立し、徐々に変遷してきた。またBOMをめぐるソフトウェア業界にもいろんな技術進化と流行があり、大手ベンダーが差別化のために提唱した用語が、いつの間にかスタンダードみたいに普及していくこともある。 近年では、BOP（Bill of Processes）という用語がそうだ。このBOP概念はここ10年くらいに普及してきたものだが、実はまだ発展段階で、きちんと定まっていない。同一企業内でも異なる意味で使っていたりする。ちなみに2004年に発刊した拙著「BOM/部品表入門」では、BOPという言葉は取り上げなかった（ほとんど使われていなかったのだ）。しかし最近のBOMのセミナー等では、かならず説明する必要がある。 ちなみに、ERP（Enterpris

プログラミング言語Pythonの習得を目的としたサイト、Python-izmです。 入門編、基礎編、応用編などカテゴリ分けされていますが、すでにPythonの基本構文、実行方法等を習得されている方は入門編を飛ばしてご利用ください。これからPythonを学習する、という方は入門編 – Pythonとはより順にご利用ください。また本サイトは主にPython 3系を用いていますが、3系と比較して大きく異なる場合は Python 2系のコードも掲載しています。バージョン2系と3系の違いは2系と3系の違いを参照してください。 お知らせ 2018/01 サイトのリニューアルに伴い、Python 3系への対応、SSL化を行いました。今後ともPython-izmを宜しくお願い致します。 Pickupコンテンツ 各プログラミング言語の実行までの手順をまとめました。Pythonは他の言語と比較しても容易に実行

この記事で扱う内容 ここ数年「グロースハック」という言葉が流行っているとかいないとか 私は今のところまだ「グロースハッカー」と刷られた名刺を頂いたことが無いですが... それはともかく、先日この本を読みました いちばんやさしいグロースハックの教本 http://www.amazon.co.jp/dp/B01BY7HMYO/ 「iQON」を運営するVasilyさんのグロースハックのノウハウがまとめられた本です。 ひとことで言うと、シンプルかつ重要なファクターがギュッとまとまっていて非常に素晴らしい本でした。 この本の中で自分が特に大事だと思ったことをまとめておきます。 興味がある方は是非原典を購入して読んでみることをおすすめします。 Kindle版で1680円なので内容を考えると全然安いと思います。 ※ちなみに私はVasilyとは全く関係のない個人です。 また、こちらは書籍の正式な解説などで

制作効率化のためにツールを活用しよう この記事ではWeb制作に焦点を絞り、普段からよく使っている（全然使ってないのもありますが／(^o^)＼） オンラインツール・サイト・ブックマークレットを紹介していきます。 上手く活用すれば制作効率化に繋がりますので、ぜひ参考にしてみてください。 ぶっちゃけ最近だと画像最適化・minify・スプライト画像・アイコンフォント生成あたりは タスクランナー使ったほうが手っ取り早いですが、一応紹介しています。 OS、デバイス、解像度のシェア StatCounter Global Stats http://gs.statcounter.com/ 言わずと知れたStatCounter。Desktop/Tablet/Mobileなどデバイスごとに、 ブラウザや解像度のシェアをグラフで表示できる。 Dashboards | Android Developers http

ある正規表現に対して特定の文字列がマッチングしているのを確認してくれるサイトは山のようにあるんだけど、正規表現そのものがどんな文字列を期待しているのか分析・解読してくれるツールってあまりないのよね...(´･ω･`) 例えば ^(a-z|A-Z|0-9){4}$ こんな簡単なものだったらすぐに分かるけど これが複雑になってくると自分でも頭が？？？状態になってしまいます＞＜ そこでこんなものを見つけました。 Regexper www.regexper.com 正規表現を入力してDisplayボタンを押すとその正規表現が示す内容を図で表示してくれます。 例えば誰かが書いたこんな正規表現で???になるときもあると思いますが メールアドレスをマッチングさせる正規表現ってのは分かるんだけど、この表記でどんな文字列を 期待しているのか分からない場合でもこのツールを通してみると 図の見方は左から線を辿っ

（訳者注: これは、JavaScript Stack from Scratchを翻訳し、まとめて読めるように1ファイルにしたものです。元の翻訳と各種ファイルについては、日本語訳forkリポジトリを参照してください。また、原文が活発に更新されているため、訳文も追従して更新されます。ご了承ください。） モダンJavaScriptスタックチュートリアル、ゼロから始めるJavaScript生活へようこそ。 ⚠️️ このチュートリアルのメジャーアップデート版を3月初旬に公開する予定です。ご期待下さい! より詳しく(英語). これはJavaScriptスタックを使い始めるための最短最速のガイドです。このガイドは一般的なプログラミングの知識とJavaScriptの基礎を前提としています。これら全てのツールを一緒につなぎ合わせることにフォーカスしており、各ツールについて可能な限りシンプルな例を提供します。

フロントエンド開発という言葉があちらこちらから聞こえてくる。 「反対語はバックエンド開発だから、サーバとかCUIじゃない、アプリとかGUIあたりのことを指す広い意味の言葉だよね。」 ・・・とか思ってたらとんでもない。 世の中ではJavaScript界隈を限定している風な使われ方をしている。 私のような C/C++ メインのレトロエンジニアは肩身が狭くなるばかりである。 本文は、近年のWeb技術に追いつこうと調査した結果のメモ書きである。 n番煎じの内容だが、Web業界にいない人間の視点 なので、私と同類のレトロエンジニア等、一部の人には新しい気付きが与えられるかもしれない。 詳しい人の添削・ツッコミは大歓迎。 詳細はリンク先に任せ、私が思う「わかりやすい順序」で、調べたことをざっと紹介していく。 きっかけ 読み飛ばしてもよい。 Reactを使うとなぜjQueryが要らなくなるのか 数年前、

前回は「Chainer」を使って多層パーセプトロンを実装し、CAPTCHA画像の認識を試みた。 今回はGoogleの画像分析API「Cloud Vision API」を使って同じことをやってみる。 アジェンダ 0.実装コード 1.やってみる 2.まとめ 3.参考文献 0.実装コード 今回は検証用にシンプルな画像分析用のクラスを作成した。 見て分かる通り、Cloud Vision APIで定義されたJSON形式のリクエストをPOSTするだけだ。 #!/usr/bin/python #coding:utf-8 import base64 import json from requests import Request, Session # Cloud Vision APIで画像を分析 class RecognizeImage(): def __init__(self): return # CA

1ワールドで済ますというチャレンジ Nianticの求人を見ていて、凄く驚いたのは、「Software Engineer - Server Infrastructure」での次の項目。 all on a single, coherent world-wide instance shared by millions of users. 対訳 全ての(アクション)は、数百万のユーザーに共有された単一の一貫した(サーバ群で行われる) つまり、ポケモンGOは１ワールドで構成されている。MMOのサーバを作ったことがある人なら5それがどんなに大変かピンとくるだろう。特に、ポケモンGOの様に一日に数百万人とかが遊ぶゲームで、1ワールドでゲーム世界を構築するのは、結構大変だ。6 MMOで1ワールドがなぜ大変か(データストレージとの戦い) MMOの様なオンラインゲームで、1ワールドがなぜ大変かを図示する。

仕事の傍ら、暇つぶしとかでwebアプリを構築したりするわけですが、どうにもUIセンスがなさすぎて、カッコイイサイトとかを参考に真似したりしても、なぜか自分でアレンジするととてつもなくダサくなる、ということを繰り返してきました。 で、もうこうなったら自分で考えずに、すべてライブラリに頼ろう！と思ってwebサイトを構築した時に使ったcssやjsのフレームワーク、ライブラリなんかを、簡単なコメント添えてまとめておこうと思います。 css自分で一切書かなくても、このぐらいのUIまではいけそうです。 フレームワーク Bootstrap ベースはtwitter bootstrapの恩恵に授かります。 GoogleMaterialDesignLiteも見た目はかっこいいんですが、色々コンポーネントがたりなかったりして、結局いくらか自分でデザインしないとどうにもならなくなる印象です。 jQuery 今更書