はてなブックマーク

前提 普段転職サイトGreenを日々成長させる為に試行錯誤している。 グロースハックは数年前流行った時に一度、チームを作ってみたが対して何も出来ずブームはさっていった。 内心では、グロースさせる為にサービス作ってるんでしょ？EFO？SEO？率改善？そりゃやるっしょマインドが強かったのかもしれない。 ↑こんな感じw 今回いちばんやさしいグロースハックの教本が出ていたのでそれを読んで今日まで自分が行った事をつらつら書いてみます。 ちなみにこの本はめちゃめちゃ良いです！w 定義 「自発的に成長する仕組みを組み込む」×「データを用いて判断し改善していく」 この2軸を持ってしてグロースハックと言います。 -いちばんやさしいグロースハックの教本引用 自発的に成長する仕組みが大事ですね。いわば放っておいても仕組みで伸びていくという事です。 当たり前ですが、転職サイトGreenでは 「求職者が登録して転職

教材 今回は以下の本を読んでそのまとめです。 詳しくは下記を購入して下さい。 Rubyによるデザインパターン 結論 まずは、結論からw 「YAGNIの原則」が大事です ・・・YAGNIの原則？と思った方は以下のリンクを参考に。 参考リンク) YAGNI ～ 予想でモノを作るな 「You Aren't Going to Need It.」の略で要は必要なものだけ作ろうねって話です。 作らないのが一番良い設計かつプログラミングですね。 とは言え、作らないといけないものは多いので、GoFの中から実務で使えそうなものをかいつまんで解説します！ GoFのデザインパターンの紹介 ・・・とは言え、必要なものは作る必要があります。 という事で、その上で必要なデザインパターンをいくつか紹介していきます。 「GoFのデザインパターンを皆さんご存知ですか？」 初心者の方は知らないかもしれませんね。 軽く紹介する

JointJsとは 公式ページ Github 図を書くことに特化したjsライブラリです。 オープンソース・ソフトウェアですが、Rapid版という有料版が存在し、高度な実装がなされたテンプレートが使えるようになるようです。※ちなみに日本円で25万円です・・・高いw この類のライブラリだとD3.jsが有名かと思います。 D3との違いは、純粋にjointJsの方が図を書くということに特化されているので、D3よりは簡単に書ける印象です。 ただJquery/Backbone.js/Underscore.jsに依存しているので、その辺がすこし厄介です・・・ 現に僕の場合は、Underscore.jsの知識もキャッチアップする必要があったので、面倒でした。 その辺はメリットデメリットあると思うので、D3とどちらを使うかは検討して頂ければと。 APIの紹介 詳しくは公式ページを見て頂ければと思いますが、良

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

経緯 自分が携わっている転職サイトGreenのユーザ側に答えてもらうアンケートを作ろうと思ってた矢先Producthuntでめちゃくちゃスコアが付いてたので、実際に使ってみた (まだ実際にリリースした訳ではないですw) 実際に使ってみる 1. まずは登録 2. 実際にコンソールからcurlコマンドで叩いてみる ご丁寧にちゃんとコマンドも書いてくれているので、シートにカラムを追加してコマンドを実行すればok 3. 実際にサービスに組み込む フォームを作る パラメータをAPIを使ってpost シートを確認する post前 ↓ post後 おお！！！素晴らしい。ってかめちゃくちゃ簡単やで゜+.(・∀・)゜+.゜ 注意点 今のところhttpsが使えなさそう・・・ 何でマネタイズされるか不明w 総論 GoogleScriptと戦う必要が全くなく、ここまで手軽に使えると今後流行りそうな予感。 こういう

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

##「service worker」とは？ Chrome ソフトウェアエンジニアの@nhiroki_さんによると、 ページのバックグラウンドで動くイベント駆動の JavaScript 環境 （ゆえに “Service” Worker） とのこと。 大きくは現在は2つ特徴がある。 Cache機能 (オフライン環境でのアクセスを可能に) Push機能 (アプリと同様にリエンゲージメントを高める) 引用:Service Worker の紹介 Service Workerのライフサイクルは上記。 引用: Service Worker hackathon 2015 - introduction talk 1秒ってのは、人がシームレスに感じる(=違和感なくかなり心地よい)秒数だが、実際今のmobileでの1秒の内訳は上記にある通り、コネクション張ったり通信を発生させる部分で既に大枠を使っている・・・w

Greenという転職サイトで、ElasticSearchを導入して遊んでみようと思います。 具体的には今の求人が持っているデータをElasticSearchに入れてみて実際に開発環境で動かす事をGoalとします。 全文検索とは？ 全文検索(Full text search)とは、コンピュータにおいて、複数の文書(ファイ ル)から特定の文字列を検索すること。「ファイル名検索」や「単一ファイル 内の文字列検索」と異なり、「複数文書にまたがって、文書に含まれる全文を 対象とした検索」という意味で使用される。 - 引用：Wikipedia インデックスの違い Bツリーインデックスとは？ 引用：What Is A B Tree Index RDBのインデックスについて 転置インデックスとは？ 引用：thinkit elasticsearchを全文検索サーバとして活用するなら読んでおきたい、6つのブロ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

今日Apple WatchがDeveloper解禁しました。 せっかくなのでちょっとサンプルアプリを作ってみようとswiftで簡単なアプリを作ってみました。 まずはじめに WatchKitの説明はここに書いています。 予想通りApple WatchにはWatchKitという名のframeworkが用意されてます。 先日osxアプリを作ってみましたが、これでAppleにはIntefaceframeworkはAppKit、UIKit、WatchKitが存在します。 まぁそれなりに似ているので、1つ理解すればかなりハードルは下がるかと。 とりあえず、ここよりXcode6.2 betaをインストールしてください。 アーキテクチャ 構成としては、公式HPにもあるように ・WatchKitExtention ・Watch App の2つからなります。 下記はApple公式の画像になりますが、 簡単にい

今話題ののvue.jsを既存のrailsのアプリケーションで使ってみたかったので、使う際の手順を書いておきます。 vue.jsに関しては、かなりまとめられた記事があるのでそちらを参考にしてください。 参考： Vue.js概要？ はじめよう　Vue.js Vue.jsから手軽に始めるJavaScriptフレームワーク インストール まずはvue.jsをインストールしましょう。 本家サイトからインストールしてきても良いかと思いますが、今回はRails Assetsを使ってインストールします。 Rails Assetsとは？ Rails Assetsは少し前に話題になった、Bower(※Twitter社が作ったフロントエンド用のパッケージマネージャ)で管理しているパッケージをbundlerでインストールできるサービス。 Rails Assetsに関しての参考記事： bowerパッケージをbund

書籍もUIKitなら迷うほどあるのに、Appkitはない。。。 Cocoapodsも調べてみた感じ、ios用の10分の1程度。 ざっくり出してみるとまぁフレームワークが微妙に違うだけだよね〜と油断してしまいます。 ところどころやっぱり違うので同じ頭でいくと悩まされますw まぁ僕の場合は慣れてない and ソースの少ないswiftで攻めたのでってのもありますが。。。 一緒な部分は？ 言語/IDEは同じですし、それ故大枠の構成は勿論そこまで変わりません。 Foundation, Core Data, Core Animationはios同様使えます。 ですのでNSが頭につくようなクラス群も基本同じです。 (NSArray, NSString etc...) Yosemiteがリリースされ、NSViewControllerはUIViewControllerとかなり近くなっているようです。 App

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 先日producthuntをみていると、api.aiというサービスが盛り上がっていた。 ちょっとググってみると下記の記事にも取り上げられていた。 Build your own Siri: Api.ai offers voice integration for all たしかに最近社内でもIoTが流行っていて、同期が自作Siriを作っていたけど、結局音声を認識してアクションにつなげるところの手間が大変そうだったw 音声データ入力は今後ますます使われるインターフェイスかと思うので、この機会にAI系のサービスを試してみた。 ＊紹介するサービス

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

1ヶ月以上前にHackerNewsで話題になっていたRealmというmobile用のDBを使ってみた。 使い方も含めて書いておく。 ※今回はobjective-cで使ってますが、swiftでも勿論使えます！ 何故作ったか？ 紹介ページの要約を見てもらえれば詳しくは分かるが、mobileのDBって2000年にでたSQLite以降全然刷新されないよねっていう内容が書いてある。 確かに、mobileのあり方は昨今大幅に変わって来ているのにDB周りは出てないみたい。 自分はwebのアプリケーションを普段は作ってるので、こっち側はResis等のNOSQLが注目されていたり技術的な流れは結構起きてるのに、、、 確かにソシャゲー作ってる人がSQLiteは遅くてtextデータで保管して・・・みたいな話しを聞いた事がある。 まぁなんせ、時代の流れに適したDBを作りたいとの事ね。 何が凄いの？ Yコン出身者が

今更ながらpush通知をparse.comを使って実装してみた。 世の中に腐るほどやり方でてるけど、ちょっと詰まったのでメモ。 一応ググると最初に、 Parse.comを使ったiOSデバイスへのプッシュ通知[導入編]が出てくるので重複する所は全てこの記事におまかせする。 Parse.comに登録 まずは、Parseに登録してください。 無料で30req/sまで対応してくれて超素敵。 push通知を行うアプリを登録 誘導に従って登録してください。 AppID/通知用証明書の作成 ここの操作はsafariを使って実行してください。 ※一部別ブラウザだと動かないため(個人談) Parse.comを使ったiOSデバイスへのプッシュ通知[導入編]の 1.App IDの作成 2.通知用証明書の作成 まで実行してください。 プロビジョニングファイルの作成 プロビジョニングファイルってなに？って方はこちら

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Railsで作っているアプリケーションでグラフを描きたいと思い、今迄はcanvas( http://www.html5.jp/canvas/ )とかccchart ( http://ccchart.com/ )を使ってたが今回はせっかくなのではやりのD3.js( http://d3js.org/ )を使ってみる事にしました。 何故人気なのか？ 【D3.js】人気度の動向を調べてみた( http://shimz.me/blog/d3-js/3362 )をみてみると、今尚人気は健在そうで、日に日に注目度は増しているようです。使ってみた上で何故人気なのかなーと考えてみたところ、 ・圧倒的な柔軟性の高さ 過去ccchartなどグラフを使ってみた事ありますが、確かにデータをセットするだけで簡単にグラフを描画してくれます。 が、一方で与えられた種類以外のグラフを書く事はできません。 その点D3.jsは

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

require 'rekognize' client = Rekognize::Client::Base.new(api_key: '会員登録後に得たapi keyを入力', api_secret: '会員登録後に得たapi_secretを入力') client.face_detect(urls: "画像のURL", jobs: '※1') このように簡単に使う事が可能です。 上記では顔認識なのですが、このサービスは大きく分けて3つ。 ・顔認識 →年齢/性別/表情/人種/.... ・場所認識 →海/山/レストラン... ・場面認識 →セミナー/クリニック/研究... (※最近でたやつみたいです) ④顔認識を深く掘ってみます。 docsを見てもらえれば一発なのですが、一応使ってみたものだけ簡単にここにまとめておきます。 https://rekognition.com/developer/fa

ちょっとテストコードを見直す機会があったのでこの機会にTurnipを入れてGherkinで記述する事でより、第三者が見やすいようにしてみた。 その際に色々調べたのでメモ。 1 Turnipってなんぞや？ 簡単にいうと、 ・大枠はCucumberと同じ ・Cucumberの際に一番ネックとなっていた正規表現の部分をよりプレースホルダーを使って簡単に記述 ・Capybaraの開発者が作ったものなので、Capybaraとの相性は申し分なし 2 Gherkin書式ってなんぞや？ ・ Cucumber により拡張された書式。Business Readable DSL(≒仕様記述のDSL)といわれている ・システムの振る舞いを記述するための自然言語に近い書式 (下記の実際のコードを見てもらえれば理解できるかと思います) ※ちなみに...有名な他のDSLとしは、 Rspec ：テストのDSL Chef

リアルタイムweb？ リアルタイムにwebの情報をサーバからのpush通知で更新する。 有名どころでいうとFB、Chatwork、Twitterとか。 技術的には方法が大きく3つある。 ・ポーリング(Polling) 一定の時間に一度、Ajaxでサーバに接続させ 新しい情報がないかどうか調べる。擬似的なプッシュ型。 ・コメット(Comet) クライアントから送られてきたレスポンスをすぐに返さずに処理中の形を取ってコネクションを張ったままにする。 新着の情報があったタイミングでレスポンスを返す。 ・Websocket HTML5より作られた新しい通信規格。独自のプロトコルを持つ。 先程の2通りのデメリットを補いより効率よく双方向通信が可能。 今回は技術的な流れも含め、Websocketを用いる。 railsでどうやって構築する？ railsを用いる事をmustとするなら調べた中だと多く3つ。