original: The introduction to Reactive Programming you've been missing (by @andrestaltz) (translated by @ninjinkun, reviewed by @ma0e) あなたはリアクティブプログラミングと呼ばれる新しい方法が気になっている。 勉強するのは大変で、良い教材がないのでさらに難しい。私が勉強を始めたときは、まずチュートリアルを探した。見つけたのは一握りの実践的なガイドだけ、しかもそれらは表面をなぞっているだけで、リアクティブプログラミングのアーキテクチャ全体像を構築しようとしてはいなかった。ある関数を理解するのに、ライブラリのドキュメントは役に立たないことがある。 これを見て欲しい。 Rx.Observable.prototype.flatMapLatest(selector,

Atom @Windowsで Emacs風 に快適に動かすためにしたこと。 Emacs keybindins の実現。 ctrl-kの削除。EmacsWindowsATOM windowsでAtomを使おうとしたら色々はまったのでメモ 最近Atomにお世話になっています。 WindowsとMac両方使っているのですが、どっちにもAtomを入れました。 Atom@Mac もともとMacのkeybindinsがEmacsのそれに近い この特徴は非常に大きいです。具体的には ctrl-a,e,p,k がほとんどデフォルトなので、入れるだけでEmacs互換といっても過言じゃないのです。 といっても、Kill-ringや多くのprefix-keyを管理できることはEmacsの大きな特徴ですが、それはほかのテキストエディタでは本当に厳しいので、いいとします。 Atom@Windows すべてのkeyb

Windows で使えるターミナルとシェルをまとめてみた。 Windows でも選択肢は意外と多い。 ターミナルとシェルの組み合わせで自分好みの環境を構築できるだろう。 ターミナルとは？ ターミナル、ターミナルエミュレータ、端末エミュレータ、ターミナルソフト、コンソール等と呼ばれる。 黒い画面で、テキストがずらずらと表示されるアレである。 ただし、画面に表示されるコマンド文字列などはシェルの機能である。 外側の GUI 部分だけがターミナルと言われる。 ターミナルは画面の見た目や操作性などを担当しているのだ。 ターミナルだけでは何もできないので、シェルと一緒に配布されていることが多い。 代表的なターミナル: xterm, Terminal(Mac), iTerm2(Mac), Win32コンソール, mintty 参考: List of terminal emulators - Wikip

Wordpressってどうやってソース管理するのが正解なんでしょうか。 皆様いろいろ工夫しているようですが、あまりピンとくるものがなかったので、Wordpressはソース管理できないものと諦めておりました。 でも、WP-CLIなんてものを知ってからちょこちょこ試してみたところ、もしかしたらようやく見つけたかもしれないのでメモっておきます。 はじめに エンジニア目線です 全てのカスタマイズはthemes/mywebsiteフォルダにまとまっていると仮定します DBとuploadsフォルダは管理しません その他、faviconやgoogleのトラッキングコード？は適宜管理に追加します 準備 WP-CLIをインストール WP-CLIとは Wordpressの諸々の設定をコマンドラインから行えるツールです。 詳しい事はこのあたりを参考に。 WP-CLIの使い方 - Qiita インストール cur

ブロック要素は中央寄せにならないので、display: inline-block;でインラインにしてあげます。 margin: autoで中央寄せ margin: auto;を使って上下左右中央寄せにします。 ※中央寄せしたい要素の幅、高さを指定しないと親要素のサイズに合わせて伸びてしまうので注意。 .parent{ border: 1px solid #aaa; position: relative; height: 200px; width: 300px; } .inner{ border: 1px solid #aaa; width: 150px; height: 50px; top: 0; bottom: 0; left: 0; right: 0; position: absolute; margin: auto; }

こんにちは。 新規事業開発室の @mosa_siru です。 ブロックチェーンAdvent Calendar 14日目の記事です。 社内では新テクノロジーに対しての研究を一部で進めており、スマートスピーカーやVR/ARなどに加え、ブロックチェーンを現在調査しています。この研究・調査の一貫でマイニングについて調べてみました。 この記事では、マイニングの基礎知識と概観について、かなり平易に説明します。基本から順に説明していくので、知ってる人はどんどん飛ばして読んでってください。 また、弊社が進めているブロックチェーン技術に関する研究内容は下記のブログで紹介しています。 blockchain.gunosy.io マイニングって？ マイニング報酬 送金手数料 difficultyの調整 ハッシュレートと価格の関係 価格 => ハッシュレート ハッシュレート => 価格 ハッシュアルゴリズムとマシン

いつものやつ はじめに 各研究の分類 ニュースの品質に関する研究 Predicting News Values from Headline Text and Emotion Incongruent Headline: Yet Another Way to Mislead Your Readers Deception Detection in News Reports in the Russian Language Fake News Detection using Stacked Ensemble of Classidiers From Clickbait to Fake News Detection: An Aproach based Detecting the Stance of Headlines to Articles ニュースとユーザとの関係に関する研究 Predicting U

Python界隈を後から追従しようとして、ドツボにはまったアカウントがこちらです。 色々調べて回っていたら、QiitaにPythonでデスクトップアプリを作る with Electronという記事が上がっていたので、試してみることにしました。 ほぼ全てがbrewとpipで片が付くので、オススメです。 素直にElectron、HTML5、JavaScriptをやってもいいのでしょうけど、Pythonを使って何か作りたい、勉強したい並びに業務の改善効率に役立てたいという気持ちがありました。 なお、HTML5やCSS3はHTML3から追従できなくなったので、どうせやるならpythonでやろうかな、とか考えたわけです。(pythonの勉強にもなる) Python界隈のマルチプラットフォーム開発環境の状況 2017年2月21日現在 腐ってやがる…早すぎたんだ。 もうPython周りの情報に振り回され

概要 本ページは、代表的な機械学習の手法の特性について独自に簡単にまとめたページです。 （ご意見、ご指摘等あったらご連絡ください。） 世の中のスタンダードなものとして下記もあるので、それを踏まえてご参照いただければと思います。 - ScikitLearn Choosing the right estimator - Microsoft Azure Machine Learning Studio の機械学習アルゴリズム チート シート - 朱鷺の杜Wiki 機械学習 教師データあり 回帰 (一般化)線形回帰 ロジスティック回帰 サポートベクターマシーン(SVM) 木 決定木（CART) 回帰木 ランダムフォレスト 勾配ブースティング木 ニューラルネットワーク(NN) パーセプトロン 畳み込みニューラルネットワーク(CNN) 再起型ニューラルネットワーク(RNN) 残差ネットワーク(ResNe

動機 ExcelファイルをGitで管理しているときに、差分を見られると嬉しい。Git for Windows (msysgit)は、WordファイルやPDFファイルは差分を見られるように設定済で配布されているが、Excelファイルについては未対応。 できたこと git diffでExcelファイルに加えた変更を確認してからgit commitできる もちろん過去の履歴の差分も見られる 行頭にシート名が含まれていて複数シートにも対応している CUIでのExcelファイルの差分表示例 GUI (Git Extensions)でのExcelファイルの差分表示例 超便利！！！ 使ったもの Git for Windows (msysgit) version 1.8.4.msysgit.0 Go 1.4.2 git-xlsx-textconv ab71fc84ecd7ae97b19305ba05159

クラウドへの移行を含むデータセンター(以下DC)移行事例を基に、WebサービスをDC移行するための基本的な技術要素を紹介します。具体的には移行手順、データベースのデータ移行、ネットワーク、DNSなどです。 最近、社内で大規模なDC移行を実施しつつあり、DC移行とはなにかをメンバーへ共有するための文章でもあります。 ちなみに、この記事はHosting Casual Talks #4の発表内容を書き下ろしたものです。 移行事例 サービスAの事例 移行前 移行ステップ1 移行ステップ2 移行ステップ3 サービスBの事例 システム概要 フェーズ1: メインシステムとマイクロサービス型DBの移行 フェーズ2: その他のマイクロサービスの移行 移行のための技術要素 既存データの移行 新規データの移行 サービスドメインのDNSレコード変更 内部エンドポイントの変更 IPアドレス参照の場合 FQDN参照の

この記事で書いていること この記事では Ansibleをはじめる人 を対象に、下記の Ansible 入門的な内容についてまとめています。 Ansibleとは Ansibleを調べる Ansibleを試す Ansibleをもう少し試す 既にわかっている人向けに用語を使えば、 「 jinja templateによるファイルの動的配置などとroleによるタスクの切り出しまでをハンズオン 」 となります。 なお、環境は Python 2.6.6 + Ansible 1.9.4 です。 Ansibleとは Ansibleは "構成管理ツール" と呼ばれ、最近(少なくとも私の中で)話題のツールです。 Infrastructure as a Code なんていう文脈の中では Chef, Puppet などと並んで必ず出てくるツールの1つかと思います。 このあたりの話は話しだすとそれだけで記事が書けてし

SREGの@takkyです。 この記事は All About Group（株式会社オールアバウト） Advent Calendar 2017 8日目の記事です。 (kubernetes ... k8s の8に合わせて8日の08:08に投稿してみました) 12/02に公開した記事ではGCPを1年間利用してどうだったかについてまとめました。 allabout-tech.hatenablog.com この記事ではGKE(Google Kubernetes Engine)を1年間利用して得られたノウハウについてまとめたいと思います。 前書き GCPの東京リージョンは2016/11/08にオープンされました。 cloudplatform-jp.googleblog.com その際にGoogle Container Engine(GKE) も東京リージョンで使えるようになりました。 社内ではまだDoc

やってみよう分析！第7章： Google Charts Sankey Diagramを使ってデータ可視化HTMLJavaScriptGoogleAppsScript はじめに 今回も始まりました。やってみよう分析！シリーズ 前章まではExcelに着目してきましたが、本章ではデータの可視化に注目してみます。特にGoogle Charts Sankey Diagramを取り上げます。 Sankey Diagramは簡単に表すと、人や物等の流量を視覚的に表現した図です。Sankey DiagramはGoogle Charts以外でも描画できるのですが、Javascriptなどに詳しくなくても比較的容易にSankey Diagramを扱えると思われるのがGoogle Charts Sankey Diagramです。 本章で取り扱う項目は以下のものです。 Sankey Diagramとは Googl

かるくグラフを描いてみよう DBに入っていたり、スクリプトで吐き出した数字をちょっとグラフにしたいときに、一旦CSVに吐き出してエクセルに持って行こうとしたら自分のPCにオフィスはいってなかったわーとか、GDライブラリを使ってごりごりお絵かきするかと思ったらサーバに入れてなかったわー(しかもなんだかんだと依存問題が出てサックリインストールできない)とか、そんなときにはJavaScriptをちょろっと使ってさっとグラフ描けるGoogle Chartsがべんり。Charts? Chart? 参考文献 データの準備 マトリクス的にデータを渡せるarrayToDataTableというメソッドを使うため、Arrayもしくは専用のClassあたりにデータを入れとくとプログラムを書きやすいとおもいます。 サンプルなんで超テキトーにデータつくります。２本グラフ引くためにValuesを２つ用意してます。 <

はじめに 日本時間の8月3日から提供が開始されたWindows 10のAnniversary Updateで、ついにBashがやってきました。 これでいろいろなストレスから解放されるはず。さっそくインストールして、使ってみましょう！ 2017/11/02追記 Windows 10 Fall Creators Updateにおいてインストール作業が簡略化されました。 また、名称も「Bash on Ubuntu on Windows」から「Windows Subsystem for Linux」に変更されています。 旧バージョンをお使いの方にもわかるようにその都度注釈を入れていきます。 機能の有効化 まず、Windows側でLinux Subsystemを有効化する必要がありあす。 スタートボタンを右クリックして、アプリと機能をクリックします。 さらに、右上にあるプログラムと機能をクリックしま

このテーマで書く前に、まず、最初に自分に多少の偏りがあることを認めておかなくてはなりません。 オブジェクト指向より、関数指向寄り オブジェクト指向のアプローチは有用だが、ただしそれを実現する手段はクラスと継承ではない。 階層化されたツリー構造(GUI/リレーショナルな参照構造)に埋め込まれる状態はコード品質を悪化させるので、できるだけ出現するべきではない。 ただし、状態は確実に存在する。だからこそ慎重に扱うべきだ、という派閥です アンチパターン: 特に理由もないクラスメソッドへの所属 何かのバリデータを実装したいとします。 その関数がどこに所属するかについて、よく見るこれらの実装は全部アンチパターンといっていいと思います export class Validator { static validate() {...} } export class Validator { validate(

Webサイトのディレクトリ構造とその命名って、特に決まりがなくて迷う 筆者は英語についてはほとんどよく知らないため、完全な独断による記事。 ただし、できるだけモヤモヤしないことを優先し、筋が通っていそうなルールを目指す。 画像・スクリプト・スタイルシート等をHTMLと分けて入れるフォルダの名前をどうするか? よくある名前 ルート直下に「HTML以外をまとめるフォルダ」を作るときは、 特に決まりはないが、だいたい以下のような名前が多いと思う。 assets, public, module, modules, common, commons, resource, resources それぞれの単語の意味合いをまとめまた。リンクをクリックするとweblio辞書に飛ぶ assets：複数形で 個人・会社の 財産・資産 public： 公開の・共有の modules：モジュール commons：共通

※この記事はずいぶん内容がわかりづらかったようで、さまざまな反応を頂きました。追記が複数ありますので、併せてご覧ください。 TL;DR Version: リアクティブプログラミングに挑戦しようとした。がっかりした。 はじめに 私のこの記事は「【翻訳】あなたが求めていたリアクティブプログラミング入門」に触発されて？書かれたもので、そちらの元ネタの記事に先に目を通しておいたほうが理解がしやすいと思います。そちらの記事は本当に解説がわかりやすく、そして何よりとても説明が具体的なので、リアクティブプログラミングについて知りたいかたには大変おすすめです。リアクティブプログラミングの解説には、漠然としたことしか言っておらずさっぱり参考にならないものも多いのですが、いや本当に多いのですが、この元ネタの記事では図表が適切に使われているだけでなく具体的な問題提起と具体的なコードによる解決策が示されており、リ

Appiumを色々触っているんですが、仕組みが同じSeleniumもちょっと触ってみました。 だいぶ色々なことができそうなのでこちらも触りつつメモを取っていこうと思います。 実際の動画デモ 実際にどんなことができるのか、参考動画を撮ってみました。 内容的にはネタな感じにしていますが、どんなことができるか分かってもらえるかと思いますｗ Seleniumとは Seleniumはクロスブラウザ、クロスプラットフォームのUIテストツールです。 ブラウザに表示される要素を操作し、取得して想定されうる状態になっているかをテストできます。 また、画面のキャプチャを撮ることもできます。 検索してみると有用な記事がいくつかあるので、詳細はそちらを見てください。 ここでは簡単に触ったメモや所感を書いていきます。 JavaScriptテスト自動化ツールSeleniumのこれまでとこれから（前編）。第1回 日本S

この記事は、Maven開発環境を構築した際の覚え書きを兼ね、次のような方々へ向けた記事です。 ・いろんなWebを見たけど、何かしらが欠けていてMaven開発環境が構築できない ・理屈とか仕組みとかはいいから、とりあえずMaven開発環境だけ構築できればいい ・使いたいライブラリに「dependency」と説明があるだけで、自分でビルドする設定が見当たらない ・Maven自体はわかるが、Eclipseと連携ができない Mavenとは 「Maven」とは、要するにJavaプログラムをビルドするためのツールです。 C言語を触ったことがある人は、makeのようなものと言えばイメージがしやすいかと思います。 似たようなツールに、AntやGradleなどありますが、使い方とかが違うだけで、本質的には同じです。 コンパイルの前後に依存するライブラリを自動で揃えたり、XMLさえ書けば、いろんなことがビルド