Browserifyの使い方について調べてみた - yutaponのブログ
最近Browserifyって単語を良く見るようになりました。 Browserifyをざっくり説明すると、 ブラウザ上でもNode.js用モジュールを使えるようにする ブラウザでもrequire()を使ったモジュール管理を使えるようにする という特徴があるようです。 browser（ブラウザ）+ fy（〜する）という単語からもNode.jsをブラウザ化するってニュアンスでしょうか。 require()といえばRequireJSも提供してますよね。 Browserify使うことでRequireJSを使わなくてもモジュール管理ができるようになりそうです。 Browserifyの使い方 まずは公式サイトに載ってるコードを試してみます。 browserify これはどうやらNode.js向けのモジュールをブラウザでも使えるようにするチュートリアルのようです。 まず作業ディレクトリを作成します。 $
2014年10月22日 | 増子良太のブログです
こんにちは。 iOSがらみの投稿が続いてしまうのは、コーディング作業が多いためです。 さて、先日こんなJavaScriptを書きました。 $(window).on(‘resize’, function(e){ // リサイズされたら実行する処理を書いてます。 }); windowのサイズがresizeされたら、処理を実行するという、すごく単純なJavaScriptです。ところが、こちらが思っていた結果と違う結果になってしまいました。 なぜかiPhoneでリサイズをしていないのにresizeイベントが実行されているようです。 続きを読む “iOSでスクロールでリサイズイベントが実行されてしまう時の対処法”
Makuake｜24歳現役高校生が挑む！誰もが3D-CG作品をWEBで発信できる世界を作ろう｜Makuake（マクアケ）
下方のHTMLコードをコピーして、あなたのWebサイトやブログに用途に あわせて様々な形のプロジェクト概要を表示して応援しよう！ 310x390160x420460x200160x1601000x287 学歴社会に風穴を開ける！！ 24歳現役高校生が開発したプログラムで誰もが3D-CG作品をWebで発信できる世界を作るプロジェクト 一体どんなプログラムを開発したの？ その名は「jThree（ジェイスリー）」。 一言でいうと、世界で最も手軽に3D-CG作品をWebで公開できるJavaScriptライブラリです。 オープンソースなのですべての機能を永久無料で使うことができます。開発環境もメモ帳ソフトとブラウザだけなのでやはり無料です。 jThree公式サイト【デモあり】 「世界で最も手軽」と断言できる根拠はJavaScript汎用ライブラリとして最も手軽と言われている「jQuery」の記述ルー
RSpec Capybara Webkit Xvfb CentOS 要するにRailsでjavascriptをテストしたい
RSpec + Capybara のセットアップは簡単でいいんですが、javascriptのテストができません。 いざ本当にウェブサイトやウェブアプリのテストしようと思ったらjavascriptのテストは必須。 それを可能にするには意外にも長い道のりがあるので、まとめておきます。 想定する開発環境はこんな感じ。 Vagrant (Virtual box) CentOS 6.4 ここでつまずいたらドットインストールで学習 ローカル開発環境の構築 (全12回) - プログラミングならドットインストール Vagrant入門 (全13回) - プログラミングならドットインストール Rails4 RSpec Capybara テストについてよくわからなければ、このチュートリアルで学習。 Ruby on Rails チュートリアル：実例を使って Rails を学ぼう テスト駆動開発の定義とは、アプリケ
CoffeeScriptでJavaScriptもクラス化しよう。テストを書きやすくメンテしやすく
CoffeeScriptを知ったのはRailsに組み込まれたからですが、Rails3.1で採用されてすぐに飛びついたわけではなく、しばらく敬遠してた時期もありました。しかし使い始めてからはもう手放せなくなりました。 そして次第にCoffeeScriptのclass構文を使えばよりよいJavaScriptの開発ができるのではないかと思うようになりました。 今回は最近CoffeeScriptを使ってどのように開発しているかを紹介したいと思います。 CoffeeScriptでのclass定義はこうやります class Person constructor: (@my_name) -> greeting: -> alert "Hello! my name is #{@my_name}." window.Person = window.Person || Person コンパイルすると以下のようなJ
Items
Codex This is a list of items from last.fm's GetHypedTracks Page 1 Shape Glasser (#1 / ID 1) Souls Like the Wheels The Avett Brothers (#2 / ID 2) Prism Tim Hecker (#3 / ID 3) Taking Over Joe Goddard (#4 / ID 4) Brave This Storm Trivium (#5 / ID 5) Radiance Tim Hecker (#6 / ID 7) Live Room Tim Hecker (#7 / ID 8) Live Room Out Tim Hecker (#8 / ID 9) Black Refraction Tim Hecker (#9 / ID 14) Stigmata
Ajax - Wikipedia
この項目では、Web開発手法について説明しています。 コナミのアーケードゲームについては「A-JAX」をご覧ください。 その他のAJAXについては「アイアース」をご覧ください。 一般的なWebアプリケーション（左）とAJAX（右）の動作の違い Ajax（エイジャックス[1][2]、アジャックス[3]）は、ウェブブラウザ内で非同期通信を行いながらインターフェイスの構築を行うプログラミング手法である[4]。XMLHttpRequest（HTTP通信を行うためのJavaScript組み込みクラス）による非同期通信を利用し、通信結果に応じてダイナミックHTML (DHTML) で動的にページの一部を書き換えるというアプローチを取る[5]。 Ajax は『Asynchronous JavaScript And XML』の略で、2005年2月18日に米国のインフォメーションアーキテクトであるジェシー・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新しいデジタル機器の開発スタイルに、Webアプリ開発者を取り込みたい
Loading the Content for a Bootstrap Popover via AJAX - 2Do Consulting
How can I close / dismiss Bootstrap Popover when clicking the popover trigger element?
How to dismiss a Twitter Bootstrap popover by clicking outside?
bootstrap popover not showing on top of all elements
bootstrap: change modal backdrop opacity only for specific modals
Keep Bootstrap Dropdown Open When Clicked Off
Contain form within a bootstrap popover?
Twitter Bootstrap Dropdown AJAX call
Ruby Rails - structuring data for AJAX call to controller action
Stop just one dropdown toggle from closing on click
twitter bootstrap dropdown links not working
Append to URL and refresh page