dataLayer の使い方 | GTM 使ってるんですが…
dataLayer.push({'target_audience': 'niche', 'event': 'when_you_read_here'}); GTM では dataLayer というグローバルオブジェクトが予め定義されています。 この dataLayer の中には、キーと値のペアをセットすることができ、GTMに引き渡すことが容易にできるようになっています。 例えば、ユーザー エージェントに応じてタグを出し分けたいような場合、JavaScript を使ってユーザーエージェント情報を取得し、dataLayer にセットすることで、GTM 側ではマクロを用いてその内容を取得することができるので、マクロに値がセットできてしまえば、タグの配信ルール設定にマクロを使うことができます。 では、dataLayer はどのように使えば良いのでしょうか？ 一番ストレートな使い方は、GTM ワンタタ
Ajaxを劇的に簡単にするReact.js
ここ数年、Javascript界隈でフレームワーク戦争が勃発してきました。クライアント開発の規模も年々大きくなり、jQueryだけでは複雑な画面遷移などを管理しきれなくなってきたのが原因だと思います。 私も昨年までAngularとbackboneを試しましたが、サーバサイドをMVCにしているのに、クライアントでもMVCを作るMVCの2階建ては、やり過ぎなのではないかと思っていました。フレームワークそのもの覚えるまでにも一苦労というのも面倒に感じました。 2014年、海外でブームに火が付いたReact.js そんな中、2014年の後半からFacebook発のReact.jsの採用事例が聞こえてくるようになりました。AirBnBや米Yahoo! Mailなど大手がReact.jsを積極的に採用し出したので気になり、年末年始を使って色々調べてみることにしました。 Rails以来の衝撃 色々試して
Node.jsのStream APIで大量プッシュ通知を高速化するテクニック
連載目次 プッシュ通知を秒間1万4000ほど送るには 前回の「大量データ処理時に知っておきたいAmazonDyamoDB活用テクニック4選」では、Pusna－RSのデータ永続化に使っているDynamoDBの活用テクニックについて解説しました。今回は、そのDynamoDBからAPNs／GCMへのデータ送信までを高速化させた方法を紹介します。 Pusna-RSの配信機能とは 連載第1回「プッシュ通知の基礎知識＆秒間1万を超えるプッシュ通知基盤のアーキテクチャと仕組みとは」の際に概要をお伝えしましたが、配信機能はPusna-RSの中で実際にプッシュ通知を行うための機能で、以下の【3】に当たる箇所です。 Pusna-RSではこの一連の流れを最適化させるためにNode.jsのStream APIを活用しています。今回は、このStream APIの活用について紹介していきます。 あらためてNode.j
Bootstrap-Tagautocomplete
This is a bootstrap plugin to autocomplete tags for contenteditable div elements. It works in the same way tagging people on Facebook, Twitter or Sandglaz works. By default, it triggers autocompletion as you type @. Demo Features It will autocomplete for multiple tags. It updates the caret position as you select tags. The content editable div may contain multiple html nodes. Caret position will st
box2d-jqueryでらくらく物理演算 - みかづきブログ その3
昨日は鎌倉でのハッカソンに参加してきました。 上記デモはそのときに 教えてもらったライブラリ をつかってます。 GitHub - franzenzenhofer/box2d-jquery: convert your DOM into physical objects using this awesome jQuery wrapper around box2d-web 落とした後の文字はドラッグ＆ドロップで放り投げることもできます。 これで話を落とし放題ですね。
ソーシャルボタンが重い…非同期読み込みでページの表示速度を改善させる！
2012.04.24 IEでコールバックが動作しない不具合がありましたので修正しました（参考 : 外部JavaScriptの動的ロード – 0xFF）。 ソーシャル全盛期の昨今、どのWebページにも設置されているソーシャル系のシェアボタン。僕のブログにも設置していますが、Facebook、Twitter、Google+1、はてな…と数が増えて重い重い。記事の一覧ページでそれぞれにボタンを表示させたらそれはもうすごく重い。これではせっかくページに来てくれたユーザーも離脱してしまいますね。 非同期読み込みとは どうにか速度を改善できないか調べていたところ、下記のような記事を発見。 ようは、普通に下記のようにJSを読み込むと、読み込みが完了するまでその下のページの表示が止まってしまうと。 <script type="text/javascript" src="http:..."></script
Pexの内部構成の簡単な解説
Pex(https://github.com/PexJS/PexJS)がオープンソースになりました。 前身のExGameの時代から @tkihiraと一緒にずっと開発してきたプロダクトなので、大変感慨深いです。今はプロジェクトを離れ別なプロダクトの仕事をしているのですが、まだ私の書いたコードが多少残っているようです（糞コードがあれば何割かぐらいの確率で私の責任です）。 出力されるpex.jsは約9000行で、一人で全体を把握できる規模のプロダクトだと思います。しかし、クラス名がなかなか独特だったりして、初見では全体像がなかなか掴みづらいと思いますので、簡単に全体の構成を解説してみたいと思います。 前提知識 最低限、SWFファイルのバイナリフォーマットを理解していることが必要です。知らない方は、こちら http://labs.gree.jp/blog/2011/01/2353/ の「SWFバ
[その2] Groupon: 単一のRailsアプリから複数のNode.jsアプリへの移行 - ワザノバ | wazanova
http://nodeup.com/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約6時間前 「[その1] Groupon: 単一のRailsアプリから複数のNode.jsアプリへの移行」で紹介した取組みについて、Grouponの開発チームがその詳細と最新のテクノロジースタックについて語っています。 Grouponのビジネスは店舗での割引のデイリーディールだけでなく、他の形態のサービス提供（物販、コンサートチケット、体験販売など）にも早めに乗り出していて、トラッフィク的にはそれに対応していたので、Railsでスケーラビリティに関しては実現できていた。Railsからの移行は、どちらかと言うとアーキテクチャ的に、単一の大きなアプリであったことが、機能を追加する際にボトルネックとなっていったから。例えば、サイトのビ
画像やCSS/JSを動的に圧縮したり結合したりできるコンテンツ配信最適化ツール「Munee」:phpspot開発日誌
Munee: Standalone PHP 5.3 Asset Optimisation & Manipulation 画像やCSS/JSを動的に圧縮したり結合したりできるコンテンツ配信最適化ツール「Munee」 LESS, SCSS, CoffeeScriptのコンパイル、画像の圧縮・操作、CSS/JSを圧縮して１つのファイルにする、コンテンツのgzip化等、コンテンツ配信に便利なサーバインストール型のツールが公開されています。 サービスを作っているとよく使うコンテンツの最適化機能が入っていてなかなか便利そうです。 例えば、画像の縮小は以下のように指定して動的にリサイズをかけることが可能です。 <img src="/img/my-image.jpg?resize=w[200]h[300]e[true]s[true]"> JavaScriptもカンマ区切りで次のようにしてやればコンバインし
PILAR1001: Jackpot Besar Menanti di Situs Judi Slot Gacor Terpercaya
PILAR1001 membanggakan diri sebagai situs judi slot gacor terpercaya yang menawarkan pengalaman bermain dengan potensi jackpot besar yang menanti para pemainnya. Dengan koleksi permainan slot yang beragam dan inovatif, setiap putaran di PILAR1001 membawa peluang besar untuk meraih kemenangan spektakuler. Para pemain dapat memasang taruhan dengan keyakinan tinggi, karena PILAR1001 menyediakan siste
Junior - A front-end framework for building HTML5 mobile apps with a native look and feel.
A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Download Installation Javascript Dependencies modernizr zepto zepto flicka
最速な JavaScript のリファレンスマニュアルサイトをつくった - tokuhirom's blog
JavaScript のリファレンスマニュアルといえば MDN(Mozilla Developers Network) が有名ですが、MDN の資料は探索がめんどくさいし、表示が遅いということで使い勝手がわるいという問題がありました。 そこで、jQuery のリファレンスマニュアルサイトとして有名な jqapi.com とおなじよような使い勝手のサイトがあったらいいのになーとおもいました。 なので、つくりました。 サイト自体はすべて static なデータで構成されているので、github からデータを取得すれば、イントラや自分のマシン内で閲覧することも可能となっています。 なお IE での動作確認はしていないので、うまくうごかない場合は pull-req してください。
reverseburo.com -
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[jQuery]シンプルなティッカーいろいろ | Arch
株価のように流れるティッカー サンプル ニュース1 ニュース2 ニュース3 ニュース4 ニュース5 設置方法 01) jQuery liScrollから「jquery.li-scroller.1.0.js」と「li-scroller.css」をダウンロード 02) ヘッダに以下のソースを記述する <link rel="stylesheet" href="css/li-scroller.css" type="text/css" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.li-scroller.1.0.js" type="text/javascript"></script> <script type="text/javascript"> $(function
まじで使えるJavascriptライブラリ75選 | CREAMU
Javascriptで優れたインターフェースを実装したい。 そんなあなたにおすすめなのが、『75 (Really) Useful JavaScript Techniques』。まじで使えるJavascriptライブラリ75選だ。 以下にいくつかご紹介。 » Lightview スムーズに画像を拡大してくれる » FancyUpload アップロード中のプログレスを表示してくれる » SWFObject Javascriptを使ったFlashプレーヤ » JavaScript tabifier 簡単にJavascriptで切り替えられるタブインターフェースが作れる » FancyZoom 1.1 簡単なエンベッドでスムーズに画像を拡大してくれる » SimpleModal オーバーレイするクールなモーダルダイアログ » A Mac OS X-style Dock In JavaScript
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - getify/LABjs: Loading And Blocking JavaScript: On-demand parallel loader for JavaScript with execution order dependencies
GitHub - auduno/clmtrackr: Javascript library for precise tracking of facial features via Constrained Local Models