最近のJavaScript開発まとめ
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
クロージャ - JavaScript | MDN
function init() { var name = "Mozilla"; // name は、init が作成するローカル変数 function displayName() { // displayName() は内部に閉じた関数 console.log(name); // 親関数で宣言された変数を使用 } displayName(); } init(); init() 関数はローカル変数 name を作成し、それから関数 displayName() を定義しています。displayName() は init() の中で定義されている内部関数で、その関数本体の内部でしか利用できません。displayName() 自体はローカル変数を持っていませんが、外側の関数で宣言された変数にアクセスできるので、displayName() では親関数 init() で宣言された変数 name を使用
この順番で読めばOK！JavaScriptを理解するための14冊 | DECONCEPTER
JavaScriptの書籍はjQueryやサンプル中心のチップス本などを含めると、多数出ており、これから勉強したい人にとってはどれから読めばいいか迷うところだと思います。 今日はここ数年で出た書籍の中で初級者から脱中級者になるまでに読みたい書籍を、この順番で読めばステップアップできるという内容で紹介したいと思います。 STEP1. 初心者へのおすすめはダントツでこれ一択。 初心者向けの内容としてはこれがダントツでおすすめです。内容が易しく丁寧な上にサポートサイトで書籍の内容を動画で説明してくれています。 Amazon.co.jp： よくわかるJavaScriptの教科書: たにぐち まこと: 本 サポートサイトはこちら STEP2. 全体を把握するには十分なボリューム。脱初級者向けにはこの2冊。 2冊とも初級者にとっては少し厳しい内容になっていますが、この2冊が理解できれば後は作りまくる
BigVideo.js - The jQuery Plugin for Big Background Video
BigVideo.js The jQuery Plugin for Big Background Video (and Images) 12-30-2015 Update This project is no longer under active development. Much has changed since the summer of 2012 when BigVideo.js was launched. For more current information on implementing video backgrounds, check out these links: CSS Tricks - Should I use a video as a background? Dudley Storey - Create Fullscreen HTML5 Page Backgr
【Javascript】consoleオブジェクトが持つlog以外の便利メソッド18（前編）
こんにちは、橋本です。 今回と次回の２回にわたり、Safari、ChromeのWebインスペクターやFirefoxのFireBugで使えるconsoleオブジェクトの使い方について書いてみたいと思います。 Javascriptのコードをデバッグする際に、console.logを使ってメッセージやオブジェクトの内容をログに表示することがあるかと思いますが、 この「console」オブジェクト、実はlogメソッド以外にも複数のメソッドがあります。 まずは、consoleオブジェクトにどのようなメソッドがあるか、console.logを使って表示してみたいと思います。 consoleオブジェクトの中身を見てみると、__proto__オブジェクトに以下のメソッドが定義されています。 assert count debug dir dirxml error group groupCollapsed g
５・６年生にもわかるやさしいJavaScript
５・６年生にもわかるやさしいJavaScriptは下記URLに移転しました。 お気に入りやブックマーク、リンクをしていただいている方は変更をお願いします。 新URL http://clap96.web.fc2.com/masapine/java_top.html ※10秒後に自動的に移動します。
画像の一部を拡大してくれるjavascript「shiftzoom.js」
画像ビューワーのように画像を拡大して表示するという機能をjavascriptで実現しているのが今回紹介する「shiftzoom.js」です。下記のよう現在拡大されているのが全体の何処の部分なのか、表示することも可能です。 上記の拡大して見せると言う基本動作の他に様々なオプションが用意されていて、画像をフェードさせたり、ズームのタイミングを指定できたりと細かいところまで配慮されていますので、画像をメインに扱うサイトでは重宝しそうなスクリプトです。 詳しくは以下 実装はそれほど複雑ではなくまずHEADの部分でjavascriptを読み込ませます。 <script type="text/javascript" src="shiftzoom.js"></script> // only if the cursor images for IE are not in the current path <
八角研究所 : JavaScript使いのためのAIR入門（2） - 今回はAIRパッケージの作成について
JavaScript使いのためのAIR入門（2） - 今回はAIRパッケージの作成について
【ハウツー】PHP PEARでちょい楽Ajax! (4) PHPで書かれたAjaxフレームワーク - HTML_AJAX | エンタープライズ | マイコミジャーナル
HTML_AJAXはPEARとしては初となるAjax用パッケージ。ユーザからすれば「Ajaxは使いやすくて便利」的な技術だが、実装するデベロッパには苦労を要求するという厳しい一面をもっている。Ajaxを実装するとなると、それこそ確認しなければならない箇所も多岐に渡るため、デベロッパはより慎重に開発しなければならない。そこでHTML_AJAXだ。 PHPは簡単にWebアプリケーションを作成できる反面、重複・無駄な処理を書いてしまうことが多く、意識してソースコードを書かないと、後のメンテナンス作業に多大な影響をおよぼす。HTML_AJAXなど活用してAjax関連のコードを積極的に再利用していくことで、開発や後のメンテナンスの手助けとすることができる。 現在の最新版は8月29日(協定世界時)に公開された0.5.0(beta)。GNU LESSER GENERAL PUBLIC LICENSE V
XMLをJSONデータに変換するJavascriptライブラリ - スピリッツオブゼロ@blog
XML→JSON展開クラス(by Amazon Web サービス ブログ)経由で知ったXMLデータをJSONデータに変換するJavascriptライブラリが激しく便利です。JSONとは初めて知りましたが JSON (JavaScript Object Notation) は、軽量なデータ交換フォーマットです。それは、人間にとって読みやすく、書きやすく、また、機械にとっても解析と生成の容易な形式です。 JavaScript(ECMAScript)にもとづくサブセットです。(【Ajax】JSON by JavaScript++かも日記) なにやらデータ交換に適したフォーマットらしい。Javascriptの配列・連想配列形式になっています。Kawasakiさんの作成されたXML→JSON展開クラスのJavascriptライブラリ(jkl-parsexml.js)はJavascriptのXMLHt
scriptaculous逆引きサンプル集 - JavaScriptist
はじめに bookmark scriptaculousの概要 ボックス要素に対して表示/非表示エフェクト bookmark フェードインで表示 - Effect.Appear フェードさせる - Effect.Fade ブライドダウン効果 - Effect.BlindDown ブラインドアップ効果 - Effect.BlindUp スライドダウン効果 - Effect.SlideDown スライドアップ効果 - Effect.SlideUp 折りたたむ効果 - Effect.Fold 縮小後消失 - Effect.Squish テレビのスイッチオフ風に消失 - Effect.SwitchOff 落下後消失するアニメーション - Effect.DropOut 拡大アニメーションで表示 - Effect.Grow 拡大アニメーションで消失 - Effect.Puff 縮小後消失 - Effec
script.aculo.us - web 2.0 javascript
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
PEAR パッケージ HTML_AJAX スタートアップ - どうにかなるBLOG
最近 Ajax が無性に気になったので調べてみた。しかし「AjaxはJavaScript + XMLの非同期通信です。とはいえ新しい技術ではなく既存の...略」なんて言われてもさっぱり意味がわからない。サンプルコードを見ても JavaScript 自体久しくいじってないので、ソースを見ても何が行われてるのかさっぱり。。 JavaScript といえば昔、苦労して書き上げたスクリプトが他のブラウザで全く動かないことが判明して、「なんて始末の悪い言語なんだ！」とぶち切れたっきりだっけ。。こんなクソ言語は絶対に流行らないだろうと当時は思ってたんだけど、今やgoogle の追い風にのってWebプログラミングの先端に返り咲いたか。しかも PEAR のパッケージに HTML_AJAX なるものがあって、これを使えば簡単に Ajax のコードが書ける？？なんて謳い文句は信用していいのやら。とりあえずス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記
さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料
一撃必殺JavaScript日本語リファレンス
Prototype JavaScript Framework: Class-style OO, Ajax, and more
Loading...
jQueryのセレクタ Childフィルタ1
