はてなブックマーク

Higher Order Componentsとは 自分の雑な理解では react componentをラップして様々な拡張性を与えられるテクニックのこと 詳しくはこちらを読むとわかると思います。 ReactのHigher Order Components詳解 : 実装の2つのパターンと、親Componentとの比較 http://postd.cc/react-higher-order-components-in-depth/ propsをrenderした後から更新したくなった 離れた場所にrenderしたcomponent同士をどうにか連携できないものか（この設計の是非は脇に置いといてください…）という課題がありまして、 例えば2カラムのレイアウトのページで、メインカラムとサイドバーにそれぞれcomponentをrenderしていたとします。 サイドバーの何かをクリックすると、メインカラ

binderとは binder とは GitHub の repository から(使い捨ての)Jupyter Notebook の環境を構築し その(計算)環境を誰もが利用できる形で提供してくれる ウェブアプリケーションです。 binder を使うと Dockerfile や requirements.txt といった環境構築設定ファイルに基づいた(使い捨てのクラウド)計算環境をウェブブラウザから利用できます。 またbinderは無償で利用できます。 2日目の Jupyter Advent Calender では Azure Notebooks を紹介しました。 binder と Azure Notebooks はクラウドの計算環境(Jupyter Notebook)を無償で利用できる，という点は同じですが 計算環境を Dockerfile (など)で自由に構築できる ただしその計算環境

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

使ってますか？Middleware これですね。CakePHP3.3から導入されている機能ですね。 http://book.cakephp.org/3.0/ja/controllers/middleware.html Middlewareって何？ アクセスに対するリクエスト、レスポンスに対して処理を挟むことができます。 処理を挟むといわれると、Controllerには initialize とかありますけどもっと前に処理を挟むことが可能になります。なります。 また、 PSR-7 に互換しているため、 Packagist などで公開されている PSR-7 互換のライブラリを利用することが可能となります。 例えば、 Laravelで利用されているMiddlewareをCakePHPで利用するということも可能になります。(Laravelに依存していなければ) どのタイミングで動くの？ 初期だと以

以前 Bash on Ubuntu on Windows で IRuby Notebook を使う 方法を紹介しましたが，IRuby に新たなzeromq backendが追加される見込みなので，その新zeromq backend(cztop)を利用した(ネイティブ)インストール方法を紹介します． この記事は未完成のものであり，近いうちに実現されるであろうIRubyの更新により簡略化される見込みです． Ruby のインストール RubyInstaller をダウンロード，インストールしてください． cztop のインストール gemコマンド一発です．zeromqもcztopが依存するgem(czmq-ffi-gen)内に含まれており別途installする必要はありません．またパスを通すといった設定も不要です． devkitも(このインストールには)必要ありません．あらかじめコンパイルされた

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

はじめに cssを書いていて、作成中のパーツがどんな色の背景に乗るのか決まらないので文字色が悩ましいなんてことありませんか？ 緑の時もあれば 黄色の時もあるんかい…… といった場合に困ってしまいますよね。 輝度(luminance)というものがある Photoshopを使っている人には馴染みがあると思いますが、明度ではなく人間の目が感じる色そのものが持っている輝きみたいなものみたいです。 上の例では黄色地に白抜きはデザインが全く機能していないので文字を黒くしたいところです。 JavaScriptで計算する まずは背景色をゲットする 目的の要素を渡して親の背景色を再帰的に辿って取得すものです function backgroundColor(el) { var color = window.getComputedStyle(el)["background-color"]; var rgba

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?

plotly とは plotly はデータ可視化のためのプラットフォームです。 基本的に無料で利用することが可能です。 (可視化結果の 入出力データのプライベートなクラウドホストや共有 SVG, PDF, EPS 形式での保存 もしくは「APIを頻繁に叩く」といった場合は有料プランへの加入が必要です。詳細は後述します。) その可視化結果はインタラクティブに操作可能であり 棒グラフ 地図 箱ひげ図 ヒストグラム といった図に対し マウスオーバーでのデータ内容の表示 ズーム、パン が可能、という特徴があります。 またデータ可視化における主要言語 R Python MATLAB のクライアントが提供されており、この他にも Excel Julia Igor Spotfire Nodejs Ruby Go F# Arduino や Rasberry PI のようなハードウェア 用にplotlyのAP

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

こうやってるだけでも出力されたhtmlにはscriptタグが30個ぐらいならんでて、ページの読み込みに10sec以上かかる。 だけど、単にapp/assets/javascriptsをgulp watchとかはしたくない。 なぜならビルドはブラウザのリロード時に変更がある場合だけして欲しかった。 あとwindow.AppNamespace以下にモジュール追加していくのも辛い。 モジュール同士の依存関係もよくわかんないし、何よりwindow.AppNamespace.Modules.UserList.ItemViewとか長すぎ！ browserify-railsってやつ使ってみた browserifyがrailsの仕組みの中で動くようになる。 browserify-rails/browserify-rails https://github.com/browserify-rails/brows

Sublime Textでカラースキーマを変更する カラースキーマとは？ カラースキーマを変更することで、フォントの色を自由に設定することが出来ます。 作り方 カラースキーマファイル自体はXMLなので頑張れば作れるのですが、めんどくさすぎるのでTmTheme Editorを使います。 TmTheme Editor TmTheme Editorの使い方 右下から言語を選ぶ Galleryからベースを選ぶ 変えたいところをダブルクリックして、色を変更 ダウンロードする これでカラースキーマファイルが作成できます。 Sublime Textへの反映 Packagesフォルダの下にあるUserフォルダに作成したスキーマファイルを設置 作成したスキーマをメニューから選択する. [基本設定]-[カラースキーマ]-[User]-[作成したスキーマファイル] ※Windows用(日本語化済み)なのでMac

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?

Sublime Text 2 キーバインド設定方法 + コマンドの探し方 設定方法 メニューの[Preferences]-[キーバンインド-ユーザ]からキーバインドを設定します。 ※Windows用(日本語化済み)なのでMacの場合は少しメニュー等が違うかもしれません。 以下のような感じで押したいキーと実行したい処理を追記します。 [ // {"keys":押したいキー, "command":実行したいコマンド}, {"keys":["f5"], "command":"refresh_folder_list"}, { "keys": ["ctrl+0"], "command": "reset_font_size" }, { "keys": ["ctrl+k", "ctrl+k"], "command": "toggle_bookmark" } ] 実行したいコマンドの探し方 実行したいコマ

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?