Clean Architectureで設計してRxJSを使った話歌舞伎座.tech#7「Reactive Extensions」での発表資料 http://kbkz.connpass.com/event/12597/
初心者向けAngularJS - その１ - albatrosary's blog
この記事は「AngularJS初心者向けハンズオンのネタ」としてまとめています。最近ではいろいろ書籍もありますし、AngularJSリンク集でもまとめている通り資料は豊富にありますが改めて。内容としてはビルトインディレクティブとコントローラー/ファクトリーを触ってみる程度です。 Angularリンク集 - albatrosary's blog ※ この記事はAngular1.3をベースに書いています。Angular1.5ベースのものはこちらになります(追記:2016/2/18)。 GitHub - albatrosary/Angular1Study: Comprehensive Beginner’s Guide to Angular 準備 サーバのインストール Python 「 http://www.python.jp/ 」からダウンロードしインストールします コマンドラインで $ pyt
Gunosy React Meetup行った #gunosyreact - pirosikick's diary
gunosy-frontend.connpass.com 行った。オフィスすごく綺麗だった。 みなさんすごい勢いで発表していくし、ピザの香りでお腹すくし、終わった後の疲労感すごかったｗ ReactNativeの話も、v0.13〜の話も、実践？の話も聞けて結構満足度高めだった。 感想 React.jsで考える再利用性の高いUIデザイン うまく抽象化できれば確かになんか楽になりそうと、よくわからんけどワクワクした 「Componentが貯まればよりスピード感高まる」と言っていて、なるほどーと思った。 が、まだv0.13だし、Componentのメンテが大変にならないかなーとも思った React Canvasで作るFlappy Bird 逆にJS+DOMでも170行くらいで作れるのかというのに驚いた パフォーマンスはそんなに変わらなかったと言っていて、Flipboardが言っている60fpsの恩
rails-react
Are you still looking for an easy solution to build simple, dynamic pages for your customers?Hoping there is a working solution out there that you can start using right away?Something without extensive training, that is still worth learning and investing your precious time in? We’ve been just like you for years. Trying different things and never completely satisfied. Until we found React.js. Using
Oj.dumpでシンボルを吐く時は:mode => compatする - 【旧】PerlerのRuby日記->はてなブログに移行しました
Ojを知ったきっかけ Padrinoでスケルトンを作るとGemfileにojというgemが入っている。 Optimized JSONの略らしい。 標準ライブラリとなったjsonよりも早いらしい。 JSONの替わりに使ったOJが速い - Qiita 自分も、開発しているサービスで使われているJSONデータを使ってやってみたら、 確かにOjの方が早かった。 https://gist.github.com/rightgo09/6492700 Ojのdump mode で、改めて触ってたら、デフォルトでOj.dumpでJSONを吐くと、 シンボルはすべて":hoge"のようになることが分かったのでメモ。 もしそれが意図しておらず、JavaScriptでコロンは不要なら、 :mode => :compatが必要である。 Oj.dump({ :hoge => :fuga }) #=> {":hoge"
3, 4 日で React を案件に導入(先っちょだけ)した話 - Qiita
はじめに まずこの話は 最近話題だった React を案件に とりあえず 使ってみたという話をダラダラと書いた記事です。 React について深く書くという記事ではないでの悪しからず。 状況と経緯 まず状況を整理します。 私の話 フロントエンジニアといして有りたい存在 javascript も少し書くが、そこまで自信を持てるコードではない。という感じ。 最近 BEM にハマっていた。 案件の状況 前々から続く案件。 そのターム毎に、やること自体は変わるが、根本は同じ。デザインレベルで全く違うものだよ。 今回は量としては実質 3 ページ程度のスマホ用サイト。 ajax で通信して 情報を元にシーンを展開していくもの。 フロントの環境は全て私が決めてよい環境(というか一人でつくる) 以前の構築には grunt, assenmble を用いたスタティックなサイトを用いた。 納期がまじで短い、日曜
lory
Touch enabled minimalistic slider written in vanilla JavaScript Hardware accelerated transitions Usable as a jQuery plugin Options for custom easing effects infinite looping ~ carousel No compromises for fallbacks Written in ecmascript 6 Using webpack, babel & eslint for development Download Here or via cdn from cdnjs Prerequisited Html structure Class names can be changed through options <div cla
JSON U+2028, U+2029 問題回避方法
Unicode の文字 U+2028 (Line Separator) および U+2029 (Paragraph Separator) が含まれる JSON コードを解釈して JavaScript オブジェクトに変換しようとするとエラーになる問題の回避方法を示し、その問題の発生状況と回避方法の効果を実証する。更に当ページをさまざまなブラウザで参照することで発生する/しないの判定も行う。 この問題を回避するには幾つかの方法がある。それを検討してみる。 問題が発生しないブラウザを使用する。 デベロッパーにとっては最も楽な回避方法である。しかし企業のイントラネットなどでブラウザを固定することができない限りこの選択肢を採用できないだろう。更にたとえ企業のイントラネットであったとしてもサポート対象のブラウザで問題が発生しているからこのページを参照しているのだと思われる。 主要ブラウザの中で問題が発
Learn AngularJS 1.X | Codecademy
This course includesAI assistance for guided coding helpProjects to apply new skillsQuizzes to test your knowledgeA certificate of completion
まだmechanizeで消耗してるの? WebDriverで銀行をスクレイピング（ProtractorとWebdriverIOを例に） - 詩と創作・思索のひろば
今日はスクレイピングの話をします。 今回のターゲットは三菱東京UFJダイレクト。金融機関もウェブサービスを提供するようになり、金にまつわる情報を電子化しやすくなりましたが、かれらが API を提供しているわけではないので、私たちのほうで取得・加工をしてやる必要があります。今やウェブサイトであれば当然のように JavaScript を使っているわけなので、いわゆる mechanize、つまり HTML の解釈をおこない、リンクのクリックやフォームの送信をシンプルに実装するようなやり方でのスクレイピングはすでに無理筋だといえます。 もちろん今日においてはブラウザオートメーションという方法がすでにありますので、これを利用してやれば、なんの憂いもなく実際に人間が使うようなブラウザをプログラマティックに操作することができます。現在は Selenium WebDriver がデファクトで、これが使用す
jQueryでリンク先が外部ドメインだったらを別タブで開く
jQueryを使って別タブで外部リンクを開くJavascript。 自分のドメインを指定して、それ以外のURLの記述があれば別タブで外部リンクを開くというものです。 もう一つポイントで、もしもaタグにtarget属性が含まれている外部ドメインなら、タブが二重で開いてしまう問題があるので、 もしtarget属性が含まれていたら先に属性をremoveしてあげる必要があります。 $(document).ready(function() { $('a').removeAttr('target'); $("a[href^=http://]").not($("a[href^=http://www.kaasan.info]")).click(function() { window.open($(this).attr("href")); return false; }); });
フォームから別ウィンドウを開く方法のまとめ
フォームから別ウィンドウを開くためのTipsをまとめました。 １．はじめに フォームから別ウィンドウを開く場合、 別ウィンドウで起動されるCGIにフォームデータを渡したい フォームボタンを複数回クリックしたときに別ウィンドウを1枚しか開きたくない フォームボタンを複数回クリックしたときに別ウィンドウを複数枚開けるようにしたい と、色々なケースがあります。 業務で使うCGIを開発するときにこれらのことをネットで色々調べたのですが、FAQサイトなどに個別の情報が散在しているだけでしたので、このエントリーで一挙にまとめてみました。 ここではjQueryを使わないオーソドックスなコードで解説します。コード内に使われているCGI（new_window.cgi）は６項に掲載しています。サンプルを実行する場合、すべての資材を同じディレクトリに配置して実行してください。 ２．基本動作 フォームから別ウィン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
すぐできる AngularJS
Domain error
GitHub - angular-fullstack/generator-angular-fullstack: Yeoman generator for an Angular app with an Express server
Using React.js v0.12 - Part 1/8 - Components
Hackhands is now Pluralsight
GitHub - reactjs/react-a11y: Identifies accessibility issues in your React.js elements
Angular 2 Rendering Architecture
http://www.fredguest.com/2015/03/06/building-a-stateless-rails-api-with-react-and-twitter-oauth/