Javascript覚書

Filed in JavaScript Leave a comment

色々ありすぎてどの順番で手を付けたら進めるのかもわからぬ。地図がいる。
わかるのはcoffeeだけだ。

ファイル:ソースは一箇所にどかどかおいておき、
コード:内部でrequireしてガリガリ書き、
テンプレ側:gulpでファイル1個にまとめたものを読み込ませておく

とかであろうか。reactみたいなライブラリまでコンパイルしなくていいんだろうけれども。

Browserify

requireするためのもの?これつかえば外部JSを読み込んで使えるみたい?
つまりscript src=hogehoge書かないで済むよということかな。

Gulp

ビルドツールで、Node.js上にて動作する。
minifyしたり、lessのコンパイルを出来る。
え、あ、つまりcompassとかおぼえなくてもいい?

React

ビュー部分のみのツール。Fluxと組み合わせるんだよみたいなのをよく見る。

Arda

Ardaの目的はFluxの概念をベースに、画面遷移と状態とシーンをベースにしたヒストリ管理、その際のDispatcherのコンテキスト切り替えを行うことを主な目的としている。
引用元:Arda – MetaFluxなフレームワークを作った – Qiita

ぜんぜんわっっかんない。まずはReactの理解をして、Fluxさわって、そのあとでやろう。

, , , , ,

ReactとかFluxとかArdaとか

Filed in JavaScript Leave a comment

をやろうとしとりますが、ビルド環境とかいい感じのディレクトリ構成とか、そもそもnpmよくわかんねえとか細かいモジュールすごい数で引くとかしてて、
そもそもの学習に入れません。
インプット多すぎて脳が死ぬ

JS諸々をさわろうとして折れかける

Filed in JavaScript Leave a comment

#未来のあたしへ:混乱しているのを整理するために書いているので嘘が書かれているかもしれません。ごめん。

AngurarJSに入門しなおすぞと意気込んだ2日後にきなくさい話を聞き、あっそうですか撤退ですねとなった。
Fluxフレームワーク Arda が気になる10の理由 – Qiita

じゃー同時に気になっていたReact.JSでもやってみようかなーと手を出したら火傷したという話。
そもそもJavaScriptへの理解は浅くて、せいぜいjQueryあればだいたい書けますが、くらい。
CoffeeScriptを知ったおかげで面倒な記法を回避できてホクホク、くらい。
Node.jsはインストールのみmでしかしたことない。サーバでJavaScriptが動くと言われても気持ち悪い。今でも気持ち悪い。以前、この気持ち悪さを耐えて、触っておけばよかった。
なんかエコシステムがもんげー巨大になっていて、どこから触ると入り口に到達できるのかももはや見えない。

あたしがやりたいのはフロントの操作を上手にやるためにJavaScriptを使いたいので、サーバ側で動くよ!とかいわれても全然そちらの需要はない。phpかpythonで書くから困らない。

いろんなフレームワークやらツールやらを、scriptタグで読み込むものがJavaScriptなんだと思ってたんだけど、なーんかフロント側で使うはずのツール群でも
module.exports hogehoge

が出てくる。
あれはなんなのであろうか、exportsされてるものをどっかでrequireするわけで、あたしの知ってるJavaScriptはそういう機能持ってないはずだったんだが。改めて一個のjsに変換するとかやる(やるの?)ときに、必要な物をまとめて取り込む仕掛けなのであろうか。

ただでさえあたしがふだん触っているJSも、Coffee→JavaScriptと変換作業をやっている。ReactjsではJSXというのも出てきた。XMLだというのでまあいいんだけど、変換変換変換っていつまで続くのこれ。ゴール地点のJavaScriptが酷すぎるとかの理由でこうなってんの?
こんな便利なツールが有るよ!で見に行くと、また独自記法の解説が載ってる。君らなんでそんなに新しい記法覚えたがるの?

一歩一歩、理解を進めたいのだが、サーバ側のNodejsの話まで理解しに行かないとダメなのか。
やりたいことをやろうとするスタート地点にすら立てないというのがそうとうきておるわけです。

ああ、気持ち悪い。

CSSにはSASS/SCSSとCompass?だかがあった気がする。途中でルビー入れろと言われて機嫌悪くなったので追いかけるのをやめた。こちらも機嫌のいい時に再開しよう。

, , ,

AngularJSの本を買いました

Filed in JavaScript Leave a comment

JS界隈はごちゃごちゃしていて、けっきょくあいつらなんなの感がすごいんです。
Node.jsからこっち、どうもサーバでも動かせる云々のあのへんは、ちゃんと勉強しとかないと詰みますねというのがやっと理解できてきました。
どうもこう、サーバでJSが動くという感覚がよくわからない。ピンときてない。
さしあたり概念すっ飛ばしてステキな理解をする方法はないものかと案じておりましたら、心に響くフレームワークがあったと。
AngularJS。
HTMLテンプレートへの操作の仕方が、たいへんにGENSHIっぽい。正確には違うけど、かなりテンプレートを自然とした状態に保てそうだなーという感触を得ました。
で、本買ってきた。

AngularJSアプリケーション開発ガイド

これこれ。ハンドブック的な薄さで、電車の中で読むにも筋トレ感覚にはなりにくい。
がっつり触るのはこれからながら、かなり期待しています。
GenshiやjQueryをみたときのトキメキみたいなのがございました。

ちなみに本の表紙の魚はハコフグであるとのこと。なんでアンコウじゃないんだよ……。

JSでHTMLタグとかをエスケープする

Filed in JavaScript Leave a comment

ありがちな話

$foo.replace(/&/g,'&')
    .replace(/'/g,'"')
    .replace(/</g,'&lt;')
    .replace(/>/g,'&gt;')
    .replace(/\n/g,'<br>');

順番を間違うと、「<」や「>」が多重にくくられたり、改行→brタグあたりがエラいことになったりする。
なったわー。

ごちゃごちゃした文字がてんこ盛りになるジャンルなので、目がチカチカしてしんどい。ぱっと見、正しいのか間違ってるのか判断つきにくいんですね、脳が読解を拒否しやすくて。

JSONviewが整形してくれない

Filed in JavaScript Leave a comment

FirefoxアドオンでJSONViewというのがあることはWeb屋さんなら大抵知ってる。知ってるよね。
json受け取った時に整形してくれる便利なやつだ。
が、こいつがたまに効いてくれなくて、整形しないツライチのjsonテキストを吐き出すことがある。
文字化けはしてない。
コピペしてOnline Json Viewerで開くとちゃんと整形される。
なんだよ?

ヘッダを見よう。

application/javascript

これはNGで、

application/json

こっちが正解だ。
RFCにもそのよーに書いてあるではないか。

Ajaxを導入してみる

Filed in JavaScript | Python Leave a comment

ページ内の簡単なにぎやかしのために、jQuery導入を試みる。
prototype.jsに比べたら、考えることが少なくていいですね。ヘビーな用途はこっちの腕がついていかないので、簡単なものをいくつか作って動かしています。
とくに操作性のキモになるのは船の画面でパーツを選んだりするところになると思うので、このへんでは小気味よく動くよう気をつけたいところ。
今のところはそんなにストレスない感じになってると思う。

一個のアクションが発生すると五月雨式にあちこち計算しなおしたりする箇所があるので、操作にストレスを与えないようなつくりにしないと。

Pylons+Genshi+FoemEncodeでHTML Fillerをつかう方法がわからぬ。

TOP