ヒートマップツールを無料でとても簡単に自作してWebサイトに導入する方法(heatmap.js+Milkcocoa) Posted: 2015-07-04 / Tags: heatmap.js Webでいうところのヒートマップツールとは、Webサイトを改善するために、クリックした場所やどこまでスクロールしたかなどを、度合いによって色を変えて視覚的にわかりやすく表示してくれるものです。 PtEngineやクリックテールといったサービスを聞いたことがある方もいるのではないでしょうか。 今回は、そういったサービスを使うことなく、heatmap.jsとMilkcocoaを使って、無料でヒートマップツールを自作してしまおうといった記事になります。とても簡単なので、初心者の方も是非試して頂きたいです。 こちらが、このブログのトップページのクリック箇所のヒートマップ表示になります ヒートマップを表示する
1月に「Pythonを始めるなら、1ファイルの軽量Webフレームワーク「Bottle」がおすすめ」というのを書いたところ、なかなか反響が大きかった。そこで今回は、私がいくらか使ったことがあるPythonのWebフレームワーク6種について、かんたんに紹介するというのをやってみたい。コメントは、私のごく主観的な印象に基づいている。 Bottle(ボトル) http://bottlepy.org/ 「bottle.py」という1ファイルだけでできている。環境構築が不要なので、Python入門に最適。1ファイルに全部入っているので、組み込むのも容易だし、依存リスクもないので、実用にもいいと思う。これだけシンプルなのは、生存戦略としても強い。 CherryPy(チェリーパイ) http://cherrypy.org/ Bottleより大きいが、外部依存がないので、これも環境構築不要で、Python入
Example that demonstrates on-point radius configuration so you can visualize points with different impact radi. Basics Get Visitor Heatmaps. No coding required. Our awesome partners offer out of the box visitor heatmaps so you don't have to reinvent the wheel! ( plus, there's always a FREE plan to start with!)
スタートアップはプロモーションだ 先日、VRデバイスFOVEを開発するFOVE小島さんとテックインアジアにて登壇しました。テーマは運営側からは「VRスタートアップをどうやるか」みたいなのをリクエストされていたけれど、事前打ち合わせして小島さんが思われてるのは多くのスタートアップがプロモーションにお金やリソースを使わないことの課題感を中心に話してもらった。 スタートアップはプロモーションだ!と言うテーマです。 コンセプトを世界に打ち出せ、一刻も早く 2014年5月設立のFOVEは、2014年7月にアイトラッキング機能のあるハードウェアFOVEを発表。そのときはロンドンのMicrosoft Venturesに採択、数千万円のシードマネー調達。そして、FOVEのコンセプトムービーを発表した。このムービーが作りたい世界観を多くの人に届けた。ここまでが会社設立から2カ月。 jp.techcrunch
かるび(@karub_imalive)です。 このブログでは何回か会社を辞める直前や、退職直後に断続的に「40歳を超えて無職になった」心境や経過を報告しています。 前回のエントリはこちら。多くの方に読んでいただいたみたいで非常に恐縮です・・・ 上記の記事の通り、わりと気まぐれに「退職します」と宣言し、約45日の有給取得を経て2016年6月15日に前職を退職しました。そして、早くもそれから3ヶ月が経過しました。 退職する、と言っても、働かない期間は1年くらいにしようかなと思っています。1年限定のセミリタイア/サバティカル生活。このブログでは、退職後の自分の心境や周囲の環境の変化なども、個人情報が特定されない範囲で素直に書き残しておきたいと考えています。少々露悪趣味ですが、人柱になろうかなと。 というのも、一応退職する前に、「あてもなく40代で会社を辞めた人ってそのあとどうしているのかな」と思
イーコーポレーションドットジェーピー(e-CORPORATION.JP)の代表取締役社長を務める廉宗淳(ヨム・ジョンスン)氏(左)と、日経コンピュータ編集委員の木村岳史 木村:前回話した佐賀市での経験なども踏まえて、廉さんは、日本のマイナンバー制度について言いたいことがありそうだが。 廉:私は青森市の情報政策調整監(CIO補佐官)を務めている。基礎的自治体である市町村はマイナンバーシステムの最大のユーザーであるはず。マイナンバー制度を生かしてシステムを改良したり、業務を効率化したりしたいところだ。 だが実際には、総務省から方針が下りてくるばかりで、市が独自に取り組めることがあまりない。せいぜい「セキュリティ強じん化」にどのように取り組むかということぐらいだ(関連記事:自治体の悩み深し、佳境を迎えるセキュリティ強じん化)。これはちょっとおかしいと思う。 もし私がマイナンバーのシステムを一から
エンジニア組織を強くするための本を出版しました Qiitaでエンジニアリングをめぐる様々なコミュニケーションの問題とその解決策や考え方を書いてきた。それらの背後にあるエッセンスをこの度書籍として出版するに至りました。 エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング この書籍は、エンジニアリングを「不確実性を削減する」という第一原理で捉え直し、様々なエンジニアリングとその間のコミュニケーションをめぐる現象を説明していくものです。 はじめに 何かはじめてのことをする場合、人はとても「不安」を感じます。人は未来を考えることができる生き物です。その特異な能力ゆえに、未来に起こるかもしれないよくないことを考えると「不安」を感じてしまうのです。 仕事のプロジェクトなどは、「間に合わなかったらどうしよう」とか「この仕事はちゃんと終えられるのだろうか。」など、未来のことを
最近、「美容師を辞めようか悩んでいる」みたいな若い世代と話す事が多いのですが、述べるコメントの多くが… 「美容師が楽しくなくなった」 「モチベーションが上がらなくて」 みたいな、いわゆる「気持ち」的な要素が原因というパターンが多く、僕がむしろ答えているのは… むしろ仕事で”楽しい”とも”モチベーションが上がった事も”ないのだが… みたいな感じでいうと衝撃を受けているのを見て、自分の方が驚いています。 「仕事にそれを求めていたのか…」 と… いや、だって仕事じゃん?! 仕事だよ? 働く事によりお金を頂くじゃないですか? 働くのって国民の義務だし、逆に学生時代に「勉強好き!」って公言してる人なんてかなりマイノリティじゃないの?と… 仕事に置き換えて「仕事楽しい!好き!」みたいな感じでやってる人は何パーセントいるのか冷静に考えてみたらわかるやろ。。。と… 親父達も「きつい…きつい…」とか言いなが
おばんです、通っている武術教室の打ち合い練習で先生の基本攻撃力が高くて、良いところに入ったわけでもないのに痛みにもだえる田中です。「基礎防御力!人生の基本でしょう!?」、と田舎の女の子に怒られる声が聞こえるので筋トレします。 今日はSwift3のtypealiasにジェネリクスが使えるようになる話です。 参照元は以下です。(以降このリンク先を「公式」と差してブログを書いていきます) swift-evolution/0048-generic-typealias.md at master · apple/swift-evolution typealiasにジェネリクスが使えるようになるとは 公式のMotivationに書いてあることとしては以下があります。 Generic typealiases are an obvious generalization of the existing Swi
こんにちは。アプリケーション共同開発部 開発担当の図子です。 次期 iOS の iOS 10 がもうすぐリリースされるであろうこの時期、iOS アプリケーションエンジニアのみなさんはいかがお過ごしでしょうか。私はこちらのエントリでも書かせていただいたように今年も WWDC に参加して現地でいろんなセッションを見ました。WWDC から帰国したあともセッションビデオをいくつか見ました。そのなかで個人的におもしろいなぁと思った "Proactive Suggestions" について紹介します。 Proactive Suggestions とは何か Proactive とは辞書によると "先を見越した"、"先回りした" という意味です。Suggestion は "提案"、"忠告" です。つまり Proactive Suggestions とは "先回りした提案" という意味になります。 Proa
自己紹介 じゅんじゅんというニックネームで、関西を拠点に活動しているフロントエンドエンジニアです。 HAL大阪の2回生です👍 (2016.9.9現在) よくstart up系イベントに行くので、大阪らへんの方は会いましょう! 作ったもの 今回は ElectronとReactで作ること しか決まってないので、リアルタイムプレビューの機能だけしかつけていません。 できたもの。 今回作った経緯 今回は、いつもREADMEとかを書くときにsublime textのOmniMarkupPreviewerを使っていたんですが、全然動かない。。 なぜか分からないので、勉強を兼ねて作ることにしました。 今回使う技術は Electron React ぐらいです。 Editor部分はAceを使いました。 Markdownのpreviewには、markedを使いました。 Electronに関しては、ほぼサンプ
Xamarin Studioを使っているとたまに全てクリーンしてもクリーンされない時があります。 これのせいで不自然にファイルが残りそれが原因でバグることも・・・ この回避手段は簡単でobjフォルダとbinフォルダを消せば大丈夫です(少なくとも私が遭遇したケースでは)。 ただ手動で消すためだけにXamarin Studioから離れるのはアレですしそもそもXamarin Studioがちゃんと消してくれれば問題ありません。ということで... Addin作りました クリーンをしたとき、強制的にbinとobjを消す拡張機能を作りました。 使い方は簡単。Githubから.dllを落としてきて /Applications/Xamarin Studio.app/Contents/Resources/lib/monodevelop/AddIns (macOSの場合) に突っ込んでやります。あとは起動して
go言語(termbox-goではなくtcell)で実装されたmicroというターミナルベースのテキストエディタの version1.0 がリリースされたようで、試しにちょっとだけつかってみたのですが、なかなか使い心地がよいです。 というわけで(個人的に)使い心地が(いい意味で逆に)普通すぎるエディタ「micro」の紹介になります。 github.com microの特徴 microはターミナルベースのエディタであるものの、マウス操作がサポートされていたり、GUIアプリケーション風のキーバインドが設定されていたりと、いたって普通なGUIのテキストエディタを使っているかのように直感的な使い心地を実現しているのが最大の特徴だと思います。 いけてる特徴 マウス操作が使え、GUIアプリケーションのように直感的に使える わりと直感的なキーバインドが設定されている(Ctrl-cでコピーなど、Windo
ここ最近、毎日のようにデッサン力をフルに使いながら作品制作をしています。 www.mikinote.com 粘土模型を作って、それを参考にしながら作っているわけなのですが、そのためには「モチーフと作品を見比べて、違いを発見する能力」が必要です。「印象を捉えるための観察力」と言い換えても良いですね。 僕は、立体作品を専門に作ってる人なのだけど、そのために必要な考え方は立体作品でも平面作品でも大差はありません。 絵が下手な人って、いるじゃないですか? 絵が下手な人は、そういった「そっくりに描く」という絵を描く訓練の量が足りない・・・と言うのもあるのだけど、「もの」と「自分の描いている絵」をどうやって見比べたら良いのか?その「観察法」と「考え方」がわかってないんですよね。 練習すれば、誰でも絵は上手くなるもんです。そのためには、いろんなモチーフを描いてみたり、時には上手い人の絵を真似して模写する
RubyKaigi 2016が始まりました!スポンサーであるグッドパッチもエンジニア数名で京都に来ています。 早速、今朝発表されたRubyの父Matzによる基調講演のレポートをお送りいたします。 Ruby3の柱 東京オリンピックの年にリリースすることを目指して開発されているRuby3には大きく3つの柱があります。 型(Typing) パフォーマンス(Performance) 並列処理(Concurrency) 今回の基調講演は、この中のひとつ「型」についての話です。 プログラミング言語の変遷 まずはじめに、プログラミング言語の「型」という側面についての振り返りがありました。 プログラミング言語にも時代によって流行りがあり、それは振り子のように繰り返されています。 かつては動的言語のSmalltalkやLispがあり、次に静的言語のJavaが流行し、JavaScriptやRubyのような動的
対象読者 現在、ネイティブモバイルアプリ開発(iOS、Android)をしている方。 現在、Visual Studioを用いてC#アプリの開発をしている方。 必要な環境 本記事はWindows上のVisual Studio 2015および、Mac上のXamarin Studioを用いて解説しています。 Xamarinって何? スマホアプリを開発する際に、iOSとAndroidの両方のアプリを作る必要がある場合も多いのではないでしょうか? ビジネス用途の場合などは機種を限定して「このアプリはiPad専用です」とできることもありますが、一般向けに配布する場合にはiOSとAndroidの両方に対応することがほぼ必須となっているのが現状です。しかし、ネイティブアプリを開発するには、iOSはXcodeとObjective-C/Swift、AndroidはAndroid StudioとJavaというよ
https://flic.kr/p/os8Taq 要約:AWSは素晴らしいが、Googleはその グーゴル 倍素晴らしい。 AWS re:Invent (参加料は1,600ドル)に参加したり、チーフ・エバンジェリストの Jeff Barr をフォローしたりすれば、あなたはたちまち、Amazon Web Servicesのとりこになるでしょう。 毎年何百もの新機能が登場しており、食べ放題・融通が利く・運用担当者不要の、オンデマンドサービスのビュッフェのようです。まあ、実際に食べてみるまでは、の話ですが…。 Amazonは素晴らしいです。しかし、Google Cloudは「開発者によって、開発者のために構築された」ものであり、それが一目で分かるのです。 移行した理由 App Engine GAE はきちんと機能し、オートスケーリング機能も持ち、ロードバランサや無料のmemcacheも備えていま
はじめに JavaScript勉強会の資料です。 内容は、簡単なコマンドラインツールを作りながら、JavaScript(ES2015を含む)の書き方を学ぶものとなってます。 内容的には初心者向けなので、JavaScriptを勉強したい、JavaScriptは触ったことあるけどES2015を知らないので勉強したい、といった方が対象です。 JavaScriptとは Webブラウザで実行可能なインタプリタ言語 最近ではサーバサイドのものもある(Node.jsなど) 各ブラウザで独自の実装があるが、標準化されたECMAScriptに準拠している ES5, ES2015(ES6), ES2016, … ES2015からは毎年新しい規格が策定される これによりナンバリングは策定した年に変更 ES5(2011年策定)から4年ぶりに策定されたECMAScript 非常に多くの機能が追加された 新しいブラウ
煽り耐性が低いスパイダープラスの伊藤謙自社長、「働けど我が株価上がらず」と自分に酔っていたら「赤字で割高」という冷水にまた逆切れしてしまいようやくSNSから消えることを決断
いよいよFelicaポート搭載のiPhone 7が発表されましたね!サプライズもありまだまだ日本でのiPhone一強は続くのではないかと感じさせられました。 さて、そのiPhone 7に搭載される予定のiOS 10ではいよいよsafariでも動画のインライン再生が可能になります。 iOS 10 Safari から video の inline 再生が可能になります - latest log iOS 9以下でもインライン再生する iPhone Safariで動画をインライン再生する方法 - Qiita 【音声対応】 iPhone Safariで動画をインライン再生する方法続き - Qiita 以前書いたこの2つの記事で紹介した方法はいずれも、video要素のcurrentTimeを動かしてcanvas要素に描画するというものでした。 今更発見した新手法 今回見つけた手法では、canvas要素
仕様書 2,3それぞれのインストールしてあるやつ覚え書き。自分用。動作環境はMac。随時更新します。間違ってるとこあるかも。 Package Control パッケージをインストールするやつ Gist コードの断片をあげるほう TrailingSpaces 全角スペース教えてくれるやつ Abacus イコールで行揃えしてくれるやつ FindKeyConflicts ショートカットキーの重複確認するやつ Goto-CSS-Declaration クラスにカーソル当てて「⌘→」でCSSの定義箇所に飛んでくれるやつ 右クリックでもいける BracketHighlighter 括弧にアンダーラインとかつけてくれるやつ ColorPicker 「⇧⌘P」でカラーピッカー開いて選択するとそのまま入力してくれるやつ Emmet HTML,CSSのコード補完の補強 jQuery コード補完の補強 HTML
概要 Atomは見栄えから操作方法まで様々なカスタマイズができるのが特徴ですが、設定ファイルが各所に散らばりやすく、環境移行の妨げになりやすい面があります。 最初から設定ファイルをGitで管理するようにしておき、Githubに専用のリポジトリを追加しておくと、スムーズな移行が可能になり、バックアップ対策にもなります。 Githubに新規リポジトリを作成 まずはGithubにAtom設定ファイルようのリポジトリを作成しましょう。 リポジトリ名をatomとすると、下記のようなクローン用のURLが用意されます。 https://github.com/ユーザ名/atom.git ローカルでリポジトリを作成 .gitignore の編集 Atomをインストールするとユーザのホームディレクトリ(一般的なWindows環境であればC:\Users\ユーザ名)に .atom というフォルダが作成されますが
はじめまして。 いろんなSaaS, APIを比較してみるブログを始めてみることにしました。 今回は、スマホアプリやWebブラウザへのPush通知サービスについてまとめてみました。 サービスを作っている方に、少しでも参考になれば嬉しいです。 ※各サービスの機能や価格は2016年5月の執筆時点のものです。間違いがあれば、コメントにてご指摘ください。 ※こちらの記事を書いた数日後、Google I/OにてFirebaseの大幅な機能強化が発表され、GCMと連動したFirebase Notificationsなるサービスも発表されました。ぜひとも追記したいのですが、今、まとめる時間がないので、後日書きます。こちらの記事にご興味の方、よろしければFirebaseもご参考になさってみてください。 Push通知とは? Push通知の仕組み 自前でやるか、SaaS でやるか - 利用ステップ毎に設計の難易
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く