Profile cover photo
Profile photo
Ryohei Shima
7 followers
7 followers
About
Posts

Post has attachment
ほそぼそ書いています。
shimar's blog
shimar's blog
blog.shimar.me
Add a comment...

Post has attachment

Post has attachment
ブログを引っ越しました。
去る2016年1月にブログを引っ越しました。 アナウンスがすっかり遅くなってしまいした。もう一年近く経つのですね・・・
このブログを定期的に見てくれている方がいらっしゃったらば、申し訳ございません。 新しいブログは、 shimar's blog がそれになります。
これまでは、Google Bloggerを使っていましたが、jekyll + Github Pagesに乗り換えました。 相変わらずの体でやっております。
よろしくお願いいたします。
Add a comment...

Post has attachment
[Electron] ElectronでHello,Worldアプリを書いてみる。
はじめに Electron っていう Atomエディタ のベースを切り離してプラットフォーム化したものがある。コレを使うと、クラスプラットフォームなデスクトップアプリケーションが、HTML、CSS、Javacriptで書けるっていうんで、使っていこうかしらと思案しています。まずは、環境を作って、Hello,Worldでも。 ちなみに、環境は、 ubuntu 14.04 LTS(32bit) node.js v0.12.6 です。 Electronのインストール npmでインストールする。 npm i -g e...
Add a comment...

Post has attachment
Epochでリアルタイムなチャートを表示する - Gauge編
前回の記事「 Epochでリアルタイムなチャートを表示する。 」の続き。前回は、D3.jsベースのチャート表示ライブラリ「 Epoch 」を使って、時系列なラインチャート、エリアチャート、バーチャートをリアルタイムに描画する方法について書いた。今回は、Gaugeと呼ばれるチャート?を描画する方法について。 Gauge? gaugeは、カタカナで書くなら「ゲージ」で、「計器」を意味するらしい。実際、 みたいなのが描画される。 使い方 gaugeを表示するには、 var gauge = $('#gauge-cha...
Add a comment...

Post has attachment
Epochでリアルタイムなチャートを表示する。
html上のチャート、ラインチャートとかバーチャートとか、リアルタイムに更新したい、と思って調べていたら、 Epoch なるライブラリを発見したので、使い方を纏めておく。 Epoch A general purpose real-time charting library for building beautiful, smooth, and high performance visualizations. とのこと。
で、 javascriptライブラリ d3.jsベース Line, Area, Bar, ...
Add a comment...

Post has attachment
Animate.cssで簡単にDOM要素のアニメーションを実現する。
DOM要素にfadeとかslideとかのアニメーションをつけるのに、jQueryで書くのはまあ簡単ではあるけど、 Animate.css なるcss3のアニメーションライブラリを知ったので、使い方をメモっておく。シンプルなアニメーションがすごく簡単に実現できる。 Animate.css githubのREADME.md には、 animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your pro...
Add a comment...

Post has attachment
モックhtmlはyeoman+gulp-webappで。
2013年の8月に、「 モックhtmlはJade+LESS+CoffeeScript+Grunt.jsで。 」という記事をこのブログに書いた。あれから約1年半。Webアプリケーションの開発の仕方やツールなども変わってきて、当時やろうとしていたことが今では随分とスマートにできるようになったので、あらためてモックhtmlをさくさく作る環境について纏めておきます。 Yeoman Yeoman を使う。Yeomanは「モダンなWebアプリのscaffoldingツール」。いろいろなWebアプリケーションの構成、例えば...
Add a comment...

Post has attachment
AngularJSのDIについてDeveloper Guideを読んでみた。
を纏める時に、AngularJSの Developer Guide を読んだわけですが、AngularJSがどのようにDIを実現しているか、についても書かれています。興味あったんで纏めてみます(というか訳してみます、に近いか・・・)。 コンポーネント(objectやfunction)が依存するブツを得る方法は3つしかない。 コンポーネントは依存するブツを生成することができ、一般的にはnew演算子を使う。 コンポーネントはグローバル変数から依存するブツを探すことができる。 コンポーネントはそれが必要となる場所で...
Add a comment...

Post has attachment
AngularJSのDIの定義の仕方
AngularJSはDI(Dependency Injection)の機構を提供してるっつーんで、 AngularJS: Developer Guide: Dependency Injection を読みつつ、使い方を纏めておくとしよう。 依存するコンポーネントをどう書くか 以下の3つの方法がある。 inline array annotation (最も好ましい方法) $inject property annotation 関数のパラメータ名から暗黙的に注入する方法(この方法は注意が必要) inline ar...
Add a comment...
Wait while more posts are being loaded