Javascript

TypeScript + Webpackのハマったところメモ

2016/07/07 Javascript No comments

不親切なメモです。

(さらに…)

YouTubeの動画を背景に利用する(YouTube IFrame API)

2016/02/04 Javascript 5 comments

某イカゲームの公式サイトなどでやってる手法です。
同じ件に遭遇するだろう同士の為にサンプル含めてメモっておきます。

(さらに…)

スマートフォンサイトを1080x1920pxのデザインサイズで作る

2016/01/27 CSS, Javascript No comments

なんでもネイティブアプリのUIデザインが1080x1920pxだからと。
えーまじで、と。iPhone6+なら1242x2208pxでないの?と。
Webでそんな数字聞いた事ないんだけど今ってどうなの?と思ってググってみたんだけども

やっぱりWebだと1080なんてのはないなあと思い知らされた。
とはいえ時間もないし強引にやってみることにした。

(さらに…)

Riot.js 触ってみたメモとサンプル

2016/01/19 Javascript No comments

jQueryではもうアカンと思った時に挙った乗り換え候補はRiot.jsMithril.js
どっちもナウいんで一応両方試してみたんだけども、Riot.jsに落ち着いた感じであります。

なんでRiot.jsになったかというと、完全に個人的な好みの問題でして、
すごい大雑把にいうとRiot.jsはHTMLにJSを書くという方針に対してMithril.jsはJSにHTMLを書くという親のReact.jsの流れを汲む文化を継承してるんですが、試しで作ってる時に「HTMLにJS書く方が違和感ない」と思ったからなのでした。
あとはRiot.jsが企業に対してMithril.jsは個人であるといった、開発母体の差もちょっと気になる点でした。
機能面はどちらもミニマムでシンプルでAPI数少なくてとっつきやすいのでそんなに変わらないが、学習コストは独自ルールが多いRiot.jsの方が数段高いと思う。

でこうして紹介するにしてもTodoじゃ面白みがないんで、
実際使えそうなものをサンプルを作ろうとして思いついたのが、
Googleのスプレッドシートで更新情報表示するというものです。
昔普通に商用サイト作ってた頃「ホームページに更新情報表示したい(自分でお知らせ書きたい)」ってな要望が多かったので、今ならこういう手も使えるかなと思いまして。

スプレッドシートをデータベースにするというサンプル自体は4年前にやってたので
http://jsdo.it/Tenderfeel/ahd8

これのガワをbackbone.jsからriot.jsに変更しただけのものですが、
Google visualization API + Riot.js sample
ソースを比較するとえらいこざっぱりしているのがお分かり頂けるかと思います。
backbone.jsと比べても可読性めっちゃ上がってると思う〜。

続きはplnkerにつくったサンプルの解説です。
(さらに…)

[js] Closure Tools用コンパイルツール plovr について

2012/10/02 Javascript

plovrはClosure Toolsに依存するJSとClosureTemplateのSoyファイルのローカルコンパイルデーモン。

普通にClosure LibraryやClosure Templateを使う時は 作成→コンパイル→コンパイル後のソースで動作確認 という手順になるが、
plovrを使うと、作成→コンパイル前後のソースで動作確認→コンパイル という手順に変わる。

作りながらコンパイル後の動作確認ができる。というのが主たる恩恵だが、それだけじゃなく、
必要になった時だけJSファイルを読み込めば良いように、JSファイルをメインとモジュールに分割して作りたい場合にも使えるツールです。

(さらに…)