Archived
110

Articles tagged 'JavaScript'

Riot+Gulp+Browserifyで時計サンプルを動かす

RiotはReactライクなマイクロMVPライブラリです。タスクランナーを噛ませたいので[こちらのサンプル](Adding compiled Riot tags to your Gulp + Browserify build)を動くようにしたり、いろいろいじってみた。

時計を表示するclockタグを表示します。インスタンスごとに長針・短針・秒針の表示を変えています。マウスホバーでポーズします。

via Adding compiled Riot tags to your Gulp + Browserify build

ES6+Karma+Jasmine環境のテンプレート

ちょっとしたES6スクリプトをテスト付きでさくっと試すためのテンプレを作りました。

テストランナーはKarma、テスト本体はJasmineです。

はじめてpackage.jsonとかreadmeまじめに書きました。

https://github.com/110chang/babel-starter

新年明けましておめでとうございます。

2016年もよろしくお願いします。

2016-monkey

Knockout.jsと東京メトロAPIで出入口検索アプリを作りました

案件でKnockout.jsを触って感触が良かったので何か公開できるものを考えました。

以前、東京メトロAPIのアプリコンテストに応募して残念ながら落選したのですが、API自体はありがたいことに継続して運用されているので、現在地や出先の住所から一番近い東京メトロの出入口を検索するアプリを作ることにしました。

Dokokara.info どこから(東京メトロの駅に)入るのが近いかわかるアプリ

dokokara.info
イントロダクション
dokokara.info - find exit of Tokyo Metro
出入口検索
dokokara.info - find route
ルート検索

物理エンジンは電気羊の夢を見るか?

あけましておめでとうございます。 2015年も、よろしくおねがいします。

遊びで、JavaScriptの物理エンジンMatter.jsを使って羊を降らせてみました。

A Happy New Year 2015!  110chang.com

almond.jsでRequireJSのbuildファイルからからAMDを取り除く

RequireJSは使わないでほしいなどと、悲しいことは言われなくなる。といいのですが。

almond.js

東京メトロAPIのアプリコンテストに応募しました

東京メトロ列車位置情報アプリmetloc

コンテストの公式サイト

※一部ブラウザに最適化できていません。アクセスする前に注意事項をご覧ください。

metloc  東京メトロ列車位置情報アプリ
列車の詳細情報の様子
metloc  東京メトロ列車位置情報アプリ
遅延が発生している様子

IE8でRespond.jsのブレークポイントが違う

私も最近はレスポンシブ案件を受けることも多くなってきていまして、レガシーIEに対応する際は個人的な経験からRespond.jsを使用しています。(masonry.jsを実験した時にcss3-mediaqueries.jsは問題があった)

PCサイズの時だけにjQueryのプラグインを適用したい、といった状況で、ブレークポイントに合わせてJavaScriptを発火する必要があったのですが、どうもIE8だけブレークポイントが違っているので調べてみました。

WebWorkerと遺伝的アルゴリズムでウェブアプリ的なもの

きんどるでついポチッとしてしまった「マッチ箱の脳」という一般向けの人工知能の入門書を読んでみたところ、第1章のおやつの例が気に入ったのでゴリっと作りました。

Angular.jsを試してみる〜JSONを取得して何かする

Angular.jsを使えるだけ使ってみようと思い、 結果として拙作の鉄道運行情報からJSONひろって表示するだけのサービスを作った。

関東地方鉄道運行情報 with Angular.js

JavaScriptでさまざまなソートアルゴリズム

ソートアルゴリズムの視覚化って面白いですよね。 見るたびに一度書いてみたいと思っていました。

いまさらだけど自前でJavaScriptスライドショー書いた

数々のJavaScriptスライドショーを使ったり書いたりしてきましたが、自分なりに機能を盛り込んだものを作りました。実装は2種類あります。1つは、スライドを配置したコンテナごと動かす方法、もう1つは前後のスライドを重ね合わせて前のスライドをトランジションさせる方法です。

CSSアニメーションをjQuery.animateっぽく使えるプラグイン jQuery.CSS3Animate.js を作りました

CSSアニメーションが使えるブラウザではCSSアニメーションを使い、それ以外ではanimate関数を使うといった場合にanimate関数と同じような使い方ができれば振り分けが容易になるので、これをプラグインにしてみました。

あけましておめでとうございます

あけましておめでとうございます 年賀状くれた方ありがとうございました。

「関東地方鉄道運行情報」を作成しました。

自分プロジェクトで関東地方の鉄道運行情報を一覧できるサイトを作りました。

関東地方鉄道運行情報(試験中)

最近のブラウザでの3点リーダーや引用符の表示について

3点リーダー(…)や引用符(“、”)の表示のされ方を主要ブラウザで比べてみました(↑なんか下についてるの気になりますよね)。

エヴァっぽい輪番停電スケジュールを作ってみました

東電のPDFが見にくいなあと思って。

路線/駅名/最寄駅データサービス×標高算出API×canvasタグ

CANVASタグにAPIで取ってきたデータを描画してみた。感覚としてはFlashのGraphicsクラスをいじるのに近いです。

最近のこと

前に書いたのは6月か。

ヘテムルにアカウント作ろうとしたら「110chang」が使えなかった。お試しで使ったアカウントが残っているのか、誰かが取ったのか・・と思って「110chang」で検索してたらたまたまこんなサイト見つけた。

JavaScriptでスクロールバーをつくる

JavaScriptでスクロールバーを作ってみた。