読者です 読者をやめる 読者になる 読者になる

【JavaScript】明日から使えるRiot.js

前書き 相変わらずWebエンジニアみたいなお仕事をしているんですが、最近訳あってIE 8からの呪縛から解き放たれました。 で、前々から使ってみたかったんだけど機会がなかったRiot.jsを使うことができるようになったので、ここ一ヶ月ほどもりもり書いていま…

【Javascript】Knockuout.jsでoptionのカスケード処理を実装する

前書き 最近お仕事の方でKnockout.jsを使ってごにょごにょやっています。 で、あるフォーム画面を作るときにとあるselectoptionのカスケードをやりたいな、と思って色々試行錯誤したんですが、思ったより大変だったのでメモしておきます。 optionsバインディ…

【JavaScript】marked.jsを無理矢理拡張してオレオレパーサーを作る

最近例のクソアプリのマニュアルを書いているんですが、なんだかHTMLを書くのが面倒になってきました。 GitHub Pagesですし、jekyllを使えば比較的簡単にMarkdown記法でガリガリ書けるらしいんですけど、使い方を覚えるのが面倒です。また、Rubyの環境がない…

Web Workersと戦う

このブログには(リンク記事も含め)約300件ほどの記事がたまっています。 左側にある最新記事一覧やタグ一覧はJavaScriptでTumblrのAPIを叩いてとってきているんですが、これがですね、流石に重過ぎるだろと。 もう5兆回ぐらい言っているんですが、Tumblrに…

Knockout.jsを使ってTumblrの情報をバインドする(2)

前回はこちら。 Model-View-ViewModelを紐付ける(最新記事一覧) 駆け足でコードだけ載せていきましたが、ここからは肝心のModelの処理と併せてまったりと解説していきます。 でもまずはコードね。 TumblingDice.prototype.getRecent = function (displayCo…

Knockout.jsを使ってTumblrの情報をバインドする(1)

そんなわけでサイト内スクリプトのKnockout.jsの完全適用が終わりました。 まだ微妙にCSSを書ききれていないところがあるんですが、そのうち直します。多分ね。 MVVMパターンって初めてやってみたんですが、どう考えてもViewModelでやるべきことなんだけどMo…

【JavaScript】そこそこ精度の高い乱数を手に入れる

最近Google Analyticsを導入してみたところ、何故かGoogleでの検索結果で上位に引っかかってしまう割と頻繁に読まれてるページに関連記事のリンクがないので「これこの後もっと詳しく書いたんだけどなぁ…。」と思うようになりました。 で、折角なので記事に…

【JavaScript】Tumblrのタグ一覧を取得する

段々とタグクラウドが遅くなってきたし、元々話題があっちへいったりこっちへいったりするせいで、そもそもタグクラウドとの相性が悪いです。 で、ちゃんとタグの一覧が欲しいなぁと思ったので作りました。 Tumblrのタグの一覧を取得する方法 前にも言いまし…

【JavaScript】JavaScriptでのクラスの作り方を考える

すっかりJavaScript漬けの毎日です。さて、Tumblrの最新記事一覧取得をサンプルに色々とJavaScriptのお勉強をしているのですが、「今後何か他にやりたいことが増えるかもしれないから、一つのクラスにまとめておきたいね」と思ったので、JavaScriptでクラス…

【JavaScript】Web Storageを使ってTumblrの最新記事一覧をキャッシュする

なんでも世の中にはWeb Storageなる技術があって、そいつを使うとセッション単位でデータを保存しておけるらしいじゃないですか。 上記の記事にはまるで最新技術のように扱われていますが、2011年の記事ですし、3年弱も経ってれば十分枯れた技術です。 そん…

【JavaScript】Tumblrの最新記事を取得する

JavaScriptは人生で5回ぐらいしか書いたことがなくて、jQueryを使ったのはそのうち2回ぐらいです。 しかしまぁ、いい加減覚えてみるのもいいかなと思って(と言うか仕事で必要になるので)とりあえず練習してみようかなと。 今までつけていた最新記事取得の…