この書籍はCreative Commons Attribution-NonCommercialの ライセンス で公開されています。 また、PDFとしてレンダリングしたバージョンは以下からダウンロードすることができます。
前回、fuelphpでpjaxを扱うである画面だけ、pjaxのjsライブラリが必要だった。 テンプレートのベースである、templateファイルにpjaxのライブラリのパスを 書いてしまうと、使ってない画面までこのライブラリが呼ばれて無駄。 かと言って、個別テンプレートでそのライブラリを呼ぶのもいけてない。 assetsを利用してこの問題が解決できる。 ■コントローラー class Controller_Welcome extends Controller_Template { public function action_index() { Asset::css(array('bootstrap.min.css', 'bootstrap-responsive.min.css','bootswatch.css'), array(), 'add_css', false); $this->te
12 月 13 日に Kyoto.js の第 3 回 meetup で、「jQuery で HTTP 接続するときの書き方」と題した 5 分間のライトニングトークを行いました。以下にその内容を一部再構成して収録します。 こんにちは、nanto_vi です。今日は jQuery で HTTP 接続をするときの書き方について話します。 皆さん jQuery を使うことも多いかと思います。jQuery で HTTP 接続をするとき、古いサンプルだと次のような書き方が載っています。 $.ajax({ url: '/foo/bar', data: { baz: 'qux' }, success: function (data) { console.log(data); }, }); 接続完了時の処理をコールバック関数として $.ajax() に渡してやる形ですね。しかし、現在この書き方は非推奨となっ
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
▼はじめに 音が鳴ります。音量にご注意下さい! WebGLに対応したブラウザ(Chrome, Firefox)でご覧下さい。 フルスクリーンの方が楽しいかも。 ▼操作方法 マウスドラッグで球体を回転させます カードをクリックで選択、再度クリックで選択キャンセル 1枚目に選択したカードがベースカードになります ベースカードを選択キャンセルすると、すべてのカードの選択状態がリセットされます 2枚以上選択すると「合成する」ことができるようになります(2枚以上であれば何枚でも合成可能) 合成演出が終わったらはじめに戻り、以下ループ。 ▼サウンド フリー音楽素材 Senses Circuit http://www.senses-circuit.com/ SPEC vol.5 エントリー http://jsdo.it/event/spec/vol5 (function(){ "use strict";
一口にJSerといっても、色々な分野の人がいます。あなたはどんなJSerになりたいですか? 方向性により学ぶべき事も変わってきます。目標を明確にしましょう。 というわけで、独断と偏見……というか主に偏見で三種類にまとめてみました。 追記: 「勉強法」とかタイトルに付けておきながら勉強法に触れてませんでしたので「勉強範囲」に修正しました。ひー。 三種類 アニメーションを作る人 アプリを作る人 サーバ側を作る人 基本的にプログラマ視点です。コーダー視点も最後に。 では、それぞれ見てみましょう。 アニメーションを作る人 Flashの代わりにJavaScriptやCSSを使う人。Flasherさんがシフトしてくる位置。 発注側が想定するJavaScripter。最近の携帯ゲームで需要がある。 お仕事 JSだけでなくCSSや画像を駆使して画面を描く。 UIだけならいなくても困る事はないけれど、UXま
flotr2 (humble software development) HTML5 canvasで、グラフを描けるJavaScriptライブラリ「flotr2」が公開されています。 (英語) デモサンプルを見ると、種類が多くどれも綺麗なグラフで、アニメーションなどもできるようです。
既に多くの方が JavaScript のオブジェクト指向的側面についての解説を記事にされていますが、読み手側から見ると、例えばプログラミング言語への習熟度やオブジェクト指向自体に対する理解度がマチマチなわけで、私自身、「おお、なるほど!」 っていう、頭の中のスイッチがパチンッ!と入るような境地には達していませんでした。 かつて私も オブジェクト指向なJavaScriptプログラミングのススメ なんていう翻訳記事を書いてはいるのですが、正直なところ prototype.constructor の存在は知りませんでしたし、Function.call や Function.apply をどう使えばよいのかなどをちゃんと理解できてはいませんでした。 そんな中、2011年12月に書かれた Doc Center | Mozilla Developer Network の記事 オブジェクト指向 Java
Array.uniqは配列の重複した要素を取り除くメソッドです。Array.uniwメソッドはprototype.js v1.4.0を前提としています。 配列の中を走査しながら重複した要素を取り除き、その結果を新しい配列として返します。要素の重複はprototype.jsのEnumerable.includeを使って判断しています。 Object.extend(Array.prototype, { uniq: function() { return this.inject([], function(dest, value) { if (!dest.include(value)) dest.push(value); return dest; }); } }); var foo = [30, 20, 50, 30, 10, 10, 40, 50]; alert(foo.uniq()); //=
この機能を実行するにはprototype.jsが必要です 構文 Ajax.Request(url, options) 引数: url=URL, options=オプション 「Ajaxリクエストを行う」サンプルコード <html> <head> <title>Ajax.Request - Ajaxリクエストを行う</title> </head> <!--Ajaxリクエストを行うのサンプル--> <script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> function execute() { var a = new Ajax.Request( "/samples/ajax/test.php", { "method": "get", "parameters":
今、Twitterライクなつぶやきサービスを作っています。 フォームのところでTwitterみたいに文字数のカウンターをつけたい、 ということでズバリなPluginを教えてもらいました。 jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas (0)ダウンロード 上記のURLにアクセスして、メイン画像の下の「Download plugin」をクリック。 zipを解凍して jquery.js と charCount.js をブラウザがアクセスできる場所に置きます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く